html {
	overflow-y: scroll;
}
body {
	margin: 15px;
	padding: 0;
	background-color: #d5e3ef;
	color: #333;
	font-family: Arial,sans-serif;
}

img {
	border: 0;
}
a {
	outline: 0;
	color: #0768b5;
}


#wrapper {
	width: 894px;
	margin: 0 auto;
	background-color: white;
	border: 3px solid #0768b5;
	border-bottom: 0;
}


#branding {
	position: relative;
	height: 143px;
	background: url(/assets/img/page/lifestyle-1.jpg) top right no-repeat;
}
	#branding.lifestyle1 {background-image: url(/assets/img/page/lifestyle-1.jpg);}
	#branding.lifestyle2 {background-image: url(/assets/img/page/lifestyle-2.jpg);}
	#branding.lifestyle3 {background-image: url(/assets/img/page/lifestyle-3.jpg);}
	#branding.lifestyle4 {background-image: url(/assets/img/page/lifestyle-4.jpg);}
	#branding.lifestyle5 {background-image: url(/assets/img/page/lifestyle-5.jpg);}
	#branding.lifestyle6 {background-image: url(/assets/img/page/lifestyle-6.jpg);}
	#branding.lifestyle7 {background-image: url(/assets/img/page/lifestyle-7.jpg);}
	#branding img {
		position: absolute;
		top: 20px;
		left: 13px;
	}
	#branding #corner-tl {
		position: absolute;
		top: -3px;
		left: -3px;
		width: 30px;
		height: 30px;
		background: url(/assets/img/page/corners.png) top left no-repeat;
	}
	#branding #corner-tr {
		position: absolute;
		top: -3px;
		right: -3px;
		width: 30px;
		height: 30px;
		background: url(/assets/img/page/corners.png) top right no-repeat;
	}
	#branding #square {
		position: absolute;
		top: 0;
		right: 35px;
		width: 45px;
		height: 45px;
		background-color: #ed6f24;
	}

#nav {
	height: 35px;
	padding: 0 0 0 17px;
	background-color: #ed6f24;
}
	#nav ul {
		margin: 0;
		padding: 0;
		width: 820px;
		float: left;
		list-style: none;
	}
	#nav ul li {
		position: relative;
		z-index: 50;
		margin: 0;
		padding: 0;
		height: 35px;
		float: left;
	}
	#nav ul li a {
		display: block;
		height: 35px;
		text-indent: -999em;
		background-image: url(/assets/img/page/menu.png);
		background-repeat: no-repeat;
	}
	
	#nav-home,
	#nav-home a {
		background-position: 0 0;
		width: 68px;
	}
	#nav-audiclean,
	#nav-audiclean a {
		background-position: -68px 0;
		width: 178px;
	}
	#nav-products,
	#nav-products a {
		background-position: -246px 0;
		width: 182px;
	}
	#nav-yourears,
	#nav-yourears a {
		background-position: -428px 0;
		width: 103px;
	}
	#nav-faq,
	#nav-faq a {
		background-position: -531px 0;
		width: 50px;
	}
	#nav-buy,
	#nav-buy a {
		background-position: -581px 0;
		width: 131px;
	}
	#nav-contact,
	#nav-contact a {
		background-position: -712px 0;
		width: 108px;
	}
	
	#nav-home a:hover {background-position: 0 -70px;}
	#nav-audiclean a:hover {background-position: -68px -70px;}
	#nav-products:hover a, #nav-products a:hover {background-position: -246px -70px;}
	#nav-yourears a:hover {background-position: -428px -70px;}
	#nav-faq a:hover {background-position: -531px -70px;}
	#nav-buy a:hover {background-position: -581px -70px;}
	#nav-contact:hover a, #nav-contact a:hover {background-position: -712px -70px;}

	.nav-home #nav-home a {background-position: 0 -35px;}
	.nav-audiclean #nav-audiclean a {background-position: -68px -35px;}
	.nav-products #nav-products a {background-position: -246px -35px;}
	.nav-yourears #nav-yourears a {background-position: -428px -35px;}
	.nav-faq #nav-faq a {background-position: -531px -35px;}
	.nav-buy #nav-buy a {background-position: -581px -35px;}
	.nav-contact #nav-contact a {background-position: -712px -35px;}
	
	
	#nav ul ul {
		display: none;
		position: absolute;
		top: 35px;
		z-index: 50;
	}
	#nav ul li:hover ul {
		display: block;
	}
	#nav ul #nav-products ul {
		left: 0;
		width: 247px;
	}
	#nav ul #nav-products ul li,
	#nav ul #nav-products ul li a {
		width: 247px;
	}
	#nav ul #nav-contact ul {
		right: 0;
		width: 215px;
	}
	#nav ul #nav-contact ul li,
	#nav ul #nav-contact ul li a {
		width: 215px;
	}
		#nav ul ul li, #nav ul ul li a {
			height: 26px;
			clear: left;
		}
		#nav ul ul li.last, #nav ul ul li.last a {
			height: 32px;
		}
	
	#nav-products-wax,
	#nav-products-wax a,
	#nav-products-wax a,
	#nav-products:hover #nav-products-wax a,
	.nav-products #nav-products-wax a {background-position: 0 -105px;}
	#nav-products-wash,
	#nav-products-wash a,
	#nav-products:hover #nav-products-wash a,
	.nav-products #nav-products-wash a {background-position: 0 -131px;}
	#nav-contact-careline,
	#nav-contact-careline a,
	#nav-contact:hover #nav-contact-careline a,
	.nav-contact #nav-contact-careline a {background-position: -605px -105px;}
	#nav-contact-media,
	#nav-contact-media a,
	#nav-contact:hover #nav-contact-media a,
	.nav-contact #nav-contact-media a {background-position: -605px -131px;}
	#nav-contact-trade,
	#nav-contact-trade a,
	#nav-contact:hover #nav-contact-trade a,
	.nav-contact #nav-contact-trade a {background-position: -605px -157px;}
	#nav-contact-pro,
	#nav-contact-pro a,
	#nav-contact:hover #nav-contact-pro a,
	.nav-contact #nav-contact-pro a {background-position: -605px -183px;}
	#nav-contact-pflh,
	#nav-contact-pflh a,
	#nav-contact:hover #nav-contact-pflh a,
	.nav-contact #nav-contact-pflh a {background-position: -605px -209px;}
	#nav-contact-other,
	#nav-contact-other a,
	#nav-contact:hover #nav-contact-other a,
	.nav-contact #nav-contact-other a {background-position: -605px -235px;}
	
	#nav-products-wax a:hover {background-position: 0 -183px !important;}
	#nav-products-wash a:hover {background-position: 0 -209px !important;}
	#nav-contact-careline a:hover {background-position: -385px -105px !important;}
	#nav-contact-media a:hover {background-position: -385px -131px !important;}
	#nav-contact-trade a:hover {background-position: -385px -157px !important;}
	#nav-contact-pro a:hover {background-position: -385px -183px !important;}
	#nav-contact-pflh a:hover {background-position: -385px -209px !important;}
	#nav-contact-other a:hover {background-position: -385px -235px !important;}


#footer {
	width: 900px;
	padding-top: 35px;
	margin: 0 auto;
	text-align: center;
	font-size: smaller;
	background: url(/assets/img/page/corners.png) 0 -30px no-repeat;
}
	#footer a#legal {
		margin-left: 1em;
	}



#content {
	padding: 20px 50px 1px 135px;
	min-height: 530px;
	background: url(/assets/img/page/head.jpg) 0 30px no-repeat;
	line-height: 1.6;
}

h1 {
	margin-top: 7px;
	color: #ed6f24;
	font-size: 1.6em;
	line-height: 1.2;
}

h2 {
	color: #0768b5;
	font-size: 1.2em;
	margin-bottom: 0;
}
	h2 a {
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration: underline;
	}
	
h3 {
	color: #0768b5;
	font-size: 1em;
	margin-bottom: 0;
}
p {
	margin-top: 0;
}
	p.source {
		color: #999;
	}
	p.center {
		text-align: center;
	}
	p.highlight {
		color: #0768b5;
		border: 1px solid #d5e3ef;
		background-color: #eff4fa;
		padding: 0 0.4em;
	}
sup {
	font-size: 0.65em;
	color: #999;
}
li {
	margin-bottom: 0.3em;
}



#product-range {
	position: relative;
	width:100%;
}

#products-wash {
	padding: 20px 162px 0 203px;
	text-align: right;
}
	#products-wash img {
		position: absolute;
		top: 0;
		right: 0;
	}

#products-wax {
	padding: 0 182px 0 183px;
}
	#products-wax img {
		position: absolute;
		top: 0;
		left: 0;
	}

img.prod-image {
	float: right;
	margin: 0 0 10px 20px;
}


#panel-labels {
	margin-top: 2em;
}
#panel-labels span {
	background-color: white;
	font-weight: bold;
	font-size: 108%;
	display: block;
	float: left;
	margin: 0 0.3em;
	padding: 2px 0.5em;
	cursor: pointer;
	color: #0768b5;
	background-color: #cddae8;
	border: 1px solid #0768b5;
	border-bottom: 0;
	/*border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
#panel-labels span.hover {
	background-color: #eff4fa;
}
#panel-labels span.active {
	border-color: #0768b5;
	background-color: #eff4fa;
	border-bottom: 1px solid #eff4fa;
	margin-bottom: -1px;
}
#panels {
	border-top: 1px solid #0768b5;
}
div.panel {
	clear: both;
	padding: 1px 1em;
	border: 1px solid #0768b5;
	border-top: 0;
	background-color: #eff4fa;
}
	div.panel p {
		margin-top: 1em;
	}


a#btn-tv {
	float: right;
	margin-left: 10px;
}

img#index-product {
	float: left;
	margin-right: 10px;
}
ul#index-ideal {
	margin-left: 360px;
	padding: 0;
}
ul.tick {
	list-style-image: url(/assets/img/page/tick.png);
}
ul#index-ideal li {
	margin-bottom: 0.5em;
}
p#index-enjoy {
	clear: both;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 1em;
	color: #0768b5;
}

form#locator {
	margin-left: 2em;
}
form#locator input {
	font-size: 1em;
	margin-right: 0.2em;
}
ol.locator {
	line-height: 1.4;
}
ol.locator span {
	font-size: smaller;
	position: relative;
	top: -0.3em;
}


address {font-style:normal;margin-bottom:1em;}
.careline {font-weight:bold;color:#0768b5;margin-left:2em;}
.careline span {color:#999;}
.careline a {text-decoration:none;}
.careline a:hover {text-decoration:underline;}


dl.contact {margin-bottom:2em;margin-left:2em;}
dl.contact dt {float:left;clear:left;font-weight:bold;width:8em;margin-bottom:0.5em;}
dl.contact dd {margin-left:8.5em;margin-bottom:0.5em;}

div#policy-sig {margin-top:2em;}
div#policy-sig p {float:left;width:40%;}

div.product {clear:both;}
.product img {float:left;margin-top:3px;}
.product p {margin:0 0 0 320px;}
.product ul {margin-left:320px;margin-top:0.5em;}
.product h2 {margin:2em 0 0 320px;}

blockquote.transcript {
	margin: 0;
	font-style: italic;
}
blockquote.transcript p {
	margin-bottom: 0.5em;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}