html { overflow: -moz-scrollbars-vertical !important; }

body {  line-height: 14px;	margin:0px;
background-repeat: repeat-y;
background-position: center;
background-image:url(../images/footernav_bg2.gif);
}

* {outline:none;} /*tworoniak 071510 - gets rid of pesky dotted outline around clickable elements in firefox */

.sendtofriendbody { background-color:#00713C; line-height: 14px;	margin:0px; width:100%;
}

table.onehundredhigh { height:100%; background-image:url(../images/footernav_bg.gif);
}

sup {
	font-size: 9px; margin:0px; padding:0px;line-height: 11px;
}
#inTheNews 
{
	position: absolute;
	left: 50%;
	margin-left: 260px; 
	top: 8px;
}
#eng_esp_button {
	position: absolute;
	left: 50%;
	margin-left: 135px; 
	top: 8px;
}

#newsArticle td.hdrtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #00723C; 
}

#newsArticle td.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
}

.newson:ACTIVE, .newson:LINK, .newson:VISITED{color: #663300; }
.newsoff:ACTIVE, .newsoff:LINK, .newsoff:VISITED {color: #B77E10; }

A {color: #996633; 	}
A:LINK {color: #996633; 	}
A:VISITED {color: #B99A7B; 	}
A:HOVER {color: #B77E10; }		
A:ACTIVE {color: #996633;	}

A.visitedit {color: #B99A7B; }
A.visitedit:LINK {color: #B99A7B; 	}
A.visitedit:VISITED {color: #B99A7B; 	}
A.visitedit:HOVER {color: #B77E10; }
A.visitedit:ACTIVE {color: #B99A7B; }

 
A.green:LINK {color: #00723C; 
	}
A.green:VISITED {color: #00723C; 
	}
A.green:HOVER {color: #00723C; 
	}		
A.green:ACTIVE {color: #00723C; 
	}
		
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	color: #333333;
}
.sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;		color: #333333;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #00723C; 
}
.style2size15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: bold;
	color: #00723C; 
}
.style2line14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 14px;
	font-weight: bold;
	color: #00723C; 
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00723C;
	padding-bottom: 2px; 
}
.style3gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 2px; 
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;
	line-height: 10px; 
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 10px; 
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	line-height: 14px;
}
.bulletList
{
   margin: 0px;
   padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	line-height: 12px;   
}
   
.bulletList li 
{
   list-style: none;
   background: url(../images/bulletlist_000.gif) no-repeat 0 .5em;
   padding: 2px 0px 0px 7px;
   margin: 0px 0px 0px 0px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	line-height: 12px;
}

.bulletList2
{
   margin: 0px;
   padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	line-height: 12px;  
}
.bulletList2 li 
{
   list-style: none;
   background: url(../images/bulletlist_001.gif) no-repeat 0 .5em;
   padding: 0px 0px 0px 7px;
   margin: 0px 0px 0px 0px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	line-height: 12px;
}

.popuptable { border:1px solid #F8DA87;}
.popuphead { padding-top:1px;	padding-left:1px;	padding-bottom:1px;	padding-right:1px;	border-bottom: 1px solid;	border-color: #F8DA87;	border-collapse: collapse; 	text-align : left;}
.divpopuphead {background-color:#F8DA87;padding-top:1px;padding-bottom:1px;padding-left:6px; padding-right:6px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.popuptext { padding-top:1px; 	padding-left:1px;	padding-bottom:1px;	padding-right:1px;	border-color: #F8DA87;	border-collapse: collapse;	text-align : left;}
.divpopuptext {padding-top:3px;padding-bottom:3px;padding-left:6px; padding-right:6px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}

 .glossaryhidden { display: none; }
 .glossaryvisible { position: static; }


#glossary td {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px; color: #333333;
}

#glossary .glossarytdtop {
border-collapse:collapse; border-top:solid; border-top-width:1px; border-top-color:#FFEAB6; border-left:solid; border-left-width:1px; border-left-color:#FFEAB6; padding-left:1px; border-right:solid; border-right-width:1px; border-right-color:#FFEAB6; padding-right:1px;
}
#glossary .glossarytdbottom {
border-collapse:collapse; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#FFEAB6; border-left:solid; border-left-width:1px; border-left-color:#FFEAB6; padding-left:1px; border-right:solid; border-right-width:1px; border-right-color:#FFEAB6; padding-right:1px;
}
#glossary .glossarytd { width:191px;
border-collapse:collapse; border-left:solid; border-left-width:1px; border-left-color:#FFEAB6; padding-left:1px; border-right:solid; border-right-width:1px; border-right-color:#FFEAB6; padding-right:1px;
}
#glossary .glossarycloseddiv{
cursor:pointer;cursor:hand;background-color:#D1EBC4; border-top:solid; border-top-width:1px; border-top-color:#F5FBED; width:191px;font-size: 11px; color: #00723C; 
}
#glossary .glossaryopendiv{
cursor:pointer;cursor:hand;background-color:#F8DA87; border-top:solid; border-top-width:1px; border-top-color:#F5FBED; width:191px;font-size: 11px; color: #00723C; 
}
#glossary .glossaryopendiv2{
width:191px;padding-top:3px;padding-bottom:3px; font-size: 11px; color: #00723C; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#FFEAB6; 
}
#glossary .pad {padding-left:7px; padding-right:6px;color: #333333;}
#glossary .padt {padding-left:7px; padding-right:6px;color: #00723C;}

#glossary .textleft { font-size: 10px; color: #00723C; padding-left:5px; padding-right:6px; text-align:left;}
#glossary A.textleft:link, A.textleft:active, A.textleft:visited, A.textleft:hover { font-size: 10px; color: #00723C; padding-left:5px; padding-right:6px; text-align:left; text-decoration:none;}
#glossary .textright { font-size: 10px; color: #00723C; padding-left:6px; padding-right:6px; text-align:right;}
#glossary A.textrightlink:link, A.textrightlink:active, A.textrightlink:visited { font-size: 10px; color: #44B047; text-decoration:none;} 
#glossary A.textrightlink:hover { font-size: 10px; color: #00723C; text-decoration:none;}
#glossary .textrightline {color: #00723C;}
#glossary .title {	font-size: 11px; color: #00723C; background-color:#D1EBC4; padding-left:7px; padding-right:6px;}
#glossary .titleover {	font-size: 11px; color: #00723C; background-color:#F8DA87; padding-left:7px; padding-right:6px;}
#glossary .text {color: #333333;font-size: 11px; padding-left:7px; padding-right:6px; padding-top:3px; padding-bottom:3px; border-bottom-color:#000000; border-bottom-width:1px; border-bottom-style:solid; border:1px;}
#glossary .textendline{	background-color:#F8DA87;}


#footer {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:825px;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#CBFD5F;
	text-transform:uppercase;
} 

#footer a {
	color:#CBFD5F;
	text-decoration:none;
}
 
#footer a:hover {
	color:#FFF;	
}

#footer .on {
	color:#fff;
}



/****
   ** START Activia Challenge Styles ****
   **/

body.challenge {
	background: url(../images/cha_bg_tiled.gif) center repeat-y #00814C;
}

#cha-wrapper {
	text-align: left; 
	margin: 0px auto; 
	width: 821px; 
	background: url(../images/cha_white_bg.gif) 16px 0px repeat-y;
}
	#cha-left-col {
		width: 266px; 
		height: 735px; 
		overflow: hidden; 
		float: left; 
		padding: 0px;
	}
		#logo-link {
			width: 266px; 
			height:133px; 
			background: url(../images/cha_corner_logo.gif) no-repeat; 
			padding-top: 20px;
		}
			#logo-link a {
				display: block; 
				width: 165px; 
				height: 80px; 
				text-indent: -3000px; 
				overflow: hidden; 
				margin: 0px 0px 0px 60px;
			}
			
		ul.menu-left {
			list-style: none;
			width: 195px;
			margin: 0px 0px 0px 55px;
			padding: 0px;
		}
			ul.menu-left li { height: 27px; background: url(../images/Activia_nav_line.gif) no-repeat bottom; }
			.menu-left a { display:block; width: 190px; height: 12px; text-indent: -3000px; overflow: hidden; }
				a.menu-home	{ background: url(../images/Activia_nav_home.gif) no-repeat; }
				a:hover.menu-home { background: url(../images/Activia_nav_home_dd.gif) no-repeat; }
				a.menu-about	{ background: url(../images/Activia_nav_about.gif) no-repeat; }
				a:hover.menu-about { background: url(../images/Activia_nav_about_dd.gif) no-repeat; }			
				a.menu-products	{ background: url(../images/Activia_nav_products.gif) no-repeat; }
				a:hover.menu-products { background: url(../images/Activia_nav_products_dd.gif) no-repeat; }
				a.menu-regular	{ background: url(../images/Activia_nav_bifi.gif) no-repeat; }
				a:hover.menu-regular { background: url(../images/Activia_nav_bifi_dd.gif) no-repeat; }
				a.menu-probiotics	{ background: url(../images/Activia_nav_what.gif) no-repeat; }
				a:hover.menu-probiotics { background: url(../images/Activia_nav_what_dd.gif) no-repeat; }
				a.menu-health	{ background: url(../images/Activia_nav_maint.gif) no-repeat; }
				a:hover.menu-health { background: url(../images/Activia_nav_maint_dd.gif) no-repeat; }
				a.menu-pros	{ background: url(../images/Activia_nav_health.gif) no-repeat; }
				a:hover.menu-pros { background: url(../images/Activia_nav_health_dd.gif) no-repeat; }
				
				a.menu-challenge	{ background: url(../images/Activia_nav_join_dd.gif) no-repeat; }
				a:hover.menu-challenge { background: url(../images/Activia_nav_join_dd.gif) no-repeat; }
				
				a.menu-faqs	{ background: url(../images/Activia_nav_faqs.gif) no-repeat; }
				a:hover.menu-faqs { background: url(../images/Activia_nav_faqs_dd.gif) no-repeat; }
		#cha-glossary {
			margin-left: 55px;
		}
	
		#cha-right-col {
			width: 555px; 
			float: right;
		}
			#cha-main-flash {
				width: 555px; 
				height: 375px; 
				background: url(../images/wave_Challenge_March09.jpg) no-repeat 0px 0px; 
				float: left;
			}
			#cha-txt {
				background: url(../images/cha_content_bg.jpg) top; 
				width: 517px; 
				height: 364px; 
				font-size: 12px; 
				float: left;
			}
				#cha-txt div {
					width: 430px;
					height: 30px;
					overflow: hidden;
					margin-bottom: 11px;
					text-align: right;
				}
				#cha-txt div a {
					text-align: left;
					text-decoration: none;
					color: #A27410;
					display: block;
					margin: 0;
					width: 242px;
					padding-left: 35px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color: #00703C;
					font-weight: bold;
					float: right;
				}
					#cha-txt div a span {
						font-weight: normal;
						color: #A27410;
					}
					#cha-txt div a:hover {
						float: right !important;
						float: none;
					}
					#cha-txt div a:hover span {
						text-decoration: underline;
					}
					#cha-txt .cha-first { margin-top: 207px; }

				#cha-txt a.chaEsp {
					width:150px;
					padding: 0px 0px 0px 10px; 
					margin: 0; 
					position: relative;
					top: -18px;
					left: 6px;
					margin-top: 3px;
					border-left: 1px solid #A27410;
					}
				
				
				
	#cha-footer {
		clear:both; 
		background: url(../images/cha_footer_top.gif) no-repeat 16px; 
		height: 150px; 
		width: 821px;
	}
		.cha-foota, .cha-footb {
			float: left; display: block; width: 75px; height: 23px; text-indent: -3000px; overflow: hidden; margin: 84px 0px 0px 47px;
		}	
		.cha-footb { margin-left: 40px;	}


ul.menu-bottom {
	list-style: none;
	padding: 0;
	margin: 8px auto;
	width: 821px;
	
}
	ul.menu-bottom li {
		display: inline;
		padding: 0px 10px;
		margin: 0;
		font-family:"Trebuchet MS", Arial, Tahoma;
		font-size: 10px;
		font-weight: bold;
		border-right: 1px solid #D3FA6C;
	}
			ul.menu-bottom li a {
				color: #D3FA6C;
				text-decoration: none;	
			}
			ul.menu-bottom li a:visited {
				color: #d3fa6c;
				text-decoration: none;	
			}
			ul.menu-bottom li a:hover {
				color: #fff;
				text-decoration: none;	
			}
			ul.menu-bottom li.lastone { border-right: none; }