html{height:100%;}


body{background: #BEC4B4; margin:10px; padding:0; font-family:Georgia, "Times New Roman", Times, serif; height:100%;}
a {position:relative;}

#foot{padding:0 20px 10px 20px; clear:both;}
#foot p{text-align:center; color:#303934; font-size:80%;}
#foot p a{color:#303934; text-decoration:none;}
#foot p a:hover{color:#86C42B; border-bottom:1px solid #86C42B;}

#pagefooter {text-align:center; color: #303934; font-size: 70%; padding: 0 0 20px 0;}
#pagefooter p a{color:#303934; text-decoration:none;}
#pagefooter p a:hover{color:#86C42B; border-bottom:1px solid #86C42B;}


#head{background-color: #303934; margin:0 0 10px 0; width:955px; margin:0 auto;padding: 4px 4px 4px 4px; } 
#head_cont{width:955px; margin:0 auto;}
#head_cont p{color:#fff; float:right; margin:5px 30px 5px 40px;   text-align: right; display: inline;}
#head_cont p img{text-align: right;}
.topimg{margin:0 0 0 13px; height:101px; width:347px; background:#000; }
.basket a{font-size: 110%; text-decoration: none; color: #fff; padding: 0px 4px 10px 4px;}
.basket a:hover{color:#86C42B; }
.value {font-size: 80%;line-height: 30px;padding: 0px 4px 0px 0px; font-weight: 600;}
.hotline {font-size: 120%; font-weight: 600;}
#head_cont h1 {font-size: 80%; font-weight: 600; color:#fff; padding: 2px 0 4px 18px; margin: 0 0 0 0;}

#wrapper{width:955px; margin:0 auto; background: #fff; padding: 4px 4px 4px 4px;}

#content_block{float: left; width:525px; background: #fff;  margin:10px 10px 20px 10px; display: inline;}
#content_block h1{font-size:120%; font-weight:normal; border-bottom:1px dotted #000; padding:5px -5px; margin:0;}
#content_block h2{font-size:90%; font-weight:normal; padding:5px 10px; margin:0;}
#content_block h3{font-size:120%; font-weight:normal; border-bottom:1px dotted #86C42B; padding:5px -5px; margin:0; color: #86C42B;}
#content_block p{}
#content_block a{text-decoration:none; border-bottom:1px dotted #000; color:#000;}
#content_block a:hover{border-bottom:1px solid #000;}
#subcatlisting a{text-decoration:none; border-bottom: none; margin-left: 15px;}

#productlisting {border: thin solid #9DAB85; margin: 5px 0 5px 0; width:510px; padding: 3px 5px 5px 5px; background: url(../images/productbg.gif) repeat-y top right; float:left;}
#productlisting a{text-decoration:none; border-bottom: none; color: #000; border-bottom: 1px dashed; }
#productlisting a:hover{text-decoration:none; border-bottom: 1px dashed #86C42B; color: #86C42B; font-weight: 400; }

#basket {float: left; width: 280px; font-size:80%; display: inline;}
#basket a{ text-decoration:none; border-bottom: 0px}
.orderqty {height:29px; padding: 4px 10px 5px 5px; text-decoration: none; border: none; float:left; display: inline;}
.orderqty a{height:29px; padding: 5px 0 5px 0px; text-decoration: none; border: none;}

.orderbasket {height:27px; padding: 0px 10px 0px 5px; text-decoration: none; border: none; float:left; display: inline;}
.orderbasket img{height:27px; text-decoration: none; border: none;}

.uom {padding: 0px 10px 0px 19px; font-style: italic; margin-top: 0px; color: #990000; font-weight: 200;}

/* .orderqty input { border: 0.5px solid #000000; font-size: 16px; height: 27px; line-height: 25px; padding: 0 0 -2.5px 0; width: 30px; z-index: 1;margin: 0 0 4px -2px; background: #73A521; color:#fff; text-align: center;} */


.itempic {padding: 8px 0 5px 0px; width: 215px; text align: center; float: left; display: inline;}
.itempic img{border: 1px solid #303934; padding: 2px 2px 2px 2px}
.itempic img a{text-decoration:none; border-bottom: none;}

.itemdesc {padding: 8px 0 5px 5px; font-size: 75%; float:left; width: 280px; display: inline;}
.itemref {float: right; font-size: 75%;}
.itemprice {padding: 3px 0 5px 5px; float: left; font-size: 90%; font-weight: 400;}
.itemlongdesc {padding: 8px 0 5px 5px; font-size: 75%; float:left; width: 500px; display: inline;}

.tags {padding: 20px 0 15px 5px; font-size: 100%; width: 500px; display: inline; color: #990000; font-weight: 600; float: left;}
.tags a{font-weight: 200; }

.smalltext {padding: 0 20px 0 40px; font-size: 70%;}
.breadcrumb {padding: 0 0 10px 0; font-size: 75%;}




#front_block{float: left; width:525px; background: #fff;  margin:10px 10px 20px 10px; display: inline;}

#frontboxes {margin: 5px 3px 2px 0; float: left; width:258px; height:211px; background: #BEC4B4;}
.boxtitle {width: 255px; background: #303934; color: #fff; font-size: 75%; line-height: 25px; padding: 2px 0 0 3px; font-weight: 200;}
#boxtext {width: 255px; font-size: 70%;padding: 2px 0 0 3px; color: #303934; }
#boxpic {float: right; padding: 0px 3px 0px 3px; border: none;}
#boxpic img a {float:right; padding: 0px 3px 0px 3px; border: none;}
#boxpic img a:hover {float:right; padding: 0px 3px 0px 3px; border: none;} 
.fulldets {float:leftt; margin: 10px 0 0 0px;}

#newsbox {margin: 5px 3px 2px 0; float: left; width:520px; background: #BEC4B4;}
.newsboxtitle {width: 517px; background: #990000; color: #fff; font-size: 120%; line-height: 35px; padding: 2px 0 0 3px; font-weight: 200;}
.newsitem {width: 510px; font-size: 110%;padding: 2px 0 0 3px; color: #303934; }
#newsboxtext {width: 510px; font-size: 70%;padding: 2px 0 0 3px; color: #303934; }
#newsboxpic {float: left; padding: 0px 3px 0px 3px; border: none;}
#newsboxpic img a {padding: 0px 3px 0px 3px; border: none;}
#newsboxpic img a:hover {padding: 0px 3px 0px 3px; border: none;} 
.newsfulldets {clear: both; margin: 10px 0 10px 3px;}


#info_block{width:585px; margin:0 0 0 185px; background: #faf3b8; padding:0 0 150px 0; font-size: 75%}
#info_block h1{font-size:150%; font-weight:normal; border-bottom:1px dotted #000; padding:5px 10px; margin:0;}
#info_block h2{font-size:100%; font-weight:600; padding:5px 10px; margin:0;}
#info_block p{padding:0px 10px; margin:5px 0;}
#info_block a{text-decoration:none; border-bottom:1px dotted #000; color:#000;}
#info_block a:hover{border-bottom:1px solid #000;}

/* {color:#fff; font-size: 80%; background-color: #393A35; padding: 10px 5px 10px 5px;} */

#side_left{float:left; width:200px; height: 100%; color:#fff; font-size: 80%; background-color: #393A35; margin: 0;padding:0; display: inline; padding: 0;} 
#side_left ul{list-style:none; width:185px; _padding: 0px; _margin-right: -30px;}
#side_left li{margin:5px 0 1px -35px; padding:0; border-bottom:1px dashed #86C42B; width:185px; }
#side_left li a{color:#BEC4B4; text-decoration:none; display: block;  width:185px;}
#side_left li a:hover{color:#fff; background-color: #86C42B; display: block;  width:185px;}

.fronttop{float:left; width:185px; padding: 2px 0 2px 5px; font-size: 140%;}
.frontprods{float:left; width:185px; padding: 3px 0 3px 5px; font-size: 90%}
.frontprods a{color:#BEC4B4; text-decoration:none;}
.frontprods a:hover{color:#faf3b8; text-decoration:none;}

.tagtop {float:left; width:185px; padding: 20px 0 2px 5px; font-size: 140%;}
.sidetags {padding: 2px 1px 2px 2px;display: inline; }
.sidetags a{color: #86C42B; text-decoration:none;}
.sidetags a:hover{color:#faf3b8; text-decoration:none;}


#side_right {float:right; width:200px; color:#303934; margin: 5px 5px 5px 5px; padding:0; display: inline;}
#side_right h2 {font-size: 90%; font-weight: 600; margin: 0 0 0 0;}
#side_right p {font-size: 80%;}

#side_right_front {background: url(../images/textbg.gif) repeat-y top right;}

.enquire{float:right; margin:5px 55px 5px 0;}

#login  {float: left; padding: 5px 0px 5px 0px; width: 183px; font-size: 80%; display: inline;}
#login fieldset { border:1px solid #303934; margin-top: 5px; 1padding-bottom: 10px;}
#login  legend { padding: 0.2em 0.5em;  border:1px solid #303934;  color:#fff; background-color: #303934 }
#login  label { float:left;  width: 65px;  margin-left:0.2em; margin-right:0.2em; padding-top:0.4em; font-weight:bold;  font-size: 12px}
#login  a{font-size: 110%; text-decoration: none; color: #86C42B; margin-left:0.2em; line-height: 30px; font-weight:200;}
#login  a:hover{color: #393A35;}

#loggedin  p(font-size: 90%; font-weight: 600;}

#clearance  {float: left; padding: 5px 10px 5px 10px; width: 183px; background-color: #eeeeee;}
#clearance  a{font-size: 110%; text-decoration: none; color: #86C42B; line-height: 30px; font-weight:200;}
#clearance  a:hover{color: #393A35;}

#product_block{width:600px; margin:0 0 0 185px; background: #faf3b8; padding:0 0 150px 0; }
#product_block h1{font-size:120%; font-weight:normal; padding:5px 10px; margin:0;}
#product_block p{padding:5px 10px; margin:5px 0; display: block; width: 550px; font-size:80%; text-align: justify}
#product_block p a{text-decoration:none; border-bottom:1px dotted #000; color:#000; font-weight:600;} 
#product_block p a:hover{ font-weight:600;} 

#sold {margin-top: -427px;width: 200px;height: 336px;padding: 2px;border: none;float:left;margin-left: 2%;}


#contact {padding:5px 10px; margin:5px 0;}
#contact label, dt {
	float: left;
	width: 100px;
	padding: 8px 0;
	clear: left;
	font-weight: 600;
}

#contact input, dd {
	float: left;
	width: 150px;
	margin: 10px 0;
}

#contact textarea {	float: left; margin: 10px 0;}

.floatimgright {float: right; margin: 10px 0px 10px 10px; border: 1px solid #666;padding: 2px;}
.mainimg {margin: 5px 0px 10px 10px; border: 1px solid #666;padding: 2px;}
.picborder {margin: 5px 0px 10px 10px; border: 1px solid #666;padding: 2px;}
.thumb {margin: 0px 10px 0px 0px; border: 1px solid #666;padding: 2px; width: 75px; height: 61px;}

.smalltitles {font-size: 90%; color: #990000; font-weight: 600;}
.basketText {font-size: 75%; text-align: left;}
.clear{clear:both;}

#createaccount  {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 308px;   font-size:90%}
#createaccount  fieldset { border:1px solid #86C42B; margin-top: 15px; padding-bottom: 10px;}
#createaccount   legend { padding: 0.2em 0.5em;  border:1px solid #86C42B;  color:#fff;    text-align:right; background-color: #86C42B; }
#createaccount   label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 80%}
#createaccount   input { margin-left: 10px; margin-right: 1px;}
#createaccount   select { margin-left: 10px; margin-right: 1px;}
#createaccount   .promocode { float:left;  width:70%;  margin-right:0.5em;  padding-top:0.5em; padding-left:2em;  padding-bottom: 0.8em; text-align:left;  font-weight:bold;  font-size: 12px; display:block;}

#updateaccount  {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 308px;   font-size:90%}
#updateaccount  fieldset { border:1px solid #86C42B; margin-top: 15px; padding-bottom: 10px;}
#updateaccount   legend { padding: 0.2em 0.5em;  border:1px solid #86C42B;  color:#fff;    text-align:right; background-color: #86C42B; }
#updateaccount   label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 80%}
#updateaccount   input { margin-left: 10px; margin-right: 1px;}
#updateaccount   select { margin-left: 10px; margin-right: 1px;}
#updateaccount   .promocode { float:left;  width:70%;  margin-right:0.5em;  padding-top:0.5em; padding-left:2em;  padding-bottom: 0.8em; text-align:left;  font-weight:bold;  font-size: 12px; display:block;}
#updateaccount a{border: none;}
#updateaccount a:hover{border: none;}

#loginpage  {float: left; padding: 10px 5px 10px 5px; width: 500px; height: 308px;   font-size:90%}
#loginpage  fieldset { border:1px solid #303934; margin-top: 5px; 1padding-bottom: 10px;}
#loginpage  legend { padding: 0.2em 0.5em;  border:1px solid #303934;  color:#fff; background-color: #303934 }
#loginpage   label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 80%}
#loginpage   input { margin-left: 10px; margin-right: 1px;}
#loginpage   select { margin-left: 10px; margin-right: 1px;}


#address {float:left; width: 250px;}

#makepayment {text-align: center; margin-top: 30px;}