@charset "UTF-8";
/* CSS Document */

/*****Reset*****/  
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

/***** DIVs *****/  
#wrapper {
	background-color:#fff;
	margin-left:auto; 
	margin-right:auto; 
	margin-top: 0; 
	width:960px; 
	border-right:1px solid #000;
	border-left:1px solid #000;
	min-height:600px;
	
	}

#header {
	background-color:#FFF;
	padding-left:12px;
	
	
	}

#topnav {
	float:right; 
	font-size: 80%; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-top:15px;
	padding-right:10px;
	width: auto;
	}

#advil_logo {
	background-color:#000;
	font-size:90%;
	line-height:0;
	height:52px;
	}

#navigation {
	background-color: #d1232a; 
	height:54px; 
	text-align:right;
	padding-top:1px;
		}
	
#flashhome {
	height:auto;
	margin-bottom:25px;
	

}

#flashcontent {
	background-image:url(img/flash_content.jpg);
	background-repeat:no-repeat;
	height:111px;
	margin-bottom:5px;
	padding-left:20px;
	padding-top:30px;
	font-size:30px;
}

#flashcontent_notagline {
	background-image:url(img/Flash_content_cough.jpg);
	background-repeat:no-repeat;
	height:111px;
	margin-bottom:5px;
	padding-left:20px;
	padding-top:30px;
	font-size:30px;
}

#subanv {
	position:absolute;
	top:239px;
	
}

#subtitle {
	
	margin-bottom:5px;
	height:64px;
	background:url(img/subtitle_bg.jpg);
	background-repeat:repeat-x;
	
}

#subtitleText {
	position:relative;
	float:left;
	width:600px;
	top:20px;
	padding-left:20px;
	padding-bottom:10px;
	font-size:22pt;
	
}

#share {
	position:relative;
	float:right;
	width:300px;
	margin-right: 30px;
	top:20px;
	text-align:right;
	font-size:70%;
}
	
#content{
	background-color:#FFF;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	min-height:600px;
	}
	


#leftcolumn {
	background-color:#FFF;
	float:left; 
	margin-left:70px; 
	padding-bottom: 50px;
	width:400px;
	}

#rightcolumn {
	background-color:#FFF;
	float: right;  
	font-size:90%; 
	margin-right:10px; 
	padding-bottom: 50px;
	width:450px;
	}
	
#leftcolumnContent {
	background-color:#FFF;
	float:left; 
	margin-left:10px; 
	padding-bottom: 50px;
	padding-top:15px;
	width:600px;
	}
	
#leftcolumnContent_noimages {
	background-color:#FFF;
	float:left; 
	margin-left:20px; 
	padding-bottom: 50px;
	padding-top:15px;
	width:590px;
	}	
	
#pagenav {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	
}

#product {
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	min-height:400px;
}

#productImage {
	float:left;
	width:180px;
}

#productText {
	float:right;
	width:420px;
	font-size:90%;
	color:#333;
	line-height:1.5em;
}

#indicatorWrap {
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	min-height:150px;
}

#indicator {
	float:left;
	width:80px;
}

#indicatorText {
	float:right;
	width:500px;
	color:#333;
	line-height:1.5em;
}
#rightcolumnContent {
	background-color:#FFF;
	float: right;  
	font-size:90%; 
	margin-right:30px; 
	padding-bottom: 50px;
	width:300px;
	}
	
#recipes {
	min-height:800px;
	height:auto;
}

iframe {
	
	min-height: 800px;
	width:600px;
	background-color:#fff;
}
	
#sidepanelLink {
	position:relative;
	top:88px;
}

#sidepanelLinkContent {
	position:relative;
	top:95px;
}

#sectionnav {
	font-size:85%;
	margin-bottom:25px;
}
	
#related {
	background:#fff;
	font-size:90%;
	line-height:1.4em;
	padding:10px;
	margin-right:25x;
}

#relatednonav {
	background:#fff49f;
	background-image:url(images/related_information.jpg);
	background-repeat:no-repeat;
	font-size:90%;
	line-height:1.4em;
	padding:10px;
	margin-top:150px;
	margin-right:5px;
}

#references {
	margin-top:50px;
	line-height:1em;
	margin-bottom:0;
	}

#footer { 
	background-color:#d1232a;
	clear:both; 
	color:#fff; 
	font-size:90%;
	margin-top: 0px;
	padding:10px; 
	text-align:center; 
	}
	
/*****Formatting*****/  


body {
	background-color:#FFF;
	
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13.5px;
	line-height: 1.6em;
	color:#666;
	}



a {
	color:#d1232a;
	text-decoration:none;
}

#footer a {
	color:#fff
	}

a:hover {
	color: #d1232a;
	text-decoration:underline;	
}



h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	color:#000;
	line-height: 1.7em;
	padding-bottom:5px;
	}
	
#productText h1{
	color:#fff;
	background-color:#000;
	padding-bottom:0px;
	padding-left:5px;
	margin-bottom:15px;
	font-size:140%;
}

.black h1{
	color:#fff;
	background-color:#000;
	padding-bottom:0px;
	padding-left:5px;
	margin-bottom:15px;
	font-size:140%;
}

.black h1 a{
	color:#fff;
}


h3 {
	font-family:Arial, Helvetica, sans-serif; 
	color:#000;
	line-height:1.7em;
	
	}
	
hr {
	*color:#b7af72;
	background-color:#b7af72;
	height: 1px;
	border-bottom:0;
	border-left:0;
	border-right:0;
	border-top:1px #FFF;
	margin-bottom:1.7em;
}

p {
	margin-top:0.5em;
	margin-bottom:0.8em;
}
.caution {
	font-size:90%;
	line-height:1.2em;
}
.list{
	list-style:inside;
	padding-left: 10px;
	font-size:90%;
}

ol li{
	margin-left:28px;
	list-style:decimal;

}

#productText li {
	list-style:inside;
	text-indent:10px;
}

.productTable {
	padding:5px;
	
	line-height:1em;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}


.productTableRight {
	padding:5px;
	line-height:1em;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	
}

.reference {
	font-size:75%; 
	color:#666
	}
.recipes {
	font-size:150%;
	padding-top:15px;
}

#sidepanelHome {
	color:#000;
	padding-left:15px;
	color:#666;
	width:60%;
	line-height:1.3em;
	
}

#sidepanelHome a{
	color:#fff;
	font-weight:800;
	
}
.related {
	text-indent:3px;
	font-size:12px;
	line-height:18px;
	border-bottom:#e9c4c5 1px solid
}

#related a{
color:#C00;
}

#share a{
	color:#666;
}
span.sup{
	font-size:60%;
	vertical-align:super; 
	padding-left:0.1em;
	
	line-height:0;
	
	} 

.subtitle {
	color:#000;
	font-weight:600;
	font-size:100%;
	margin-top: 2em;
	
}



/*** DROPDOWNS ***/

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
/*display: list-item;*/
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	padding:0;

}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
font-size:85%;
line-height:1.5em;
left: 0;
padding-left:10px;
padding-bottom:5px;
background:#FFF;
position: absolute;
display: list-item;
visibility: hidden;
z-index: 100;
text-align:left;
width: 180px;

border-bottom:#000 1px solid;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: list-item;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 150px; /*width of sub menu levels*/

font-weight: normal;
padding: 0px 5px;

/*border-width: 0 1px 1px 1px;*/
text-align:left;
}

.horizontalcssmenu ul li a:hover{
	text-decoration:none;

}

.horizontalcssmenu ul li ul li a:hover{
background: #eee;
text-decoration:none;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
/*right: 0;*/
/*background: transparent url(menuarrow.gif) no-repeat center left;*/
}
/* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
/*padding-top: 1em;
}*/
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */


/* CONTACT FORM */

#contact-area {
	width: 500px;
	margin-top: 25px;
	text-align:left;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 310px;
	
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	
}

label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 110px;
	padding-top: 5px;
	
}
