@charset "utf-8";

@import url("nav.css");

	.inputtext 
		{
		color: #333333;
		background-color: #FFFFFF;
		font-size: 11px;
		border: #888888 1px solid;
		height: 17px;
		width: 120px;
		padding: 1px 3px;
		}
		
		.ImportantWords {
			color: #fff;
		}
			
		.inputtextrequired
		{
		color: #333333;
		background-color: #e6f5fd;
		font-size: 11px;
		border: #888888 1px solid;
		height: 17px;
		width: 120px;
		padding: 1px 3px;
		}	
	.inputselect 
		{
		color: #333333;
		background-color: #FFFFFF;
		font-size: 11px;
		border: #888888 1px solid;
		height: 17px;
		padding: 1px 0px 1px 3px;
		width: 120px;
		}	
	.inputtextarea{
		color: #333333;
		background-color: #FFFFFF;
		font-size: 11px;
		border: #888888 1px solid;
		}	
		.inputtextarearequired{
		color: #333333;
		background-color: #e6f5fd;
		font-size: 11px;
		border: #888888 1px solid;
		}	
	.inputbutton 
		{
		color: #333333;
		background-color: #EEEEEE;
		font-size: 11px;
		cursor: pointer;
		border:  1px solid;
		height: 19px;
		width: 80px;
		font-weight : bold;
		}



/* ==================================== */

body#site {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #555;  
	background: #9cc5e5;
	line-height: 1.8em;
}

@-moz-document url-prefix() {
	body#site {
		overflow-y: scroll;
	}
}

h1 {	
	color: #EB6C04;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 40px;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.furtherMainWrap h1 {	
	font-size: 32px;
	margin: 0 0 10px 0;
	line-height: normal;
	width: 590px;
}

.furtherMainWrap h1 a {
	color: #4F89B1;
}

.furtherMainWrap h2 {	
	font-size: 32px;
	color: #0D2359;
	font-weight: normal;
	margin: 0 0 25px 0;
	line-height: normal;
	width: 590px;
}

#homeContent h2 {
	color: #fff;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 36px;
	margin: 0;
	padding: 0;
	line-height: normal;
}

	#homeContent h2 span {
		color: #9AC4E3;
	}

h2 {
	font-size: 36px;
	color: #19653f;
}

h2.productH2 {
	max-width: 315px;
}

a {
	text-decoration: none;
	color: #0D2359;
}

p {
	margin: 0 0 10px 0;
}

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

img {
	border: none;
}

td {
	font-size: 12px;
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


	#topBar {
		width: 900px;
		height: 33px;
		float: left;
		background: url(../images/imgs_01.jpg) no-repeat;
	}
	
	#furtherStretchWrap {
		float: left;
		min-height: 590px;
		background: url(../images/furtherBG.jpg) repeat-y;
	}
	
	#furtherStretchWrap2 {
		background: url(../images/furtherShad.jpg) no-repeat bottom left;
		float: left;
		min-height: 590px;
	}
	
	#leftBar, #furtherLeftBar {
		width: 47px;
		height: 617px;
		float: left;
	}
	
	#leftBar {
		background: url(../images/imgs_02.jpg) no-repeat;
	}
	
	#mainWrap {	
		width: 802px;
		float: left;
		position: relative;
	}
	
	.homeMainWrap {
		height: 547px;
	}
	
	.furtherMainWrap {
		min-height: 520px;
		padding: 0 0 28px 0;
	}
	
		#logoBar {
			width: 802px;
			height: 68px;
			float: left;
			margin-bottom: 2px;
			background: url(../images/imgs_03.jpg) no-repeat;
			clear: both;
			text-align: right;
			color: #EC6D06;
		}
		
			#logoBar a {
				color: #6FADE6;
				font-size:14px
			}
			
			#logoBar a:hover {
				color: #0D2359;
			}
		
		#nav {
			width: 100%;
			height: 25px;
			float: right;
			background: #fff;
			padding: 2px 0 0 0;
			z-index: 100;
			position: relative;
			top: -2px;
		}
		
		#homeArea {
			width: 659px;
			height: 547px;
			float: left;
			background: url(../images/imgs_06.jpg) no-repeat;
			color: #fff;
			font-weight: bold;
			margin-top: -27px;
		}
		
		#furtherArea {
			width: 624px;
			min-height: 401px;
			float: left;
			background: #e4edf2;
			font-weight: bold;
			padding: 40px 10px 20px 45px;
			color: #4F89B1;
			font-size: 11px;
			line-height: 1.2em;
		}
		
		#furtherArea.productsArea {
			padding: 40px 10px 143px 45px;
			min-height: 278px;
		}
		
			#furtherArea strong {
				color: #0D2359;
			}
			
			.product {
				width: 100%;
				float: left;
				clear: both;
				margin: 0 0 20px 0;
			}
			
				.product img {
					float: right;
				}
		
		* html #furtherArea {
			height: 401px;
		}
		
			#homeContent {
				float: left;
				clear: both;
				width: 569px;
				padding: 155px 0 0 40px;
				margin: 0 0 15px 0;
				
			}
		
			.homeCTA, .furtherCTA {
				width: 123px;
				height: 123px;
				background: #fff;
				float: left;
				margin: 0 7px 0 0;
			}
			
			#furtherCTAWrap {
				position: absolute;
				bottom: 40px;
			}
			
				#furtherCTAWrap .sachets {
					margin-left: -45px;
					z-index: 100;
					position: relative;
				}
				
				
				
				* html .ie6fix {
					margin-top: -510px;
				}
				
				.sachets a {
					background-image: url(../images/sachets.jpg);
				}
				
				.wipes a {
					background-image: url(../images/wipes.jpg);
				}
				
				.tubes a {
					background-image: url(../images/tubes.jpg);
				}
				
				.bottles a {
					background-image: url(../images/bottles.jpg);
				}
				
				.packing a {
					background-image: url(../images/packing.jpg);
				}
				
				.homeCTA a, .furtherCTA a {
					display: block;
					height: 123px;
					background-position: top left;
				}
				
				.homeCTA a:hover, .furtherCTA a:hover {
					text-decoration: none;
					background-position: bottom left;
				}
				
					.homeCTA a strong, .furtherCTA a strong {
						visibility: hidden;
					}
							
		#sideLogo {
			width: 143px;
			height: 550px;
			float: left;
			background: url(../images/imgs_07.jpg) no-repeat;
			margin-top: -27px;
		}
		
		#furtherStretchWrap #sideLogo {
			height: 500px;
			background: url(../images/furtherLogo.jpg) no-repeat top right;
			width: 123px;
		}
	
	#rightBar, #furtherRightBar {
		width: 51px;
		height: 617px;
		float: left;
	}
	
	#rightBar {
		background: url(../images/imgs_04.jpg) no-repeat
	}
	
	
	#linksBar {
		width: 840px;
		height: 20px;
		float: left;
		color: #9AC4E3;
		font-weight: bold;
		padding: 0 30px;
		position: relative;
	}
	
		#linksBar span {
			float: right;
			text-align: right;
			color: #EC6D04;
			font-size: 11px;
			font-weight: normal;
		}
		
			#linksBar span a {
				color: #fff;
			}
			
			#linksBar span a:hover {
				color: #0D2359;
			}
			
		#linksBar  strong {
			float: left;
		}
		
		#copyright {
			position: absolute;
			right: -00px;
			bottom: 35px;
		}
		
/*callback form*/

#callback label {
	display: inline-block;
	width: 110px;
	margin: 0 0 10px 0;
}

#callback input, #form1 input {
	margin: 0 0 10px 0;
	border: 1px solid #4F89B1;
	color: #4F89B1;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 5px;
}