

/* ############### START RESET.CSS ############### */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* ############### END RESET.CSS ############### */


html{background-color:#eefbfc;}

sup{
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}

span.styleLetter1{
	font-family:Georgia, "Times New Roman", Times, serif;
}


* + sup.mc{font-size:55%; bottom: 0ex; }

#gradient-top-bg{background:url(../images/bg-top.jpg) repeat-x;}

div#container {
	width:900px; 
	margin:0 auto; 
	position: relative; /*added this to place the listerine bootle in the correct position by position absolute*/

}


p, div{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6b6b6b;}
p a, div a{color:#0a4cbc; text-decoration:none;}

p a:hover, div a:hover{color:#0a4cbc; text-decoration:underline;}
.clear{clear:both;}


a:focus {
		outline: none;
}

/* ############### START HEADER ############### */

div#header {height:112px;}

div#header #logo{
	background:url(../images/logo-listerine-kids.jpg) no-repeat; 
	text-indent:-10000px; 
	float:left; 
	margin-top:30px;
}
div#header #logo a{
	overflow:hidden; 
	display:block; 
	width:155px; 
	height:39px;
}

div#header #menu{
	position:absolute; 
	width:510px; 
	height:150px; 
	left:46%; 
	margin-left:-255px;
}

div#menu ul {
	background:url(../images/bg-menu.gif) no-repeat;
	width:365px;
	height:85px;
	margin-left:50px;
	text-indent:-5000px;
}

div#menu ul li{
	float: left;
}

div#menu ul li a{
	display:block;
	width:89px;
	height:85px;
}

div#header #secondary-links{
	float:right; 
	margin-top:37px;
}

div#header #secondary-links ul li{display:inline;}
div#header #secondary-links ul li a,
div#header #secondary-links ul li span{
	font-size:85%; 
	color:#959595; 
	font-weight:bold; 
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#header #secondary-links ul li a:hover{text-decoration:underline;}

div#header #secondary-links ul li span{padding:0 5px;}
/* ############### END HEADER ############### */

/* ############### START CONTENT ############### */

/* old code 
div#content {display:block; float:left; overflow:hidden;}
*/

div#content {
	width: 900px; 
	margin: 0 auto 0 auto;
}


/* ############### END CONTENT ############### */

/* ############### START FOOTER ############### */
div#footer{
	clear:both; 
	text-align:center; 
	padding-top:20px;
}

div#footer ul{padding-bottom:10px;}

div#footer ul li{display:inline;}

div#footer ul li a,
div#footer ul li span,
div#footer p{
	font-size:85%; 
	color:#959595; 
	text-decoration:none;
}

div#footer p{ line-height:normal; padding:0;}

div#footer ul li a:hover{text-decoration:underline;}

div#footer ul li span{padding:0 5px;}
/* ############### END FOOTER ############### */

/* ############### START DISCLAIMER ############### */

#disclaimer {
	background:url(../images/bg-top.jpg) repeat-x;
	display:none; 
	padding:10px 20px;  
	width:300px;  
	border:1px solid #CCC;
}

#disclaimer .txt-disclaimer {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6b6b6b;}



#disclaimer .logo {
	background:url(../images/logo-listerine-kids.jpg) no-repeat;
	height:39px;
	padding-left:20px;
	text-indent:-5000px;
}

/* ############### END DISCLAIMER ############### */
