/*
Copyright (c) 2007 Domestos.
All rights reserved

$ Revision date: 24/09/07

CSS Selectors


*/

img, div, input, em, label, #fragment-1, #fragment-2, #fragment-3, span  { behavior: url(/styles/iepngfix.htc); }
/* Universal Declaration */
* {
	margin: 0;
	border: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.hideme {
	display: none !important;
}
.left {
	float: left;
}
.right {
	float: right;
}

.nowrap {
	white-space:nowrap;
}

.bold {
    font-weight: bold;
    }
.successMsg { background-color: #66BE41; padding: 2px 5px; font-weight: bold; color: #FFFFFF !important; margin-bottom: 10px !important; }
.errorMsg { background-color: #ff0000; padding: 2px 5px; font-weight: bold; color: #FFFFFF !important; margin-bottom: 10px !important;  }

/* Text Format Declarations */
body {
	background: #fff url("/media/images/backgrounds/background_container.jpg") 0 60px repeat;
	font-family: Arial, helvetica, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
	padding-bottom: 20px;
}
.special {
	margin-bottom: 8px;
}
.textpage {
	padding-right: 20px;
}
.source {
	font-size: 11px !important;
	color: #999 !important;
	padding-left: 20px;
	margin-top: 20px;
}
/* Structural Declarations */

#container {
	margin: 0px auto;
	width: 960px;
	min-height: 100%;
	position: relative;
	background: #fff url("/media/images/backgrounds/background_container2.jpg") -10px -45px no-repeat;
	}
.shadowleft {
	padding: 0;
	width: 977px;
	margin: 0 auto;
	background: url("/media/images/backgrounds/background_shadowleft.png") 0 0 repeat-y;
	}
#therest {
	background: #fff url("/media/images/backgrounds/background_container2.jpg") -10px -47px no-repeat;
	height: 460px;
	}
.homepage {
	background-image: none !important;
	}

/* HTML homepage styles */
#replace {margin: -20px 0 0 -20px !important; }

#replace #cleanmybin {position: absolute; top: 56px; left: 74px;}
#replace #helsinki {position: absolute; top: 219px; left: 141px;}
#replace #germs {position: absolute; top: 58px; left: 334px;}
#replace #recycler {position: absolute; top: 219px; left: 660px;}
#replace #experts {position: absolute; top: 56px; left: 769px;}

#replace ul {
    list-style: none;
    margin: 40px 0 0 0;
    }

#replace li {      
    float: left;
    }
    
#replace li.world {margin: 0 10px 0 0;}
#replace li.news {margin: 0 42px;}
#replace li.clean {margin: 0 1px;}
#replace li.health {margin: 0 20px;}
#replace li.expert {margin: 0 0 0 30px;}

#replace .hometitle {
    margin: 45px 0 0 0px;
    float: left;
    }
    
#replace .homeimage {
    margin: 45px 0 0 0px;
    float: left;
    }
        
    
/* CONTENT AREAS */

#content {
	margin: 20px 0 0 0px;
	float: right;
	padding: 0 0 20px 0px;
	position: relative;
	width: 725px;
	}
#content.home{
	margin: 20px 0 0;
	float: left;
	height: 459px !important;
	padding: 15px 30px 0 44px;
	background-color: transparent !important;
	width: 886px;
	}
#content p {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 8px;
	}
	
#textarea {
	margin: 40px 0 0 0;
	width: 450px;
	float: left;
	}
	
	
#recycletips {
	margin: 20px 0 0 0px;
	width: 450px;
	float: left;
	}
#textarea.full { width: 720px;}

#overviewarea {
	margin: 30px 0 0 0;
	width: 560px;
	float: left;
	}	
	
	
/* link colours */
#content a:link,
#content a:visited {
	text-decoration: underline;
	color: #1f419a;
	}
#content a:hover {
	color: #000;
	text-decoration: underline;
	}
	
	
/* list styles */	
#content ul,
#content ol {
	font-size: inherit;
	color: #333;
	margin: 0 0 0 15px;
	}
#content ul li { font-size: 1.2em }
#content ol { margin: 20px 0 20px 25px; }
#content ol li {
	margin-bottom: 10px;
	line-height: 1.1em;
	}
#content span ul {
	font-size: 1.1em;
	list-style-type: square;
	color: #333;
	margin: 0 0 0 15px;
	}
	
	
	
	
	
	
/* FOOTER STYLES */
#footer {
	position: relative;
	background: #1f419a url("/media/images/backgrounds/background_footer_stripe.jpg") top left repeat-x;
	padding: 0 0 8px 0;
	margin: 0 auto;
	width: 960px;
	z-index: +122;
}
.homefooter {
	clear: both !important;*margin-top: 130px !important;
}
#footer p {
	text-align: center;
/*	margin: 2px 0 0 240px; */
	margin: 2px 0 0 75px;
	float: left;
	color: #87b5c4;
/*	width: 467px; */
	width: 781px;
	font-size: 0.9em;
	line-height: 1.3em;
}
#footer ul {
	list-style: none;
	padding: 15px 0 0 214px;
}
#footer li {
	color: #fff;
	float: left;
	text-align: center;
	display: block;
	/*width: 69px;*/
	margin: 0 4px;
	cursor: hand;
}
#footer li a {
	float: left;
	display: block;
	width: 69px;
	text-decoration: none;
	color: #fff;
}
#footer li.home, #footer li.home a {
	display: block;
	width: 46px !important;
	margin: 0 2px ;
}
#footer img {
	float: right;
	margin: 0 34px 0 0
}
#subfooter {
	background: none;
	margin: 0 auto;
	width: 760px;
}
#subfooter p {
	margin: 5px 0 0 0px;
	line-height: 1.3em;
	text-align: center;
	color: #999;
}
/* Header Styles */
#header {
	background: url("/media/images/backgrounds/background_headers.jpg") top right no-repeat;
	width: 960px;
	height: 82px;
	position: relative;
	}

	
#headerbanner {
	margin-right: 50px;
	}

#searchbox {
	position: absolute;
	right: 108px;
	bottom: 12px;
	height: 60px;
	}
#searchbox label {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	}
#searchbox span {
	display: block;
	width: 143px;
	height: 18px;
	background: url("/media/images/inputs/input_search.gif") 0 0 no-repeat;
	}
#searchbox #search {
	width: 134px;
	font-size: 1.1em;
	padding: 2px 5px;
	}
#searchbox #go {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 5px 0 0 0;
	}
#homelogo {
	position: absolute;
	top: 40px;
	left: 50px;
	}
#logo {
	position: absolute;
	top: 45px;
	left: 55px;
	z-index: +10;
	}
#header h1 {
	padding: 9px 0 4px 244px;
	color: #fff;
	font-size: 3.0em;
	height: 39px;
	line-height: 1.0em;
	display: none;
}
#content h2 {
	color: #273b79;
	font-size: 20px;
	height: 30px;
	letter-spacing: -2px;
	padding-bottom: 10px;
}
#content h3 {
	color: #273b79;
	font-size: 15px;
	height: 20px;
	letter-spacing: -1px;
	padding-bottom: 0px;
	}
.productshots {
	width: 280px;
	padding-top: 60px;
	text-align: center;
	}
	
/* ******************************** FIRST LVL NAV ************************************* */
#header ul {
	position: absolute;
	top: 78px;
	margin: 0;
	right: 0px;
	list-style: none;
	height: 23px;
	margin-right: 100px;
}
#header li {
	float: left;
	margin: 0 0 0 0;
	height: 23px;
	display: block;
	z-index: 2;
	position: relative;
}
#header li a {
	float: left;
	display: block;
	vertical-align: middle;
	font-size: 1.3em;
	height: 23px;
	overflow: hidden;
	color: #001c76;
	text-decoration: none;
	text-align: center;
	
	}
#header li a span { visibility: hidden; }

/* win in helsinki */
a.kids 			{ width: 83px; background: url("/media/images/nav/mainNav_kidszone.gif") 0 0 no-repeat; }
a.kids:hover 		{ background: url("/media/images/nav/mainNav_kidszone.gif") 0 -23px no-repeat; }
li.in a.kids 		{ background: url("/media/images/nav/mainNav_kidszone.gif") 0 -46px no-repeat; }

/* win in helsinki */
a.clean 			{ width: 95px; background: url("/media/images/nav/mainNav_grimtales.gif") 0 0 no-repeat; }
a.clean:hover 		{ background: url("/media/images/nav/mainNav_grimtales.gif") 0 -23px no-repeat; }
li.in a.clean 		{ background: url("/media/images/nav/mainNav_grimtales.gif") 0 -46px no-repeat; }

/* World of germs */
a.germs 			{ width: 115px; background: url("/media/images/nav/mainNav_world.gif") 0 0 no-repeat; }
a.germs:hover 		{ background: url("/media/images/nav/mainNav_world.gif") 0 -23px no-repeat; }
li.in a.germs 		{ background: url("/media/images/nav/mainNav_world.gif") 0 -46px no-repeat; }

/* germs in the news */
a.hygiene 			{ width: 137px; background: url("/media/images/nav/mainNav_hotspot.gif") 0 0 no-repeat; }
a.hygiene:hover 	{ background: url("/media/images/nav/mainNav_hotspot.gif") 0 -23px no-repeat; }
li.in a.hygiene 	{ background: url("/media/images/nav/mainNav_hotspot.gif") 0 -46px no-repeat; }

/* ask the expert */
a.more 				{ width: 111px; background: url("/media/images/nav/mainNav_more.gif") 0 0 no-repeat; }
a.more:hover 		{ background: url("/media/images/nav/mainNav_more.gif") 0 -23px no-repeat; }
li.in a.more 		{ background: url("/media/images/nav/mainNav_more.gif") 0 -46px no-repeat; }

/* healthcare professionals */
a.hcp 				{ width: 185px; background: url("/media/images/nav/mainNav_hcp.gif") 0 0 no-repeat; }
a.hcp:hover 		{ background: url("/media/images/nav/mainNav_hcp.gif") 0 -23px no-repeat; }
li.in a.hcp			{ background: url("/media/images/nav/mainNav_hcp.gif") 0 -46px no-repeat; }

#header li a:hover, #header li.in a { font-weight: bold; }


/* ******************************** SECOND LVL NAV ******************************** */
#sidepanel ul.secondnav {
	list-style: none;
	background: url("/media/images/backgrounds/background_2nd_transparent.png") top repeat;
	min-height: 122px;
	padding: 25px 0;
	width: 180px;
	margin: 61px 0 20px 0;
	*margin: 61px 0 20px 0;
}


#sidepanel li {
	width: 180px;
	*margin-bottom: -3px;
	}
#sidepanel li a {
	display: block;
	color: #fff;
	padding: 3px 7px 4px 24px;
	font-size: 1.3em;
	line-height: 1.1em;
	text-decoration: none;
	border-bottom: 1px solid #7683ac;
	}
.top {
	border-top: 1px solid #7683ac;
	}
#sidepanel li a:hover {
	background-color: #1d206b;
}
#sidepanel li a.in {
	font-weight: bold;
	border: 0;
	background: url("/media/images/backgrounds/background_3rd_transparent.png") 0 0 repeat;
}
#sidepanel li a.in:hover {
	background-color: #1d206b;
	background-image: none;
}
/* ******************************** THIRD LVL NAV ******************************** */
#sidepanel .third {
	margin: 0;
	background-image: none;
	padding: 0 !important;
	margin: 0 0 5px;
	list-style: none;
}
#sidepanel .third li {
	padding: 0;
	margin: 0 !important;
	*margin:0 0 -3px !important;
	background: url("/media/images/backgrounds/background_3rd_transparent.png") 0 0 repeat;
}
#sidepanel .third li a {
	padding: 4px 7px 4px 38px;
	border-bottom: 0;
	line-height: 1.1em;
}
#sidepanel .third li a.in {
	background: url("/media/images/nav/secondnav_bullet.png") 45px 4px no-repeat;
}
#sidepanel .third li a:hover {
	background-color: #1d206b;
}
#sidepanel li ul
{
    list-style-type: none;
 
}
#sidepanel li ul li a.in
{
    display: block;
    padding-left: 40px;
    font-weight: normal;

}
#sidepanel li ul li a.current
{
    font-weight: bold;
 
}
.homelink {
	border-bottom: 0 !important;
	padding-bottom: 10px 
}
.homelink a {
	font-size: 11px !important;
	border-bottom: 0 !important;
}
.overtwolines {
	line-height: 1.1em;
	padding-bottom: 4px !important;
	padding-top: 4px !important;
}
/* ******************************** FOURTH LVL NAV ******************************** */

#sidepanel .fourth {
	margin: 0;
	background-image: none;
	padding: 0 !important;
	margin: 0px;
	list-style: none;
}
#sidepanel .fourth li {
	padding: 0;
	margin: 0 !important;
	*margin:0 0 -3px !important;
	background: none;
}
#sidepanel .fourth li a {
	padding: 0px 7px 3px 38px;
	border-bottom: 0;
	font-size: 12px;
}
#sidepanel .fourth li a.in {
	background: none;
}
#sidepanel .fourth li a:hover {
	background-color: #1d206b;
}
#sidepanel {
	float: left;
	margin: 0 0 0 0;
	width: 180px;
	position: relative;
	z-index: +1;
	padding-top: 40px;
}
#sidepanel img {
	margin: 20px 0 0 20px;
}
#sidepanel img.recycle {
	margin: 0 0 0 30px;
}
.cleanbinnav {
	margin-bottom: 0 !important;
}
.wheelieorb {
	width: 100px;
	height: 98px;
	margin-left: 40px !important;
	display: block;
}

/* ASK THE EXPERT *********************************************** */
.asktheexpertarea { width: 580px; }
.asktheexpertarea ol li { font-size: 1.2em;}


/* GERMS section */
.germwarfare .germinfo {
	clear:left;
	border-bottom: 1px #999 dotted;
	}
.germwarfare .germinfo strong {
	width: 135px;
	display:block;
	float: left;
	padding: 10px 0;
	line-height: 1.2em;
	font-size: 1.2em;
	}
.germwarfare ul {
	width: 300px;
	list-style:none;
	display:block;
	margin:-1px 0 0 !important;
	padding: 10px 0;
	float: left;
	}
.germwarfare li {
	line-height: 1.3em;
	margin-bottom: 8px;
	}
.germwarfare ol li {
	font-size: inherit !important;
}
.germwarfare li ul{
	float: none;
	width: 150px !important;
	font-size: 1em !important;
	margin-left: 0px !important;
	}
	



/* ********************************** HOW GERMS SPREAD **************************************** */

.topversion {
	margin-top: 20px;
}
.topversionorbs {
	padding-top: 10px;
	clear: both;
}
.germhomehighlight {
	clear: left;
	margin-top: 10px;
}
.germhomehighlight .heropic {
	float: left;
	width: 120px;
}
.germhomehighlight .herointropara {
	float: left;
	margin-top: 5px;
	width: 400px;
}
.largeheropic .heropic {
	width: 167px;
	margin-left: 100px;
}
.largeheropic .herointropara {
	width: 270px;
	margin-top: 25px;
}
.flargeheropic .herointropara {
	width: 270px;
	margin-left: 50px;
	margin-top: 40px;
}
.flargeheropic {
	margin-top: -40px;
	margin-left: 100px;
}
/* what are germs landing page */
#whataregermsoverview {
	position: relative;
	clear: both;
}
.upperheropic {
	position: absolute;
	top: 0px;
	left: 0px;
}
.middleheropic {
	position: absolute;
	top: 73px;
	left: 160px;
}
.middleheropic .herointropara {
	width: 200px;
	margin-left: 50px;
	margin-top: 40px;
}
.lowerheropic {
	position: absolute;
	top: 200px;
	left: 0px;
}
.overviewpage {
	height: 400px;
}
.overviewpage .middleheropic {
	position: absolute;
	top: 83px;
	left: 50px;
}
.overviewpage .middleheropic .herointropara {
	width: 200px;
	margin: 50px 0 0 90px !important;
}
.overviewpage .lowerheropic {
	position: absolute;
	top: 280px;
	left: 0px;
}
/* GERMS OVERVIEW */
table.germtable  {
	width: 99%;
	font-size: 1.2em;
	}
.germtable th {
	color: #fff;
	background-color: #273b79;
	text-align: left;
	border-bottom: 1px #999 dotted;
	padding: 1px 0 1px 6px;
	}
td.image { width: 60px;}
.germtable td {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px #999 dotted;
	padding: 8px 5px;
	}
.germtable td img { margin-top: -5px; }
.germtable td.germtabletitle {
	width: 110px;
	}
td h3{
	font-weight: normal;
	display: inline;
	font-size: 1.2em !important;
	
	}

.wheelie table {    
    width: 680px;
    font-size: 1.2em;background-color: #fff !important;
    }

.wheelie td, .wheelie th {    
   text-align: left;
   border-bottom: 1px #999 dotted;
   
   }
  
.wheelie td {
   padding: 5px 0;
    } 
    



/* did you know boxes */
#didyou {
	width: 200px;
	margin: 0px 0 10px 25px;
	list-style-type: none;
	}
#didyou.bath {
	width: 200px;
	margin: 30px 0 10px 25px;
	list-style-type: none;
}
#didyou li {
	width: 150px;
	padding: 5px 10px;
	margin: 0 0 1px 0;
	color: #ccc;
	font-size: inherit;
}
#didyou li.top {
	background: #999 url("/media/images/backgrounds/background_listtop.gif") 0 -2px repeat !important;
	width: 150px;
	color: #fff;
	letter-spacing: 1px;
	padding: 2px 0 0 20px;
	font-weight: bold;
	font-size: 1.2em;
	height: 19px;
	margin: 30px 0 0 0;
}
#didyou li.bot {
	padding: 5px 20px 5px 20px;
	background-color: #1f419a;
	width: 130px;
}
#didyou li.bot a {
	font-size: 1.2em;
	line-height: 1.2em;
}
#didyou li h4 {
	font-weight: normal;
	color: #ccc;
	line-height: 1.3em;
	font-size: 1.2em;
}
.germsoverview #didyou {
	float: right;
}
#didyou.pets {
	margin-top: -80px;
}
#didyou.kitchendidyou {
	margin-top: -8px;
	margin-bottom: 10px;
}
#didyou li a {
	color: #ccc !important;
	font-weight: normal !important;
}





/* ERRORS */
span.error { background: url("/media/images/inputs/input_error.gif") top left no-repeat; }
.errorblock {
	width: 100%;
	text-align: center;
	background-color: #900;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5px 0;
	color: #fff;
	border: 1px solid #900;
}
p.error {
	color: #900 !important;
	margin: -5px 0 0 100px !important;
	font-size: 11px !important;
	line-height: 12px !important;
	width: 170px;
}


/* Flash content */
#flashcontentgerms {
	margin: 70px 0 0 0;
}
#flashcontentsalmonella {
	margin: 46px 0 0 0;
}
#flashcontentmap {
	float: right;
	margin: 30px 0 0 0;
}
#swipe {
	margin: 0 0 0 0;
}
/* Germ Overview page */

#germarea {
	float: left;
	width: 100px;
	margin-top: -35px;
	}
#germarea h2, #germarea h2.sIFR replaced {
	margin: -40px 0 0 40px !important;
	}
#symptoms {
	margin-top: -30px !important;
	}
#symptoms.why {
	margin-top: 20px !important;
	}
#symptoms.why li a {
	display: block;
	margin: 5px 0 0 0;
	}
#symptoms, #prevent {
	width: 222px;
	list-style-type: none;
	margin-top: -20 !important;
	padding: 0 0 0 20px;
}
#prevent { /* give ul height to make sure crossfade doesn't go funky */
	height: 220px;
	}
#symptoms li, #prevent li {
	width: 202px;
	padding: 5px 10px;
	margin: 0 0 1px 0;
	}

#cf1, #cf7 { background: #eedbca; }
#cf2, #cf8 { background: #abd8de; }
#cf3, #cf9 { background: #ddb7ca; }
#cf4, #cf10 { background: #d6cfdd; }
#cf5, #cf11 { background: #d7e1cc; }
#cf6, #cf12 { background: #f5c6b1; }
    
#symptoms li.top, #prevent li.top {
	width: 212px;
	padding: 2px 0 5px 0px;
	font-weight: bold;
	color: #1b4389;
	border: none;
	}
#symptoms li.bot, #prevent li {
	padding: 15px;
	width: 202px;
	}
#overviewarea h3 {
	margin: 4px 0 0px 0;
	font-weight: normal;
	}
#overviewarea a.orb {
	float: left;
	margin: 0 15px 0 0 ;
	}
#overviewarea p {
	margin: 0 0 10px 0;
	}
#overviewarea #fungi {
	margin: 0 0 0 40px;
}

#spreading {
    margin: 40px 0 0 0;
    }
/* world of germs */

.overviewlink {
	width: 215px;
	float: left;
	margin: 0 28px 0 0;
}
.hotspotlink {
	width: 192px;
	float: left;
	margin: 0 5px 0 0;
	}
.hotspotlink a, .overviewlink a {
	display: block;
	margin: 5px 0 0 0;
	}
.germworld {
	list-style: none;
	margin: 0 !important;
	}
.germworld li {
	float: left;
	width: 96px;
	}
.germworld li.indent { margin: 0 0 0 50px; }
.germworld li.indentage { margin: 0 0 0 112px; }
.germworld li p {
	font-size: 1.0em !important;
	position: relative;
	text-align: center;
	}
.germworld li a img { padding: 0 0 0 19px; }
.dvbdy1 {
	background: url("/media/images/backgrounds/background_tooltip.gif") top left no-repeat;
	width: 140px;
	padding: 8px 0 0 0;
	}
.dvbdy1 p {
	padding: 0 8px;
	background-color: #fff ;
	color: #696969;
	line-height: 1.4em;
	font-size: 1.1em;
	}
.dvbdy1 span {
	display: block;
	width: 140px;
	height: 8px;
	background: url("/media/images/backgrounds/background_tooltip_bot.gif") bottom left no-repeat;
	}

.dvbdy2 {
	background: url("/media/images/backgrounds/light_green.gif") top left no-repeat;
	width: 248px;
	height: 247px;
	padding: 8px 0 0 0;
	}

.dvbdy3 {
	background: url("/media/images/backgrounds/pink.gif") top left no-repeat;
	width: 248px;
	height: 247px;
	padding: 8px 0 0 0;
	}
.dvbdy4 {
	background: url("/media/images/backgrounds/turquoise.gif") top left no-repeat;
	width: 248px;
	height: 247px;
	padding: 8px 0 0 0;
	}
.dvbdy5 {
	background: url("/media/images/backgrounds/blue.gif") top left no-repeat;
	width: 248px;
	height: 247px;
	padding: 8px 0 0 0;
	}	

.dvbdy6 {
	background: url("/media/images/backgrounds/magenta.gif") top left no-repeat;
	width: 248px;
	height: 247px;
	padding: 8px 0 0 0;
	}
	
.dvbdy7 {
	background: url("/media/images/backgrounds/orange.gif") top left no-repeat;
	width: 248px;
	height: 247px;
	padding: 8px 0 0 0;
	}
		
	
.dvbdy2 p, .dvbdy3 p, .dvbdy4 p, .dvbdy5 p, .dvbdy6 p, .dvbdy7 p {
	padding:60px;
	color: #696969;
	line-height: 1.4em;
	font-size: 1.1em;
	}

.germspread { margin: -20px 0 0 0; }



/* Hygiene Hotspots Section ****************************************************************************************** */

#orbpic { float: right;width: 240px; padding-top: 30px; }
#orbpic.food 	{ float: right; }
.hotspotlinks 	{ list-style: none; margin: 0 !important; }
.houselink {
	float: right;
	margin: 0 30px 0 0;
}
#textarea.hotspots {
	width: 212px !important;
	float: left;
	padding: 0 0 0 10px
}
#hotspotscol {
	margin: 32px 0 0 30px;
	float: left;
	width: 262px;
	/*background: url("/media/images/help.jpg") top left no-repeat;*/
}
#hotspotscol h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 10px 0;
}
.foodtitle {
	margin-top: 30px !important;
}
.contamine {
	width: 264px;
	float: right;
	margin: 15px 20px 0 0;
}
.atrisk {
	list-style-type: square;
	margin: 0px 15px 10px 0 !important;
	padding-left: 15px;
	border-top: 0 !important;
}
#hygienetips,#hygienetips2{
	width: 203px;
	list-style-type: none;
	margin: 20px 0 0 0 !important;
	float: left;
}
#hygienetips.big,#hygienetips2.big {
	list-style-type: none;
	margin: 20px 0 0 0 !important;
	float: left;
}
#hygienetips.big li,#hygienetips2.big li {
	width: 405px;
	padding: 5px 0 5px 15px;
	background-color: #cddae3;
	margin: 0 0 1px 0;
}
#hygienetips.hotspots li,#hygienetips2.hotspots li{
	width: 127px;
	padding: 15px 0 20px 15px;
	background-color: #cddae3;
	margin: 0 0 1px 0;
	float: left !important;
	border: 1px solid #000;
}
#hygienetips.big li.top, #hygienetips.hotspots li.top,
#hygienetips2.big li.top, #hygienetips2.hotspots li.top  {
	background: #fff;
	width: 410px;
	padding: 2px 0 0 10px;
	font-weight: bold;
	height: 19px;
	color: #1b4389;
	border: none;
	float: none;
}
#hygienetips.hands,#hygienetips2.hands {
	width: 200px;
	list-style-type: none;
	margin: -160px 0 0 31px !important;
}
#hygienetips.hands li.top,#hygienetips2.hands li.top {
	background: #fff; 
	width: 160px;
	padding: 2px 0 0 10px;
	font-weight: bold;
	height: 19px;
	color: #1b4389;
	border: none;
}
#hygienetips.hands li,#hygienetips2.hands li {
	width: 150px;
	padding: 5px 10px 5px 10px;
	background-color: #cddae3;
	margin: 0 0 1px 0;
}
#hygienetips li,#hygienetips2 li  {
	width: 188px;
	padding: 5px 0 5px 15px;
	background-color: #cddae3;
	margin: 0 0 1px 0;
}
#hygienetips li p,#hygienetips2 li p {
	float: left;
	margin: 10px 0 0 15px;
	font-weight: normal;
	line-height: 1.7em;
}
#hygienetips li a,#hygienetips2 li a{
	display: block;
	float: left;
}
#hygienetips li.top,#hygienetips2 li.top {
	background: #fff;
	width: 193px;
	padding: 2px 0 0 0px;
	font-weight: bold;
	height: 28px;
	color: #1b4389;
	border: none;
}
#hygienetips li.bot,#hygienetips2 li.bot {
	padding: 5px 10px;
	width: 202px;
	background: #cddae3 url("/media/images/backgrounds/background_listbot.gif") bottom left no-repeat;
}


/* RHS list for hygiene tips */
.rhslisting li a{
	display: block;
	float: none !important;
} 



.hygienetips {
	margin: 15px 0 0 0;
	list-style-position: outside;
}
.hygienetips.garden {
	width: 310px;
}
.hygienetips.hands {
	padding: 20px 0 0 0;
	list-style: none;
	margin: 0 0 0 0 !important;
}
.hygienetips.hands li {
	height: 193px;
	width: 136px;
	font-size: 1.1em;
	float: left;
}
.hygienetips.hands li.odds {
	margin: 0 20px 0 0 ;
}
.hygienetips.hands li span {
	display: block;
	padding: 116px 0 0 0;
}
.hygienetips.hands li span em {
	font-size: 1.3em;
	color: #1b4389;
	font-style: normal;
	margin: 0 2px 0 0;
}
.hygienetips.hands li img {
	position: absolute;
	top: 0;
	left: 5px;
}
.hygienetips li {
	font-size: 1.4em;
	color: #1b4389;
	font-weight: bold;
	margin: 0 0 10px 0;
	position: relative;
}
.hygienetips li span {
	font-size: 0.9em;
	color: #333;
	font-weight: normal;
}
.hygienegerms {
	list-style: none;
	margin: 0 !important;
}
.hygienegerms li {
	float: left;
	width: 87px;
}
.hygienegerms li p {
	font-size: 1.0em !important;
	position: relative;
}
.gardenimages {
	float: right;
	margin: -110px 0 0 0;
	}

/* Germiest places in the world landing page */
#hotspotslist {
	list-style: none;
	margin: 0 !important;
	}
#hotspotslist li {
	width: 169px;
	padding: 10px 0 20px 8px;
	background-color: #fff;
	margin: 0 1px 1px 0;
	float: left !important;
	}
#hotspotslist li img.hotimage {
	margin: 0 0 0 4px;
	}
#hotspotslist a {
	display: block;
	}
#hotspotslist li.top {
	background: url("/media/images/backgrounds/background_listtop.gif") top left repeat-x;
	width: 713px;
	padding: 2px 0 0 10px;
	font-weight: bold;
	height: 19px;
	color: #fff;
	float: none;
	text-align: left;
	}
#hotspotslist li h5 {
	margin: 0 0 5px;
	padding: 0 0 0 33px;
	}
.learnmorebutton {
	display:block;
	text-align: center;
	}
	
	
.bottomlink {
	float: left;
	width: 150px;
}
.largebottomlink {
	width: 350px;
}


/* People at risk section */

#elderlylink p, #hospitallink p, #childrenlink p, #babieslink p {
	font-weight: bold;
	color: #4a6e86 !important;
	padding: 0 0 0 10px;
	width: 79px;
}
#elderlylink span, #hospitallink span, #childrenlink span, #babieslink span {
	display: none;
}
#elderlylink a{
	display: block;
	background: url("/media/images/balls/ball_risk_elderly.gif") 0px -83px no-repeat;
	height: 79px;
	overflow: hidden;
}
#elderlylink a:hover{
	background: url("/media/images/balls/ball_risk_elderly.gif") 0px 0px no-repeat;
}
#hospitallink a{
	display: block;
	background: url("/media/images/balls/ball_risk_hosp.gif") 0px -83px no-repeat;
	height: 79px;
	overflow: hidden;
}
#hospitallink a:hover{
	background: url("/media/images/balls/ball_risk_hosp.gif") 0px 0px no-repeat;
}
#childrenlink a{
	display: block;
	background: url("/media/images/balls/ball_risk_child.gif") 0px -83px no-repeat;
	height: 79px;
	overflow: hidden;
}
#childrenlink a:hover{
	background: url("/media/images/balls/ball_risk_child.gif") 0px 0px no-repeat;
}
#babieslink a{
	display: block;
	background: url("/media/images/balls/ball_risk_baby.gif") 0px -83px no-repeat;
	height: 79px;
	overflow: hidden;
}
#babieslink a:hover{
	background: url("/media/images/balls/ball_risk_baby.gif") 0px 0px no-repeat;
}
#elderlylink {
	margin: 44px 0 0 0;
}
#hospitallink {
	margin: 5px 0 0 21px;
}
#childrenlink {
	margin: -47px 0 0 103px;
}
#babieslink {
	margin: -90px 0 0 208px;
}
/* About domestos section */

.aboutcol {
	float: left;
	width: 162px;
	margin: 10px 0 0 0;
}
.historycol {
	float: left;
	width: 300px;
	margin: 0 0 0 0;
}
.contactcol {
	float: right;
	width: 142px;
	margin: 66px 0 0 0;
	padding: 6px 15px;
	background-color: #cddae3;
}
.end {
	margin: 0 0 0 0 !important;
}
.aboutcol h3 {
	font-size: 1.6em !important;
	font-weight: normal;
	color: #798893 !important;
}
.aboutcol img.ball {
	padding: 0 0 10px 10px;
}
.aboutrange {
	float: right;
	margin: -45px 0 0 0;
}
.rangearea {
	width: 350px;
	float: left;
}
#toiletcleaner, #spraybleach, #grotbuster, #zerolimescale {
	float: left;
	width: 400px;
	margin: 20px 30px 0 0;
}
#unblocker, #thickbleach {
	float: left;
	width: 400px;
	margin: 0 0 0 30px;
}
.whyimage {
	margin: 70px 0 0 40px;
}

/* range page */
.rangecontainer {
	clear:both;
}
.rangecontainer img {
	margin-top: 10px;
}
.rangeinfo div{
	margin-left: 20px;
	margin-top:10px;
	padding-top: 10px; 
	border-top: 1px #ccc dotted;
}


/* Ask the expert */

span.error {
	background: url("/cleanmybin/media/images/inputs/input_error.gif") top left no-repeat;
}
.errorblock {
	width: 100%;
	text-align: center;
	background-color: #900;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5px 0;
	color: #fff;
	border: 1px solid #900;
}
p.error {
	color: #900 !important;
	margin: -7px 0 -10px 0px !important;
	font-size: 11px !important;
	line-height: 12px !important;
	/*background-color: #eee;*/
	display:block;
	width: 230px;
	padding: 0 0 4px;
	border-bottom: 1px #eee solid;
}
.askquestionform {
	float: left;
	width: 240px;
	padding-top: 12px;
}
.question {
	float: none;
	clear: both;
}
.question textarea {
	width: 229px;
	height: 100px;
	font-size: 1.2em;
	font-family: Arial, helvetica, Tahoma, sans-serif;
	border: 1px solid #ccc;
}
.question p.error {
	margin: -13px 0 0px 0px !important;
}
.button {
	float: none;
	margin: 10px 46px 0 0;
}
form br {
	clear: both;
}
label {
	font-size: 1.2em;
	color: #022081;
	display: block;
}
.address label {
	float: left;
	width: 100px;
	margin: 0 0 8px 0;
}
.address span{
	float: left;
	width: 130px;
	border: 1px #369 solid;
	background-image: none;
}

.address span input {
	width: 120px;
}
span input {
	background: transparent;
	padding: 0 5px;
	font-size: 1.2em;
}
/* ***************************** CLEAN MY BIN ************************************ */
#mainpromoarea {
	width: 240px;
	float: left;
	margin-top: 10px;
}
#mainpromoarea p {
	margin-bottom: 0;
}
.otherpromoareas {
	float: right;
	width: 400px;
	clear: right;
	text-align: left;
	margin: 2px 0 9px;
}
/* **************************** ASK THE EXPERT ************************ */
dl.expertanswers {
	font-size: 1.2em;
	width: 670px;
	}
dl.expertanswers dt {
	font-weight: bold;
	margin-bottom: 0px;
	padding-right: 10px;
	min-height: 25px;
	}
dl.expertanswers dd {
	border-bottom: 1px #999 dotted;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
/* for the landing page */
#textarea dl.faq {
    width: 590px;
    font-size: 1.2em;
    }
dl.faq dt {margin: 10px 0 0 0; font-weight: bold;}
dl.faq dd {
    margin-bottom: 20px;
    }	
    
#textarea dl.faq dd ul li{
    font-size: 1.0em;
    }    
    
.spacemeplease {
	padding-bottom: 10px;
	display: block
	}
.expertrange {
	float: right;
	margin-left: 10px;
	width: 218px;
	height: 165px;
	}
.expertrangeimage {
	float: right;
	margin-left: 10px;
	}
.lady {
	float: left;
	width: 280px;
	padding-top: 0px;
}
.lady p {
	float: left;
	width: 130px;
}
.lady img {
	float: left;
	margin-right: 10px;
	}
.extrapadding { margin-top: 13px !important; }



/* HCP PAGES ************************************************************ */
.largerarea { width: 510px !important; }
.smalltxt { margin-top: 25px; }
.smalltxt p { font-size: 11px !important; color: #999 !important; margin-bottom: 2px; line-height: 13px; }
.hcpintroimage { float:right; margin: 70px 10px 20px 20px; width:170px; }
.hcpintroimage span { display:block; margin-top: 7px; }
h5 {font-size: 1.3em; color: #1a4491; }
div#box_left {float: left; width: 390px;}
div#box_left ul,
.formarea ul {
	padding-right: 16px;
	list-style: none;
	margin-left: 0;
	}
div#box_left ul#newsletters,
div#box_left ul#checkboxes {
	overflow: auto;
	}
div#box_left ul li,
.formarea ul li {
	font-size: 11px !important;
	clear: right;
	border-bottom:1px dotted #ddd;
	padding: 7px 0 3px;
	}
div#box_left ul li input,
.formarea ul li input {
	float: right;
	padding: 3px;
	margin-top: 0px;
	background-color: #eee;
	}

.formarea div#box_left ul li input {
	float: right;
	padding: 3px;
	margin-top: -20px;
	background-color: #eee;
	}

	
div#box_left ul li a:link,
div#box_left ul li a:visited {
	text-decoration: none;
	}
div#box_left ul li a:active,
div#box_left ul li a:hover {
	color: #00aaea;
	text-decoration: underline;
	}
div#box_left .bottom_left {
	position: absolute;
	bottom: 0px;
	left: 10px;
	}
#box_right {
	float: left; margin-left: 40px; width: 250px; margin-top: 25px;
	}
#box_right h4 {
	font-size: 14px;
	color: #273b79;
	}
.button { border: 0 !important;margin-top: 15px; margin-bottom: 20px;display:block; clear:both !important;}


.bottom_right {display:block; margin:20px 0 0 -5px !important; padding:0 !important; }

#forumArea {
	margin: 10px 0 0 0px;
	width: 470px;
	float: left;
}
	
.forumTopic {
	padding-bottom: 10px;
	border-bottom: 1px dotted #dddddd;
}
.forumPost {
	border-bottom: 1px dotted #dddddd;
	margin-top: 5px;
	padding-bottom: 10px;
	font-size: 1.2em;
}
.forumPostDate {
	color: #8d8d8d;
	margin-top: 5px;
	margin-bottom: 15px;
}
.forumPostAuthor {
	color: #585858;
	font-weight: bold;
}
.forumPostComment {
}

#forumTopicsList {
	float: right;
	margin: 10px 0 0 00px;
	width: 230px;
}
#forumTopicsList li {
	list-style-image: url('/media/images/backgrounds/bulletpoint.gif');
}
#forumTopicsList a {
	color: #000000 !important;
	text-decoration: none !important;
}
#forumTopicsList a:hover {
	color: #1f419a !important;
	text-decoration: underline !important;
}
#forumTopicsList a.in {
	color: #1f419a !important;
	text-decoration: underline !important;
}

#forumPostForm {
	margin-bottom: 15px;
}
#forumPostForm h3 {
	margin-bottom: 5px;
}
#forumPostForm #forumPostFormTable {
	padding-bottom: 5px;
}
#forumPostForm #forumPostFormTable td {
	padding-bottom: 5px !important;
}
#forumPostForm #post_firstname, #forumPostForm #post_lastname, #forumPostForm #post_occupation {
	border: 1px solid #cccccc;
	display: inline !important;
}
#forumPostForm #post_content {
	border: 1px solid #cccccc;
	width: 470px;
}
#forumPostForm #post_othertopics {
	border: 1px solid #cccccc !important;
	display: inline !important;
}
/* News pages */

.dottedline {border-top: 1px dotted #000; height: 1px; width: 100%; display: block; padding: 20px 0 0 0;}


/* Grim characters */

img.navpet {
    position: absolute;
    top: 100px;
    left: 160px;
    }
 
html>body img.navpet {
    *top: 70px;
    } 
    
img.clarence, img.ma {
    position: absolute;
    bottom: -2px;
    right: 0;
    }
    
a.meetclarence {
    position: absolute;
    bottom: 170px;
    right: 91px;
    z-index: 2;
    }

img.navbath {
    position: absolute;
    top: 26px;
    left: 73px;
    }        
    
 html>body img.navbath {
    *top: -14px;
    }     
    
a.meetma {
    position: absolute;
    bottom: 257px;
    right: 53px;
    z-index: 2;
    }  
    
#promobath {
    position: absolute;
    bottom: -73px;
    left: 0px;
    }

#promobath img {
    margin: 0 0 0 0;
    }
    
/* Kidszone */

#kidszone p {margin: 0 0 0 50px;} 
#kidszone p {margin: 0 0 0 50px;} 
#kidszone img {margin: 0 0 0 30px;}    


#flash24hour
{
    float: left; 
    top: 10px;
    width: 727px;
    height: 364px;
    background-image: url(/germs/domestos24hour/domestos24hr_page.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}