/*  CSS for LISTERINE COOL BLUE and LISTERINE SMART RINSE */

p{
	font-size:123.1%;  
	line-height:25px;
}


body,html{overflow-x:hidden;}

div#links{
	position:absolute;
	z-index:5;	
	margin-top:20px;
	margin-left:22px;
}
div#links ul{
	z-index:5;	
}
div#links ul li{
	display:block;
	float:left;
	font-size:389%;
	height:60px;
	width:172px;
	z-index:5;
}
div#links ul li:hover{
	cursor:pointer;	
}
div#links ul a:hover{
	text-decoration:none;
	font-style:normal;
}

body.healthy-looking div#container {
	background:url(../images/bg-cool-blue.jpg) no-repeat;
}

body.healthy-looking-green div#container {
	background:url(../images/bg-smart-rinse.jpg) no-repeat;
}

body.healthy-looking #gradient-top-bg{background:url(../images/bg-top-cool-blue.jpg) repeat-x;}

body.healthy-looking-green #gradient-top-bg{background:url(../images/bg-top-smart-rinse.jpg) repeat-x;}

#coolblue,
#smartrinse{
	width: 420px;
	height: 810px;
	position: absolute;
	top: 112px;
	right: 600px; 

}




div#content #cda{ 
	background:url(../images/cda-stamp.png) no-repeat;
	/*PNG Fix for IE6*/
	_background:none;
	_filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cda-stamp.png', sizingMethod='image');
	width:271px; 
	height:173px; 
	float:left; 
	position:absolute; 
	margin-top:828px; 
	text-indent:-10000px;
	margin-left:-34px;
	*margin-left:-900px;
	_margin-left:-900px;



}


div#content #cda-smart-rinse{ 
	background:url(../images/cda-stamp-smart-rinse.png) no-repeat;
	/*PNG Fix for IE6*/
	_background:none;
	_filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cda-stamp-smart-rinse.png', sizingMethod='image');
	width:289px; 
	height:178px; 
	float:left; 
	position:absolute; 
	margin-top:815px; 
	text-indent:-10000px;
	margin-left:-35px;
	*margin-left:-900px;
	_margin-left:-900px;
	
}


body.healthy-looking{
	background:url(../images/healthy-looking-smiles.gif);
	background-position:0 5px;
}

body.healthy-looking-green{
	background:url(../images/healthy-looking-smiles-green.gif);
	background-position:0 5px;
}


div#wrapper{
	width:609px; 
	padding-top:75px;
	float:left;
	padding-bottom:30px;
	_position:relative;
	_left:300px;
	}

div#wrapper p{
	padding-bottom: 30px;
}

div#wrapper h1#coolblue-title{
	text-indent:-10000px; 
    width:609px;
    height:72px;
    background-image:url(../images/t-a-fun-and-easy-routine.png); 
    _background-image: none;
	background-repeat: no-repeat;    
   _filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/t-a-fun-and-easy-routine.png', sizingMethod='image');
	width:609px; 
	margin-bottom:30px;
}
div#wrapper h1#smartrinse-title{
	text-indent:-10000px; 
	background:url(../images/t-makes-their-smiles-brighter.png) no-repeat; 
	_background-image:none;
	_filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/t-makes-their-smiles-brighter.png', sizingMethod='image');
	width:609px; 
	height:67px;
	margin-bottom:30px;
}

div#wrapper #comic-strip{
	background:url(../images/comic-strip.gif) no-repeat; 
	text-indent:-10000px; 
	width:601px; 
	height:245px; 
	overflow: hidden;
	padding-bottom:30px;
}
div#wrapper #comic-strip-smart-rinse{
	background:url(../images/comic-strip-smart-rinse.png) no-repeat;	 
	text-indent:-10000px; 
	width:604px; 
	height:310px; 
	overflow: hidden;
	padding-bottom:30px;
}

div#wrapper h3#helpful-tips{
	background:url(../images/t-helpful-tips.png) no-repeat; 
	_background-image:none;
	_filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/t-helpful-tips.png', sizingMethod='image');	
	width:329px; 
	height:78px; 
	margin:0 auto; 
	text-indent:-10000px;
}

div#width-fix{
	width:277px;
	float:left;
}



#box-toggle {
	width:500px;
	margin:20px auto;
	text-align:justify;
	font:12px Arial, Helvetica, sans-serif;
	

	}
#box-toggle .tgl { position:relative; }


p.tooth-title	{ margin:0!important; padding:0 !important; font-size:108%; line-height:100%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bolder;}
p.tooth-text	{ margin-bottom:30px!important; padding:0!important; font-size:108%; line-height:153.9%; font-family:"Trebuchet MS", Georgia;}

a.brush{width:100px; margin-right:20px; height:59px; float:left; position:absolute; display:block; overflow:hidden; z-index:5; margin-top:35px; text-indent:-1000px; outline:none;}
a.first{margin-left:13px;}
a.middle{margin-left:140px;margin-top:-78px;}
a.last{margin-left:265px;margin-top:-78px;}


.active{ background-position:10px 100% !important; z-index:4 !important;}

.blue{width:602px; height:100px; background:url(../images/blue.png) no-repeat 10px 10px; _background:url(../images/blue.gif) no-repeat 10px 10px; z-index:1; position:relative; text-indent:-10000px; overflow:hidden; margin-top:-20px;}

.orange{width:602px; height:100px; background:url(../images/orange.png) no-repeat 10px 10px; _background:url(../images/orange.gif) no-repeat 10px 10px; z-index:2; position:relative; margin-left:128px; text-indent:-10000px; overflow:hidden; margin-top:-98px;margin-top:-100px;}

.green{width:602px; height:100px; background:url(../images/green.png) no-repeat 10px 10px; _background:url(../images/green.gif) no-repeat 10px 10px; z-index:3; position:relative; margin-left:256px; text-indent:-10000px; overflow:hidden; margin-top:-98px;margin-top:-100px;}


div#blue-box{
	background-color:#d5efff;
	border:2px solid #5d84be;
	padding:30px 20px 0 20px;
	width:560px;
	position:relative;
	clear:both;
	margin-top:-20px;
	
}
div#orange-box{
	background-color:#feeed5;
	border: 2px solid #e9af4d;
	padding:30px 20px 0 20px;
	width:560px;
	position:relative;	
	clear:both;
	margin-top:-35px;
}	
div#green-box{
	background-color:#d7fabf;
	border: 2px solid #aada91;
	padding:30px 20px 0 20px;
	width:560px;
	position:relative;
	clear:both;
	margin-top:-35px;
}