/* 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;}