/* CSS Document */

/* HOME SPLASH PAGE */


body#splash { background: url(images/bg_splash.gif) top left; margin: 0px; padding: 0px;  }
#splash .contentBox { width: 752px; margin: 0px auto; padding: 0px; }
#splash h1.logo a, #splash #globalNav, #splash #mainNav { display:none; }
#splash h1.logo  {margin: 0px; margin-left:74px; padding: 0px; text-indent: -9999px; background: transparent url(images/logo_splash.gif) 0px 1px no-repeat; width: 198px; height:79px; float: left;}
#splash h1.title-image {margin: 0px; margin-left:74px; padding: 0px; text-indent: -9999px; background: transparent url(images/title_splash_en.gif) 0px 1px no-repeat; width: 550px; height:255px; float: left;}

#couponprint { background: #fff; background-image:none; text-align:center;margin:20px;}

/* ALL OTHER PAGES */
a img {border:0;}

form em {color:red;}

body { background: url(images/background_siteshadow.gif) top center repeat-y; margin: 0px; padding: 0px;  }
.contentBox { width: 752px; margin: 0px auto; padding: 0px; }
.clear {  position: relative; clear: both; height: 1px; overflow: hidden; margin-top: -1px; }

.couponArea { width: 742px; margin: 0px 5px 0px 5px;  background: transparent;}
.couponArea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.couponArea em {font-size:0.8em;line-height:1em;}

.couponArea_area1 { float: left; width: 200px; background: url(images/leftcol_shadow.gif) right top no-repeat #ffffff;}
.couponArea_area2 { float: left; width: 300px; background: url(images/centcol_shadow.gif) left top no-repeat #ffffff; padding:0 10px 0 0; }
.couponArea_area3 {float: left; width: 232px; background: url(images/rightcol_shadow.gif) 46px 0px no-repeat #ffffff; padding:22px 0px 0 0px; }

.couponArea_area2 h2 { font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 20px 0px 15px 0px; padding: 0px; width: 300px; height: 25px; background: url(images/background_headline.gif) 45px 18px no-repeat;}


.columnsArea { width: 742px; margin: 0px 5px 0px 5px;  }


.col1_1colLayout { float: left; width: 520px; background: #ffffff; margin-left:35px;display:inline;}

.col1_2colLayout { float: left; width: 200px; background: url(images/leftcol_shadow.gif) right top no-repeat #ffffff;}
.col2_2colLayout { float: left; width: 520px; background: url(images/centcol_shadow.gif) left top no-repeat #ffffff; }

.col1_3colLayout { float: left; width: 200px; background: url(images/leftcol_shadow.gif) right top no-repeat #ffffff;}
.col2_3colLayout { float: left; width: 346px; background: url(images/centcol_shadow.gif) left top no-repeat #ffffff; padding:0 10px 0 0; }

 * html .col2_3colLayout { float: left; width: 343px;  }


.col3_3colLayout { position: relative; float: left; width: 171px; background: url(images/rightcol_shadow.gif) left top no-repeat #ffffff; padding:0 5px 0 10px; }

.col3_3colLayout ul { position: relative; }

li.col3_items {	font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em; padding: 0; display: block; text-align:center; padding:12px 0px 10px 0; border-bottom:1px solid #a3a3a3; list-style: none;}

* html li.col3_items { position: relative; } 

li.col3_items input { display: block; width:100%; }



li.col3_items input.askImodium {margin-bottom:10px;border:1px solid #a3a3a3;padding:0;width:169px; font-size: 0.8em; line-height: 1.5em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;height:15px;padding-top:4px;}
ul.col3_items { margin:0; padding:0; text-align:center; border-top:1px solid #a3a3a3;}

.col2_2colLayout h2 { font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 20px 0px 15px 0px; padding: 0px; width: 500px; height: 25px; background: url(images/background_headline.gif) 45px 18px no-repeat;}
.col2_3colLayout h2 { font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 20px 0px 17px 0px; padding: 0px;padding-bottom:2px; display:block; background: url(images/background_headline.gif) right bottom no-repeat;}
h3 { font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 20px 0px 17px 0px; padding: 0px;padding-bottom:2px; display:block; background: url(images/background_headline.gif) right bottom no-repeat;width:346px;}
h4 { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 0px; padding: 0px;  }
p { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em; }
p a, li a, td a { font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666; text-decoration: underline; }
p a:hover, li a:hover, td a:hover { text-decoration: none; }

/* Diarrhea Facts */
.dh { color: #D31D18; }
.dh a { font-family: Arial, Helvetica, Verdana, sans-serif; color: #D31D18; text-decoration: underline; font-weight: bold; }
.dh a:hover { text-decoration: none; color: #2D9FAF; font-weight: bold; }

#ticker {padding:6px 0;width:171px;border-bottom:1px solid #aaa;font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; line-height: 1.5em;/*font-style:italic;*/}

#ticker em {font-weight:bold;display:block;}

.col2_3colLayout ul { list-style:none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.col2_3colLayout ul li { font-size: 0.8em; margin:7px 0; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; line-height: 1.5em; background: url(images/bullet.gif) 0em 0.6em no-repeat; padding-left: 11px;} 
.col2_3colLayout ol {padding:0 0 0 15px;margin:0;}
.col2_3colLayout ol li { font-size: 0.8em; margin:7px 0; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; line-height: 1.5em; padding:0;list-style-position:inside;} 

.prodShot {display:block;float:right;}

form { margin: 0px; padding: 0px; }

.col2_3colLayout fieldset {padding:0;border:0;font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; line-height: 1.5em;}
.col2_3colLayout fieldset dt {float:left;display;block;width:100px;text-align:right;margin-top:3px;}
.col2_3colLayout fieldset dd {margin:0px 0 4px 110px;}

.col2_2colLayout fieldset {padding:0;border:0;font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; line-height: 1.5em;margin:20px 0;}
.col2_2colLayout fieldset dt {float:left;display;block;width:150px;text-align:right;margin-top:3px;}
.col2_2colLayout fieldset dd {margin:0px 0 11px 160px;color:black;}
.col2_2colLayout fieldset dl dd em {color:red;}

table.contactData	{	display:block;	border-collapse:collapse;}

.contactData td {font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em; 	border:0; padding:0px 16px 0px 0;}

.tdTitle { 	font-weight:bold; font-style:italic;vertical-align:top; white-space:nowrap; }

table.quiz {border-collapse:collapse;}
table.quiz td {text-align:left;background:transparent;border:1px solid #aaa;margin:0;padding:0;padding:3px;vertical-align: middle;font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em;border-left:0;border-right:0;}

table.quiz th {text-align:center;background:transparent;border:0;margin:0;padding:0;padding:3px;vertical-align: middle;font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em;border-bottom:3px solid #aaa;font-weight:normal;}

table.quiz .number {vertical-align: top;}


table.quiz td.radio {text-align:center;}

table.quiz tr.odd {background-color:#f2f2f2;}

.controlImage a { display: block; width: 232px; height: 132px; background: url(images/controls_image.png) left top no-repeat; text-indent: -9999px; text-decoration: none; }
.controlImage a:hover {background: url(images/controls_image_on.png) left bottom no-repeat;}

.couponImage a { display: block; width: 232px; height: 132px; background: url(images/coupon_image.png) left top no-repeat; text-indent: -9999px; text-decoration: none; }
.couponImage a:hover {background: url(images/coupon_image_on.png) left bottom no-repeat;}

.imFree a { display: block; width: 200px; height: 140px; margin-top: 4px; background: url(images/image_imFree_both.gif) left top no-repeat; text-indent: -9999px; text-decoration: none; }
/*.imFree a:hover {background: url(images/image_imFree_both.gif) left bottom no-repeat;}/* Header */
*/.globalNavArea { width: 752px; margin: 0px 0px 0px 1px; }
h1 { margin: 0px; padding: 0px; }
h1.logo a { display: block; margin: 0px; padding: 0px; text-indent: -9999px; background: url(images/logo.gif) 0px 0px no-repeat #ffffff; width: 198px; height:53px; float: left; text-decoration: none; }
#globalNav { float: right; margin: 5px 0px; }
#globalNav ul { padding: 0px 20px 0px 0px; font-size: 0.65em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666; display: inline; }
#globalNav ul li { display: inline; float: left; padding: 0px 10px 0px 10px; background: url(images/globalnav_divider.gif) no-repeat; }
#globalNav a { color: #666666; text-decoration: none; }
#globalNav a:hover { color: #333333; text-decoration: underline; }

#mainNav {width: 752px; height: 23px; background: url(images/globalnav_graybar.gif) no-repeat #ECECEC; margin: 0px 0px 0px 0px; }
#mainNav ul {list-style:none; margin:0; display:block; height:22px;border-left:1px solid #a3a3a3;padding:0;margin-left:38px;}
#mainNav li {display:block; height:22px;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;}
#mainNav a {font-size: 0.85em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #444;display:block; height:14px; text-decoration:none;padding:4px 12px; float:left;}
#mainNav a:hover { color:#444; background:#fff;}

/* mainNav visual cues */

#askexperts #asklink, #products #productlink, #contact #contactlink, #newsletter #newslink { color:#444; background:#fff;}

/* SUB NAVIGATION Colours */
#subNav_yellow a, #subNav_teal a, #subNav_red a {font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #fff;display:block; height:14px; text-decoration:none;padding:4px 12px; float:left;}
#subNav_yellow a:hover{ color:#228492; background:#fff;}


#subNav_yellow {width: 752px; height: 22px; background: url(images/subnav_yellowbar.gif) no-repeat #32A4B3; margin: 0px 0px 0px 0px; padding: 0px; text-align:center;} 
#subNav_yellow ul {list-style:none; margin:0; display:block; height:22px;border-left:1px solid #fff;padding:0;margin-left:250px;}
#subNav_yellow li {display:block; height:22px;float:left;white-space:nowrap;border-right:1px solid #fff;}
#subNav_yellow a { color:#444444;}
#subNav_yellow a:hover { color:#444444; background:#fff;}
#subNav_yellow a.subselected { color:#444444; background:#fff;}
#tertiaryNav_yellow {  width: 752px; height: 22px; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; }
#tertiaryNav_yellow ul {list-style:none; margin:0px 0 0 0; display:block; height:18px;padding:0;margin-left:150px;padding-top:4px;}
#tertiaryNav_yellow li.first {display:inline;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;border-left:1px solid #a3a3a3;margin:0;padding:0;}
#tertiaryNav_yellow li {display:inline;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;margin:0;padding:0;}
#tertiaryNav_yellow a { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #228492;display:block; float:left; text-decoration:none;padding:2px 12px 0 12px;margin:0;}
#tertiaryNav_yellow a:hover { color:#444;}



#subNav_teal {width: 752px; height: 22px; background: url(images/subnav_tealbar.gif) no-repeat #32A4B3; margin: 0px 0px 0px 0px; padding: 0px; text-align:center;} 
#subNav_teal ul {list-style:none; margin:0; display:block; height:22px;border-left:1px solid #fff;padding:0;margin-left:0px;}
#subNav_teal li {display:block; height:22px;float:left;white-space:nowrap;border-right:1px solid #fff;}
#subNav_teal a:hover { color:#228492; background:#fff;}
#subNav_teal a.subselected { color:#228492; background:#fff;}
#tertiaryNav_teal {  width: 752px; height: 22px; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; }
#tertiaryNav_teal ul {list-style:none; margin:0px 0 0 0; display:block; height:18px;padding:0;margin-left:85px;padding-top:4px;}
#tertiaryNav_teal li.first {display:inline;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;border-left:1px solid #a3a3a3;margin:0;padding:0;}
#tertiaryNav_teal li {display:inline;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;margin:0;padding:0;}
#tertiaryNav_teal a { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #228492;display:block; float:left; text-decoration:none;padding:2px 12px 0 12px;margin:0;}
#tertiaryNav_teal a:hover { color:#444;}

#subNav_red {width: 752px; height: 44px; background: url(images/subnav_redbar.gif) no-repeat #770010; margin: 0px 0px 0px 0px; padding: 0px; text-align:center;} 
#subNav_red ul {list-style:none; margin:0; display:block; height:22px;border-left:1px solid #fff;padding:0;margin-left:39px;}
#subNav_red li {display:block; height:22px;float:left;white-space:nowrap;border-right:1px solid #fff;}
#subNav_red a:hover { color:#770010; background:#fff;}
#subNav_red a.subselected { color:#770010; background:#fff;}
#tertiaryNav_red {  width: 752px; height: 22px; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; }
#tertiaryNav_red ul {list-style:none; margin:0px 0 0 0; display:block; height:18px;padding:0;margin-left:150px;padding-top:4px;}
#tertiaryNav_red li.first {display:inline;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;border-left:1px solid #a3a3a3;margin:0;padding:0;}
#tertiaryNav_red li {display:inline;float:left;white-space:nowrap;border-right:1px solid #a3a3a3;margin:0;padding:0;}
#tertiaryNav_red a { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #770010;display:block; float:left; text-decoration:none;padding:2px 12px 0 12px;margin:0;}
#tertiaryNav_red a:hover { color:#444;}



/* Contest / Generic Pages */

.contest_leftImage { width: 200px; height: 282px; }
/*
.col1_2colLayout>.contest_leftImage { background: url(images/image_whatis.png) left top no-repeat; }
* html .contest_leftImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/image_whatis.png',sizingMethod='none'); }
*/

ol.rules { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em; margin: 0px; padding: 0px 0px 0px 16px; }
ol.rules li { margin-bottom: 10px; }
ol.rules li a { color: #666666; }
ol.rules li a:hover { color: #333333; }

.privacylist { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em; margin: 0px; padding: 0px 0px 0px 20px; }
.privacylist li { margin-bottom: 0px; }
.privacylist li a { color: #666666; }
.privacylist li a:hover { color: #333333; }

* html .privacylist { margin-left: 3px; }

a.couponprint { background: url(images/coupon_print.gif); text-indent: -9999px; width: 183px; height: 75px; display: block; margin: 20px auto 0 auto; }
a.enterbutton { background: url(images/button_enter.gif); text-indent: -9999px; width: 183px; height: 75px; display: block; margin: 0px auto; }
.submitbutton { margin: 0px auto; width: 183px; }
.contestlogo { margin: 0px auto; width: 183px; }
.contestlogoincontent { width: 183px; float: right; margin: 5px; }

.contestLabelReqd { float: left; width: 100px; text-align: right; padding: 4px 5px 0px 0px; height: 20px; color: #000000; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}
.contestLabelOpt { float: left; width: 100px; text-align: right; padding: 4px 5px 0px 0px; height: 20px; color: #000000; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}
.contestLabelReqd_err { float: left; width: 100px; text-align: right; padding: 4px 5px 0px 0px; height: 20px; color: #b00000; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}
.contestLabelOpt_err { float: left; width: 100px; text-align: right; padding: 4px 5px 0px 0px; height: 20px; color: #b00000; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}

.contestField { float: left; width: 300px; text-align: left; padding-left: 5px; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}
.contestFieldText { float: left; width: 200px; text-align: left;  padding: 4px 5px 0px 5px; height: 20px; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}

.contestFieldTextTall { float: left; width: 200px; text-align: left;  padding: 4px 5px 0px 5px; height: 30px; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}

.contestCheckBox {  float: left; width: 250px; margin: 0px; padding: 0px; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif;}
p.contest_paragraph { margin: 10px 0px 0px 0px;  }
p.contest_paragraph_err { margin: 10px 0px 0px 0px;  color: #b00000; }
table.contest  { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 1.5em; margin: 0px; padding: 0px 0px 0px 0px; }  

/* Footer */
.footerarea { width: 752px; margin: 20px auto; }
.footertext { font-size: 0.65em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666; text-align: center; }
.footertext a { color: #666666; text-decoration: none;}
.footertext a:hover { color: #333333; text-decoration: underline; }


/* Table Default */
 
    .feedlist li.feeditem {
		margin: 0;
		height:55px;
		line-height:25px;
		border-top: 1px solid #ececec;
    }
	
.age {
		width:200px;
    	text-align: center; 
    	float:left;
		height:45px;
		margin: 0;

}

.age2 {
    	background: #cccccc;
	    color:#fff;
		text-align:center;
		width:110px;
		height:55px;
		margin: 0;