html {
  height: 100%;
}

body {
  background: #b5a596 url(/img/backgrounds/site.png) center 63px no-repeat;
  font: 12px "Trebuchet MS",Helvetica,sans-serif;
  color: #000;
  height: 100%;
}

a, a:active, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #6c9405;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.container {
  background: #fff url(/img/backgrounds/container.png) center 79px no-repeat;
  color: #000;
  display: block;
  min-height: 812px;
  margin: 0 auto;
  position: relative;
  width: 950px;
}

header {
  background: #fff url(/img/backgrounds/header.png) no-repeat;
  height: 126px;
}

header #logo {
  margin-left: 23px;
  margin-top: 47px;
}

#slidercategoriescontainer {
  background: #fff;
  height: 299px;
  position: relative;
}

#slider {
  height: 295px;
  overflow: hidden;
}

#slider img {
  display: none;
}

#categoriescontainer {
  background: url(/img/backgrounds/categories.png) no-repeat;
  height: 295px;
  left: 11px;
  position: absolute;
  width: 195px;
  z-index: 15;
}

#categoriescontainer ul {
  margin-top: 4px;
}

#categoriescontainer ul li {
  background: url(/img/backgrounds/category.png) left top no-repeat;
  padding-left: 19px;
}

#categoriescontainer ul li.first {
  background: none;
}

#categoriescontainer ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}

#categoriescontainer ul li a:hover, #categoriescontainer ul li.selected a {
  color: #ffc000;
}

#topmenu {
  top: 92px;
  position: absolute;
  right: 28px;
}

#topmenu ul {
  margin: 0;
  padding: 0;
  position: relative;
}

#topmenu ul li {
  background: url(/img/backgrounds/topmenubutton.png) no-repeat ;
  float: left;
  margin-right: 8px;
  width: auto;
}

#topmenu ul li .overlay {
  background: url('/img/backgrounds/overlay.png');
  color: #fff;
  display: none;
  min-height: 100px;
  position: absolute;
  right: 3px;
  top: 34px;
  width: 686px;
  z-index: 100;
}

#topmenu ul li.hover .overlay {
  display: block;
}

#topmenu ul li .overlaycontent {
  padding: 13px 14px 13px 21px;
}

#topmenu ul li .overlaycontent div.column {
  float: left;
  padding-right: 11px;
  width: 149px;
}

#topmenu ul li .overlaycontent div.column a {
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 0;
}

#topmenu ul li .overlaycontent div.column a:hover {
  color: #ffc000;
}

#topmenu ul li span {
  background: url(/img/backgrounds/topmenubutton.png) no-repeat right center ;
  display: block;
  height: 34px;
  margin-left: 5px;
  width: 100%;
}

#topmenu ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 34px;
  padding: 0 5px 0 5px;
}

#topmenu ul li a:hover, #topmenu ul li.hover a {
  color: #ffc000;
}

#mainmenu {
  position: absolute;
  left: 0;
  top: 421px;
}

#mainmenu ul {
  margin: 0 0 0 28px;
  padding: 0;
}

#mainmenu ul li {
  background: url(/img/backgrounds/mainmenubutton.png) no-repeat ;
  float: left;
  height: 37px;
  margin-right: 8px;
  width: auto;
}

#mainmenu ul li span {
  background: url(/img/backgrounds/mainmenubutton.png) no-repeat right center ;
  display: block;
  height: 37px;
  margin-left: 5px;
  width: 100%;
}

#mainmenu ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 37px;
  padding: 0 5px 0 5px;
}

#mainmenu ul li a:hover {
  color: #ffc000;
}

#slidercontainer {
  height: 295px;
  overflow: hidden;
}

#main.contentpage {
  clear: both;
  padding: 0 27px 26px 29px;
}

#main.contentpage h1 {
  font-size: 28px;
  margin-top: 47px;
  margin-bottom: 20px;
}

#main.homepage #zipcodesearchform {
  background: url('/img/backgrounds/zipcodesearch.png') left top no-repeat;
  float: left;
  height: 42px;
  margin-top: 67px;
  padding: 0;
}

#main.homepage #zipcodesearchform div#zipcodesearchforminner {
  background: url('/img/backgrounds/zipcodesearch.png') right top no-repeat;
  color: #fff;
  font-family: "Trebuchet MS", Verdana, Arial;
  font-weight: bold;
  font-style: italic;
  font-size: 15px;
  height: 42px;
  line-height: 42px;
  min-width: 400px;
  margin-left: 15px;
  margin-right: -12px;
  padding-right: 15px;
  text-transform: uppercase;
}

#main.homepage #zipcodesearchform div#zipcodesearchforminner input, 
#main.homepage #zipcodesearchform div#zipcodesearchforminner div {
  float: left;
}

#main.homepage #zipcodesearchform div#zipcodesearchforminner input  {
  margin-top: 7px;
}

#main.homepage #zipcodesearchform div#zipcodesearchforminner input.text {
  border: 1px solid #ecdfc6;
  height: 25px;
  line-height: 28px;
  margin-left: 6px;
  margin-right: 10px;
  padding: 0 3px;
  width: 140px;
}

#main.contentpage.homepage h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 35px;
}

#main.contentpage h2 {
  font-size: 26px;
  margin-top: 6px;
  margin-bottom: 0;
}

#main.contentpage h3 {
  font-size: 18px;
  margin-bottom: 14px;
  margin-top: 23px;
}

#main.contentpage div.textcol {
  font-size: 11px;
  line-height: 18px;
  width: 415px;
}

#main.contentpage div.textcol.floatright {
  margin-right: 18px;
}

#main.contentpage h2.webshops {
  clear: both;
  padding-top: 30px;
  margin-bottom: 18px;
}

ul.companies {
  clear: both;
  margin: 0;
  padding: 0;
}

ul.companies li {
  background: url(/img/backgrounds/company.png);
  border: 1px solid #000;
  float: left;
  height: 187px;
  margin-right: 11px;
  padding: 7px 8px;
  overflow: hidden;
  text-align: center;
  width: 195px;
}

.homepage ul.companies li {
  margin-bottom: 14px;
}

ul.companies li.last {
  margin-right: 0;
}

ul.companies li div.imagecontainer {
  background: #fff;
  border: 1px solid #000;
  height: 142px;
  margin-bottom: 10px;
  width: 195px;
}

ul.companies li a.companylink {
  display: block;
  font-size: 13px;
  height: 34px;
  overflow: hidden;
}

ul.companies li a.companylink:hover {
  color: #a56615;
}

footer {
  margin: 6px auto;
  width: 950px;
}

footer #footertext {
  background: #613905;
  color: #c89063;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 19px;
  text-align: center;
}

footer #credits {
  margin-top: 8px;
  padding-bottom: 8px;
  text-align: right;
}

#main.companies {
  background: #fff url(/img/backgrounds/container.png) center top no-repeat;
  clear: both;
  min-height: 400px;
  padding: 47px 27px 26px 29px;
}

#main.companies aside {
  float: left;
  margin-right: 30px;
  width: 176;
}

#main.companies aside h2 {
  color: #000;
  font-size: 18px;
  margin-bottom: 18px;
}

#main.companies aside nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#main.companies aside nav ul li {
  background: url('/img/backgrounds/subselection.png') no-repeat;
  height: 25px;
  margin-bottom: 7px;
}

#main.companies aside nav ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding: 0 7px;
  width: 162px;
}

#main.companies aside nav ul li a:hover, #main.companies aside nav ul li.selected a {
  color: #ffc000;
}

#main.companies #companiescontainer {
  float: right;
  width: 686px;
}

#main.companies #companiescontainer h1 {
  float: left;
  width: 500px;
}

#main.companies #companiescontainer div.pagelinks {
  margin-top: 30px;
  float: right;
}

#main.companies #companiescontainer div.pagelinks ul {
  color: #000;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main.companies #companiescontainer div.pagelinks ul li {
  float: left;
  padding: 0 3px;
}

#main.companies #companiescontainer div.pagelinks ul li a {
  color: #000;
}

#main.companies #companiescontainer div.pagelinks ul li a:hover, #main.companies #companiescontainer div.pagelinks ul li span.activepage {
  color: #a36000;
}

/* override colors for pagelinks under the list of companies */
#main.companies #companiescontainer div#pagelinksbottom {
  margin-top: 5px;
}

#main.companies #companiescontainer div.pagelinks.dark ul {
  color: #000;
}

#main.companies #companiescontainer div.pagelinks.dark ul li a {
  color: #000;
}

#main.companies #companiescontainer div.pagelinks.dark ul li a:hover, #main.companies #companiescontainer div.pagelinks.dark ul li span.activepage {
  color: #5b105a;
}

#main.companies #companiescontainer ul.companies li {
  margin-bottom: 19px;
  margin-right: 23px;
}

#main.companies #companiescontainer ul.companies li.last {
  margin-right: 0;
}

#main form {
  margin-top: 20px;
  padding: 10px;
}


#main form p {
  clear: both;
  line-height: 21px;
}

#main form label {
  float: left;
  width: 140px;
}

#main form label.error {
  color: red;
  float: none;
  line-height: 21px;
  padding: 0 10px;
  width: auto;
}

#main form input.checkbox {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}

#main form label.checkboxlabel {
  float: left;
  line-height: 22px;
}

#main form input.text{
  border: 1px solid #aaa;
  padding: 2px;
  width: 200px;
}

#main form input.radio, 
#main form input.checkbox {
  vertical-align: baseline;
}

#main form input.address {
  width: 160px;
}

#main form input.housenumber {
  width: 30px;
}

#main form input.zipcode {
  width: 50px;
}

#main form input.city {
  width: 140px;
}

#main form input.error, #main form textarea.error {
  border: 1px solid red;
}

#main form textarea {
  border: 1px solid #aaa;
  padding: 2px;
  height: 100px;
  width: 350px;
}



/* CSS for the scrollers */
div.scroller {
  position: relative;
  display: block;
  height: 39px;
  line-height: 39px;
  overflow: hidden;
}

div.scrollertext {
  position: absolute;
  white-space: nowrap;
}