body {text-align:center; margin:2; padding:2; color:#333; font-family:Arial, Helvetica, serif; font-size:12px; background:url(../images/bg_blue.jpg) repeat-x #6796C0;}
/* red: background-color: #9F0029 */


.subtitle {
	font-family: Arial, Helvetica, serif;
	font-size: 16px;
	font-weight: bold;
}
.form {
	font-family: Arial, Helvetica, serif;
	font-size: 12px;
}


a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #555; text-decoration: underline;}
html body a:hover {color: #000; background-color:#DAF0FA;}

a.hidden {text-decoration: none;}
a.hidden img {border: none;}


.section-list th a {
	margin: 0 10px 0 0;
	border-spacing: 20px;
	text-transform: uppercase;
	background: transparent url(/images/bg_horizontalline.gif) repeat-x bottom left;
	padding: 0 0 9px 0;
	display: block;
	color: #000;
	
}

H1 { CLEAR:both; FONT-WEIGHT:bold; FONT-SIZE: 21px; MARGIN: 5px 0px; COLOR:#006699; FONT-FAMILY: arial, helvetica, sans-serif }
H2.line { FONT-SIZE: 18px; BACKGROUND: url(/images/bg_horizontalline.gif) repeat-x left bottom; PADDING-BOTTOM:6px }

#research-title { clear: both; margin: 11px 9px 16px 9px; font-size: 11px; text-align: left; }
#research-body { clear: both; margin: 11px 9px 16px 9px; font-size: 11px; text-align: left; }
#research-bottom { clear: both; margin: 11px 9px 16px 9px; font-size: 11px; text-align: right; }

/* PAGE FRAMEWORK ELEMENTS */

#skipnavigation { display: none; }

#top { margin:auto; width:900px; text-align:left; position:relative; padding-top:6px; border-bottom:solid 1px #E9E6DF; font-family:verdana, Arial, helvetica, Sans-Serif; font-size:11px;}
#top a{text-decoration: none; color:#FFFFFF;}
#top a:hover {color:#66CCFF; background:none;}

#page { margin:auto; width: 900px; text-align: center; position: relative; background:#f6f6f6; border-bottom:1px solid #777777;}
#content { clear:both; margin:0 9px 0 10px; padding:0 24px 10 28px; text-align:left;}

#mainimage { clear: both; }


#content:after, .fixfloat:after { content: "."; display: block;height: 0; clear: both; visibility: hidden; }

#zonal { float: left; width: 177px;	margin-right: 28px; }

#maincontent { margin:auto; position: relative; float: right; width: 640px; font-size: 12px; font-family: verdana, Arial, helvetica, Sans-Serif; padding:16px 0 16px 0;}
#maincontent.wide { width: 882px; } /* For pages without zonal navigation. Use .wide class for #maincontent div */
#leftcontent { position: relative; margin: 0 20px 16px 0; width: 492px; float: left; }
.wide #leftcontent { width:696px; }
#rightcontent {	margin: 0 0 16px 0;	float: left; clear: right; width: 165px; }

#productnames { padding:6px; border-top:solid 1px #999999; border-bottom:solid 1px #999999; background-color:#FFFFFF}
#topdrops { z-index: 200; }

#bottom { text-align:center; font-family: verdana, Arial, helvetica, Sans-Serif; font-size:9px; padding:15px 0 15px 0; background-color:#FFFFFF;}

/* /PAGE FRAMEWORK ELEMENTS */


/* Navigation bar */

#nav-bar { position: relative; background: transparent url(/images/sprite_nav-bar.png) no-repeat; overflow: hidden; clear: both; margin: 10px 0 0 10px; }
#nav-bar table { margin: 0; padding: 0; }
#nav-bar td { background: transparent url(/images/bg_nav-bar_td.gif) no-repeat bottom right; text-align: center; height: 33px; padding: 0; margin: 0; }
#nav-bar td.last { background-image: none; }
#nav-bar a { text-decoration: none; color: #343434; padding: 0 12px 0 10px; display: block; margin-right: 2px; }
#nav-bar td.last a { margin-right: 0; }
#nav-bar a.active { background: transparent url(/images/sprite_nav-bar.png) repeat-x 0 -102px; color: #fff; }
#nav-bar td.first a.active { background: transparent url(/images/sprite_nav-bar.png) no-repeat 0 -68px; }
#nav-bar td.last a.active { background: transparent url(/images/sprite_nav-bar.png) no-repeat right -68px; }
#nav-bar a:hover { background: transparent url(/images/sprite_nav-bar.png) repeat-x 0 -136px; color: #343434; }
#nav-bar td.first a:hover {	background: transparent url(/images/sprite_nav-bar.png) no-repeat 0 -34px; }
#nav-bar td.last a:hover { background: transparent url(/images/sprite_nav-bar.png) no-repeat right -34px; }

/* Navigation bar for allmodels templates */
.gradient #nav-bar,
.gradient #nav-bar a.active,
.gradient #nav-bar td.first a.active,
.gradient #nav-bar td.last a.active,
.gradient #nav-bar a:hover,
.gradient #nav-bar td.first a:hover,
.gradient #nav-bar td.last a:hover
{ background-image: url(/images/sprite_nav-bar_allmodels.png); }

/* Box */
#box {
	padding: 12px 0 0 0;
	width: 879px;
	margin: 5px 0 15px 0;
}

#box-top {
	background: #DEDEDE url(/images/box_top_bg.gif) no-repeat;
	padding: 15px;
	height: 1%;
	font-size: 18px; 
	font-family: Arial, Helvetica, serif;
}

#box-bottom {
	background: #fff url(/images/box_bottom_bg.gif) bottom left no-repeat;
	padding: 15px;
}
/* Box */

/* LeftBox */
#leftbox {
	padding: 12px 0 0 0;
	width: 220px;
	margin: 5px 0 15px 0;
	float:left;
}

#leftbox-top {
	background: #DEDEDE url(/images/leftbox_top_bg.gif) no-repeat;
	padding: 15px;
	height: 1%;
	font-size: 18px; 
	font-family: Arial, Helvetica, serif;
	text-align:center
}

#leftbox-bottom {
	background: #fff url(/images/leftbox_bottom_bg.gif) bottom left no-repeat;
	padding: 15px;
}
/* Box */

#prodSpec {
	border-top: dotted 1px #FF6600;
	border-bottom: dotted 1px #FF6600;
	padding: 8px;
}

#featuredIngredient {
	margin-top:8px;
	width:882px;
	height:260px;
	background-image:url(/images/bg_fearturedIngredients.jpg);
}

#scrollproducts{
	margin:auto;
	float:right;
	padding-top:40px;
	width:480px;
	height:220px;
	text-align:left;
	font-size:12px;
	color:#000000;
}
#scrollproducts a{
	color:#333333;
}

/* the image section box leaves 6px space at the bottom */
.imagesection {
	float: left;
	text-align:center;
	width: 400px;
	height:290px;
	padding:10px 10px 4px 10px;
	margin: 0px 10px 8px 0px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	font-size:12px
}

.imagesection3 {
	float: left;
	text-align:center;
	width: 262px;
	height:230px;
	padding:10px 10px 4px 10px;
	margin: 0px 10px 8px 0px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	font-size:12px
}
.imagespaceright {
	margin-right:10px;
	float: left;
}
.researchtitle {
	font-size: 12px; 
	font-family: Arial, Helvetica, serif;
}
.author{
	font-style:italic;
}

/* +++ begin .PromoItemLarge +++ (is an Image, Title, and Text) */
.PromoItemLarge	{
	float:left;
	width:285px;
	padding:10px 5px 10px 15px;
	cursor:pointer;
	
}
.PromoItemLarge:hover
{
	background-color:#E0E3E5;
}
	.PromoItemLarge img	{
		float:left; 
		padding-right:12px; 
	}
	.PromoItemLarge h3	{
		font-size:12px;	/* not final */
		font-weight:bold;
		padding-bottom:5px;
	}
	.PromoItemLarge h3 a  
	{
		color:#446688;	
		
	}
	.PromoItemLarge p	{
		float:left;
	}
/* --- end .PromoItemLarge --- */