/* CSS Document */



body{

	margin: 0px;

	padding: 0px;

	font: 12px "trebuchet ms";

	color:#000;

	

}



h1{	font: bold 22px "trebuchet ms"; color: #000000; }

h2{	font: bold 20px "trebuchet ms"; color: #000000; }

h3{	font: bold 18px "trebuchet ms"; color: #000000; border-bottom:1px solid #E9E9E9;  }

h4{	font: bold 18px "trebuchet ms"; color: #dfbb04; padding:0px!important; margin-top:-3px;}

h5{	font: bold 14px "trebuchet ms"; color: #000000; }

h6{	font: bold 18px "trebuchet ms"; color: #000000; }



/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */

h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }



.clear{	clear: both; }

.left{ float: left; }

.right{ float: right; }

.red{ color: red; }

img{ border: none; }



form, fieldset, legend{ margin: 0; padding: 0; }

fieldset{ border: none; }

legend{ display: none; }

.nobg{ border: none; background: none; }



a{

	color: #000000;

	text-decoration: none;

}

a:hover{

	color:#414141;

	text-decoration: none;

}







/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */

/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/



/* input[type=""] DOES NOT WORK IN IE6 */

input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }



input, textarea{

	background: white;

}



input.submit{

	width: 100px;

	background: white;

	height: 24px;

}



#headerBg{ background: #000000; overflow: hidden; }

#header{

	width: 956px;

	margin: 0 auto;

	overflow: hidden;

}

#headerBar{ 

	margin: 0; 

	padding: 0;

	overflow: hidden;

	float: right;

	color: #FFFFFF; 

	font-size: 13px;

	line-height: 26px;

	width: 600px;

	text-align: right;

}

#headerBar a{ color: #FFFFFF; }

#headerBar li{

	list-style: none;

	float: right;

	padding: 0 3px;

}



#headerBar #basket{ font: bold 16px "trebuchet ms"; line-height: 25px; padding-left: 6px; }



#logo{ width:583px; height:148px; margin:0px; padding:0px; float:left; }



#headerTelephone{

	width:200px;

	float: right;

	color: #FFFFFF;

	font-size: 29px;

	padding: 6px 0px 0px 0px;

	margin:0px;

}



#headerTelephone p {

	margin:0px;

	padding:0px;

	font-size: 21px;

}

	

#freeDelivery {

width:153px;

	font-size:14px;

	color:#FFFFFF;

	float:right;

	line-height:29px;

	margin:16px 0px 0px 0px;

}

	

#freeDelivery p{

	font-size:22px;

	color:#ffd400;

	margin:0px 0px 0px 0px;

	padding:0px;

	line-height:22px;

}



#navBg{ 

	background: #fafafa url(../gfx/navRepeat.gif) bottom repeat-x; 

	clear:both; 

	overflow: hidden; 

	width: 100%; 

	padding-bottom: 10px; 

	border-top: 1px solid #efedea;

	margin-bottom:17px;

}

#nav{

	width: 956px;

	margin: 0 auto;

	line-height: 35px;

}





#quick_find, #quick_find fieldset{ display: block; float: left; vertical-align: middle; }

#quick_find input{ vertical-align: middle; }

#searchInput{

	background: url(../gfx/searchBg.gif) no-repeat;

	width: 205px;

	height: 17px;

	border: none;

	padding: 3px 0 3px 25px;

}



#nav ul{ margin: 0; padding: 0; display: block; float: left; }

#nav ul li{

	float: left;

	list-style: none;

	background: url(../gfx/navSeperator.gif) right center no-repeat;

	padding: 0 10px;

}

#nav ul li a{

	font: bold 12px "trebuchet ms";

	color: #3d3d3d;

	font-weight: bold;

}

#nav ul #navOn a{ font-weight: bold; color: #000; }

#nav ul li a:hover{ color: #88795d; text-decoration: none; }



#mainArea{

	width: 956px;

	margin: 0 auto;

	clear: both;

	padding-bottom: 10px;

	overflow: hidden;

}



#leftcol{

	float: left;

	width: 700px;

}



#rightcol{

	float: right;

	width: 237px;

}



#categoriesTop{

	color: #FFFFFF;

	background: #000000 url(../gfx/categoriesTop.gif) top center no-repeat;

	font-size: 18px;

	width: 237px;

	text-align: center;

	line-height: 30px;

}

#categories{ 

	margin: 0px 0px 22px 0px ; 

	padding: 5px 0 10px 0; 

	background: url(../gfx/categoriesBottom.gif) bottom center no-repeat;

	width: 237px;

}

#categories li{

	list-style: none;

	text-align: center;

	background: url(../gfx/categoriesSeperator.gif) bottom center no-repeat;

	padding: 5px 0 15px 0;

}

#categories .subcat{ background: none; padding: 5px 0; }

#categories .subcat a{ font-size: 11px; }

#categories li a{

	font-size: 15px;

	color: #000000;

}



#categories li a:hover{

	text-decoration:none;

	color: #88795d;

}



.productTitle{ font: bold 16px "trebuchet ms"; color: #000000; line-height: 16px; }

.productTitle2{ font: bold 16px "trebuchet ms"; color: #000000; line-height: 16px; padding-left:13px; }

.productDesc p{ font: 13px "trebuchet ms"; color: #272727; line-height: 16px; padding:0px 12px 0px 12px; margin: 0px 0px 10px 0px; }

.productPrice{ font: bold 14px "trebuchet ms"; color: #dfbb04; }

.productBuy{ text-align: left; padding-left: 85px; height:20px }





#productBox{width:349px; height:auto; float:left; margin:0px 0px 0px 36px;}

#productInfoImage{ float:left; margin:4px 0px 0px 0px; }

#productInfoTitle{ font:bold 20px "trebuchet ms"; color: #000;  }

#productInfoPrice{ font: bold 32px "trebuchet ms"; color: #f3cb00; }

#productInfoDescription{ width:349px; font: 12px "trebuchet ms"; color: #4c4c4c; line-height: 22px; }

#productInfoBuy{ text-align: right; padding-right: 0px; }

#productWeight{ font: bold 14px "trebuchet ms"; color: #3d3d3d; }



#customerCommentsText{ font: 12px "trebuchet ms"; color: #4c4c4c; line-height: 22px; }

#customerComments{ font: bold 18px "trebuchet ms"; color: #000;  }

#commentsBorder { border: 1px solid #ececec; padding: 6px 12px; margin-top:30px;} 

#customerName a {color:#f3cb00;}



#specials .infoBox{ border: none; padding-left: 20px; }



#newsletterTop{

	width: 237px;

	background: #000000 url(../gfx/categoriesTop.gif);

	font: 18px "trebuchet ms"; color: #FFFFFF;

	text-align: center;

	margin:-10px 0px 0px 0px;

	overflow:hiddden;

	line-height: 30px;

}



#newsletter{

	width:215px;

	height:auto;

	font-size:13px;

	color:#000000;

	border-left: 1px solid #e9e9e9;

	border-right: 1px solid #e9e9e9;

	background-color:#fcfbfc;

	margin:0px;

	padding:15px 10px 13px 10px;

	overflow:hidden;

}



#newsletter input{

	width:96%;

	height:17px;

	border:1px solid #DBDBDB;

	margin:0px 0px 10px 0px;

	padding:3px;

	overflow:hidden;

	color:#999999;

}



#newsletter .required{

	text-align:center;

	}

	

#newsletter .error{

	text-align:center;

	font-weight:bold;

	}



.custombutton {

	padding:0px;

	margin:10px 0px 0px 0px;

	border:none !important;

	background:none;

	cursor:pointer;

	text-align:center;

	overflow:hidden;

	width:74px;

	height:25px;

	}



#newsletterBottom{

	width:237px;

	height:5px;

	background:url(../gfx/newsletterBottom.gif) no-repeat;

	margin:0px 0px 20px 0px;

	padding:0px;

	overflow:hidden;

}	



.shoppingCarts{

	background:url(../gfx/shoppingCartBg.gif) repeat-y;



	}





#footerBg{

	background: #fcfdfd url(../gfx/footerRepeat.gif) top repeat-x;

	clear: both;

	padding-top: 30px;

}

#footerTop{

	width: 910px;

	margin: 0 auto;

	background: url(../gfx/footerTop.gif) top center no-repeat;

	padding: 7px 47px 10px 0;

	text-align: right;

}

#footer{

	width: 927px;

	margin: 0 auto;

	background: url(../gfx/footerBottom.gif) bottom center no-repeat;

	padding: 30px 10px 10px 30px;

}



#footer ul{

	float: left;

	margin: 0;

	padding: 0 35px;

	background: url(../gfx/footerSeperator.gif) right top no-repeat;

}

#footer ul li{

	list-style: none;

	font-size: 13px;

	line-height: 22px;

}

#footer ul li a{ color: #4c4c4c; }



#footerText{

	clear: both;

	width: 936px;

	margin: 0 auto;

	padding-bottom: 20px;

	overflow: hidden;

	font: bold 12px "trebuchet ms";

	color: #4b4b4b;

}

#footerText a{ color: #4b4b4b; }



#homePage li { 

	list-style-type:none;

	background: url(../gfx/arrow.gif) no-repeat;

	padding: 0 0 0 30px;

	background-position: 10px 8px;

	line-height:18pt;

	margin: 0 0 0 -30px;

	display:inline;

	}

	























/*******************************************************************************************/

/* product listing page ********************************************************************/



#listingControl{

	width: 500px;

}



.productListing-even, .productListing-odd{

	position: relative;

	height: auto;

	padding-top: 25px;

	padding-bottom:30px;

	margin-bottom: 22px;

	border-bottom: 1px solid #e5e5db;

	width:696px;

	clear:both;

}



.margined{margin:0px 0px 100px 0px;}



.productEnlarge{}



.productListing-image{position:relative; overflow:hidden; margin-top:-17px;}



.productListing_name{	

	color: #749840;

	position: absolute;

	left: 233px;

	top: 6px;

	font-weight: bold;

	font-size: 20px;

	margin-left:-5px;

}



.productListing_model{

	position: absolute;

	right: 15px;

	top: 15px;

	font-size: 15px;

	color: #3a5e07;

	background-color: #e6eedb;

	padding: 3px;

}



.productListing_mnfr{

	position: absolute;

	right: 150px;

}



.productListing-price{	

	position: absolute;

	left: 233px;

	top: 70px;

	font-size: 12px;

	color: #5f5f5f;

	font-weight: bold;

	width: 150px;

	height:100px;

	padding:0px;

	

}



.productListing-buyNow{

	position: absolute;

	right: -248px;

	top: 26px;

	height:100px;

	padding:0px;

	margin:0px;

}



.productListing-details{

	position: absolute;

	right: -135px;

	top: 26px;

	height:100px;

	padding:0px;

	margin:0px 0px 0px 0px;

}



.productListing-Special{		

	position: absolute;

	left: 233px;

	top: 26px;

	color:  #000000;

	font-weight: bold;

	float: right;

	font-size: 16px;

		

}



.productListing-priceMain{

	color: #f3cb00;

	font-weight: bold;

	width: 150px;

	font-size: 32px;

	text-decoration: none;

}



.productListing-quantity{

	position: absolute;

	left: 233px;

	top: 115px;

	font-size: 15px;

	color: #3a5e07;

}



.productListing-quantity img{

	position: static;

	border: none;

}



.productListing-weight{	

	position: absolute;

	right: 15px;

	top: 15px;

	font-weight: bold;

	font-size: 16px;

	color: #3a5e07;

}



.productListing-weight h1, .productListing-quantity h1{

	font-size: 16px;

	color:  #749840;

	background: none;

	display: inline;

}







.productListing-description{

	position: absolute;

	top: 45px;

	left: 233px;

	color: #000000;

	font-size: 12px;

}



#categoriesBox{

	margin-top: -10px;

}



.infoBoxContentsFL{

	color: #b9b9a8;

	line-height: 18px;

	margin-top: -20px;

}



.infoBoxContentsFL a, .infoBoxContentsFL a:hover, .infoBoxContentsFL a:visited{

	color: #777769;

	font-weight: bold;

	font-size: 12px;

}



.infoBoxContentsFL a:hover{	background: #e6eedb; }



.infoBoxContentsFL input{ background: url(../gfx/searchBg.gif) no-repeat; }



#mainLeft .errorText{ width: 100%; display: block; }



#mainLeft br{ display: none; }

#mainLeft .infoBoxHeadingFL{ display: none; }

#mainLeft .infoBoxContentsFL{ margin: 2px; padding-top: 10px; }





td.productListing-data a img{ display: block; position: static;}







#productsLeft{ float: left; width: 340px; }

#productsRight{ float: right; width: 370px; }



.clear{clear:both;}



.new{

	border:1px solid #ECECEC;

	margin-top:30px;

	padding:6px 12px;

}



.new .infoBoxHeading, .new .infoBoxHeadingFL {font-size:18px;}



.category_desc p {padding:20px 0px 35px 0px;}



.noMarg{margin:0px; padding:0px;}
