html,body,a,h1,h2,h3,hr,ul,li,span,span.underline,firefox,#section1,#energy,#homefamily,#colourfamily,#stainpenfamily,#stainpendemo,#familycontent,#energycontent,#environmentfamily,#formatfamily,#biofamily,#sensitivefamily,#handwashfamily,#skipnavigation,#performance,#dosing,#strapline,#caption,#head,#heading,#headingFebreze,#foot,#menu,#submenu,#content,#highlight,#lifestyle,#search,#stainpen,#about,#skin,#home,.alink,.globalnav,.footernav,.captionlink,img,.product,.topnav,.logo,.searchform,.captionLeft,.widthConstraint,.button,p.P70{
	position:relative;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	text-decoration: none;
}
html{height:100%;width:100%;padding:0;padding-top:10px;background-color:#CCC;}
body{
	height:auto;
	width:760px;
	margin:0 auto;
	color: #3A3A3A;
	font-size: 0.75em;
	line-height: 133%;
	background-color: #E6F5E6;
	padding:50px;
	padding-top:23px;
}
html>body{padding-top:22px;}
p{margin:0;padding:0;}
label{
	color:#3A3A3A;
}
img{border: none;}
p.P70{width:70%;}
#heading{
	top:0;
	left:0;
	height:291px;
	width:760px;
}
#headingFebreze {
	top:0;
	left:0;
	height:291px;
	width:760px;
	background: url(graphics/febreze/bg_top_2.jpg) no-repeat;
	background-color: #009900;
}

.product{
	position:absolute;
	display: none;
	z-index:50;
	top:-155px;
	left:317px;
}
html>body .product{
	display: block;
}
#stainpendemo .product{display: block;}
.product p, .logo p{
	display:none;
}
.logo{
	position:absolute;
	top:10px;
	left:10px;
}
strong{
	font-size:1.2em;
}
span{
	width:auto;
}
form{
	width: auto;
}
input{
	border:1px solid #ccc;
	color:#666;
	height:auto;
}
.searchform label{
	float:left;
	margin-left: -5000px;
}

h1 span,h2 span, h3 span, h4 span, h5 span,#strapline a span, #title span, #title2 span {
	margin-left:-5000px;
}
h2{
	font-size:1.0em;
	color:#7ED71B;
	padding-left:38px;
	padding-bottom:10px;
}
a{
	color:#7ED71B;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
br{
	clear:both;
}
span.underline{
	display:block;
	width:450px;
	padding-top:2px;
	padding-bottom: 2px;
/*	border-bottom:1px dashed #7ED71B; */
}
#skipnavigation{
	position:absolute;
	margin-left:-5000px;
}
#submenu{
	position:absolute;
	z-index:5;
	left:0;
	top:-111px;
	width:365px;
	height:295px;
	background-color: transparent;
	background: url(graphics/bg_detail.jpg) no-repeat 0 110px;
}
#submenu ul{
	text-align: right;
	left:-90px;
}
#submenu li{
	padding-bottom:20px;
	background-color:transparent;
	background: url(graphics/bullet.gif) no-repeat right 0;
}
#submenu li.a{margin-right:7px}
#submenu li.b{margin-right:35px}
#submenu li.c{margin-right:60px}
#submenu li.d{margin-right:80px}
#submenu li.e{margin-right:95px}
#submenu li.f{margin-right:92px}
#submenu li.g{margin-right:80px}
#submenu li.h{margin-right:70px}

#sensitive #submenu li {
	padding-bottom:20px;
}

#sensitive #submenu li.a {
	margin-right:5px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_b.gif) no-repeat right 0;
}
#sensitive #submenu li.b {
	margin-right:40px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_b2.gif) no-repeat right 0;
}
#sensitive #submenu li.c {
	margin-right:60px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_w.gif) no-repeat right 0;
}
#sensitive #submenu li.d {
	margin-right:80px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_w.gif) no-repeat right 0;
}
#sensitive #submenu li.e {
	margin-right:95px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_w.gif) no-repeat right 0;
}
#sensitive #submenu li.f {
	margin-right:92px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_w.gif) no-repeat right 0;
}
#sensitive #submenu li.g {
	margin-right:80px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_w.gif) no-repeat right 0;
}
#sensitive #submenu li.h {
	margin-right:70px;
	background-color:transparent;
	background: url(graphics/bullet_hobbs_w.gif) no-repeat right 0;
}



li.a a, li.b a, li.c a, li.d a, li.e a, li.f a, li.g a, li.h a,.alink{
	display:block;
	font-family: Tahoma, helvetica;
	color: #FFF;
	font-size: 1.15em;
	font-weight: bold;
	font-style: normal;
	padding-right: 25px;
	padding-left: 0;
	margin-left:92px;
}
#sensitive #submenu li.a a, #sensitive #submenu li.b a, #sensitive #submenu li.c a, #sensitive #submenu li.d a, #sensitive #submenu li.e a, #sensitive #submenu li.f a, #sensitive #submenu li.g a, #sensitive #submenu li.h a,.alink{
	display:block;
	font-family: Tahoma, helvetica;
	color: #0067ad;
	font-size: 1.15em;
	font-weight: bold;
	font-style: normal;
	padding-right: 25px;
	padding-left: 0;
	margin-left:92px;
}
.alink{
    text-align: right;
	padding-left:0;
	padding-bottom:20px;
	font-size:0.85em;
	width: 430px;
	padding-right:25px;
	margin-left:-3px;
	background-color:transparent;
	background: url(graphics/water/water_bullet.gif) no-repeat right 0;
}
#content{
	z-index:10;
	top: 0;
	left:0;
	height:100px;
	background: url(graphics/bg_bottom_2.gif) no-repeat bottom left;
	background-color: #009900;
}
html>body #content{
	border-top:0px solid transparent;
	min-height:100px;
	height: auto;
}
:root #content{
	border-top:1px solid transparent;
	min-height:100px;
	height: auto;
}
#highlight{
	color: #7F7F7F;
	top:-130px;
	padding:0;
	left:450px;
	height:118px;
	width:300px;
	background: transparent;
}
html>body #highlight{
	min-height: 138px;
	height:auto;
}
#highlight p{
	margin-top:0;
}
#highlight h2 {
	margin-top:-20px;
}
#lifestyle{
	z-index:15;
	margin-top:-139px;
	left:507px;
	height:170px;
	width:255px;
	background-color:transparent;
}
#strapline{
	z-index:20;
	top:0;
	left:190px;
	height:220px;
	color: #FFF;
	width:572px;
	margin-top:-140px;
	background-color:transparent;
}
/* strapline for splash page */
#strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
}
#strapline h3 span, #strapline p{
	margin-left: -5000px;
}
#caption{
	z-index:15;
	margin-left:330px;
	color: #fff;
	top:23px;
	width:390px;
	height:100px;
}
html>body #caption{
	height: auto;
	min-height:100px;
}
#caption p{
	font-size:1.4em;
	line-height:1.3em;
	font-family: Arial, Helvetica;
	padding-top:5px;
	padding-bottom:10px;
}
#foot{
	top:40px;
	left:0;
	width:761px;
	background-color: transparent;
	height: 60px;
}
html>body #foot{top:35px;min-height: 60px;height:auto}
div.widthConstraint{position:relative;top:25px;width:70%;padding-left:10px;clear:both;}
#search{
	display:block;
	display:none;
	float: left;
	font-size:1.1em;
	height: 19px;
	width:auto;
	padding-left:5px;
}
html>body #search{
	height: auto;
	width:auto;
	min-height: 19px;
	max-width: 120px;
}
/* isolates mozilla based browsers - excludes opera 8*/
:root #search{
	min-height: 21px;
	max-width: none;
}
.button{
	float: left;
	border:none;
	width:21px;
	height:21px;
}
hr{
	display:block;
	top:-5px;
	height:1px;
	width:761px;
	left:0;
	color:#000;
	clear: both;
}
html>body hr{top:12px;}
#foot a.captionlink{
	display:block;
	float: right;
	margin-top:-45px;
	right: 25px;
	width:439px;
	height:36px;
	background-color: transparent;
	background: url(graphics/order_dosing_device.gif) no-repeat;
}
html>body #foot a.captionlink{margin-top:-25px}

#foot p .captionlink span{
	margin-left: -5000px;
}
.allowlink{
	height: 0;
}
.topnav{
	position:relative;
	top:-7px;
	margin:0;
	padding:0;
	left:0;
	width:760px;
	text-align:right;
}
html>body .topnav{top:-9px;}
body#contentPage .topnav{top:10px;}
html>body#contentPage .topnav{top:6px;}
.globalnav li,.footernav li{
	display: inline;
	padding-right:20px;
	color: #666;
	font-size: 1.0em;
	line-height: 140%;
	list-style: none;
}
.searchform{
	display:none;
	float: left;
	top: 0;
	left: 0;
	padding-right:20px;
}
.globalnav{
	display:block;
	float: left;
	width:100%;
	left:6px;
	/*adjust y pos of home sitemap in IE */
	top:1px;
	height:auto;
	min-height:18px;
	margin-left:0;
}
html>body .globalnav{
/*adjust y pos of home sitemap in Opera */
	top: 6px;
	left: 6px;
}
:root .globalnav{
/*adjust y pos of home sitemap in Moz */
	top: 6px;
	left: 6px;
	margin-left:0;
}
.globalnav li a{
	color: #999;
	font-weight: bold;
	font-style: normal;
	font-size: 1.0em;
}
.footernav{
	/*float:left;*/
	display: block;
	top:0;
	font-size: 0.9em;
	margin-top:-22px;
	width:760px;
	/*width:550px;*/
/*text-align:center;*/
	text-align:right;
}
html>body .footernav{
	top:0;
	padding-bottom: 5px;
	margin-top:0;
}
:root .footernav{
	top: 0;
}
.footernav li a{
	color: #666;
	font-weight: normal;
	font-style: normal;
}
:root #water {
	background-color: #E6F5E6;
	background-repeat: no-repeat;
	height: 650px;
	width: 760px;
	top: 120px;
	right: 200px;
	position: static;
}



/* --------- main menu ----------------------------------------*/
#menu{
	position:absolute;
	top:8px;
	left:110px;
	height:79px;
	width:640px;
	z-index: 500;
}
#menu ul{
	float:right;
	list-style: none;
	width: 576px;
	padding:8px;
	padding-right:0;
	padding-left:0;
	padding-bottom:4px;
	background-color: #FFF;
	border:1px solid #BBB;
}
#menu ul ul{
	padding-left:90px;
	padding-bottom:5px;
	width:208px;
	border:none;
}
html>body #menu ul ul{
	padding-bottom:15px;
}
:root #menu ul ul{
	padding-bottom:17px;
}
#section1,#section2,#section3,#section4,#section5,#section6,#section7,#section8 {
	position:absolute;
	display:none;
	margin-top:6px;
	padding:8px;
	padding-left:3px;
	background-color: #FFF;
	width:304px;
	border:1px solid #999;
}
#section1{margin-left:-9px;}
#section2{margin-left:-9px;}
#section3{margin-left:-9px;}
#section4{margin-left:-245px;}
#section5{margin-left:-245px;}
#section6{margin-left:-245px;}
#section7{margin-left:-245px;}
#section8{margin-left:-9px;}
#menu ul #section1 ul{background:#090 url(graphics/menu_bio.jpg) no-repeat 5px 10px;height:90px;}
#menu ul #section2 ul{background:#41008C url(graphics/menu_colour.jpg) no-repeat 5px 10px;height:90px;}
#menu ul #section3 ul{background:#FFD487 url(graphics/menu_hobbs.jpg) no-repeat 5px 10px;height:90px;}
#menu ul #section4 ul{background:#DE0027 url(graphics/energy/morisca.jpg) no-repeat 5px 10px;height:90px;}
#menu ul #section5 ul{background:#A3D9FB url(graphics/menu_water.jpg) no-repeat 5px 10px; height:90px;}
#menu ul #section6 ul{background:#004285 url(graphics/?) no-repeat 5px 10px;}
#menu ul #section7 ul{background:#F7E400 url(graphics/?) no-repeat 5px 10px;}
#menu ul #section8 ul{background:#81cdb9 url(graphics/menu_febreze.jpg) no-repeat 5px 10px;height:90px;}
html>body #menu ul #section1 ul,html>body #menu ul #section2 ul,html>body #menu ul #section3 ul,html>body #menu ul #section5 ul,{
	min-height: 90px;
	height:auto;
}
#menu ul ul li{
	float:none;
	display:block;
	width:200px;
	padding:2px;
	padding-right:0;
	background-color: transparent;
	border-bottom:1px solid #7ED71B;
}
#menu ul #section2 ul li{
	border-bottom:1px solid #0062AA;
}
#menu ul #section3 ul li{
	border-bottom:1px solid #FFFFFF;
}
#menu ul #section4 ul li{
	border-bottom:1px solid #fe3a5c;
}
#menu ul #section5 ul li{
	border-bottom:1px solid #FFFFFF;
}
#menu ul #section8 ul li{
	border-bottom:1px solid #FFFFFF;
}
#menu ul #section2 ul li.lastitem,#menu ul #section3 ul li.lastitem,#menu ul #section4 ul li.lastitem,#menu ul #section1 ul li.lastitem,#menu ul #section5 ul li.lastitem{
	border-bottom:none;
}
#menu ul ul li a{
	color: #FFF;
	font-weight: normal;
	font-style: normal;
}
#menu ul #section3 ul li a{
	color: #dd8428;
}
#menu li{
	float: right;
}
#menu a.menu_1, #menu a.menu_2, #menu a.menu_3, #menu a.menu_4, #menu a.menu_5, #menu a.menu_6, #menu a.menu_7, #menu a.menu_8{
	position: relative;
	display: block;
	background-color: transparent;
	padding-left:8px;
	width:63px;
	height:67px;
}
#menu a.menu_1_active, #menu a.menu_2_active, #menu a.menu_3_active, #menu a.menu_4_active, #menu a.menu_5_active, #menu a.menu_6_active, #menu a.menu_7_active, #menu a.menu_8_active{
	position: relative;
	display: block;
	background-color: transparent;
	padding-left:8px;
	width:63px;
	height:67px;
}
#menu a.menu_1 {
	background: url(graphics/menu_1.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_2 {
	background: url(graphics/menu_2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_3 {
	background: url(graphics/menu_3.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_4 {
	background: url(graphics/menu_4.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_5 {
	background: url(graphics/menu_5.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_6 {
	background: url(graphics/menu_6.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_7 {
	background: url(graphics/menu_7.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu a.menu_8 {
	background: url(graphics/menu_8.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
/* --- active states ---*/
#menu a.menu_1_active, #menu a.menu_1 :hover {
	background: url(graphics/menu_1.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
}
#menu a.menu_2_active, #menu a.menu_2 :hover {
	background: url(graphics/menu_2.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
}
#menu a.menu_3_active, #menu a.menu_3:hover {
	background: url(graphics/menu_3.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
}
#menu a.menu_4_active, #menu a.menu_4:hover {
	background: url(graphics/menu_4.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
} 
#menu a.menu_5_active, #menu a.menu_5:hover {
	background: url(graphics/menu_5.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
}
#menu a.menu_6_active, #menu a.menu_6:hover {
	background: url(graphics/menu_6.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
} 
#menu a.menu_7_active, #menu a.menu_7:hover {
	background: url(graphics/menu_7.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
}
#menu a.menu_8_active, #menu a.menu_8:hover {
	background: url(graphics/menu_8.gif);
	background-position: 0px -67px;
	background-repeat: no-repeat;
}
#menu a:hover {
	background-position: 0px -67px;
}
	
#menu a.menu_1 span,#menu a.menu_2 span,#menu a.menu_3 span,#menu a.menu_4 span,#menu a.menu_5 span,#menu a.menu_6 span,#menu a.menu_7 span,#menu a.menu_8 span{
	position: relative;
	margin-left: -5000px;
}
#menu a.menu_1_active span,#menu a.menu_2_active span,#menu a.menu_3_active span,#menu a.menu_4_active span,#menu a.menu_5_active span,#menu a.menu_6_active span,#menu a.menu_7_active span,#menu a.menu_8_active span{
	position: relative;
	margin-left: -5000px;
}
/* adjustments for splash pages */
#splash #menu{
	top:435px;
	left: 65px;
}
#splash #menu ul{
	float:left;
}
#splash #section1,#splash #section2,#splash #section5,#splash #section6,#splash #section7,#splash #section8{
	top:0px;
	margin-top:-131px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
#splash #section3 {
	top:0px;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
#splash #section4{
	top:0px;
	margin-top:-131px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}

:root #splash #section1{
	top:0;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
:root #splash #section2{
	top:0;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
:root #splash #section3{
	top:0;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
:root #splash #section4{
	top:0;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
:root #splash #section5{
	top:0;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
:root #splash #section8{
	top:0;
	margin-top:-143px;
	padding:8px;
	padding-left:9px;
	padding-right:2px;
}
/* ------------------------- bio section --------------------------------------- */
body#bio #head,body#bio #home,body#bio #about,body#bio #stainpen,body#bio #stainpendemo,body#bio #dosing,body#bio #performance{
	/*top:30px;*/
	left:0;
	height:530px;
	width:760px;
	padding-bottom:10px;
	background-color: #090;
}
html>body#bio #head,html>body#bio #home,html>body#bio #about,html>body#bio #stainpen,html>body#bio #stainpendemo,html>body#bio #dosing,html>body#bio #performance{
	height:auto;
	min-height: 530px;
}
body#bio #stainpendemo{
	height: 464px;
}
html>body#bio #stainpendemo{
	height: auto;
	min-height: 464px;
}
h1{
	position:absolute;
	top: -154px;
	left: 135px;
	width:181px;
	height:28px;
	background-color:transparent;
	background: url(../images/ariel_bio_title.gif) no-repeat;
}

body#bio #strapline h3 span{
	margin-left: -5000px;
}
/* about page */
body#bio #about #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-119px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval*/
	background: url(graphics/bio_about_pic.jpg) no-repeat 316px 0;
}
body#bio #about #strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
	background: url(../images/radiant_whites.gif) no-repeat;
}
/* dosing page */
body#bio #dosing #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-119px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval
	background: url(graphics/bio_dosing_pic.jpg) no-repeat 316px 0;*/
}
body#bio #dosing #strapline a{display:block;height:168px;width:254px;margin-left:316px;margin-bottom:-168px;background-color:transparent;background: url(graphics/bio_dosing_pic.jpg) no-repeat 0 0;}
body#bio #dosing #strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
	background: url(../images/how_much.gif) no-repeat;
}
/* performance page */
body#bio #performance #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-119px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval
	background: url(graphics/bio_performance_pic.jpg) no-repeat 316px 0;*/
}
body#bio #performance #strapline a{display:block;height:168px;width:254px;margin-left:316px;margin-bottom:-168px;background-color:transparent;background: url(graphics/bio_format_pic.jpg) no-repeat 0 0;}
body#bio #performance #strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
	background: url(../images/bio_performance_convenience.gif) no-repeat;
}
/* home page */
body#bio #home #highlight{min-height: 110px;}
body#bio #home #strapline{
	margin-top:-297px;
	left:220px;
	height:318px;
	width:540px;
	background-color:transparent;
	background: url(graphics/bio_home_pic.jpg) no-repeat 104px 0;
}
html>body#bio #home #strapline{margin-top:-299px;} 
body#bio #home #strapline h2{
	top:289px;
	height:64px;
	width:358px;
	margin-left:0;
	background-color:transparent;
	background: url(../images/pure_clean.gif) no-repeat;
}
/* stainpen page */
body#bio #stainpen #highlight{min-height: 110px;}
body#bio #stainpen #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-119px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval*/
	background: url(graphics/bio_stainpen_pic.jpg) no-repeat 316px 0;
}
body#bio #stainpen #strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
	background: url(../images/removes_stains_sml.gif) no-repeat;
}

body#bio #stainpen .product{
	top:-130px;
	left:310px;
}
#stainpenlink{
	position:absolute;
	top:50px;
	left:330px;
	width:198px;
	height:68px;
}
#stainpenlink a{
	position:relative;
	display:block;
	line-height:68px;
	width:198px;
	height:68px;
	background-color: transparent;
	background: url(graphics/bio_watch_demo.gif) no-repeat;
}
#stainpenlink a span{
	margin-left:-5000px;
}
/* --------------- stainpendemo page ---------------- */
body#bio #stainpendemo{
	height:auto;
	padding:0;
	margin:0;
}
body#bio #stainpendemo #heading{
	height:464px;
	background: #090 url(graphics/bg_stainpen_demo.jpg) no-repeat;
}
html>body#bio #stainpendemo #heading{
	height:auto;
	min-height:464px;
	border-top:1px solid #E6F5E6;
}
body#bio #stainpendemo #content{
	background-image:none;
}
.leftContent{
	color: #FFF;
	margin-left:30px;
	margin-top:200px;
}
.leftContent p{
	width:370px;
}
body#bio #stainpendemo h1{
	top:120px;
	left: 150px;
	width:294px;
	height:59px;
	background-color:transparent;
	background: url(graphics/bio_stainpen_title.gif) no-repeat;
}
body#bio #stainpendemo .product{
	z-index:10;
	top:150px;
	left:450px;
	width: auto;
	margin:0;
	padding:0;
}
.leftContent ul{
	list-style:url(graphics/stainpen_bullet.gif);
	margin-top:15px;
	margin-bottom:15px;
	width: 450px;
}
.leftContent ul li{
	padding-bottom:10px;
	padding-left:5px;
}

/* --------------- splash page ---------------- */
body#splash{padding-top:40px;}
body#splash #head{
	/*top:30px;*/
	left:0;
	height:auto;
	width:760px;
	padding-bottom:0;
	background-color: #4192c9;
}
body#splash{
	padding-bottom:70px;
}
#splash #heading{
	height:437px;
	background: url(graphics/bg_splash.jpg) no-repeat;
}
#splash #strapline{
	margin-top:-437px;
	padding:0;
	left:480px;
	height:135px;
	width:290px;
}
#splash #strapline h3{
	top:20px;
	left:0;
	margin:0;
	padding:0;
	height:100px;
	width:234px;
	background-color:transparent;
}
#splash #caption{
	margin-left:515px;
	margin-top:0;
	margin-bottom:14px;
	color: #fff;
	top:30px;
	width:245px;
	height:272px;
	background-color:transparent;
}
html>body#splash #caption{
	min-height: 272px;
	height: auto;
}
#splash #caption p{
	font-size:1.0em;
	line-height:130%;
	padding-bottom:10px;
}
#splash .alink{
	margin:0;
	left:0;
	font-size:1.7em;
	width: 145px;
	text-align: left;
}

#splash #foot{
	top:62px;
}
:root #splash #foot{
	top:70px;
}
html>#splash #foot{
	top:58px;
}
/* --------------------------------------- colour section ----------------------------------------------------------- */
body#colour {
	background-color: #ECE6F4;
}
body#colour #head,body#colour #home,body#colour #about,body#colour #dosing,body#colour #performance{
	/*top:30px;*/
	left:0;
	height:530px;
	width:760px;
	padding-bottom:10px;
	background-color: #41008C;
}
html>body#colour #head,html>body#colour #home,html>body#colour #about,html>body#colour #dosing,html>body#colour #performance{
	height:auto;
	min-height: 530px;
}
body#colour #heading{
	background: url(graphics/bg_top_colour.jpg) no-repeat;
	background-color: #41008C;
}
body#colour h1{
	width: 234px;
	left: 82px;
	top:-155px;
	background: url(../images/colour_title.gif) no-repeat;
}
body#colour #submenu{
	background-color: transparent;
	background: url(graphics/bg_detail_colour.jpg) no-repeat 0 110px;
}
body#colour #submenu li{
	background-color:transparent;
	background: url(graphics/bullet_colour.gif) no-repeat right 0;
}
body#colour .alink {
	margin-left:-51px;
	background-color:transparent;
	background: url(graphics/bullet_colour.gif) no-repeat right 0;
	width: 400px;
}
body#bio .alink{
	width: 430px;
	margin-left:-81px;
	background-color:transparent;
	background: url(graphics/water/water_bullet.gif) no-repeat right 0;
}
body#colour #content{
	background-color: #41008C;
	background: url(graphics/bg_bottom_colour.gif) no-repeat bottom left;
}
body#colour #highlight a{
	color: #E368A2;
}
body#colour h2{
	color:#E368A2;
}
/*body#colour .product{
	top:-82px;
	left:270px;
}*/

/*----------- febreze  --------------*/

body#febreze {
	background-color: #E6F5F1;
}
body#febreze #head,body#febreze #home,body#febreze #about,body#febreze #dosing,body#febreze #performance{
	/*top:30px;*/
	left:0;
	height:530px;
	width:760px;
	padding-bottom:10px;
	background-color: #7cc9b5;
}
html>body#febreze #head,html>body#febreze #home,html>body#febreze #about,html>body#febreze #dosing,html>body#febreze #performance{
	height:auto;
	min-height: 530px;
}
#contentPage #headingFebreze{
	background: url(graphics/febreze/bg_top_febreze.jpg) no-repeat;
	background-color: #7fccb8;
}
body#febreze h1{
	width: 284px;
	left: 40px;
	top:-155px;
	background: url(graphics/febreze/febreze_title.gif) no-repeat;
}
body#febreze #content{
	background-color: #41008C;
	background: url(graphics/febreze/bg_bottom_febreze.gif) no-repeat bottom left;
}
body#febreze #highlight a{
	color: #0097E6;
}
body#febreze h2{
	color:#0097e6;
}
body#febreze #home #highlight{min-height: 110px;}
body#febreze #home #strapline{
	margin-top:-317px;
	left:219px;
	height:318px;
	width:540px;
	background-color:transparent;
	background: url(graphics/febreze/febreze_home_pic.jpg) no-repeat 104px 0;
	z-index: 10;
}
html>body#febreze #home #strapline{margin-top:-309px;}
body#febreze #home #strapline h2{
	top:350px;
	left:-100px;
	height:64px;
	width:458px;
	background-color:transparent;
	background: url(graphics/febreze/home_text.gif) no-repeat;
}
#febrezeLogo {
	width: 193px;
	height: 108px;
	position: absolute;
	top: 390px;
	left: 560px;
	background: url(graphics/febreze/febreze_logo.gif) no-repeat;
	z-index:500;
}
#textSummary{
	width:448px;
	height:73px;
	position:relative;
	top:25px;
	left:70px;
	background-color:transparent;
	background: url(graphics/febreze/summary_text.gif) no-repeat;
	z-index:501;
}
body#febreze #textSummary h3 {
	margin-left:-5000px;
}
#textFormatSelector{
	width:319px;
	height:80px;
	position:relative;
	top:32px;
	left:120px;
	background-color:transparent;
	background: url(graphics/febreze/format_selector_text.gif) no-repeat;
	z-index:501;
}
body#febreze #textFormatSelector h3 {
	margin-left:-5000px;
}
#textDosingCalculator{
	width:396px;
	height:85px;
	position:relative;
	top:-8px;
	left:50px;
	background-color:transparent;
	background: url(graphics/febreze/dosing_calculator_text.gif) no-repeat;
	z-index:501;
}
body#febreze #textDosingCalculator h3 {
	margin-left:-5000px;
}
#febreze .product {
	position: absolute;
	top: 0px;
	left: 0px;
}
body#contentPage #febreze h2.selector {
	background: transparent url(graphics/febreze/what_form.gif) no-repeat;
}
body#contentPage #febreze h1
{
	top:0;
	left:0;
	margin-left:223px;
	padding:0;
	background-color: #FFF;
	background: url(graphics/febreze/more_about_febreze_text.gif) no-repeat;
}
body#contentPage  #febreze h2
{
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:28px;
	background-color: #FFF;
	background: url(graphics/febreze/all_about_dosing.gif) no-repeat;
}
html>body#contentPage  #colourcontent h2, html>body#contentPage  #febreze h2{
	margin-top:8px;
}
body#contentPage  #febreze h2.subtitle1{background: url(graphics/febreze/about_text.gif) no-repeat;}
body#contentPage  #febreze h2.subtitle2{background: url(graphics/febreze/what_temperature.gif) no-repeat;}
body#contentPage  #febreze h2.subtitle3{background: url(graphics/febreze/what_format.gif) no-repeat;}

#arielFebrezeTitle{
	width:448px;
	height:73px;
	position:relative;
	top:20px;
	left:120px;
	background-color:transparent;
	background: url(graphics/febreze/summary_text.gif) no-repeat;
	z-index:501;
}
body#febreze #textSummary h3 {
	margin-left:-5000px;
}
.blue {
	color: #0097E6;
}
body#febreze #submenu{
	background-color: transparent;
	background: url(graphics/febreze/bg_detail_febreze2.jpg) no-repeat 0 110px;
}
body#febreze #submenu li{
	background-color:transparent;
	background: url(graphics/febreze/bullet_febreze.gif) no-repeat right 0;
}
body#febreze .alink{
	margin-left:-51px;
	background-color:transparent;
	background: url(graphics/febreze/bullet_febreze.gif) no-repeat right 0;
}
#FebrezeHomePic {
	width: 293px;
	height: 194px;
	position: absolute;
	top: 20px;
	left: 467px;
}
#FebrezeSelectorPic {
	width: 293px;
	height: 194px;
	position: absolute;
	top: 5px;
	left: 467px;
}
#FebrezeDosingPic {
	width: 293px;
	height: 194px;
	position: absolute;
	top: 50px;
	left: 467px;
}
#febrezePowder {
	width: 127px;
	height: 169px;
	position: absolute;
	top: -100px;
	left: 312px;
	z-index:500;
}
#febrezeLiquid {
	width: 127px;
	height: 169px;
	position: absolute;
	top: -100px;
	left: 305px;
	z-index:501;
}
#febrezeLiquitabs {
	width: 127px;
	height: 169px;
	position: absolute;
	top: -60px;
	left: 300px;
	z-index:502;
}
#febrezeLogoWhite {
	width: 144px;
	height: 81px;
	position: absolute;
	top: 460px;
	left: 0px;
}
#febrezePowder p, #febrezeLiquid p, #febrezeLiquitabs p {
	visibility: hidden;
}

/* --------------------------------------- colour section ----------------------------------------------------------- */
/* home page */
body#colour #home #highlight{min-height: 110px;}
body#colour #home #strapline{
	margin-top:-315px;
	left:220px;
	height:318px;
	width:540px;
	background-color:transparent;
	background: url(graphics/colour_home_pic.jpg) no-repeat 104px 0;
}
html>body#colour #home #strapline{margin-top:-309px;}
body#colour #home #strapline h2{
	top:287px;
	left:-3px;
	height:64px;
	width:458px;
	background-color:transparent;
	background: url(../images/vibrant_clean.gif) no-repeat;
}
/* about page */
body#colour #about #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval*/
	background: url(graphics/colour_about_pic.jpg) no-repeat 316px 0;
}
body#colour #about #strapline h3{
	top:130px;
	height:82px;
	width:411px;
	background-color:transparent;
	background: url(../images/helps_keep.gif) no-repeat;
}
/* performance page */
body#colour #performance #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval
	background: url(graphics/colour_performance_pic.jpg) no-repeat 316px 0;*/
}
body#colour #performance #strapline a{display:block;height:168px;width:254px;margin-left:316px;margin-bottom:-168px;background-color:transparent;background: url(graphics/colour_format_pic.jpg) no-repeat 0 0;}
body#colour #performance #strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
	background: url(../images/colour_performance_convenience.gif) no-repeat;
}
/* dosing page */
body#colour #dosing #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval
	background: url(graphics/colour_dosing_pic.jpg) no-repeat 316px 0;*/
}
body#colour #dosing #strapline a{display:block;height:168px;width:254px;margin-left:316px;margin-bottom:-168px;background-color:transparent;background: url(graphics/colour_dosing_pic.jpg) no-repeat 0 0;}
body#colour #dosing #strapline h3{
	top:105px;
	height:100px;
	width:358px;
	background-color:transparent;
	background: url(../images/colour_how_much.gif) no-repeat;
}

/* ----------------- Sensitive section ---------------------------------------------*/
body#sensitive {
	background-color: #D9F0FC;
}
body#sensitive #head,body#sensitive #home,body#sensitive #about,body#sensitive #skin,body#sensitive #dosing,body#sensitive #performance{
	/*top:30px;*/
	left:0;
	height:530px;
	width:760px;
	padding-bottom:10px;
	background-color: #FFD487;
/*	background-color: #0097E6; 
	background-image: url(graphics/hobbs_img_bg.jpg);
	background-position: 0px -20px;
	background-repeat: repeat-y;*/
}
html>body#sensitive #head,html>body#sensitive #home,html>body#sensitive #about,html>body#sensitive #skin,html>body#sensitive #dosing,html>body#sensitive #performance{
	height:auto;
	min-height: 530px;
}
body#sensitive #heading{
/*	background: url(graphics/bg_top_sensitive.jpg) no-repeat; */
	background-color:transparent;
	background: url(graphics/bg_top_hobbs.jpg) no-repeat;
	width: 760px;
}
body#sensitive #content h1{
	width: 332px;
	left: 14px;
	top:-155px;
	background: url(graphics/ariel_hobbs_title.gif) no-repeat;
	z-index:300;
}
body#sensitive #submenu{
	background-color: transparent;
/*	background: url(graphics/bg_detail_sensitive.jpg) no-repeat 0 110px; */
	background: url(graphics/bg_detail_hobbs.jpg) no-repeat 0 110px;
	height: 324px;
}
body#sensitive #submenu li{
	background-color:transparent;
	background: url(graphics/bullet_hobbs.gif) no-repeat right 0;
}
body#sensitive .alink{
	margin-left:-81px;
	background-color:transparent;
	background: url(graphics/bullet_sensitive.gif) no-repeat right 0;
}
body#sensitive #content{
/*	background-color: #0097E6; 
	background-color: #FFD487;*/
	background-color:transparent;
	background: url(graphics/bg_bottom_hobbs.jpg) no-repeat bottom left;
}
body#sensitive #highlight a{
	color: #DD8428;
}
body#sensitive h2 {
	color:#DD8428;
}

/*body#sensitive .product{
	top:-110px;
	left:285px;
}*/

/* home page */
body#sensitive #home #highlight{min-height: 110px;}
body#sensitive #home #strapline{
	margin-top:-315px;
	left:220px;
	height:402px;
	width:540px;
	background-color:transparent;
/*	background: url(graphics/sensitive_home_pic.jpg) no-repeat 104px 0; */
	background: url(graphics/hobbs_home_pic.jpg) no-repeat 104px 3px;
	z-index: 190;
}
html>body#sensitive #home #strapline{margin-top:-309px;}
body#sensitive #home #strapline h2{
	top:310px;
	height:121px;
	width:442px;
	left:-90px;
	background-color:transparent;
	background: url(graphics/a_touch_of_gentleness.gif) no-repeat;
}

/* about page */
body#sensitive #about #strapline {
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval*/
/*	background: url(graphics/sensitive_about_pic.jpg) no-repeat 316px 0; */
	background: url(graphics/hobbs_about_pic.gif) no-repeat 316px -1px;
}
body#sensitive #about #strapline h3{
	top:90px;
	left: -100px;
	height:121px;
	width:442px;
	background-color:transparent;
	background: url(graphics/a_touch_of_gentleness.gif) no-repeat;
}
/* skin page */
body#sensitive #skin #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval*/
	background: url(graphics/hobbs_about_pic.gif) no-repeat 316px 0;
}
body#sensitive #skin #strapline h3{
	top:90px;
	left: -100px;
	height:121px;
	width:442px;
	background-color:transparent;
	background: url(graphics/a_touch_of_gentleness.gif) no-repeat;
}
/* performance page */
body#sensitive #performance #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval
	background: url(graphics/sensitive_performance_pic.jpg) no-repeat 316px 0;*/
}
body#sensitive #performance #strapline a{display:block;height:168px;width:254px;margin-left:316px;margin-bottom:-178px;background-color:transparent;background: url(graphics/sensitive_format_pic.gif) no-repeat 0 0;}
body#sensitive #performance #strapline h3{
	top:90px;
	left: -100px;
	height:121px;
	width:442px;
	background-color:transparent;
	background: url(graphics/a_touch_of_gentleness.gif) no-repeat;
}
/* dosing page */
body#sensitive #dosing #strapline{
/*adjust y pos of pic on border of oval*/
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	/*adjust x pos of pic on border of oval
	background: url(graphics/sensitive_dosing_pic.jpg) no-repeat 316px 0;*/
}
body#sensitive #dosing #strapline a{display:block;height:168px;width:254px;margin-left:316px;margin-bottom:-168px;background-color:transparent;background: url(graphics/sensitive_dosing_pic.gif) no-repeat 0 0;}
body#sensitive #dosing #strapline h3{
	top:90px;
	left: -100px;
	height:121px;
	width:442px;
	background-color:transparent;
	background: url(graphics/a_touch_of_gentleness.gif) no-repeat;
}
/* --------- family section ----------------------------- */
body#colour {
	background-color: #ECE6F4;
}
body#family #home,body#family #biofamily,body#family #colourfamily,body#family #sensitivefamily,body#family #homefamily,body#family #stainpenfamily,body#family #handwashfamily,body#family #formatfamily,body#family #environmentfamily{
	/*top:30px;*/
	left:0;
	height:530px;
	width:760px;
	padding-bottom:10px;
	background-color: #41028E;
}
html>body#family #home,html>body#family #biofamily,html>body#family #colourfamily,html>body#family #sensitivefamily,html>body#family #homefamily,html>body#family #stainpenfamily,html>body#family #handwashfamily,html>body#family #formatfamily,html>body#family #environmentfamily{
	height:auto;
	min-height: 530px;
}
body#family #heading{
	background: url(graphics/bg_top_family.jpg) no-repeat;
	background-color: #41008C;
}
body#family h1{
	width: 234px;
	left: 128px;
	top:-155px;
	background: url(../images/family_title.gif) no-repeat;
}
body#family #submenu{
	height:380px;
	background-color: transparent;
	background: url(graphics/bg_detail_family.jpg) no-repeat 0 110px;
}
body#family #submenu li{
	background-color:transparent;
	background: url(graphics/bullet_family.gif) no-repeat right 0;
}
body#family .alink{
margin-left:-31px;
	background-color:transparent;
	background: url(graphics/bullet_family.gif) no-repeat right 0;
}
body#family #content{
	background-color: #0097E6;
	background: url(graphics/bg_bottom_family.jpg) no-repeat bottom left;
}
body#family #highlight a{
	color: #004285;
}
body#family h2{
	color:#004285;
}
body#family .product{
	top:-110px;
	left:285px;
}
/* home page */
body#family #home #highlight{min-height: 110px;}
body#family #home #strapline{
	margin-top:-331px;
	left:220px;
	height:332px;
	width:540px;
	background-color:transparent;
	background: url(graphics/family_home_pic.jpg) no-repeat 105px 0;
}
html>body#family #home #strapline{margin-top:-324px;}
body#family #home #strapline h2{
	top:300px;
	left:60px;
	height:101px;
	width:383px;
	background-color:transparent;
	background: url(../images/family_laundry_needs.gif) no-repeat;
}
/* family bio*/
body#family #biofamily #highlight{min-height: 110px;}
body#family #biofamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_bio_pic.jpg) no-repeat 316px 0;
}
body#family #biofamily #strapline h3{
	top:125px;
	height:100px;
	width:358px;
	left:20px;
	background-color:transparent;
	background: url(../images/family_brilliant_cleaning.gif) no-repeat;
}
/* family colour */
body#family #colourfamily #highlight{min-height: 110px;}
body#family #colourfamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_colour_pic.jpg) no-repeat 316px 0;
}
body#family #colourfamily #strapline h3{
	top:125px;
	height:100px;
	width:358px; 
	left:55px;
	background-color:transparent;
	background: url(../images/family_vibrant_clean.gif) no-repeat;
}
/* family sensitive */
body#family #sensitivefamily #highlight{min-height:110px;}
body#family #sensitivefamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_sensitive_pic.jpg) no-repeat 316px 0;
}
body#family #sensitivefamily #strapline h3{
	top:125px;
	height:100px;
	width:358px;
	left:65px;
	background-color:transparent;
	background: url(../images/family_gentle_clean.gif) no-repeat;
}
/* family stainpen */
body#family #stainpenfamily #highlight{min-height: 110px;}
body#family #stainpenfamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_stainpen_pic.jpg) no-repeat 316px 0;
}
body#family #stainpenfamily #strapline h3{
	top:125px;
	height:100px;
	width:388px;
	left:15px;
	background-color:transparent;
	background: url(../images/family_laundry_needs.gif) no-repeat;
}
/* family handwash */
body#family #handwashfamily #highlight{min-height: 110px;}
body#family #handwashfamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_handwash_pic.jpg) no-repeat 316px 0;
}
body#family #handwashfamily #strapline h3{
	top:125px;
	height:100px;
	width:358px;
	left:15px;
	background-color:transparent;
	background: url(../images/family_brilliant_handwash.gif) no-repeat;
}
body#family #handwashfamily .product{
	left:320px;
}
/* family formats */
body#family #formatfamily #highlight{min-height: 110px;}
body#family #formatfamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_format_selector.jpg) no-repeat 316px 0;
}
body#family #formatfamily #strapline h3{
	top:125px;
	height:100px;
	width:388px;
	left:15px;
	background-color:transparent;
	background: url(../images/family_laundry_needs.gif) no-repeat;
}
/* family environment */ 
body#family #environmentfamily #highlight{min-height: 110px;}
body#family #environmentfamily #strapline{
	margin-top:-120px;
	left:190px;
	height:220px;
	width:572px;
	background-color:transparent;
	background: url(graphics/family_environment_pic.jpg) no-repeat 316px 0;
}
body#family #environmentfamily #strapline h3{
	top:125px;
	height:100px;
	width:358px;
	left:85px;
	background-color:transparent;
	background: url(../images/family_your_safety.gif) no-repeat;
}
/*////// content pages ///////*/
body#contentPage 
{
	padding-top:6px;
	top:0;
	left: 0;
	background-color: #E6F5E6;
}
html>body#contentPage {padding-top:7px;}
#sensitivebg body#contentPage{
	background-color: #D9F0FC;
}
body#contentPage #biocontent, body#contentPage #colourcontent, body#contentPage #sensitivecontent, body#contentPage #familycontent, body#contentPage #waterContentPage, body#contentPage #EnergyContentPage, body#contentPage #febreze {
	padding-bottom:10px;
	background-color:#FFF;
}
body#contentPage #heading
{
	background-color: #FFF;
	background: url(graphics/bio_contentPage.jpg) no-repeat;
}
body#contentPage #energycontent #heading
{
	background-color: #FFF;
	background: url(graphics/bg_top_energy.jpg) no-repeat;
	height:390px;
}
body#contentPage #content
{
	background-color: transparent;
	background-image: none;
	margin-top:-98px;
	left:25px;
	width:95%;
}
body#contentPage h1
{
	top:100;
	left:0;
	width:300px;
	margin-left:223px;
	padding:0;
	background-color: #FFF;
	background: url(graphics/bio_content_title.gif) no-repeat;
}

/*---  begin energy saving  ---*/

body#contentPage #energycontent h1 {
	top:-110px;
	left:-30px;
	width:300px;
	margin-left:223px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background-color: #FFF;
	background: url(graphics/energy/energy_title.gif) no-repeat;
}
body#contentPage #energycontent h2
{
	top:-110px;
	left:-22px;
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/energy_subtitle1.gif) no-repeat;
}
body#contentPage #energycontent h3
{
	top:100px;
	left:-22px;
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/energy_subtitle2.gif) no-repeat;
}
body#contentPage #energycontent h4
{
	position:relative;
	top:-100px;
	left:160px;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/make_difference.gif) no-repeat;
}
body#contentPage #energycontent h5
{
	position:static;
	top:-200px;
	left:-22px;
	top:160px;
	left:0px;
	margin-left:160px;
	margin-bottom:0;
	height:30px;
	width:480px;
	background-color: #FFF;
	background: url(graphics/energy/make_pledge.gif) no-repeat;
}
#bigpic {
	margin:0px;
	padding:0px;
	position:relative;
	top:-790px;
	left:195px;
	width:498px;
	height:221px;
	background-image: url(graphics/energy/energy_picture.jpg);
	z-index:1000;
	overflow:hidden;
}
#smallpic1 {
	margin:0px;
	padding:0px;
	position:relative;
	top:-500px;
	left:0px;
	width:126px;
	height:126px;
	background-image: url(graphics/energy/energy_small_picture1.gif);
	overflow:hidden;
}
#smallpic2 {
	margin:0px;
	padding:0px;
	position:relative;
	top:-476px;
	left:0px;
	width:126px;
	height:126px;
	background-image: url(graphics/energy/energy_small_picture2.gif);
	clear:right;
	overflow:hidden;
}
#hotpointLogo {
	margin:0px;
	padding:0px;
	position:relative;
	top:-250px;
	left:0px;
	width:145px;
	height:41px;
	background-image: url(graphics/energy/hotpoint_logo.gif);
	clear:right;
}
#regions {
	position:relative;
	top:-380px;
	left:-20px;
	width:250px;
	height:288px;
	background-image:url(graphics/energy/regions.gif);
	float:right;
	margin-bottom:30px;
	clear:right;
}
#text20percent {
	position:relative;
	top:-100px;
	left:200px;
	width:247px;
	height:129px;
	background-image:url(graphics/energy/text_20percent.gif);
	float:leftt;
	margin-bottom:30px;
}
#pledgeNo {
	position:relative;
	top:-100px;
	left:200px;
	width:230px;
	height:25px;
	background-image:url(graphics/energy/pledge_no.gif);
}
#tabel {
	position:relative;
	top:-10px;
	left:193px;
	width:500px;
}
body#contentPage #energycontent p.ten2
{
	margin-left:200px;
}
body#contentPage #waterContentPage p.game
{
	margin-left:25px;
}
body#contentPage #energycontent p.energytxt1 {
	margin-top:10px;
	margin-left: 200px;
	margin-bottom:1px;
	height:18px;
	background-color: #FFF;
	background: url(graphics/energy/please_fill.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt2 {
	margin-top:10px;
	margin-left: 200px;
	margin-bottom:1px;
	height:18px;
	background-color: #FFF;
	background: url(graphics/energy/opt_in.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt3 {
	margin-top:10px;
	margin-left: 200px;
	margin-bottom:1px;
	height:18px;
	background-color: #FFF;
	background: url(graphics/energy/energise_help.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt4 {
	position:relative;
	top:-110px;
	margin-top:10px;
	margin-left: 200px;
	margin-bottom:1px;
	height:24px;
	background-color: #FFF;
	background: url(graphics/energy/imagine_this.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt9 {
	position:relative;
	top:-120px;
	left:-3px;

	margin-left:140px;
	margin-bottom:20px;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/thanks.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt10 {
	position:relative;
	top:-120px;
	left:-3px;
	margin-top:10px;
	margin-left:140px;
	margin-bottom:20px;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/turn_your_friends.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt11 {
	position:relative;
	top:0px;
	left:60px;
	margin-top:10px;
	margin-left:140px;
	margin-bottom:20px;
	height:13px;
	background-color: #FFF;
	background: url(graphics/energy/proud_supporter.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt12 {
	position:relative;
	top:-110px;
	left:-22px;
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/energy_subtitle1.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt12b {
	position:relative;
	top:-110px;
	left:-22px;
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/energy/energy_subtitle1b.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt13 {
	position:relative;
	top:-120px;
	left:35px;
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:34px;
	background-color: #FFF;
	background: url(graphics/energy/tell_friend.gif) no-repeat;
}
body#contentPage #energycontent p.energytxt14 {
	position:relative;
	top:-120px;
	left:35px;
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:30px;
	width:150px;
	background-color: #FFF;
	background: url(graphics/energy/thank_you.gif) no-repeat;
}
#detailsButton {
	margin:10px 0;
	padding:0px;
	position:relative;
	left:350px;
	width:345px;
	height:44px;
}
#friendButton {
	margin:10px 0;
	padding:0px;
	position:relative;
	left:470px;
	width:345px;
	height:44px;
}
#takePledge {
	margin:10px 0;
	padding:0px;
	position:relative;
	left:220px;
	width:345px;
	height:44px;
}
#learnMore {
	margin:10px 0;
	padding:0px;
	position:relative;
	left:220px;
	width:345px;
	height:44px;
}
#pledgeButton {
	margin:10px 0;
	padding:0px;
	position:relative;
	left:450px;
	width:232px;
	height:44px;
}
#tellAbout {
	position:relative;
	top:0px;
	left:220px;
	margin:10px 0px;
}
#youKnow {
	position:relative;
	top:0px;
	left:-20px;
	width:502px;
	height:191px;
	float:right;
	margin:10px 0px;
}
#savingTips {
	position:relative;
	top:0px;
	left:200px;
	width:249px;
	height:103px;
	margin:10px 0px;
}
#makeDifference {
	position:relative;
	top:-113px;
	right:21px;
	width:252px;
	height:103px;
	float:right;
}
#energyLogo {
	position:relative;
	top:0px;
	left:200px;
	width:195px;
	height:78px;
	margin:10px 0px;
}
#hotpointBigLogo {
	position:relative;
	top:-75px;
	right:21px;
	width:210px;
	height:61px;
	float:right;
}
body#contentPage #energycontent p.bluelink a
{
	color:#0262AA;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
#error1, #error2, #error3, #error4, #error5, #error6, #error7, #error8 {
	position:relative; 
	top:0px;
	left:20px;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DC4800;
	line-height: 13px;
	font-weight: bold;
}
#RegBirmingham {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:205px;
	left:168px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:100;
}
#RegCoventry {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:172px;
	left:193px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:101;
}
#RegLiverpool {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:125px;
	left:160px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:102;
}
#RegManchester {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:90px;
	left:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:102;
}
#RegOtherUK {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:130px;
	left:190px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:100;
}
#RegScotland {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:-50px;
	left:125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:102;
}
#RegWales {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:53px;
	left:140px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:102;
}
#RegNIreland {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:-45px;
	left:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:102;
}
#RegAll {
	margin:0px;
	padding:0px;
	position:relative; 
	width:24px;
	height:24px;
	top:0px;
	left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(graphics/energy/circle.gif);
	z-index:102;
}


/*---  end energy saving  >>>   end energy saving  >>>   end energy saving ---*/


body#water h1 
{
	top:0;
	left:200;
	width:300px;
	margin-top:128px;
	margin-left:223px;
	padding:0;
	background-color: #FFF;
	background: url(style/graphics/tennis_title.gif) no-repeat;
	z-index:1;
}
body#contentPage #content p{
	margin-left:223px;
	margin-bottom: 15px;
	padding-right:20px;
	width:auto;
	color:#7F7F7F;
}
body#contentPage strong{
	font-size: 1.0em;
}
body#contentPage #content p.caption{
	margin-top:13px;
	margin-left:230px;
	margin-bottom:20px;
}
body#contentPage h2
{
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/bio_content_subtitle.gif) no-repeat;
}
html>body#contentPage h2{
	margin-top:8px;
}
body#contentPage h3{
	padding-bottom:5px;
	margin-left: 160px;
	height:28px;
	background-color: #FFF;
}
body#contentPage h3.subtitle1{background: url(graphics/bio_recommends.gif) no-repeat;}
body#contentPage h3.subtitle2{background: url(graphics/bio_whatform.gif) no-repeat;}
body#contentPage p.P70 img{
	float: right;
	
}
body#contentPage #content div.imagerow{margin-left: -20px;width:520px;}
html>body#contentPage #content div.imagerow{margin-left: -5px;}
body#contentPage #content div.imagerowMargin{margin-left: 223px;width:520px;}
body#contentPage #content div.imagerow p,body#contentPage #content div.imagerowMargin p{
	float: left;
	margin:0;
	padding:0;
	width:80px;
	text-align: center;
}
html>body#contentPage #content div.imagerow p{width:140px;}
body#contentPage #content div.imagerowMargin p{width:120px;}
body#contentPage #content .captionLeft{
	position:relative;
	float:left;
	left:0;
	margin-left:-185px;
	margin-top:30px;
	width:240px;
}
body#contentPage #content .captionLeft p{
	width:190px;
}
#interactive{
	margin-left:120px;
	margin-top:0;
	width:450px;
}
body#contentPage h3.subtitle3{background: url(graphics/selector_getthemost.gif) no-repeat;width:709px;margin-left: 30px;}
body#contentPage #selector .captionlink{background: url(graphics/order_dosing_device.gif) no-repeat;width:382px;}
body#contentPage #menu{
	position:relative;
	top:9px;
	margin-bottom:-80px;
	margin-left:0;
}
html>body#contentPage #menu{top:7px}
body#contentPage #foot{
	top:20px;
}
/*---- bio content ----------------------------------*/
body#contentPage #biocontent #heading
{
	background-color: #FFF;
	background: url(graphics/bio_contentPage.jpg) no-repeat;
}
body#bio #heading
{
	background-color: #FFF;
	background: url(graphics/bg_top_2.jpg) no-repeat;
}
/*---- sensitive content ----------------------------------*/
body#contentPage #sensitivecontent #heading
{
	background-color: #FFF;
	background: url(graphics/sensitive_contentPage.jpg) no-repeat;
	}
body#contentPage #sensitivecontent .underline{border-bottom:1px dashed #0097E6}
body#contentPage #colourcontent .underline{border-bottom:1px dashed #D20E6B}
body#contentPage #febreze .underline{border-bottom:1px dashed #0097E6}
#waterunderline{
	width: 550px;
	position: relative;
	left: 200px;
	border-bottom:1px dashed #0097E6; 
	margin-bottom: 7px;
	clear:right;}
body#contentPage #sensitivecontent h1 {
	width:340px;
	top:0;
	left:0;
	margin-left:220px;
	padding:0;
	background-color: #FFF;
/*	background: url(graphics/sensitive_content_title.gif) no-repeat;	*/
	background: url(graphics/ariel_hobbs_content_title.gif) no-repeat;
}
body#contentPage #sensitivecontent h2
{
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:28px;
	background-color: #FFF;
/*	background: url(graphics/sensitive_content_subtitle.gif) no-repeat;	*/
	background: url(graphics/ariel_hobbs_content_about.gif) no-repeat;
}
html>body#contentPage #sensitivecontent h2{
	margin-top:8px;
}
body#contentPage #sensitivecontent h3.subtitle1 {
	background: url(graphics/ariel_hobbs_competition_title.gif) no-repeat;
	margin-top:10px;
	margin-bottom: -10px;
}
body#contentPage #sensitivecontent h3.subtitle2 {
	background: url(graphics/subtitle_enter_details.gif) no-repeat;
	margin-left: -70px;
}
body#contentPage #sensitivecontent h3.subtitle4 {
	background: url(graphics/ariel_hobbs_thanks_title.gif) no-repeat;
	margin-left: 200px;
	margin-top: 10px;
}
body#contentPage #sensitivecontent h3.tandc {
	background: url(graphics/ariel_hobbs_tandc_title.gif) no-repeat;
	margin-left: 200px;
	margin-top: 10px;
}
/*---- colour content ----------------------------------*/
body#contentPage #colourcontent #heading, body#contentPage #febreze #heading
{
	background-color: #FFF;
	background: url(graphics/colour_contentPage.jpg) no-repeat;
	}
body#contentPage #colourcontent h1
{
	top:0;
	left:0;
	margin-left:223px;
	padding:0;
	background-color: #FFF;
	background: url(graphics/colour_content_title.gif) no-repeat;
}
body#contentPage  #colourcontent h2
{
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:28px;
	background-color: #FFF;
	background: url(graphics/colour_content_subtitle.gif) no-repeat;
}
html>body#contentPage  #colourcontent h2, html>body#contentPage  #febreze h2{
	margin-top:8px;
}
body#contentPage  #colourcontent h3.subtitle1{background: url(graphics/colour_recommends.gif) no-repeat;}
body#contentPage  #colourcontent h3.subtitle2{background: url(graphics/colour_whatform.gif) no-repeat;}
/* family content page */
body#contentPage #familycontent #heading
{
	background-color: #FFF;
	background: url(graphics/family_contentPage.jpg) no-repeat;
	}
body#contentPage  #familycontent h1
{
	top:0;
	left:0;
	margin-left:223px;
	padding:0;
	background-color: #FFF;
	background: url(graphics/family_content_title.gif) no-repeat;
}
body#contentPage  #familycontent h2
{
	margin-top:25px;
	margin-left: 160px;
	margin-bottom:0;
	height:28px;
	background-color: #FFF;
	background: url(graphics/family_content_subtitle.gif) no-repeat;
}
body#contentPage  #familycontent #title
{
	width: 128px;
	height: 22px;
	top:0;
	left:0;
	margin-left:223px;
	padding:0;
	background-color: #FFF;
	background: url(graphics/title_where_to_buy.gif) no-repeat;
}
body#contentPage  #familycontent #logoAsda {
	witdh:  145px;
	height: 42px;
	position: absolute;
	top: 120px;
	left: 165px;
}
body#contentPage  #familycontent #logoMySupermarket {
	witdh:  216px;
	height: 35px;
	position: absolute;
	top: 133px;
	left: 395px;
}
body#contentPage  #familycontent #logoOcado {
	witdh:  76px;
	height: 66px;
	position: absolute;
	top: 240px;
	left: 70px;
}
body#contentPage  #familycontent #logoSansburys {
	witdh:  168px;
	height: 61px;
	position: absolute;
	top: 245px;
	left: 265px;
}
body#contentPage  #familycontent #logoTesco {
	witdh:  142px;
	height: 39px;
	position: absolute;
	top: 250px;
	left: 545px;
}
html>body#contentPage  #familycontent h2{
	margin-top:8px;
}
body#contentPage  #familycontent h3.subtitle1{background: url(graphics/family_whattemperature.gif) no-repeat;}
body#contentPage  #familycontent h3.subtitle2{background: url(graphics/family_whatformat.gif) no-repeat;}
/* contatc page */
body#contentPage  #familycontent h3.subtitle4{background: url(graphics/family_contact_details.gif) no-repeat;}
body#contentPage  #familycontent h3.subtitle5{
	background: url(graphics/family_can_we_help.gif) no-repeat;
	height:32px;
	margin-bottom:5px;
}
body#contentPage  #familycontent label{
	display:block;
	float:left;
	width:180px;
	text-align:right;
	font-weight:bold;
	color:#7F7F7F;
	margin-left:105px;
}
html>body#contentPage #familycontent label{
	margin-left:210px;
}
body#contentPage  #familycontent label.left{
	text-align:left;
	margin-left:5px;
}
#familycontent select,#familycontent textarea,#familycontent input{
	float:left;
	width:200px;
	border:1px solid #CCC;
	margin-left:20px;
	margin-bottom:18px;
}
#familycontent input.radio{
	float:left;
	width:20px;
	margin-left:20px;
	margin-bottom:3px;
}
#familycontent .small{
	width:40px;
}
#familycontent .medium{
	width:80px;
}
#familycontent .radioset .small,#familycontent .radioset .medium,#familycontent .radioset input{margin-left:0;padding-left:0;}


body#contentPage #familycontent p.label{
	display:block;
	float:left;
	width:180px;
	height:50px;
	font-weight:bold;
	text-align:right;
	margin-left:105px;
}
html>body#contentPage #familycontent p.label{
	margin-left:210px;
}
body#contentPage #familycontent p.agecheck{
	display:block;
	float:left;
	width:340px;
	height:auto;
	text-align:left;
	margin-left:115px;
}
html>body#contentPage #familycontent p.agecheck{
	margin-left:225px;
}
body#contentPage #familycontent table{
	margin-left:250px;
	width:450px;
	text-align:left;
	margin-bottom:10px;
}


html>body#contentPage #familycontent table{
	margin-left:250px;
}
body#contentPage #familycontent table td{
	color:#7F7F7F;
}
div.radioset{
	float:left;
}
body#contentPage #familycontent p.inlineform input{
	display:inline;
	float:none;
	width: 40px;
	margin:0;
}
body#contentPage #familycontent p.inlineform label{
	display:inline;
	float:none;
	width: 40px;
	margin:0;
}
#familycontent form strong{
	color: #f00;
}
body#contentPage #familycontent .note{
	margin-left:410px;
}
body#contentPage #familycontent input.submit{
	margin-left:410px;
	width:100px;
}
/* order content page */
body#contentPage  #familycontent h3.subtitle6{
	background: url(graphics/family_order_device.gif) no-repeat;
	height:32px;
	margin-bottom:5px;
}
body#contentPage  #familycontent input.checkbox{
	margin-left: 0;
	padding:0;
	width:30px;
}
body#contentPage #familycontent h1.productfamily {background: transparent url(graphics/family_ariel_products.gif) no-repeat;}
body#contentPage #familycontent h2.yoursafety {background: transparent url(graphics/family_your_safety.gif) no-repeat;}
body#contentPage #familycontent h3.thankyou, body#contentPage #familycontent h1.thankyou {background: transparent url(graphics/family_thankyou.gif) no-repeat;}
body#contentPage #familycontent h1.orderdosing {background: transparent url(graphics/family_order_dosing.gif) no-repeat;}
body#contentPage #familycontent h2.perfectwash {background: transparent url(graphics/family_perfect_wash.gif) no-repeat;}
body#contentPage #familycontent h2.step1 {background: transparent url(graphics/family_step_one.gif) no-repeat;}
body#contentPage #familycontent h3.step2 {background: transparent url(graphics/family_step_two.gif) no-repeat;}
body#contentPage #familycontent h3.recommendfriend {background: transparent url(graphics/family_reco_a_friend.gif) no-repeat;}

body#contentPage #familycontent #privacy { font-size: 0.8em; }
body#contentPage #familycontent #tandc { text-align:center; }

/*sensitive headings */
body#contentPage #sensitivecontent h1{top:0;left:25px;}
body#contentPage #sensitivecontent h2{top:0;left:25px;}
body#contentPage #sensitivecontent h2.advice{background: transparent url(graphics/hobbs_skin_subtitle.gif) no-repeat;}
body#contentPage #sensitivecontent h2.sensitiveFM{background: transparent url(graphics/hobbs_whatformat.gif) no-repeat;}
body#contentPage #biocontent h2.bioFM{background: transparent url(graphics/bio_whatformat.gif) no-repeat;}
body#contentPage #colourcontent h2.colourFM{background: transparent url(graphics/colour_whatformat.gif) no-repeat;}
body#contentPage #sensitivecontent h2.sensitiveDC{background: transparent url(graphics/hobbs_allaboutdosing.gif) no-repeat;}
body#contentPage #biocontent h2.bioDC{background: transparent url(graphics/bio_allaboutdosing.gif) no-repeat;}
body#contentPage #colourcontent h2.colourDC{background: transparent url(graphics/colour_allaboutdosing.gif) no-repeat;}
body#contentPage #sensitivecontent h3.sensitiveGetMost{top:0;left:40px;width:680px;margin:0;padding:0;background: transparent url(graphics/sensitive_getthemost.gif) no-repeat;}
body#contentPage #biocontent h3.bioGetMost{top:0;left:40px;width:680px;margin:0;padding:0;background: transparent url(graphics/bio_getthemost.gif) no-repeat;}
body#contentPage #colourcontent h3.colourGetMost{top:0;left:40px;width:680px;margin:0;padding:0;background: transparent url(graphics/colour_getthemost.gif) no-repeat;}
body#contentPage #sensitivecontent h3.intro{top:0;background: transparent url(graphics/hobbs_skincarehdr_intro.gif) no-repeat;}
body#contentPage #sensitivecontent h3.clean{top:0;background: transparent url(graphics/hobbs_skincarehdr_cleanskin.gif) no-repeat;}
body#contentPage #sensitivecontent h3.tips{top:0;background: transparent url(graphics/hobbs_skincarehdr_skinsense.gif) no-repeat;}
body#contentPage #sensitivecontent h3.info{top:0;background: transparent url(graphics/hobbs_skincarehdr_thebritishallergyfoundation.gif) no-repeat;}
body#contentPage #sensitivecontent h3.laundry{top:0;background: transparent url(graphics/hobbs_skincarehdr_laundry.gif) no-repeat;}
body#contentPage #sensitivecontent h3.sensitiveWT{top:0;margin-left:-35px;background: transparent url(graphics/subtitle_what_temperature_hobbs.gif) no-repeat;}
body#contentPage #sensitivecontent h3.sensitiveWF{top:0;margin-left:-35px;background: transparent url(graphics/subtitle_right_format_hobbs.gif) no-repeat;}
/* sensitive content */
/* body#contentPage #sensitivecontent h4 { margin:0;margin-left:20px; padding:0; color:#1BAFE5; font-size:1em; } */
body#contentPage #sensitivecontent h4 { margin:0;margin-left:20px; padding:0; color:#DD8428; font-size:1em; }
body#contentPage #sensitivecontent #sideMenu {margin:0;margin-top:10px;padding:0;left:0; top:0;position:relative;float:left; width:30%; text-align:right; overflow:visible}
body#contentPage #sensitivecontent #sideMenu li a{ text-decoration:underline; font-style:normal; font-weight:normal; color:#DD8428; }
body#contentPage #sensitivecontent #sideMenu li#active{ font-weight:bold; color:#DD8428; }
body#contentPage #sensitivecontent #sideMenu p#image1 { margin:-5px 0 0 61px;background:#fff url(../images/skincare_1.jpg) no-repeat; width:128px; height:128px; border:none; }
body#contentPage  #sideMenu p#BAF { 
	position: absolute; 
	top: -5px; 
	left: 35px; 
	background: url(graphics/hobbs_approval_seal.gif) no-repeat; 
	width:170px; 
	height:184px; 
	border:none; 
}
#maincontent div{position:relative;float:left;width:65%;margin:0;padding:0;margin-top:0;}
body#contentPage #sensitivecontent #content{left:0;width:auto;}
body#contentPage #sensitivecontent #content p{margin-left:20px;margin-top:0;}
body#contentPage #sensitivecontent #sideMenu p#image2 { margin:10px 0 50px 61px; background:#fff url(../images/skincare_2.jpg) no-repeat; width:128px; height:128px; border:none; }
body#contentPage #sensitivecontent #sideMenu p#image3 { margin:10px 0 50px 61px; background:#fff url(../images/skincare_3.jpg) no-repeat; width:128px; height:128px; border:none; }
body#contentPage #sensitivecontent img#sealofapproval { width:113px; height:114px; border:none; }
body#contentPage #sensitivecontent img#skindiagram { width:268px; height:133px; border:none; }

body#contentPage #sensitivecontent ul.indentlist li { list-style-type:circle; margin-left:30px; color:#DD8428; }
body#contentPage #sensitivecontent ol.indentlist, body#contentPage #sensitivecontent ul.indentlist { margin-left:20px;  }
body#contentPage #sensitivecontent ol.indentlist li { list-style-type:decimal; margin-left:30px; color:#DD8428; }
body#contentPage #sensitivecontent p.short { width:40% }
/* body#contentPage #sensitivecontent #content a { color: #1BAFE5; } */
body#contentPage #sensitivecontent #content a { color: #DD8428; }
body#contentPage #sensitivecontent #content a.redlink { color:#EA2673; font-weight:normal; font-style:normal; text-decoration:underline; }
body#contentPage #sensitivecontent #content a.hobbslink { color:#DD8428; font-weight:normal; font-style:normal; text-decoration:underline; }
body#contentPage #colourcontent #content a { color: #E368A2; }

body#contentPage #familycontent span.seperator { display:block; border-top: dashed 1px #CCC; line-height:50%; margin-left:62px; }


body#contentPage #sensitivecontent #content ul.links { margin-left:20px; }

.showVideo { display:block; }
.hideVideo { display:none; }
div#videoViewer {  display:none; position:absolute; width:328px; height:213px; z-index:100; left:260px; top:320px; border:solid #fff 3px; }
div#videoViewer object { position:relative; left:20px; top:10px; }


body#bio #videoViewer { background-color: #007700; }
body#colour #videoViewer { background-color: #280055; }
body#sensitive #videoViewer { background-color: #0065B0; }


body#contentPage #familycontent input.disabled { color:#666; margin-left:410px; float:left;}

.centered { text-align:center; }
.italics { font-style:italic; }
.bold { font-weight:bold; }

body#family #content #highlight li a.biolink { color:#009900; }
body#family #content #highlight li a.colourlink { color: #41008C; }
body#family #content #highlight li a.sensitivelink { color:#DD8428; }
body#family #content #highlight li a.febrezelink { color:#7CC9B5; }

/* new fields for fieldsets */
#familycontent fieldset { border:none; }
#familycontent fieldset legend { display:none; } /*padding-left:215px; padding-bottom:10px; color:#7F7F7F; font-weight:bold; }*/

body#contentPage #familycontent table caption { display:none; } /*font-style:italic; color:#7F7F7F; }
:root #contentPage #familycontent table caption{
	margin-left:205px;
}
*/
body#contentPage  #familycontent label.hideLabel { display:none; }

table#formatAltTable { border:solid #000 1px; } 
table#formatAltTable tr { padding:2px; }
table#formatAltTable th { width:150px; }
table#formatAltTable td { text-align:center; }
table#formatAltTable td.heading { text-align:right; }
/* sitemap */
#familycontent #content #sitemap{margin-left:20px;padding:0}
#familycontent #content h1.sitemap{background:#fff url(graphics/ariel_sitemap_title.gif) no-repeat;}
#familycontent #content h2.sitemap{background:#fff url(graphics/ariel_sitemap_subtitle.gif) no-repeat;}
#familycontent #content #sitemap ul{
	position:relative;
	float: right;
	width: 490px;
	margin-top:0;
	margin-bottom:20px;
}

#familycontent #content #sitemap a, #familycontent a.sitemaplink{
	font-style:normal;
	color:#566984;
	border-bottom:1px dashed #566984;
}
#familycontent #content #sitemap a:hover, #familycontent a.sitemaplink:hover{
	color:#CC0000;
	border-bottom:1px dashed #C00;
}
#familycontent #content #sitemap h3,#biocontent #content #interactive div#altcontent h3,#colourcontent #content #interactive div#altcontent h3,#sensitivecontent #content #interactive div#altcontent h3{
	float:left;
	left:0;
	margin:0;
	padding:0;
	font-size:1.0em;
	margin-right:10px;
	width:200px;
	text-align: right;
}
#familycontent #content #sitemap p,#biocontent #content #interactive div#altcontent p,#colourcontent #content #interactive div#altcontent p,#sensitivecontent #content #interactive div#altcontent p{
	float: left;
	left:0;
	width: 450px;
	padding:0;
	margin:0;
	margin-bottom:15px;
}
div#altcontent{
	z-index:150;
	margin-left:-100px;
	width:690px;
	overflow: visible;
}
div#altcontent table{
	float:left;
	width: 440px;
	margin-left:0;
	margin-bottom:30px;
	margin-top:0;
}
div#altcontent table caption{
	font-style:italic;
	text-align: right;
}
div#bannerad{
	position:relative;
	z-index:10;
	margin-left: 45px;
	margin-top:-80px;
	line-height:0;
}
div#bannerad a{
	position:relative;
	margin:0;
	padding:0;
	line-height:0;
	top:-35px;
	left:455px;
}
html#body div#bannerad a{top:-32px;}
body#family #home #caption{
	width:200px;
	visibility: hidden;
}

/* product placement styles */
/* powder */
body#bio #content .product, body#colour #content .product, body#sensitive #content .product {
	top:-100px;
	left:280px;
}
body#febreze #content .product{
	top:-115px;
	left:300px;
}
/* liquid */
body#bio #performance .product, body#colour #performance .product, body#sensitive #performance .product {
	top:-105px;
	left:300px;
}
body#febreze #content .product {
	top:-105px;
	left:300px;
}
/* liquitabs and tablets */
body#bio #dosing .product, body#colour #dosing .product, body#sensitive #dosing .product, body#sensitive #skin .product {
	top:-115px;
	left:275px;
}
body#febreze #content .product{
	top:-94px;
	left:296px;
}


body#orderForm 
{
	padding-top:6px;
	top:0;
	left: 0;
	width:450px;
	background-color: #FFF;
}
html>body#orderForm {padding-top:7px;}
body#orderForm #heading
{
	width:450px;
	background-color: #FFF;
	background: url(graphics/generic_header.jpg) no-repeat;
}
body#orderForm #content
{
	background-color: transparent;
	background-image: none;
	margin-top:-98px;
	/*left:25px;*/
	width:100%;
}

body#orderForm h1
{
	top:0;
	left:0;
	width:300px;
/*	margin-left:223px;
*/	padding:0;
	background-color: #FFF;
	background: url(graphics/bio_content_title.gif) no-repeat;
}
body#orderForm #content p{
/*	margin-left:223px;
*/	margin-bottom: 15px;
	padding-right:20px;
	width:auto;
	color:#7F7F7F;
}
body#orderForm strong{
	font-size: 1.0em;
}
body#orderForm #content p.caption{
	margin-top:13px;
/*	margin-left:230px;
*/	margin-bottom:20px;
}
body#orderForm h2
{
	margin-top:25px;
/*	margin-left: 160px;
*/	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/bio_content_subtitle.gif) no-repeat;
}
html>body#orderForm h2{
	margin-top:8px;
}
body#orderForm h3{
	padding-bottom:5px;
/*	margin-left: 160px;
*/	height:28px;
	background-color: #FFF;
}

body#orderForm  #familycontent label{
	display:block;
	float:left;
	width:180px;
	/*text-align:right;*/
	text-align:left;
	font-weight:bold;
	color:#7F7F7F;
	/*margin-left:105px;*/
}
html>body#orderForm #familycontent label{
	/*margin-left:210px*/;
}
body#orderForm  #familycontent label.left{
	text-align:left;
	margin-left:5px;
}
body#orderForm #familycontent select,body#orderForm #familycontent textarea,body#orderForm #familycontent input{
	/*float:left;*/
	width:200px;
	border:1px solid #CCC;
	/*margin-left:20px;*/
	margin-bottom:18px;
	margin-left:0;
	padding-left:0;
}
body#orderForm #familycontent input.radio{
	float:left;
	width:20px;
	/*margin-left:20px;*/
	margin-bottom:3px;
}
body#orderForm #familycontent .small{
	width:40px;
}
body#orderForm #familycontent .medium{
	width:120px;
}
body#orderForm #familycontent .radioset .small,body#orderForm #familycontent .radioset .mediumbody#orderForm ,#familycontent .radioset input{margin-left:0;padding-left:0;}


body#orderForm #familycontent p.label{
	display:block;
	float:left;
	width:160px;
	height:50px;
	font-weight:bold;
	text-align:left;
/*	text-align:right;
	margin-left:105px;
*/}
html>body#orderForm #familycontent p.label{
/*	margin-left:210px;
*/}
body#orderForm #familycontent p.agecheck{
	display:block;
	float:left;
	width:340px;
	height:auto;
	text-align:left;
/*	margin-left:115px;
*/}
html>body#orderForm #familycontent p.agecheck{
/*	margin-left:225px;
*/}

body#orderForm #familycontent .note{
	/*margin-left:410px;*/
}
body#orderForm #familycontent input.submit{
margin-left:155px;
	width:100px;
}

body#orderForm #familycontent div.radioset{
	float:left;
}
body#orderForm #familycontent div.radioset label.left{
	width:auto;
}
body#orderForm #familycontent p#securitycode { text-align:center; }
body#orderForm #familycontent p.inlineform input{
	display:inline;
	float:none;
	width: 40px;
	margin:0;
}
body#orderForm #familycontent p.inlineform label{
	display:inline;
	float:none;
	width: 40px;
	margin:0;
}
body#orderForm  #familycontent input.checkbox{
	margin-left: 0;
	padding:0;
	width:20px;
}

body#orderForm #familycontent h3.thankyou, body#orderForm #familycontent h1.thankyou {background: transparent url(graphics/family_thankyou.gif) no-repeat;}
body#orderForm #familycontent h1.orderdosing {background: transparent url(graphics/family_order_dosing.gif) no-repeat;}
body#orderForm #familycontent h2.perfectwash {background: transparent url(graphics/family_perfect_wash.gif) no-repeat;}
body#orderForm #familycontent h2.step1 {background: transparent url(graphics/family_step_one.gif) no-repeat;}
body#orderForm #familycontent h3.step2 {background: transparent url(graphics/family_step_two.gif) no-repeat;}
body#orderForm #familycontent h3.recommendfriend {background: transparent url(graphics/family_reco_a_friend.gif) no-repeat;}
body#orderForm #familycontent #privacy { font-size: 0.8em; }
body#orderForm #familycontent #tandc { text-align:center; }
body#orderForm #familycontent span.seperator { display:block; border-top: dashed 1px #CCC; line-height:50%;  }

body#orderForm #familycontent input.disabled { color:#666; margin-left:410px; float:left;}
body#orderForm #familycontent label.hideLabel { display:none; }


#content div#error {margin-bottom:20px; border:solid 2px #f00; padding:5px 5px 5px 5px; color:#f00; } 
body#contentPage #content div#error {margin-left:220px;}
#content div#error p { margin:0 0 0 70px; padding:0; }
#content div#error img { float:left; border:none; }

#copyright {  font-size:0.9em;}

#linkallergy {
	position:absolute;
	background-color:transparent;
	width:74px;
	height:80px;
	z-index:100;
	left: 360px;
	top: 57px;
}

/* begin Silviu's style  */

#waterHeading{
	height:542px;
	width:761px;
	background: url(graphics/water/water_bg.jpg) no-repeat;

}
#EnergyHeading{
	top:0;
	left:0;
	height:542px;
	width:761px;
	background: url(graphics/energy/energy_bg.jpg) no-repeat;

}
#waterLink{
	position:absolute;
	z-index:7;
	left:0;
	top:-75px;
	width:600px;
	height:30px;
	background-color: transparent;

}
#waterLink ul{
	text-align: right;
	left:125px;
}
#waterLink li{
	padding-bottom:20px;
	background-color:transparent;
	background: url(graphics/water/water_bullet.gif) no-repeat right 0;
}
#waterLink li.a{margin-right:10px}
#waterLink li.b{margin-right:35px}
#waterLink li.c{margin-right:60px}
#waterLink li.d{margin-right:80px}
.waterMainContentLink a{
	top:0;
	left:0;
	margin-top:150px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#0097e6;
	text-decoration:none;

}
#waterMainContent {
	top:0;
	left:0;
	width:275px;
	height:196px;
	margin-top:97px;
	margin-left:324px;
	position: absolute;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	z-index:5;
}
#waterMainContent1{
	width:305px;
	height:196px;
	position: absolute;
	top:120px !important;
	top:138px;
	left:440px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	z-index:5;
}
#waterMainContent2{
	width:310px !important;
	width:305px;
	height:196px;
	position: absolute;
	top:120px !important;
	top:138px;
	left:440px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	z-index:5;
}
#waterMainContent3{
	width:275px;
	height:196px;
	position: absolute;
	top:140px;
	left:450px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	z-index:5;
}
#waterMainContent4{
	width:305px;
	height:196px;
	position: absolute;
	top:120px !important;
	top:138px;
	left:440px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	z-index:5;
}
#waterMainContent1 h5{
	top:0px;
	left:0px;
	margin-left:43px;
	margin-bottom: 12px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#3381bb;

}
#waterMainContent2 h5{
	top:0px;
	left:-5px;
	margin-left:43px;
	margin-bottom: 12px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#3381bb;
}
#waterMainContent3 h5{
	top:0px;
	left:0px;
	margin-left:43px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#3381bb;
}
#waterMainContent4 h5{
	top:0px;
	left:0px;
	margin-left:43px;
	margin-bottom: 12px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#3381bb;

}
#waterContentBottom1{
	top:0;
	left:0;
	width:293px;
	height:194px;
	margin-top:283px;
	margin-left:459px;
	background-image:url(graphics/water/water_save_pic.jpg);
	position: absolute;
}
#waterContentBottom1b{
	top:0;
	left:0;
	width:293px;
	height:194px;
	margin-top:283px;
	margin-left:459px;
	background-image:url(graphics/water/water_give_pic.jpg);
	position: absolute;
}
#waterContentBottom2{
	top:0;
	left:0;
	width:293px;
	height:194px;
	margin-top:283px;
	margin-left:459px;
	background-image:url(graphics/water/water_tips_pic.jpg);
	position: absolute;
}
#waterContentBottom2b{
	top:0;
	left:0;
	width:293px;
	height:194px;
	margin-top:283px;
	margin-left:459px;
	background-image:url(graphics/water/partners_pic.jpg);
	position: absolute;
}
#waterContentBottom3{
	top:0;
	left:0;
	width:226px;
	height:153px;
	margin-top:339px;
	margin-left:530px;
	background-image:url(graphics/water/water_school.jpg);
	position: absolute;
}
#waterContentBottom4{
	top:0;
	left:0;
	width:293px;
	height:194px;
	margin-top:283px;
	margin-left:459px;
	background-image:url(graphics/water/waterwise_pic.jpg);
	position: absolute;
}
#waterContentBottom4b {
	top:0;
	left:0;
	width:293px;
	height:194px;
	margin-top:283px;
	margin-left:459px;
	background-image:url(graphics/water/donation_bottom_pic.jpg);
	position: absolute;
}
#waterContentBottom5{
	top:0;
	left:0;
	width:221px;
	height:153px;
	margin-top:339px;
	margin-left:535px;
	background-image:url(graphics/water/water_lta.jpg);
	position: absolute;
}
#waterContentBottom6{
	top:0;
	left:0;
	width:212px;
	height:176px;
	margin-top:327px;
	margin-left:544px;
	background-image:url(graphics/water/water_stain.jpg);
	position: absolute;
}
#waterContentLeft1{
	top:0;
	left:0;
	width:135px;
	height:162px;
	margin-top:203px;
	margin-left:270px;
	background-image:url(graphics/water/water_pack.jpg);
	position: absolute;
}
#waterContentLeft2{
	top:0;
	left:0;
	width:136px;
	height:146px;
	margin-top:210px;
	margin-left:282px;
	background-image:url(graphics/water/water_one_token.jpg);
	position: absolute;
}
#waterText{
	top:0;
	left:0;
	width:310px;
	height:89px;
	margin-top:435px;
	margin-left:30px;
	background-image:url(graphics/water/be_waterwise_title.gif);
	position: absolute;
}
#waterText1{
	top:0;
	left:0;
	width:558px;
	height:39px;
	margin-top:445px;
	margin-left:31px;
	background-image:url(graphics/water/free_water_gear_for_kids.gif);
	position: absolute;
}
#waterText2{
	top:0;
	left:0;
	width:396px;
	height:77px;
	margin-top:445px;
	margin-left:113px;
	background-image:url(graphics/water/free_water_for_everyone.gif);
	position: absolute;
}
#waterText3{
	top:0;
	left:0;
	width:519px;
	height:75px;
	margin-top:445px;
	margin-left:10px;
	background-image:url(graphics/water/free_mini_water_coaching.gif);
	position: absolute;
}
#waterText4{
	top:0;
	left:0;
	width:563px;
	height:75px;
	margin-top:445px;
	margin-left:38px;
	background-image:url(graphics/water/water_talent_search.gif);
	position: absolute;
}
#waterText5{
	top:0;
	left:0;
	width:501px;
	height:76px;
	margin-top:445px;
	margin-left:38px;
	background-image:url(graphics/water/water_lta_text.gif);
	position: absolute;
}
#waterText6{
	top:0;
	left:0;
	width:302px;
	height:125px;
	margin-top:365px;
	margin-left:207px;
	background-image:url(graphics/water/water_its_a_ball.jpg);
	position: absolute;
}
#waterSubmenu{
	position:absolute;
	z-index:5;
	left:-20px;
	top:180px;
	width:395px;
	height:100px;
	background-color: transparent;

}
#waterSubmenu ul{
	text-align: right;
	left:-90px;
}
#waterSubmenu li{
	padding-bottom:20px;
	background-color:transparent;
	background: url(graphics/water/water_bullet.gif) no-repeat right 0px;
}
#waterSubmenu li.a{margin-right:0px}
#waterSubmenu li.b{margin-right:25px}
#waterSubmenu li.c{margin-right:50px}
#waterSubmenu li.d{margin-right:70px}
#waterSubmenu li.e{margin-right:95px}
#waterSubmenu li.f{margin-right:80px}
#waterSubmenu li.g{margin-right:80px}

li.a a, li.b a, li.c a, li.d a, li.e a, li.f a, li.g a,.alink{
	display:block;
	font-family: Tahoma, helvetica;
	color: #FFF;
	font-size: 1.15em;
	font-weight: bold;
	font-style: normal;
	padding-right: 25px;
	padding-left: 0;
	margin-left:92px;
}

/* end Silviu's style */

#water {
	background-color: #E6F5E6;
	background-image: url(graphics/water_back.jpg);
	background-repeat: no-repeat;
	height: 437px;
	width: 760px;
	position: relative;
}

#waterfree {
	background-attachment: fixed;
	background-color: #E6F5E6;
	background-image: url(graphics/free.gif);
	background-repeat: no-repeat;
	height: 83px;
	width: 288px;
	left: 404px;
	top: 159px;
	position: absolute;
}
#watertxt {
	background-attachment: fixed;
	background-color: transparent;
	height: 55px;
	width: 345px;
	left: 404px;
	top: 243px;
	position: absolute;
}
#watertxt strong{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}
#waterfind .find{
	background-color: transparent;
	left: 404px;
	top: 322px;
	position: absolute;
	background-image: url(graphics/find_water.gif);
	width: 186px;
	height: 39px;
}
#waterHeadingDetails {
	position: relative;
	top:0;
	left:0;
	height:285px;
	width:761px;
	background: url(graphics/water/water_bg_top.jpg) no-repeat;
	background-color: #ffffff;
	z-index: 100;
}
.waterlogo {
	position:absolute;
	top:53px;
	left:59px;
	width:107px;
	height:101px;
}
.waterlogoDetails {
	position:absolute;
	top:10px;
	left:10px;
	width:107px;
	height:101px;
}
.waterlogo p, .waterlogoDetails p {
	display:none;
}
body#contentPage #watercontent {

	background-image: none;
	margin:0px;
	left:25px;
	width:100%;
	color:#999999;
	z-index: 301;
	position: relative;
	top: -80px;
	left: 0px;
}
body#contentPage #watercontent h3
{
	margin-top:10px;
	margin-left: 162px;
	margin-bottom:0;
	height:30px;
	background-color: #FFF;
	background: url(graphics/water_txt3.gif) no-repeat;
}
body#contentPage #watercontent p span {
	display:none;
}
body#contentPage #watercontent p.title
{
	margin-left: 164px;
	margin-bottom:12px;
	height:17px;
	background-color: #FFF;
	background: url(graphics/water/more_about_water_text.gif) no-repeat;
}
body#contentPage #watercontent p.title1
{
	margin-left: 164px;
	margin-bottom:12px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/title_give_water_with_ariel.gif) no-repeat;
}
body#contentPage #watercontent p.title2
{
	margin-left: 164px;
	margin-bottom:12px;
	height:17px;
	background-color: #FFF;
	background: url(graphics/water/title_be_waterwise.gif) no-repeat;
}
body#contentPage #watercontent p.title3
{
	margin-left: 164px;
	margin-bottom:12px;
	height:17px;
	background-color: #FFF;
	background: url(graphics/water/title_tc_water.gif) no-repeat;
}
body#contentPage #watercontent p.title4
{
	margin-left: 200px;
	margin-bottom:12px;
	height:17px;
	background-color: #FFF;
	background: url(graphics/water/arilel_tour_title.gif) no-repeat;
}
body#contentPage #watercontent p.title5
{
	margin-left: 164px;
	margin-bottom:12px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/title_ariel_partners.gif) no-repeat;
}
body#contentPage #watercontent p.title6
{
	margin-left: 164px;
	margin-bottom:12px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/title_donation_help.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle1
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:26px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_how_to_give_water.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle1b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:26px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_how_to_save_water.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle2
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:26px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_cut_out.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle2b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_how_you_can_help.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle3
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_water_savings.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle3b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_be_more_sustainable.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle4
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:36px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_more_sustainable.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle4b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_thank_you_for_saving.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle5
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:26px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_water_saving_tips.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle5b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:26px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_who_is_helping.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle6
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:15px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_kitchen.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle6b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:15px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_children_programme.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle7
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:15px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_bathroom.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle7b
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:15px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_five_and_alive.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle8
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:15px;
	height:21px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_house_and_garden.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle9
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_get_free.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle10
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:36px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_key_findings.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle11
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:26px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_ariel_near_you.gif) no-repeat;
}
body#contentPage #watercontent p.subtitle12
{
	margin-top:10px;
	margin-left: 110px;
	margin-bottom:10px;
	height:27px;
	background-color: #FFF;
	background: url(graphics/water/subtitle_wayne_hemingway.gif) no-repeat;
}


/*------- Ariel Water ---------*/

body#water {
	background-color: #E6F5E6;
}
body#water #waterContentPage h1
{
	top:120;
	left:0;
	width:225px;
	height:18;
	margin-left:120px;
	padding:0;
	background: url(graphics/water/water_title.gif) no-repeat;
	z-index: 200;
}
body#contentPage #watercontent #error1
{
	margin-top:10px;
	margin-left: 200px;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	color: #CC3300;
}
body#contentPage #watercontent p.ten
{
	margin-left:200px;
}
body#contentPage #watercontent p.normal
{
	margin-left:165px;
}
body#contentPage #watercontent p.tentitle
{
	margin-left:200px;
	color: #7ed71b;
	font-weight: bold;
	margin-bottom: 1px;
}
#firefox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	text-decoration: none;
	color: #7f7f7f;
	margin-left:200px;

}
body#contentPage #watercontent p
{
	margin-left:200px;
	padding-right:10px;
	width:auto;
	color:#7F7F7F;
}
body#contentPage #watercontent code 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	color: #CC3300;
}

:root #foot a.captionlink{
	display:block;
	float: right;
	margin-top:-30px;
	right: 25px;
	width:439px;
	height:30px;
	background-color: transparent;
	background: url(graphics/order_dosing_device.gif) no-repeat;
}
:root #foot{
    margin-top:15px;
	top:55px;
	left:0;
	width:761px;
	background-color: transparent;
	height: 60px;
}
#heading #dosingNew {
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	visibility:visible;
	top:0px;
	left:600px;
	width:118px;
	height:108px;
	z-index:1500;
	}
#NewDosingDevice {
	width:118px;
	height:108px; 
	z-index:1500px; 
 	dispaly:block;
	visibility:visible; 
	position:absolute; 
	top:-38px; 
	left:650px;
	padding-bottom:20px;
}
#splash #NewDosingDevice {
	width:118px;
	height:108px; 
	z-index:1500px; 
 	dispaly:block;
	visibility:visible; 
	position:absolute; 
	top:-60px; 
	left:650px;
	padding-bottom:20px;
}
/-- energy saving --/

body#contentPage #energycontent #heading2
{
	top:0;
	left:0;
	height:390px;
	width:761px;
	background-image: url(graphics/bg_top_energy.jpg) no-repeat;
	background-color: #ffffff;
}
#final {
	position:absolute;
	top: 908px !important;
	top: 912px;
	left: 250px;
	width: 79px;
	height: 11px;
	background: #FFFFFF url(graphics/water/the_finals_title.gif) top left no-repeat;
	margin-top: 10px;
}
#final span {
	dispaly: none;
}

#waterTeaser1 {
	position:relative;
	left: 190px;
	top: 9px;
	width:250px;
	height:114px;
	float: left;
}
#waterTeaser2 {
	position:relative;
	left: 200px;
	top: 20px;
	width:257px;
	height:124px;
	float: left;
}
#waterTeaser3 {
	position:relative;
	left: 200px;
	top: 12px;
	width:250px;
	height:124px;
	float: left;
}
#waterTeaserhome {
	position: aboslute;
	top: 200px !important;
	left: 100px;
	width: 250px;
	height: 114px;
}
#waterLeftPicture1 {
	position:absolute;
	left: 100px;
	top: 473px !important;
	top: 428px;
	width:84px;
	height:123px;
	background: url(graphics/water/shower.jpg) no-repeat;
}
#waterShowerTimer {
	position:absolute;
	left: 60px;
	top: 263px !important;
	top: 255px;
	width:122px;
	height:126px;
	background: url(graphics/water/shower_timer.jpg) no-repeat;
}
#waterwiseLogo {
	position:absolute;
	left: 500px;
	top: 30px;
	width:141px;
	z-index: 320;
}
body#contentPage #waterContentPage #watercontent #waterform {
	width: 320px;
	height: auto;
	position: relative;
	top: 0px;
	left: 200px;
}
body#contentPage #waterContentPage #watercontent #waterform .formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #5bcbf8;
	clear: both;
	padding-bottom: 10px;
}
body#contentPage #waterContentPage #watercontent #waterform label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
	padding-right: 5px;
	text-align: left;
	padding-top: 5px;
}
body#contentPage #waterContentPage #watercontent #waterform .formtext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f7f7f;
	clear: both;
	width: 302px;
}
body#contentPage #waterContentPage #watercontent #waterform .formtext2 label {
	width: 180px;
	float: left;
	clear:none;
}
body#contentPage #waterContentPage #watercontent #waterform .formtext2 .checkbox {
	width: 15px;
	height: 15px;
	margin-bottom: 1px;
	margin-right: 4px;
	float: left;
}
body#contentPage #waterContentPage #watercontent #waterform input {
	width: 180px;
	height: 14px;
	border: 1px solid #AAAAAA;
	padding-top: 0px;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;

}
.dayDOB {
	width: 44px;
	height: 18px;
	border: 1px solid #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	padding-top: 1px;	
}
.monthDOB {
	width: 80px;
	height: 18px;
	border: 1px solid #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	padding-top: 1px;	
}
.yearDOB {
	width: 53px;
	height: 18px;
	border: 1px solid #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	padding-top: 1px;	
}
.country {
	width: 184px;
	height: 18px;
	border: 1px solid #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	padding-top: 1px;	
}
#waterSendBTN {
	width: 118px;
	height: 24px;
	float: right;
	position: relative;
	top: -20px;
	right: 15px !important;
	right: 10px;
}
#waterProduct {
	position:absolute;
	top:200px;
	left:302px;
}
#waterProduct p {
	display: none;
}
.waterlink { 
	color: #4283b9;
	width: 150px;
}
#showerTeaser{
	top:20px;
	left:0;
	width:162px;
	height:75px;
	margin-top:330px;
	margin-left:150px;
	position: absolute;
}
#wwLogo {
	position: absolute;
	width: 141px;
	left: 453px;
	top: 482px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}
#waterDayLogo {
	position: absolute;
	width: 141px;
	left: 604px;
	top: 500px;
}
#timer {
	width: 105px;
	height: 104px;
	position: absolute;
	top: 340px;
	left: 80px;
}
#hemingway {
	width: 104px;
	height: 104px;
	position: absolute;
	top: 648px;
	left: 80px;
}
#hemingwayMovie {
	position: relative;
	left: 200px;
	width: 488px;
	height: 390px;
	margin-top: 20px;
	margin-bottom: 20px;
}


body#water #waterContentPage #title {
	width:231px;
	height:17px;
	position: relative;
	top:135px;
	margin-left:100px;
	padding:0;
	background: url(graphics/water/be_water_wise_title.gif) no-repeat;
	z-index: 200;
}
body#water #waterContentPage #title2 {
	width:197px;
	height:21px;
	position: relative;
	top:135px;
	margin-left:100px;
	padding:0;
	background: url(graphics/water/give_water_with_ariel_title.gif) no-repeat;
	z-index: 200;
}
#childrenLogo {
	position: absolute;
	width: 141px;
	left: 580px;
	top: 487px;
}
#childrenLogo2 {
	position: absolute;
	width: 141px;
	left: 25px;
	top: 250px;
}
#childrenLogo3 {
	position: absolute;
	width: 141px;
	left: 540px;
	top: 487px;
}
#fiveLogo {
	position: absolute;
	width: 65px;
	left: 428px;
	top: 425px;
}
#fiveLogo2 {
	position: absolute;
	width: 65px;
	left: 70px;
	top: 510px;
}
#fiveLogo3 {
	position: absolute;
	width: 65px;
	left: 390px;
	top: 425px;
}
#donationPictures {
	position:absolute;
	left: 70px;
	top: 122px !important;
	width:105px;
	height:105px;
	background: url(graphics/water/donation_pic.jpg) no-repeat;
}
#giveWaterBack {
	position: absolute;
	top: 89px;
	right: 1px;
	width: 195px;
	height: 126px;
	background: url(graphics/water/bg_water_give_button.jpg) no-repeat;
}
#giveWaterBack #button {
	margin-top: 30px;
	margin-left: 80px;
}
body#contentPage #familycontent p.ten3
{
	margin-left:35px;
}
/*------------------ Ariel Hobbs ------------------*/

#approvalSeal {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
}
#hobbsForm {
	width: 500px;
	position: relative;
}
#hobbsForm .formtext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 10px;
	position: relative;
	left: -115px;
	width: 400px;
}
#hobbsForm .formtext label {
	display: block;
	width: 130px;
	float: left;
	clear: both;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
	color: #566984;
}
#hobbsForm .formtext2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 2px;
	width: 400px;
	position: relative;
}
#hobbsForm .formtext2 label {
	display: block;
	width: 250px;
	float: left;
	clear: both;
	margin-left: 25px;
	margin-top: -17px;
}
input {
	width: 235px;
	height: 15px;
	border: 1px solid #9a9d99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00539f;
	padding-top: 2px;
	padding-left: 1px;
}
.celebrityName {
	width: 350px;
	height: 18px;
	border: 1px solid #9a9d99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00539f;
	padding-top: 2px;
	padding-left: 2px;
}
.country {
	width: 238px;
	height: 18px;
	border: 1px solid #9a9d99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00539f;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-left: 0px;
}
.dayDOB {
	width: 65px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00539f;
	background-color: #FFFFFF;
	border: 1px solid #9a9d99;
	padding-top: 1px;
}
.monthDOB {
	width: 74px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00539f;
	background-color: #FFFFFF;
	border: 1px solid #9a9d99;
	padding-top: 1px;
}
.yearDOB {
	width: 65px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00539f;
	border: 1px solid #9a9d99;
	background-color: #FFFFFF;
	padding-top: 1px;
}
.checkbox {
	width: 13px !important;
	width: 15px;
	height: 13px !important;
	height: 15px;
	margin-bottom: 1px;
	margin-right: 4px;
}
.mandatory {
	font-size: 10px;
	font-weight: bold;
	color: #566984;
}
#hobbsForm #yes1, #hobbsForm #yes2, #hobbsForm #yes3 {
	width: 10px;
	text-align: right;
	font-weight: bold;
	color: #566984;
	position: absolute;
	top: 3px;
	left: -25px;
}
#rightLine {
	position: absolute;
	top: 104px !important;
	top: 85px;
	right: -10px;
}