@charset "utf-8";
/* CSS Document */

html, body, div, p, h1, h2, h3, table, img, span, b, a, form{ margin:0px; margin:0px;  }
body, input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:62.5% }



body{ background:url(../images/bggradient.jpg); background-repeat:repeat-x }

#wrapper-outer{ width:780px; margin:0px auto }
	#page-shade-left{ float:left; width:11px; height:500px; background:url(../images/bggradient.jpg); background-repeat:repeat-x  }
	#page-shade-right{ float:left; width:10px; height:500px; background:url(../images/bggradient.jpg); background-repeat:repeat-x }
	
	#wrapper-inner{ float:left; width:759px; }
		#top { background:url(../images/top-bg-repeat.jpg); }
		#top #logo { background:url(../images/logo.jpg); width:759px; height:45px;}
		#top #share-this{ float:right}
		
		#body-top{ background:url(../images/body-box-top.jpg); width:755px; height:31px; padding-top:5px; padding-left:4px; background-repeat:no-repeat;  }
		
		#body-wrapper{ background-color:#FFFFFF; padding-left:4px; padding-right:5px; }
		#body-inner{ width:100%; }

		#body-title { padding:0px 0px 0px 30px }
		#body-title h1 { padding-top:10px; font-size:1.4em; font-weight:bold; color:#FFFFFF }

		#body-content{ background-image:url(../images/spacer-f2f5f5.gif); padding:30px }


		/* for inner contents */
		.image-mouth { background-image:url(../images/mouth.jpg); background-repeat:no-repeat; background-position:top left }
		.image-why-listerine{ background-image:url(../images/why-listerine.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-total-care{ background-image:url(../images/listerine-total-care.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-cool-mint{ background-image:url(../images/listerine-cool-mint.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-original{ background-image:url(../images/listerine-original.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-fresh-burst{ background-image:url(../images/listerine-fresh-burst.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-cool-citrus{ background-image:url(../images/listerine-cool-citrus.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-bright-clean{ background-image:url(../images/listerine-bright-clean.jpg); background-repeat:no-repeat; background-position:top left }
		.image-listerine-teeth-gum-defence{ background-image:url(../images/listerine-teeth-gum-defence.jpg); background-repeat:no-repeat; background-position:top left }
		
		#body-inner-right { }
		
		#body-inner-right-title{ background-image:url(../images/title-orange-mid.gif);  }
		#body-inner-right-title-left{ float:left; background-image:url(../images/title-orange-left.gif); width:5px; height:40px }
		#body-inner-right-title-mid{ float:left; background-color:none; padding:0px 0px 0px 10px }
		#body-inner-right-title-mid h1 { padding-top:10px; font-size:1.5em; font-weight:bold; color:#FFFFFF }
		#body-inner-right-title-right{ float:right; background-image:url(../images/title-orange-right.gif); width:5px; height:40px }
		
		#body-inner-right-content{ border-left:1px solid #d6d5d5 ; border-right:1px solid #d6d5d5    }
		#body-inner-right-content-body{ padding:10px; background-color:#FFFFFF; height:309px; overflow:auto }
		#body-inner-right-content-body-right{ padding:10px; background-color:#FFFFFF; width:520px; float:right}
		
		.content-image{ float:left; padding:0px 10px 10px 0px}
		
		#body-inner-right-bottom {  background-image:url(../images/title-orange-bottom-mid.gif); height:21px }
		#body-inner-right-bottom-left {background-image:url(../images/title-orange-bottom-left.gif); width:5px; height:21px; float:left }
		#body-inner-right-bottom-right {background-image:url(../images/title-orange-bottom-right.gif); width:5px; height:21px; float:right }
		
		/* end for inner contents */

		#body-end{}
			#body-end #footer-line-left{ background-image:url(../images/footer-line-left.gif); width:10px; height:10px; float:left }
			#body-end #footer-line-mid{ background-image:url(../images/footer-line-mid.gif);  float:left; width:729px; height:10px}
			#body-end #footer-line-right{ background-image:url(../images/footer-line-right.gif); width:10px; height:10px; float:left }

		#footer-links{ text-align:center} 
		#footer-links a{ text-decoration:none; font-size:1.1em }
		#footer-links a:link{ color:#7D7D7D  }
		#footer-links a:visited{ color:#7D7D7D; text-decoration:none  }
		#footer-links a:hover{ color:#F59726; text-decoration:underline  }	

		#footer-signoff-left{ background-image:url(../images/footer-bg-left.gif); width:10px; height:43px; float:left }
		#footer-signoff-mid{ width:739px; text-align:center; background-image:url(../images/footer-bg-repeat.gif); height:43px; float:left }
		#footer-signoff-right{ background-image:url(../images/footer-bg-right.gif); width:10px; height:43px; float:left }
		#footer-signoff-mid-content{  padding:5px 0px 0px 0px; color:#FFFFFF; font-size:1.1em; display:block }

a:link{ color:#7D7D7D; text-decoration:none  }
a:visited{ color:#7D7D7D; text-decoration:none  }
a:hover{ color:#F59726; text-decoration:underline  }	

p { text-align:justify }
ul li {margin:0px; padding:0px; text-align:justify }

.orange-bar{ background-image:url(../images/title-orange-bar-bottom.gif); height:12px; }

#flavours{ text-align:center }

#breadcrumbs { margin:10px; font-size:1.1em} 
#breadcrumbs a:link{ text-decoration:underline; color:#ff9900 }
#breadcrumbs a:hover{ text-decoration:none; color:#ff9900 }
#breadcrumbs a:visited{ text-decoration:underline; color:#ff9900 }

#breadcrumbs a.current:link{ text-decoration:none; color:#999999 }
#breadcrumbs a.current:hover{ text-decoration:none; color:#999999 }
#breadcrumbs a.current:visited{ text-decoration:none; color:#999999 }

.title-bg-orange{ background:url(../images/title-bg-orange.gif); height:39px }
.font-15-black{ font-size:1.5em; color:#000000 }
.font-15-dorange{ font-size:1.5em; color:#CF5509 }
.font-13-black{ font-size:1.3em; color:#000000 }
.font-13-333333{ font-size:1.3em; color:#333333 }
.font-13-dorange{ font-size:1.3em; color:#CF5509 }
.font-12-333333{ font-size:1.2em; color:#333333 }
.font-12-dorange{ font-size:1.2em; color:#CF5509 }
.font-11-333333{ font-size:1em; color:#333333 }
.font-faq-question{ font-size:1.5em; color:#CF5509 }
.font-faq-question-cust{ font-size:1.5em; color:#CF5509 }

.indent-20{ padding-left:20px; padding-bottom:20px;}

#grey-separator{  height:8px; background:url(../images/grey-gradient.jpg) }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{ clear:both }

#share-this{ margin-top:10px }