/*Global Styles */
html, body {margin:0px; padding:0px; width: 100%; height: 100%;}
a, p, div, li, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3c3c3e; line-height: 16px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
a, img { border: 0px; }

/*Header Styles */
#header {width: 800px; height: 77px;}
#headerLogo {width: 240px; height: 77px; background-image: url(../images/headerLogo.jpg); background-repeat: no-repeat; float: left;}
#headerLogo a {width: 240px; height: 77px; display: block;}
#headerLogo span {display: none;}


/*Utility Nav styles */
div.utilityNav {left: 240px; top: 5px; position: absolute; width: 430px;}
div.utilityNav ul {padding: 0px; margin: 0px; }
div.utilityNav ul {list-style: none; margin-right: 10px; margin-top: 4px; right: 0px; position: relative;}
div.utilityNav li {padding: 0px 5px; float: right; border-right: 1px solid #152040;}
div.utilityNav li a { color: #152040; font-size: 11px;}
div.searchBox {width: 130px; left: 685px; top: 5px; position: absolute; float: right;}
div.searchBox input { width: 122px; border: 1px solid #8a969f; font-size: 9px; height: 11px; padding: 3px; background-image: url(../images/magGlass.jpg); background-repeat: no-repeat;}
div.searchBox label {display: none;}

/*Main Nav styles */
#mainNav {left: 265px; top:34px; position: absolute; z-index: 10; padding-top: 27px; background-image: url(../images/Dietary_Supplements_identifier.jpg); background-repeat: no-repeat; background-position: top right;}
.menu_mainMenu {padding: 0px; margin: 0px; list-style: none;}
.menu_mainMenu li {padding: 0px; float: left; border-right: 1px solid #152040;}
.menu_mainMenu li:hover, .menu_mainMenu li.sfhover {background-color: #cbdfee}
.menu_mainMenu li a { color: #152040; font-size: 12px;}

.menu_mainMenu a { padding: 0px 10px; display: block; }
.menu_mainMenu a:hover { display: block; background-color: #97bddd; text-decoration: none; }
.menu_mainMenu li { float: left; }
.menu_mainMenu li ul { position: absolute; left: -999em; padding: 0px; margin: 0px; }
.menu_mainMenu li:hover ul, .menu_mainMenu li.sfhover ul { left: auto; }
.menu_mainMenu li ul li { width: 150px; display: block; clear: left; border: 0px; padding-top: 5px; background-color: #cbdfee; }
.menu_mainMenu li ul li a:hover { background-color: #97bddd; }
.menu_mainMenu li.active {background-color: #cbdfee;}

/* makes IE7 think something changes on hover */
.menu_mainMenu li:hover { visibility: visible;}

/*Bottom Nav styles */
div.bottomNav {padding-left: 15px;}
div.bottomNav ul { list-style: none; padding: 0px; margin: 0px; }
div.bottomNav li {padding: 0px 10px; float: left; border-right: 1px solid #152040;}
div.bottomNav a { color: #152040; font-size: 11px;}

div.bottomSubNav {padding-left: 25px; padding-bottom:10px;}
div.bottomSubNav ul { list-style: none; padding: 0px; margin: 0px; }
div.bottomSubNav li {padding: 0px 10px; float: left; border-right: 1px solid #152040;}
div.bottomSubNav span { color: #152040; font-size: 9px; float: left;}
div.bottomSubNav a:hover span { text-decoration: underline;}

/* Quicklink Styles */
div#homeRightColumn {padding-left: 25px; width: 195px; float: left; background-image: url(../images/verticalLine.png); background-repeat: no-repeat; background-position: left top;}
div#homeRightColumn li {padding-bottom: 10px; }
div#homeRightColumn li a {width: 195px; display: block; background-image: url(../images/linkarrow.jpg); background-repeat: no-repeat; background-position: 182px 4px;}

div.moduletable_quicklinks { margin-bottom: 10px; background-image: url(../images/horizontalLineRightColumn.jpg); background-repeat: no-repeat; background-position: bottom;}
div.moduletable_quicklinks a {color: #152040; font-size: 12px;}

div#howaruImageLink a { background-image: url(../images/quicklinkImages.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 45px; width: 212px; display: block; margin-bottom: 10px;}
div#howaruImageLink a:hover {background-position: 0px -45px;}
div#florafitImageLink a { background-image: url(../images/quicklinkImages.jpg); background-repeat: no-repeat; background-position: 0px -90px; height: 45px; width: 212px; display: block; margin-bottom: 10px;}
div#florafitImageLink a:hover {background-position: 0px -135px;}
div#moreInfoAd a { background-image: url(../images/more_info_button.jpg); background-repeat: no-repeat; background-position: top; height: 85px; width: 195px; display: block; margin-bottom: 10px;}
div#moreInfoAd a:hover {background-position: bottom;}
div#howaruImageLink a span, div#florafitImageLink a span, div#moreInfoAd a span { display: none;}

/*Content Styles */
#contentBox {width: 900px; min-height: 100px; background-image: url(../images/contentShadow.jpg); background-repeat: no-repeat; padding-top: 40px; display: block;}
div.moduletable h3, span.title, .componentheading, .contentheading, div.moduletable_quicklinks h3 { font-size: 14px; font-weight: bold; color: #152040;}
a.contentpagetitle, span.subtitle { font-size: 14px; color: #152040; }
a.arrowLink { background-image: url(../images/linkarrow.jpg); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 12px;}

div.moduletable h3, div.titleBlock, div.moduletable_quicklinks h3 { margin: 0px; padding: 0px; height: 30px;}

/* Read More Style */
a.readon, a.readonExternal {font-weight: bold;}
a.readonExternal {margin-top: 6px; display: block;}

/*Home Page Styles */
div#homeLeftColumn {padding-left: 25px; padding-right: 25px; padding-bottom: 25px; width: 500px; float: left; background-image: url(../images/verticalLine.png); background-repeat: no-repeat; background-position: right top;}
div#homeLeftColumn ul, div#homeRightColumn ul { list-style-type: none; margin: 0px; padding: 0px; }

div#homeCenterColumn {padding-left: 30px; width: 285px; float: left;}
ul.latestnews { list-style-type: none; margin: 0px; padding: 0px; }
ul.latestnews a { font-weight: bold; color: #152040; padding-right: 33px; width: 400px; background-image: url(../images/newsListBckgd.jpg); background-repeat: no-repeat; background-position: right bottom; display: block; padding-bottom: 5px;}
li.latestnews { margin-bottom: 10px;}

span.homeSubtitle { color: #152040;}

/*Inside Styles */
div#insideLeftColumn {padding-left: 25px; padding-right: 25px; padding-bottom: 25px; width: 125px; float: left;}
div#insideLeftColumn ul {margin: 0px; padding: 0px; list-style: none;}
div#insideLeftColumn li a {font-size: 14px; font-weight: bold; color: #152040;}
div#insideLeftColumn li li {margin-top: 5px; background-image: url(../images/leftColumnArrow.jpg); background-repeat: no-repeat; padding-left: 10px;}
div#insideLeftColumn li li a {font-size: 11px; color: #152040;}
div#insideLeftColumn li li li {margin-left: 0px; margin-top: 0px; background-image: url(../images/leftColumnArrow2.jpg); background-repeat: no-repeat; padding-left: 10px;}
div#insideLeftColumn li li li a {font-size: 10px; color: #646464;}

div#insideCenterColumn {padding-right: 5px; width: 410px; float: left; }
.cursor {  }

/* Question Styles */
.questionBlock {padding-bottom: 15px; }
.question {padding-left: 15px; padding-top: 1px; background-image: url(../images/q.jpg); background-repeat: no-repeat; cursor: pointer;}
.answer {padding-left: 15px; background-image: url(../images/a.jpg); background-repeat: no-repeat; margin-top: 5px;}

/* Clinical Studies Abstract Styles */
.abstractBlock {padding-bottom: 15px; clear: both; margin-left: 36px;}
.abstract {padding-top: 1px; cursor: pointer;}
.abstract a {color: #6798b8;}
.abstractFull {padding-left: 15px; margin-top: 5px;}

/* Resource Library Styles */
span.rlTitle {font-weight: bold; top: 10px; position: relative;}
a.resourceLink { background-image: url(../images/linkarrow.jpg); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 12px; color: #4e7d9c;}
span.rlSubtitle {font-weight: bold; font-size: 13px;}
p.rlSubhead {font-weight: bold; color: #646464; margin-left: 36px;}
.rlTab {margin-left: 37px;}

/* Customer Product Styles */
#product .title  { font-size: 15px; font-weight: bold; color: #6798b8; }
#product p { font-size: 13px; color: #152040; width: 405px; }
#product img {padding-bottom: 20px;}
#product a {color: #152040;}

/* Download PDF */
a.downloadPDF {width: 30px; height: 30px; display: block; float: left; margin-top: 2px; margin-right: 5px; background-image: url(../images/PDF_arrow_icon.jpg); background-position: top;}
a.downloadPDF:hover {background-position: bottom;}
a.downloadPDF span { display: none; }
div.studyTitle {left: 0px; position: relative; width: 315px; float: right; padding-bottom:10px;}
div.studyBreak { clear: both; background-image: url(../images/divider_line.jpg); background-repeat: no-repeat; background-position: center top; width: 350px; height: 3px; margin-bottom: 10px; }

/* Pagination Styles for listing multiple pages of content */
.pagination .smallpagenav, .pagination span, .pagination a { border: 1px solid #fff; padding: 2px 5px; background-image: url(../images/pageNavBckgd.jpg); background-repeat: repeat-x;}

/* Sitemap Styles */
.xmap ul {
	display		: block;
	list-style	: none;
	margin		: 0;
	padding		: 0;
	font-weight: bold;
}
.xmap ul li {
	margin		: 0;contentpagetitle
	padding		: 0;
	white-space	: nowrap;
	background	: transparent;
}
.xmap a img {
	border		: none;
}
.xmap ul.level_0 ul {
	list-style	: inside square;
	padding		: 0;
	font-weight: normal;
}
.xmap ul.level_1 li {
	padding		: 0 0 0 2em;
	white-space	: nowrap;
}
.xmap .active {
	font-style	: italic;
}