@charset "utf-8";
/* CSS Document */

body {
background-color:#e5e0b7;
background-image:url(../images/gradient.jpg);
background-repeat:repeat-x;
}

#Overall {
  position : relative;
  overflow:auto;
  width : 955px;
  margin: 0 auto;
  text-align:left;
  color : #000000;
  padding : 0px;
  background-image:url('/images/column.jpg');
  background-repeat:repeat-y;
/*  font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;*/
  font-family:"Trebuchet", Verdana, Arial, Helvetica, sans-serif;
}

#header {
float:left;
width : 705px;
height: 110px;
margin: 0;
padding : 0px;
background-color:#ffffff;
}

#basket {
float:right;
width:250px;
height:110px;
margin:0;
padding:0;
background-color:#FFFFFF;
color:#827d5b;
}

#basket p {
font-size:12px;
color:#827d5b;
margin:0;
padding: 3px 0 3px 0;
}

#basket a {
font-size:12px;
color:#827d5b;
text-decoration:none;
margin:0;
padding: 5px 0 5px 0;
}

#basket a:hover {
color:#996600;
}

#menubar {
float:left;
height:30px;
width: 935px;
margin:0;
padding: 7px 10px 0 10px;
background-color:#b2ac85;
}

#menubar ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#menubar li {
 display:inline;
 text-align:center;
 color:#ffffff;
 font-size:12px;
 font-weight:bold;
 padding: 0 8px 0 8px;
 border-right: 1px solid #eeeeee;
}

#menubar ul a:link, #menubar ul a:visited {
 color: #FFFFFF;
 text-decoration: none;
}

#menubar ul a:hover {
 color:#996600;
}

#topblock {
float:right;
width: 755px;
height:344px;
margin:0;
padding:0;
}

#mainblock {
float:right;
margin:0;
padding:0;
width:755px;
}

#mainsundryblock {
float:right;
margin:0;
padding:0;
width:755px;
}

#mainsundryblock h1 {
font-size:24px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:20px 0 0 15px;
}

#mainsundryblock h2 {
font-size:18px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:20px 0 0 15px;
}

#mainsundryblock h3 {
font-size:14px;
font-weight:bold;
color:#827d5b;
margin:0;
padding:20px 0 0 15px;
}

#mainsundryblock p {
font-size:12px;
font-weight:normal;
color:#827d5b;
padding:10px 0 2px 15px;
margin: 0;
}

#mainsundryblock li {
font-size:12px;
font-weight:normal;
color:#827d5b;
padding-top: 4px;
}

#mainsundryblock td {
font-size:12px;
font-weight:normal;
color:#827d5b;
padding:4px 0 2px 10px;
margin: 0;
}

#mainsundryblock a {
font-size:12px;
font-weight:normal;
color:#827d5b;
text-decoration:none;
}

#sideblock {
float:left;
clear:left;
width: 200px;
margin:0;
padding:0;
background-color:#b1ac84;
}

#sideblock h1 {
font-size:24px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
margin:0;
padding:20px 0 0 10px;
}

#sideblock h2, #sideblock h2 a {
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
margin:0;
padding:20px 0 0 10px;
}

#sideblock p, #sideblock a {
font-size:12px;
text-decoration:none;
color:#ffffff;
margin:0;
padding:5px 0 0 5px;
}

#sideblock a:hover {
color:#996600;
}

#sideblock ul {
margin:0;
list-style-image:url(/images/arrow.gif);
}

#sideblock li, #sideblock li a {
font-size:12px;
color:#ffffff;
margin:0;
text-decoration:none;
padding: 6px 4px 2px 5px;
}

#sideblock li a:hover {
color:#996600;
}

.topboxes {
float:left;
clear:left;
width: 106px;
height:70px;
margin: 6px 0 0 10px;
padding:4px;
}

.topboxes p, .topboxes a {
font-size:12px;
font-weight:normal;
color:#a29d7b;
text-decoration:none;
margin-top:24px;
}

.topboxes a:hover{
color:#c2bd9b;
}

.indexproduct {
float: left;
width:175px;
height:175px;
margin:5px;
padding:0;
text-align:center;
border: 1px solid #e4e2d3;
}

.indexproduct p {
font-size:12px;
font-weight:normal;
color:#827d5b;
padding:4px 4px 2px 4px;
margin: 0;
}

.indexproduct h2 {
font-size:18px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:5px 0 0 5px;
}

.indexdoublebox {
float: left;
width:363px;
height:175px;
margin:5px;
padding:0px;
text-align:left;
border: 1px solid #e4e2d3;
}

.indexdoublebox p, .indexdoublebox a {
font-size:12px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:5px;
text-decoration:none;
}

.indexdoublebox h2 {
font-size:18px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:5px 0 0 5px;
}

.indexfullwidth {
float:left;
width:739px;
height: 150px;
margin:5px;
padding:0;
text-align:left;
}

.indexfullwidth p, .indexfullwidth a {
font-size:12px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:2px 5px 1px 5px;
text-decoration:none;
}

.indexfullwidth h1 {
font-size:18px;
font-weight:bold;
color:#827d5b;
margin:0;
padding: 4px 0 2px 5px;
}

.indexfullwidth h2 {
font-size:18px;
font-weight:bold;
color:#827d5b;
margin:0;
padding: 4px 0 2px 5px;
}

.goeswellwithproduct {
float: left;
width:173px;
height:175px;
margin:5px;
padding:0;
text-align:center;
border-top: 1px solid #e4e2d3;
border-left: 1px solid #e4e2d3;
border-right: 6px solid #c4c2a3;
border-bottom: 6px solid #c4c2a3;
}

.goeswellwithproduct p {
font-size:12px;
font-weight:normal;
color:#827d5b;
padding:4px 4px 2px 4px;
margin: 0;
}

.goeswellwithproduct h2 {
font-size:18px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:5px 0 0 5px;
}


.intouch {
float:right;
width:739px;
height: 180px;
margin:0px 10px 5px 5px;
padding:0;
text-align:left;
background-image:url(../images/intouch.jpg);
}

.intouch p, .intouch a {
font-size:12px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:2px 5px 1px 5px;
text-decoration:none;
}

.intouch h1 {
font-size:18px;
font-weight:bold;
color:#827d5b;
margin:0;
padding: 10px 0 2px 5px;
}

.intouch h2 {
font-size:18px;
font-weight:bold;
color:#827d5b;
margin:0;
padding: 10px 0 2px 5px;
}

#bottommenu {
float:left;
clear:both;
margin:0;
padding:0;
width:955px;
background-color:#f0efe7;
}

#bottommenu h2 {
font-size:14px;
font-weight:bold;
color:#b2ac85;
margin:0;
padding: 4px 0 2px 5px;
}

#bottommenu ul {
margin:0;
list-style-image:url(/images/arrow.gif);
}

#bottommenu li, #bottommenu li a {
font-size:12px;
color:#b2ac85;
margin:0;
text-decoration:none;
padding: 6px 0 2px 5px;
}

#bottommenu li a:hover {
color:#996600;
}

.floatleft0 {
float:left;
margin:0;
padding:0;
}

.floatleft20 {
float:left;
margin:0 20px 0 0;
padding:0;
}

.floatclearleft0 {
float:left;
clear:left;
margin:0;
padding:0;
}

.floatright0 {
float:right;
margin:0;
padding:0;
}

.generalH1 {
font-size:24px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:20px 0 0 15px;
}

.generalH2 {
font-size:18px;
font-weight:normal;
color:#827d5b;
margin:0;
padding:20px 0 0 15px;
}

.generalH3 {
font-size:14px;
font-weight:bold;
color:#827d5b;
margin:0;
padding:20px 0 0 15px;
}

.generalP {
font-size:12px;
font-weight:normal;
color:#827d5b;
padding:10px 0 2px 15px;
margin: 0;
}

.generalP a {
font-size:12px;
font-weight:normal;
color:#827d5b;
text-decoration:none;
}

.generalP a:hover {
color:#F3A81B;
}

#topsideblock {
float:left;
width: 200px;
margin:0;
padding:0;
background-color:#b1ac84;
}

#topsideblock ul {
color: #de0808;
padding:0px;
margin: 0 0 0 7px;
}

#topsideblock ul a{
display:block;
width:156px;
height:68px;
background-color:#ffffff;
margin:9px 0 12px 10px;
padding:2px 4px 0 2px;
color: #555555;
font-size:11px;
font-weight: bold;
text-align: right;
text-decoration: none;
/*border:3px solid #b1ac84;*/
border:2px solid #ffffff;
}

#topsideblock a:hover {
border:2px solid #666666;
}


#topsideblock li {
display:inline;
}

* html #topsideblock a {height: 50px;}

.sidebarfeaturebox {
float:left;
width:180px;
height:80px;
background-color:#FFFFFF;
margin: 4px 10px 8px 10px;
padding:0;
}

.sidebarfeaturebox img, .sidebarfeaturebox a {
padding:0;
margin:0;
color:#b1ac84;
text-decoration:none;
}

.sidebarfeaturebox p {
color:#b1ac84;
}

.sidebarfeaturebox a:hover {
color:#666666;
}