/* 

Plumbing World 2010

*/


/* GLOBAL */
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none; color:#4AA6C0}
a:hover{ color:#84C2D5 }
strong{}
em{font-style:normal; font-weight:bold; color:#50a9c2}
h1{font-family: "Arial Black", Gadget, sans-serif; font-size: 24px; font-weight: normal; color: #333; text-decoration: none; padding:0px; margin:0px; letter-spacing:-0.08em;  padding-top:10px;}
h2{font-family: "Arial Black", Gadget, sans-serif; font-size: 18px; font-weight: normal; color: #444; text-decoration: none; padding:0px; margin:0px; letter-spacing:-0.05em;  padding-top:10px;}
h3{font-size:16px; color:#4AA6C0; line-height:23px;padding:0px; margin:0px; margin-top:10px; }
h4{ font-size:15px; font-weight:bold; color:#333; letter-spacing:-0.08em; margin:0px; padding:0px; margin:7px 0px;}
h5{}
h6{}
ul, li{}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.clr{clear:both;}
img, div, input { behavior: url("css/iepngfix.htc") }

/* GLOBAL END */


/* LAYOUT START */
body { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; font-size: 11px; margin:0px; font-weight: normal; color: #3b3b3b; background-image: url(../images/bodyBg.jpg); background-repeat: repeat-x; background-position: center 35px; line-height:18px; }
#container{ width: 980px; margin: 0px auto 0px auto; }
#top{color:#989898; display:block; background-image: url(../images/topBg.gif); background-repeat: repeat-x; background-position: left top; height:35px;}	
	.topWrapper{width:980px; margin:0px auto;}
		#top a{color:#989898;}
			#top a:hover{ color:#D4D4D4; }
				#top span{padding-top:5px;}
				.topLinks{padding-top:8px; width:630px;}
				
#header{height:120px;}
	
	.logo{margin-top:26px;}
		
		.basketDetails{width:300px; float:right; text-align:right; margin-top:20px;}
			.basketDetails div{width:75px; float:right; margin-left:10px;}
				.basketDetails h3{ padding:0px; margin:0px; font-size:15px; letter-spacing:-0.05em; font-family: "Arial Black", Gadget, sans-serif; color: #424242; }
				.basketDetails a{color:#49A6C0}
					.basketDetails a:hover{ color:#30778B }

#search{ float:right; width:307px; background-image: url(../images/searchBg.jpg); background-repeat: no-repeat; background-position: right top; text-align:right; padding:6px 0px 10px 0px; display:inline; }
	.searchButton{ width:30px; height:20px; vertical-align:middle}
	#search-box{ padding:5px; font-size:11px; border:0; width:165px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; color: #666; background-color: #FFF; }
	
#mainNav{ text-align:center; border:1px solid #ccc; color:#666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:block; padding:7px; margin:0px; background-image: url(../images/breadcrumbBg.jpg); background-repeat: repeat-x; background-position: left top; margin-bottom:3px; margin-top:2px; background-color:#E2E2E2; text-transform: uppercase; }
	#mainNav ul{ list-style-type: none; padding:0px; margin:0px; }
		#mainNav li{ display:inline; padding:0px; margin:0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }
	#mainNav a{  color:#666; }
		#mainNav a:hover{color:#333}
		
		#mainNavBlue{text-align:center;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display:block; padding:7px; margin:0px; background-image: url(../images/blueBg.jpg); background-repeat: repeat-x; background-position: left top; margin-bottom:10px; margin-top:7px; background-color:#E2E2E2; text-transform: uppercase; }
			#mainNavBlue ul{ list-style-type: none; padding:0px; margin:0px; }
				#mainNavBlue li{ display:inline; padding:0px; margin:0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }
			#mainNavBlue a{  color:#fff; }
				#mainNavBlue a:hover{color:#d8f9ff}
	
#footer{ background-color: #3d3d3d; margin-top: 20px; padding: 10px; color:#50a9c2; clear:both; display:block;}
	.footerWrapper{width:980px; margin:10px auto; clear:both;}
	#footer a{}
		
		.footerLinks{width:650px; padding:0px; margin:0px; height:40px;}
			.footerLinks li{ width:160px; list-style-image: url(../images/footerBullets.gif); float:left;}
			.footerLinks a{color:#999}
			.footerLinks a:hover{color:#CCC;}
			
			.authors{width:250px; float:right; text-align:right;color:#737373; font-size:10px;}
				.authors a{color:#666}
				a.esterling{font-size:14px; color:#efefef;}
				
			.copyright-cards{ color:#50a9c2; display:block; clear:both; border-top:1px solid #525252; border-bottom:1px solid #525252; padding:10px 0px; background-image: url(../images/creditCards.gif); background-repeat: no-repeat; background-position: right center; margin:15px 0px; }
			
			.seoLinks{display:block; padding:15px 0px 0px 0px; text-align:center;}
				.seoLinks a{ color:#626262; padding:0px 15px; }
					.seoLinks a:hover{ color: #838383; }

#featured-product { height: 210px; margin: 5px 0px 3px 0px; }

#manufacturers { float:right; width: 200px; background-color: #eeeeee; background-image: url(../images/manufactureBg.jpg); background-repeat: repeat-x; background-position: left 123px; }
	#manufacturers h3{color:white; padding:0px; margin:0px; font-size:15px; letter-spacing:-0.05em; font-family: "Arial Black", Gadget, sans-serif; padding-top:6px; padding-left:7px; }
		#manufacturers em{color:#164957; }
			#manufacturers-list{ text-align:center; list-style-type: none; padding:0px; margin:0px; margin-top:12px;  }
				.pmg{margin-bottom:0px;}
			.securityImg{margin-top:333px;}

	#content{ float:left; width:760px;}



#breadcrumb{ border:1px solid #ccc; color:#666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:block; padding:7px; margin:0px; background-image: url(../images/breadcrumbBg.jpg); background-repeat: repeat-x; background-position: left top; margin-bottom:10px; margin-top:7px; background-color:#E2E2E2 }
	#breadcrumb a{color:#208ead;}

/* LAYOUT END */


.news-articles{ width:280px; float:right; list-style-type: none; background-color:#333; color:#999; padding:5px; font-size:10px; margin-left:20px;}
	.news-articles li{border-bottom:1px dashed #666; padding:5px;}
		.news-articles li:hover, .news-articles li:focus{ background-color:#202020 }
		.news-articles a{display:block; font-size:12px; color:#FFF}
		.news-articles span{float:right;}
		.news-articles h3{padding:0px; margin:0px;}
			.news-articles p{padding:0px; margin:0px; margin-bottom:10px;}

.pager {-moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px 0px 10px 0px; padding: 10px; text-align: right; background-image: url(../images/topBg.gif); background-repeat: repeat-x; background-position: left top; color:#999; background-color:#2A2A2A }
	.pager a{color:#4AA6C0;}
	.pager h1{ float:left; padding:0px; margin:0px; font-size:18px; text-shadow: 1px 1px 1px #000; color:#fff; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; letter-spacing:normal; font-weight:bold; }

.sub-category, .featured-product, .product-listing { width: 157px; height: 350px; margin: 0px 0px 0px 0px; padding: 15px; text-align: center; float: left; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; color:#999 }
	.sub-category:hover, .featured-product:hover, .product-listing:hover {background-color:#efefef; width: 157px; height: 350px; margin: 0px 0px 0px 0px; padding: 15px; text-align: center; float: left; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; color:#999 }
	.product-listing img{}
	.product-listing a{ }
		.productTitle{height:75px; color:#333; font-size:12px; font-weight:bold;}
		
			.sub-category div{height:60px; border:0!important;}
			
			.price{font-size:14px; color:#333;}
			
			.viewRange{ color:#fff; padding:7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  display:block; font-size:14px; background-image: url(../images/blueBg.jpg); background-repeat: repeat-x; background-position: left top; margin-top:90px; }
				.viewRange:hover{ color:#FFF;}
			
			/*Individual Products eg product.asp start */
			
			#productWrapper{display:block;}
				.prodSpec{ float:right; width:400px; padding:10px; margin-top:15px; border-right:dashed 1px #ccc; color:#666 }
					.prodSpec strong{color:#333}
				.prodPrice{ font-size:24px; font-weight:bold; color:#C00; font-family:"Arial Black", Gadget, sans-serif; letter-spacing:-0.08em; }
				#prodAmount{background-color:#333; padding:10px; color:#efefef;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
							#prodAmountTop{background-color:#333; padding:10px; color:#efefef;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
							
/*				#related-items{display:block; background-color:#efefef;}
					#related-items h2{padding:5px; background-color:#333; color:#68B5C9}
			*/		
				#related-items{display:block; clear:both; margin-top:50px}
					#related-items h2{padding:5px; background-color:#333; color:#68B5C9; clear:both;}
					#related-items div{ width:217px; height:100px;  padding:7px; float:left; margin:10px 10px 10px 10px; background-color:#E8E8E8 }
						#related-items div:hover, #also-bought div:focus{ background-color:#DFDFDF }
						#related-items a{ color:#666; display:block; }
							#related-items a:hover, #also-bought a:focus{color:#333}
						#related-items img{float:left; margin-right:10px; border:1px solid #999}
						
				#also-bought{display:block;}
					#also-bought h2{padding:5px; background-color:#333; color:#68B5C9}
					#also-bought div{ width:217px; height:100px;  padding:7px; float:left; margin:10px 10px 10px 10px; background-color:#E8E8E8 }
						#also-bought div:hover, #also-bought div:focus{ background-color:#DFDFDF }
						#also-bought a{ color:#666; display:block; }
							#also-bought a:hover, #also-bought a:focus{color:#333}
						#also-bought img{float:left; margin-right:10px; border:1px solid #999}
						#also-bought{margin-top:45px;}
						
				#recently-viewed{display:block;}
					#recently-viewed h2{padding:5px; background-color:#333; color:#68B5C9}
					#recently-viewed div{ width:217px; height:100px;  padding:7px; float:left; margin:10px 10px 10px 10px; background-color:#E8E8E8 }
						#recently-viewed div:hover, #recently-viewed div:focus{ background-color:#DFDFDF }
						#recently-viewed a{ color:#666; display:block; }
							#recently-viewed a:hover, #recently-viewed a:focus{color:#333}
						#recently-viewed img{float:left; margin-right:10px; border:1px solid #999}
				
			/*Individual Products end*/
			
			
			.related-product-listing{width:150px; height:150px;}
			
			
			
			
	.viewDetails{ -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:7px; clear:both; display:block; margin:7px 0px; text-shadow: 1px 1px 1px #000; font-size:13px; font-weight:bold; background-image: url(../images/topBg.gif); background-repeat: repeat-x; background-position: left top; color:#4BA7C0 }
		.viewDetails:hover{ background-image: url(../images/carouselBg.jpg); color:white; text-shadow: 1px 1px 1px #34879e; }
		
		
	.homeCategoriesWrapper{display:block;}
		.homeCategories{width:160px; float:left; border:5px solid #efefef; height:220px; text-align:center; margin:5px; padding:5px;}
			.homeCategories p{padding:0px; margin:0px; font-weight:bold; color:#333; height:40px; }
			.homeCategories a{color:#4BA4C2}
			
	.product-sort{margin-bottom:10px; background-color:#efefef; text-align:right; padding:7px; -moz-border-radius: 5px;-webkit-border-radius: 5px; display:block;}
		.product-sort div{ width:400px; padding-left:20px; text-align:left; float:left; background-image: url(../images/homeArrow.gif); background-repeat: no-repeat; background-position: 5px center; }
	
	#basketform{padding-top:15px;}
	#basket th{background-color:#333; color:white;}
	.basketItem{background-color:#666; color:#efefef;}
		.basketItem td{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #747474; }


/* CONTACT FORM */
.validation-message{}
#enquiryform{background-color:#efefef; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #ccc;}
#enquiryform table{}
#enquiryform td{}
.required{border:2px solid #49A6C0; width:250px; padding:4px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana; font-size:11px;}
	.requiredSum{border:2px solid #49A6C0; width:40px; padding:4px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana; font-size:11px;}
.fields{width:250px;padding:4px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana; font-size:11px;}
/* CONTACT FORM END */


/* product tabs */

#tab-container-1-nav { margin: 0px; padding: 0px; list-style-type: none; }
#tab-container-1-nav li { width: 24.7%; float: left; background-color: #333; border-right: solid 1px #ffffff; }
#tab-container-1-nav li a { padding: 5px; display: block; font-size: 11px; font-weight:bold;  }
.active { background-color: #efefef;   }
	a.active{color:#333;}
.tab{background-color:#efefef; padding:7px; height:200px; display:block; overflow:auto; clear:both;}
.tab em{font-style:italic; font-weight:normal; color:#3b3b3b; }

/* menus */
#nav, #nav li div ul, #nav li div ul li ul { margin: 0px; padding: 0px; list-style-type: none; }
#nav li { float: left; margin-right: 2px; }
#nav li a { display: block; }
#nav li div { position: absolute; display: none; padding: 3px; z-index: 1000; }
#nav li div ul li { float: none; }
#nav li div ul { width: 180px; margin: 0px; padding: 4px; float: left; }
#nav li div ul li div { position: absolute; display: none; background-color: #333333; margin-left: 100px; margin-top: -10px; padding: 3px; }
#nav li div ul li div ul { width: 180px; float: left; }
#nav li div ul li div ul li { float: none; }

#tab1 em, #tab2 em,#tab1 a, #tab2 a{color:#4AA6C0; font-style:normal}
#tab1 a:hover, #tab2 a:hover{text-decoration:underline} 

.sub { background: #4AA6C0; }
.subBlue { background: #4AA6C0; }
.subBlue a{color:#fff; display:block;}
	.subBlue li:hover{ background-color:#36859C }
	.subBlue li{padding-left:3px;}
.subRed { background: #DE1E2C; }
.subRed a{color:#fff; display:block;}
	.subRed li:hover{ background-color:#A91621 }
	.subRed li{padding-left:3px;}
.subGreen { background: #A1DE1E; }
.subGreen a{ color:#fff; display:block; }
	.subGreen li:hover{ background-color:#75A316 }
	.subGreen li{padding-left:3px;}
.subPurple { background: #8A1EDE; }
.subPurple a{color:#fff; display:block;}
	.subPurple li:hover{ background-color:#6C18B1 }
	.subPurple li{padding-left:3px;}
.subOrange { background: #FFA341; }
.subOrange a{ color:#fff; display:block; }
	.subOrange li:hover{ background-color:#F98300 }
	.subOrange li{padding-left:3px;}
.subClearance { background: #A90329; }
.subClearance a{color:#fff; display:block;}
	.subClearance li:hover{ background-color:#80021F }
	.subClearance li{padding-left:3px;}

#basketform{}
.add-to-basket-main-item { background-color: #333333; margin-bottom: 10px; padding: 15px; color: #ffffff; text-align: right; clear:both; }
.main-item-amount { margin: 4px; border: #ffffff; }

.checkoutHeaders{background-color:#388DB4; color:white; font-weight:bold; font-size:14px}
	
	.checkoutFields{width:200px; padding:5px; }
	.total{color:#efefef;}
		.totalText{font-size:14px;}
		
	.delivery-calculator{color:#CCC; margin-top:7px; background-color: #333333; }
		
	.checkoutHeaders{background-color:#333; padding:5px; color:#FFF; font-size:14px}
	
	.reviewHeaders{background-color:#333; color:white;}
	
.message { margin-top: 10px; padding: 10px; border: 1px solid #800000; color: #800000; background-color: #fff6f6; text-align: center; }
.shim { height: 8px; }

#manufacturers-image{ display:block; margin-top:380px; text-align:center; }

.safebuy {padding-bottom:15px; }

