/*Global*/
		
		img, div { behavior: url(pngFix/iepngfix.htc) }

		html{
			height: 100%;
			}
			
		*{
			padding: 0;
			margin: 0;
			border: none;
			}
		
		body{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.95em;
			background: #03356b;
			text-align: center;
			line-height: 1.3em;
			color: #000;
			}
			
		h1{
			font-size: 1.25em;
			color: #ea7d22;
			}
			
		h2{
			font-size: 1em;
			color: #03356b;
			}
			
		p{
			margin: 0 0 5px 0;
			}
			
		a{
			text-decoration: none;
			color: #fff;
			}
			
		ul{
			list-style: none;
			}
		
		sup{
			font-size: .7em;
			}
			
		/*Header Section*/
		#headBg{
			background: #fff;
			width: 100%;
			border-bottom: 1px solid #03356b;
			}
			
		.mainLogo{
			float: left;
			margin: 18px 0 0 10px;
			}
			
		.mainBasket{
			float: right;
			margin-right: 10px;
			}
			
		/*Navigation*/
		/*Drop down navigation*/	
#menu {list-style-type:none; padding:0; float: right; margin-right: 10px;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:130px; height:29px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}

#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 130px; margin: 0; padding: 0; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px; font-size: 1.1em; color: #fff;}
#menu .one {background: url(images/top.gif) no-repeat top left;}
#menu .two {background: url(images/top.gif) no-repeat top left;}
#menu .three {background: url(images/top.gif) no-repeat top left;}
#menu .four {background: url(images/top.gif) no-repeat top left;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

.gallery dt a, .gallery dt a:visited{display:block; color:#fff; font-size: .9em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.gallery dd a, .gallery dd a:visited {font-family: Arial, Helvetica, sans-serif; color:#ffca00; font-weight: bold; text-align: center;
text-decoration:none; display:block; padding:4px 0px; border-left: 1px solid #03356b; border-bottom: 1px solid #03356b;
border-right: 1px solid #03356b; width:128px; background: #47a; }

.gallery dd a:hover {background: #03356b;}
		
/*	Vertical Accordions*/
		
.accordion_toggle {
	display: block;
	height: 25px;
	background: #fff;
	padding: 0;
	line-height: 28px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	font-size: 1.05em;
	color: #000;
	border-right: 1px solid #d2d3d3;
	border-left: 1px solid #d2d3d3;	
	}
		
.accordion_content {
	background-color: #fff;
	overflow: hidden;
	border-right: 1px solid #d2d3d3;
	border-left: 1px solid #d2d3d3;
	}
		
.accordion_content p{
	padding: 5px 0;
	}

	
	.pressureDia{
	float: left;
	padding: 10px 10px 0 10px;
	}
	
.sensDia{
	width: 358px;
	margin: 20px auto 0;
	text-align: center;
	}
			

	
.waterDia{
	float: left;
	margin-right: 20px;
	}
			
.regDia{
	padding-top: 40px;
	}
			
#vertical_container{
	margin: 0px;
	}
			
.prodImage{
	display: block;
	margin: 10px auto;
	}
	

.vertical_accordion_toggle {
	display: block;
	height: 30px;
	background: url(images/tick.gif) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
	}
		
 .effectTop{
	background: url(images/effectiveTop.gif) no-repeat left top;
	height: 30px;
	display: block;
	}
			
ul.effective{
	padding: 10px;
	margin-left: 0px;
	}
			
	.effective li{
		padding: 5px 0 0 30px;
		background: url(images/tick.gif) no-repeat  0% 70%;
		
		}
				
 .effectBottom{
	background: url(images/effectiveBottom.gif) no-repeat left bottom;
	height: 30px;
	display: block;
	}
			
 .effectCurve{
	width: 190px;
	background: url(images/effectRep.gif) repeat-y;
	margin: 0 auto;
	}
	
	.scienceTop{
	background: url(images/scienceTop.gif) no-repeat left top;
	height: 26px;
	display: block;
	text-align: center;
	padding-top: 4px;
	}
	
	.scienceBottom{
		background: url(images/scienceBottom.gif) no-repeat left bottom;
	height: 30px;
	display: block;
		}
		
		.science{
		width: 542px;
	background: url(images/scienceCen.gif) repeat-y;
	margin: 20px auto 0 auto;
	}
	
	.science p{
		padding-left: 7px;
		padding-right: 7px;
		}
		
		
		
		.science h1{
			margin: 25px 0 10px 0;
			padding-left: 7px;
		padding-right: 7px;
			}
		
		.science h1:first-child{
			margin-top: 10px;
			}
	

			
		
		/*#mainNav{
			float:left;
			width:100%;
			line-height:normal;
			}
			
			#mainNav ul {
				float: right;
				margin:0 10px 0 0;
				list-style:none;
				}
			  
				#mainNav li {
					float:left;
					background:url("images/unactive_left.png") no-repeat left top;
					margin:0 0 0 1px;
					padding:0 0 0 6px;
					}
					
					#mainNav a {
						display:block;
						background:url("images/unactive_right.png") no-repeat right top;
						padding: 7px 30px 7px 24px;
						font-weight: bold;
						font-size: 1.1em;
						}
	
			#mainNav #current a {
				color: #ffca00;
				}*/
		
		.wrapper{
			width: 950px;
			margin: 0 auto;
			text-align: left;
			background: #fff;
			}
				
		/*Main Feature*/
		.featBg{
			background: #ffcb00 url(images/watersole_bg.gif) repeat-x;
			border-bottom: 1px solid #03356b;
			position: relative;
			}
			
		.tagLine{
			position: absolute;
			top: 15px;
			left: 80px;			
			}
			
		.postage{
			position: absolute;
			top: 210px;
			left: 15px;
			}
			
		.mainImg{
			display: block;
			margin: 0 auto;
			}
			
		.reasons{
			position: absolute;
			top: 35px;
			right: 16px;
			}
			
		
			
		/*Main Content*/
		.productTab{
			float: left;
			width: 130px;
			height: 37px;
			margin: 0 0 0 10px;
			}
						
		#productLeft{
			 float:left;
            width:474px; /*475 total with right border*/
            /*padding: 0 5px; padding moved to .product*/
            border-right: 1px solid #e2e2e2;
            }
			
		#productRight{
			/*position:relative;
            margin-left:465px; remove position and margin*/
            float:left; /*added float here*/
            width:475px;
            /*padding: 0 5px; padding moved to .product*/
			} 
		
		.product{
			border-bottom: 1px solid #e2e2e2;
            padding: 15px 5px; /*right & left padding added here*/
			min-height: 255px;
			}			
		
		.productImg{
			float: left;
			width: 90px;
			height: 116px;
			padding-right: 5px;
			}
			
		.productInfo{
			overflow: hidden;
			height: 100%;
			}
			
		.prodTitle{
			font-size: 1em;
			color: #ea7d22
			}
			
		.note{
			padding: 3px; 
			margin: 20px 0 5px 0; 
			font-style: italic; 
			font-weight: bold; 
			background: #d0cfcf; 
			border: 1px solid #828282;
		}
			
		img.sizeDrop{
			display: block;
			float: left;
			margin-right: 10px;
			}
			
		p.suitable{
			padding: 0;
			margin: 0;
			font-weight: bold;
			}
			
		a.readMore{
			float: right;
			width: 85px;
			color: #000;
			}
						
		p.sizePrompt{
			margin-left: 2px;
			padding: 0;
			display: inline;
			font-weight: bold;
			}
		
		/*Company Information*/
		
		.infoCurve{
			width: 930px;
			background: url(images/infoCurve_center.gif) repeat-y;
			display: block;
			margin: 20px auto 0 auto;
			}

			.infoCurve .topCurve{
				background: url(images/infoCurve_top.png) no-repeat left top;
				height: 23px;
				display: block;
				}

			.infoCurve .bottomCurve{
				background: url(images/infoCurve_bottom.png) no-repeat left bottom;
				height: 24px;
				display: block;
				}
				
		.infoLeft{
			float: left;
			width: 635px;
			margin-left: 10px;
			display: inline;
			}
				
		.infoRight{
			margin: 0 0 20px 660px;
			}
			
		.paypal{
			float: left;
			
			margin-left: 10px;
			display: inline;
			}
			
			ul.paypalHelp{
			margin: 10px 0;
			}
		
		.paypalHelp li{
			list-style-type: decimal;
			margin-left: 25px;
			}
								
		.infoCurve h2{
			font-size: 1.25em;
			padding: 0 5px;
			margin-bottom: 5px;
			}
			
		.infoCurve p{
			padding: 0 5px;
			}
			
		ul.contactDetails{
			padding: 0 5px;
			margin-bottom: 35px;
			}
			
		.testBubble{
			float: right;
			margin-left: 5px;			
			}
			
			
	/*Product pages*/
			
	ul.prodNav{
		float: left;
		width: 157px;
		margin: 0 2px 0 10px;
		}
		
		.prodNav li{
			height: 30px;
			min-height: 30px;
			}
						
	.prodHeader{
		padding: 10px 0 20px;
		}
		
	.prodBanner{
		float: left;
		width: 771px;
		}
		
#left {
float:left;
width:198px;
}

	.sizeGuide{
		color: #000; 
		font-size: .75em; 
		display: block; 
		text-align: center; 
		text-decoration: underline;
		}
#main {
position:relative;
margin-left:198px;
} 

#right {
float:right;
width:210px;
}

.sixMonth{
	display: block;
	margin: 10px auto 0;
	}
	
#content {
margin-right:210px;
}

.mainProd{
	margin: 0 10px;
	}		
			
	a.backTop{	
		color: #000;
		float: right;
		margin: 3px 20px 0 0;
		text-decoration: underline;
		position: relative;
		top:5px;
		}
		
		
/*Benefits Page*/
.explainImg{
	display: block; 
	margin: 0 auto;
}

#benefitsBanner{
	width: 950; 
	padding: 10px 0
	}
	
	.benBanRight{
	float: right; 
	width: 325px; 
	text-align: center; 
	margin-top: 14px;
	}
	
	.pdf{
		display: block; 
		margin: 10px auto 0; 
		}
	
.benBanLeft{
	float: left; 
	width: 325px; 
	margin-top: 10px;
	}
	
	.benTag{
		display: block; 
		margin: 0 auto 10px;
		}
	
.benBanMid{
	float: left; 
	width:300px;
	}
	


.benefits{
	margin: 10px;
	}
	
	.benefits h1{
		margin: 25px 0 5px;
		}
		
		.benefits h1:first-child{
			margin-top: 0px;
			}
			
			.benefits .readMore{
				color: #fff;
				background: #03356B;
				padding: 2px;
				margin: 0;
				text-align: center;
				width: 250px;
				float: left;
				}

/*Useful Info*/
.infoBg{
	background: #ffcb00 url(images/infoBg.gif) repeat-x;
	border-bottom: 1px solid #03356b;
}

#infoBanner{
	width:849px; 
	padding: 0; 
	margin: 0 auto;
	}
	
#infoQuestion{
	float: left; 
	width:286px; 
	background: #f000; 
	margin-right: 10px;
	}
	
#infoTag{
	float: left; 
	width: 553px; 
	background: #f000; 
	margin-top: 70px;
	}

#quickLinks {
float:left;
width:210px;
padding: 0 5px 0 0;
}

/*ul.quick{
	position: fixed;
	}*/

.quick li{
	text-align: center;
	font-weight: bold;
	display: inline;
	}

	.quick li:first-child{
		padding-top: 0;
		margin-top: 0;
		}
	
	.quick li a{
		color: #000;
		display: block;
		background: #F0F0F0;
		padding: 1px 3px;
		border: 1px solid #bfbebe;
		border-top: none;
		font-size: .8em;
		text-align: left;
		}
		
	.quick li a:hover{
			background: #dad9da;
		}

#infoMain {
margin: 0 0 0 216px;
} 

#emailForm {
float:right;
width:216px;
padding: 0 0 0 0;
}

.emailCenter{
	width: 216px;
	background: url(images/emailCenter.gif) repeat-y;
	display: block;
	margin: 0 auto;
}

.emailTop{
	background: url(images/emailTop.gif) no-repeat left top;
	height: 30px;
	display: block;
}

.emailBottom{
	background: url(images/emailBottom.gif) no-repeat left bottom;
	height: 30px;
	display: block;
}


	
#usefulInfo {
margin-right:0px;
padding: 0 5px;
}

#usefulInfo h1{
	color: #03356b;
	padding-top: 10px;
	}
	
	#usefulInfo h1:first-child{
		padding-top: 0;
		}
	
	#usefulInfo .backTop{
		margin: 0;
		padding: 0;
		}
		
		 .infoContact{
			float: left;
			width: 250px;
			color: #000;
			}
		
.samImg{
	float: left;
	width: 123px;
	}
	
.washIcon{
	float: left; 
	width: 50px; 
	margin: 0 10px 20px 0;
	}
	
.feedback{
	list-style-type: none; 
	padding-bottom: 10px;
	}
		
	.tips{
		list-style-type: square;
		margin: 0 0 0 20px;
		}
		
	.sizeIndex{
		float: left; 
		width: 95px;
		list-style-type: none;
		margin: 0 0 0 20px;
		}
	
	.buyNow{
		width: 150px;
		}
	
select{
	float: left;
	width: 40px;
	border: 1px solid #bfbebe;
	}		
	
	input{
		float: right;
		margin-top: -23px;
		margin-right: 5px;
		}
		/*Footer*/
		
		#footer p{
			font-size: .8em;
			color: #fff;
			padding: 5px 0 10px;
			}