/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px arial;
	background: #000000;
}
/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 8px 0; }


h1{	font: bold 22px arial; color: #45719b; }
h2{	
	font: bold 20px arial; 
	color: #000000; 
	background: url(gfx/h2Bg.gif) left center no-repeat; 
	border-bottom: 2px solid #d4d4d4;
	padding: 8px 25px;
}
h3{	font: bold 18px arial; color: #45719b; }
h4{	font: bold 16px arial; color: #45719b; }
h5{	font: bold 14px arial; color: #45719b; }
h6{	font: bold 12px arial; color: #45719b; }


.box{ margin: 0 auto; width: 994px; }
.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
.blue{ color: #0e72ba; }
img{ border: none; }

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #666666;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* 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.submit{
	width: 100px;
	background: white;
	height: 24px;
}


#header{
	color: #FFFFFF;
	width: 974px;	
	overflow: hidden;
	margin: 0 auto;
	font: 12px arial;
}
#header a{ color: #FFFFFF; }

#headerLeft{ float: left; width:340px; padding-top: 50px; }

#headerMiddle{ float: left; width: 420px; overflow: hidden; padding-top: 30px; }
#searchBox{ padding-top: 10px; }
#searchBox input{ border: none; }
#searchBox #searchinput{ height: 16px; width: 247px; padding: 3px; background: url(gfx/searchBackground.gif) no-repeat; border: 1px solid #939598; vertical-align: top; padding-right: 25px; }


#headerRight{ float: right; width: 170px; line-height: 16px; padding-top: 5px; }
#basket{ padding-top: 15px; }
.telephone{ font: bold 14px arial; }
.basket{ font: bold 24px arial; }

#header ul{ margin: 0 35px 0 0; padding: 0; float: left; }
#header ul li{ 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style: none;
	background: url(gfx/listArrow.gif) left center no-repeat;
	font: bold 14px arial;
}

#navBg{ background: #0d70b8 url(gfx/navRepeat.gif) repeat-x; }
#nav{
	width: 974px;
	margin: 0 auto;
	overflow: hidden;
	font: bold 16px arial;
	line-height: 34px;
}
#nav ul{ list-style: none; margin: 0; padding: 0; }
#nav ul li{ list-style: none; float: left; }
#nav a{ display: block; float: left; color: #FFFFFF; padding: 0 12px; }
#nav a:hover, #navon a{ background: #000000; text-decoration: none; }

#background{ background: url(gfx/background.jpg) top center repeat-x; }

#mainArea{ 
	padding: 10px;
	width: 974px; 
	background: #FFFFFF url(gfx/mainAreaBgRepeat.gif) top repeat-x; 
	overflow: hidden; 
	margin: 0 auto;
}

#leftcol{ float: left; width: 222px; }



#categoriesBox{ 
	color: #7f7f7f; 
	font: bold 15px arial;
	list-style: none;
	margin: 0;
	padding: 10px;
	line-height: 18px;
}
#categoriesBox a{ color: #7f7f7f; }
#categoriesBox a:hover{ color: #7f7f7f; }
#categoriesBox .subcat{ font: 13px arial; }
#categoriesBox .currentCat{ color: #000000; font-weight: bold; }

#rightcol{ float: right; width: 733px; }

#emailSignup{ background: url(gfx/emailSignup.gif) no-repeat; width: 263px; height: 42px; padding-left: 470px; }

.indexProducts .productName{ font: bold 12px arial; color: #7f7f7f; }
.indexProducts .productPrice{ font: bold 14px arial; color: #1c88c7; }
.indexProducts .productCategory{ font: bold 20px arial; color: #000000; }
.indexProducts td{ vertical-align: bottom; }

.pagination{ border-bottom: 1px solid #d4d4d4; }
.pagination1{ border-top: 1px solid #d4d4d4; }
.productName a{ font: bold 24px arial; color: #000000; }
.productPrice{ font: bold 21px arial; color: #0e72ba; }
.productModel{ font: bold 14px arial; color: #7f7f7f; }

#manufacturerlist{ font: bold 11px arial; }
#manufacturerlist form{ margin: 0; padding: 0; float: right;}


#productsLeft{ float: left; width: 325px; }
#productsRight{ float: right; width: 360px; }

#productsRight .productName{ font: bold 24px arial; color: #000000; }
#productsRight .productPrice{ font: bold 21px arial; color: #0e72ba; }
#productsRight .productCode{ font: bold 14px arial; color: #7f7f7f; }
/*#productsRight .productDescription{ font: bold 12px arial; color: #7f7f7f; margin: 10px 0; }*/
#productsRight .productDescription{ margin: 10px 0; }
#productsRight .productFreeDeli{ font: bold 14px arial; color: #0e72ba; }


#products_new tr.product-data td{ border-bottom: 2px solid #F2F2F2; padding:10px; }




#footerSmall{ 
	background: #333031;
	margin: 0 auto;
	width: 994px;
	color: #FFFFFF;
	margin-top: 10px;
	font: bold 16px arial;
	vertical-align: middle;
}

#footer{
	background: #333031;
	margin: 0 auto;
	width: 934px;
	margin-top: 1px;
	padding: 30px;
	color: #aaaaaa;
	overflow: hidden;
}

#footer a{ color: #9a9a9a; }
#footer h5{ color: #aaaaaa; font: bold 38px arial; float: left; }
#footer h6{ color: #aaaaaa; font: bold 23px arial; border-bottom: 1px solid #aaaaaa; }

#footer ul{ list-style: none; margin: 6px 0 0 0; padding: 0; }
#footer ul li{ list-style: none; }

#footerLeft, #footerMiddle, #footerRight{ float: left; width: 200px; margin-left: 50px; }
#footerLeft{ float: left; }
#footerMiddle{ float: left; }
#footerRight{ float: left; }

#footerCopyright{ color: #adadad; width: 994px; margin: 0 auto; }
#footerCopyright a{ color: #FFFFFF; }

#breadcrumb{
	margin: 7px 0px 5px 10px;
	font-size: 14px;
}

#breadcrumb a{
	margin-right: 4px;
	vertical-align: middle;
}