/* //////////////////////////
CSS by A D Egginton 2009/06/29

LUMETER 2009

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

/* GLOBAL */

a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none;}
a:hover{}
strong{}
em{font-weight:bold; color:#3983b9; font-style:normal; }
h1{font-size:18px; color:#1e6a9c; font-family:"Arial Rounded MT Bold", arial; font-weight:normal; margin:0px; padding:0px; border-bottom:1px solid #CCC; display:block;}
h2{font-size:16px; color:#4a9dd3; font-family:"Arial Rounded MT Bold", arial; font-weight:normal; letter-spacing:-0.05em; padding:0px; margin:0px; margin-bottom:10px;}
h3{font-size: 14px; font-weight: normal; color: #0A5693; display:block;}
h4{font-size:15px;  font-weight:normal; letter-spacing:-0.05em; padding:0px; margin:0px; margin-bottom:10px;}
h5{}
h6{}
ul, li{}
img{border:none;}
.fr{ float:right; }
.fl{ float:left; }
.clr{clear:both;}
.white-txt{color:#ffffff;}
/* GLOBAL END */

/* LAYOUT START */
body { margin:0px; background: #087cd3 url(../images/bodyBg.jpg) repeat-y center top; font: normal 14px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #363636; text-align:justify; text-decoration: none; }
#wrapper{width:976px; margin:0px auto; }
#header{display:block; height:133px; padding-top:10px;}
	#header div{width:300px; float:right; text-align:right; margin-top:10px; color:#6c6c6c;}
	#header a{color:#ae1b1b}

#nav{ display:block; background: url(../images/hNavBg.jpg) no-repeat left top; height:34px; }

#navigation {margin:0px;padding:0px;}
	#navigation li{ text-indent: -9000px; float: left; list-style: none; }

		#home{ width:150px; height:34px; background: url(../images/navSprite.jpg) no-repeat left top; display:block; }
			#home:hover{ width:150px; height:34px; background: url(../images/navSprite.jpg) no-repeat left -34px; display:block; }

		#overview{ width:150px; height:34px; background: url(../images/navSprite.jpg) no-repeat -160px top; display:block; }
			#overview:hover{ width:150px; height:34px; background: url(../images/navSprite.jpg) no-repeat -160px -34px; display:block; }

		#pricelist{ width:145px; height:34px; background: url(../images/navSprite.jpg) no-repeat -320px top; display:block; }
			#pricelist:hover{ width:145px; height:34px; background: url(../images/navSprite.jpg) no-repeat -320px -34px; display:block; }

		#basket{ width:155px; height:34px; background: url(../images/navSprite.jpg) no-repeat -470px top; display:block; }
			#basket:hover{ width:155px; height:34px; background: url(../images/navSprite.jpg) no-repeat -470px -34px; display:block; }

		#contact{ width:155px; height:34px; background: url(../images/navSprite.jpg) no-repeat -620px top; display:block; }
			#contact:hover{ width:155px; height:34px; background: url(../images/navSprite.jpg) no-repeat -620px -34px; display:block; }

		#enquiries{ width:155px; height:34px; background: url(../images/navSprite.jpg) no-repeat -800px top; display:block; margin-left:10px; }
			#enquiries:hover{ width:155px; height:34px; background: url(../images/navSprite.jpg) no-repeat -800px -34px; display:block; margin-left:10px; }

#searchLoginPanel{ display:block; height:46px; background: url(../images/searchLoginBg.jpg) no-repeat left top; margin:0px; padding:0px; }
	
		.search{width:300px; margin:0px; padding:0px; padding-top:10px; padding-left:10px;}
			.search input{vertical-align:middle}
			.fields{ margin-right:10px; border:1px solid #b5b5b5; width:160px; padding:5px; background: url(../images/fieldBg.jpg) no-repeat left top; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #333; }
			
		#login{width:600px; float:right; margin:0px; padding:0px; margin-top:10px; }
			#login input{vertical-align:middle}
			#login h3{display:inline; padding:0px; margin:0px; font-size:11px; font-weight:normal;}
			
		#rightContent{width:742px; float:right; margin-top:20px;}
		
		#banner{height:180px; clear:both;}
			.breadcrumb{display:block; background-color:#dedddd; padding:7px; color:#2e76ab}
				.breadcrumb a{color:#333}
					.breadcrumb a:hover{border-bottom:1px solid #333}
		
		#leftContent{width:212px; float:left; margin-top:20px;}
		
			#basketWrapper{ display:block; height:70px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #347bb1 url(../images/basketWrapperBg.jpg) no-repeat 7px 10px; padding-top:32px; padding-left:10px; color:#96cdf7;}
				#basketWrapper a{color:white;}
				#basketWrapper em{color:#fe8900}
				
		#categoryNav{display:block; margin-top:15px;}
		
			#catList{ padding:0px; margin:0px; width:212px; height:275px; list-style: none; background-image:url(../images/prod-nav-bg.jpg); }
				#catList li a{display:block; width:192px; height:25px; font-size:11px; line-height:25px; padding-left:20px;}
				
								.aids{ background: url(../images/navBg/1.jpg) no-repeat left top; color:#486b81 ; }
								.grease{background: url(../images/navBg/2.jpg) no-repeat left top; color:#903941 ;}
								.oil{background: url(../images/navBg/3.jpg) no-repeat left top; color:#817744 ;}
								.adblue{background: url(../images/navBg/4.jpg) no-repeat left top; color:#6d8ca0 ;}
								.handling{background: url(../images/navBg/5.jpg) no-repeat left top; color:#4d7735 ;}
								.chems{background: url(../images/navBg/6.jpg) no-repeat left top; color:#35206f ;}
								.hose{background: url(../images/navBg/7.jpg) no-repeat left top; color:#9d4628 ;}
								.storage{background: url(../images/navBg/8.jpg) no-repeat left top; color:#84669c ;}
								.waste{background: url(../images/navBg/9.jpg) no-repeat left top; color:#787C9F ;}
								.fasteners{background: url(../images/navBg/10.jpg) no-repeat left top; color:#505849 ;}
								.valves{background: url(../images/navBg/11.jpg) no-repeat left top; color:#5e102a ;}
								
			#moreInfoLinks{margin-top:15px; display:block;}
			#moreInfoLinks ul{ list-style: none; padding:0px; margin:0px; }
				#moreInfoLinks a{padding: 6px 4px 6px 17px; display:block; color:#333; font-size:11px;}
					.lightLink{ background: url(../images/usefulLight.jpg) no-repeat left top; }
					.darkLink{ background: url(../images/usefulDark.jpg) no-repeat left top; }
					
			#securityLogos{display:block; margin-top:10px;}
				#securityLogos img{}

#content{width:742px; float:left; margin-left:22px; margin-top:29px; margin-bottom:20px;}
	.content-col{width:331px; float:left;}
		.content-col strong{color:#262525;}
		.content-col strong em{color:#ae1b1b;}
		.margin-col{margin-right:40px;}
	
	.specialoffer-wrapper{width:352px; float:left; height:117px; margin-right:7px; margin-top:10px; display:inline; padding:6px;}
		.specialoffer-image{ width:114px; height:114px; border: solid 1px #dddddd; margin-right:6px; float:left; background-color: #ffffff; text-align: center; line-height:114px; vertical-align:middle;}
		.specialoffer-wrapper h1{font-size:12px; border:0px; color:#1e6a9c; height:50px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; margin:0px; padding:0px;}
		.was{color:#434343; text-decoration:line-through;}
		.now{color:#ae1b1b;}

.addtobasket{float:left; margin-right:10px;} 

#address{margin:0 auto; width:601px; height:75px; margin-top:20px; padding:10px; text-align:center; color:#FFF; background-image:url(../images/address-bg.jpg);}
	#address strong{font-size:14px; }
	#address a{color:#ffffff;}

#enquiryform{width:600px;}
	#enquiryform .fields{ margin-right:10px; border:1px solid #b5b5b5; width:360px; padding:5px; background: url(../images/fieldBg.jpg) no-repeat left top; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #333; }
	#enquiryform .required{border-bottom:3px solid #2b74a9;}
	#validation-message {width: 600px; margin:15px 0px; padding: 10px; border: 1px solid #800000; color: #800000; background-color: #ffdddd;}
#footer{font-size:11px; color:white; display:block; height:83px; background: url(../images/footerBg.jpg) no-repeat left top; clear:both; margin-bottom:10px; padding:15px;}
	#footer div{width:380px; float:right; text-align:right;}
	#footer p{padding:0px; margin:0px;}
	#footer a{color:white;}

/* LAYOUT END */


/* PRODUCTS */

.products-listing{width:227px; height:140px;margin:10px;float:left;text-align:left; margin-bottom:20px;}
	.products-listing-image{width:227px; height:114px; border: solid 1px #dddddd; margin:0 auto; background-color: #ffffff; text-align: center; line-height:114px; vertical-align:middle;}
	.products-listing-image a{display:block;}
	.prod-title{font-size:11px; font-weight:bold;  margin-top:5px; color: #105c8a; border-bottom:1px solid #e1e1e1; display:block;}	
	.products-listing:hover .products-listing-image{border:1px solid #b4b4b4;}
	.products-listing:hover	.prod-title{font-size:11px; font-weight:bold;  margin-top:5px; color: #fe8900; border-bottom:1px solid #b4b4b4; display:block;}
	.qty{float:left; margin-right:8px;}
	.add-to-basket{top:3px; float:left;}
	.back-to{border: 1px solid #CCCCCC; background: #E9E9E9; padding:3px; color: #333333;}

.basket-titles{background-color: #097DD4;color:#ffffff;font-weight: bold;text-transform: uppercase;}
.BasketInput{text-align:center;}
.basketitem{border-top: 1px solid #FFFFFF; background-color:#def1ff; color:#2B506C; font-weight:bold; text-decoration: none; font-size:11px;}
.total-box{font-size: 10px; color: #666666; text-decoration: none;}
.chackout-titles{padding-left:20px; font-weight:bold;}
.linkss{color:#1a6698; text-decoration:none;}
.linkss:hover{color:#1a6698; border-bottom:1px solid #d98029; text-decoration:none;}