/*
################################################################################
# CSS for www.benefiber.com, Novartis Consumer Health, Inc.
# Designed by eMarketing, Inc.
# Autor: eMarketing, Inc.
################################################################################
*/

/*
# Global Layout
################################################################################
*/

html { 
	min-width: 700px;
	}

body {
	margin: 0 0 15px 0;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(Images/backgroundGradient.gif) left top repeat-x;
	color: #000;
	text-align: center;
	}

img {
	border: 0px;
	}

	
p {
	color: #333;
	font-size: 11px;
	margin: 10px;
	padding: 0 10px 0 10px;
	}

h1 {
	color: #000;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 -15px 40px;
	}

h2 {
	color: #003963;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 8px 0 0 0;
}

h3 {
	color: #034ea2;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
}

h4 {
	color: #034ea2;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 30px 0 5px 0;
}

h5 {
	color: #034ea2;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
}

h6 {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 35px 0 5px 0;
}

a:link, a:visited {
	font-weight: normal; 
	text-decoration: underline;
	color: #2a62b6;
	background: transparent; 
}

a:hover {
	font-weight: normal; 
	text-decoration: none;
	color: #2a62b6;
	background: transparent; 
}

a:active {
	font-weight: normal; 
	text-decoration: underline;
	color: #2a62b6;
	background: transparent;  
}


div#pageWrapper {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	background: url(Images/pageWrapperBackground.gif) 0px 45px no-repeat;
}

div#headerLogo {
	width: 700px;
	height: 53px;
	text-align: center;
}

ul#mainNavigation {
	width: 690px;
	height: 70px;
	margin: 0 0 0 5px;
	padding: 0;
}

ul#mainNavigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul#mainNavigation li a#fiberHealth {
	width: 95px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_fiberHealth.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#fiberHealth:hover {
	width: 95px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#fiberHealth.selected {
	width: 95px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#recipes {
	width: 72px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_recipes.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#recipes:hover {
	width: 72px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#recipes.selected {
	width: 72px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#products {
	width: 84px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_products.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#products:hover {
	width: 84px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#products.selected {
	width: 84px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#navLogo {
	width: 184px;
	height: 70px;
	display: block;
	margin: 0;
}

ul#mainNavigation li a#physicianResource {
	width: 77px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_physicianResource.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#physicianResource:hover {
	width: 77px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#physicianResource.selected {
	width: 77px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#specialOffers {
	width: 92px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_specialOffers.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#specialOffers:hover {
	width: 92px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#specialOffers.selected {
	width: 92px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#faqs {
	width: 86px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_faqs.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#faqs:hover {
	width: 86px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

ul#mainNavigation li a#faqs.selected {
	width: 86px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	/*background-position: 0 -70px;*/
}

/* Original Navigation
ul#mainNavigation li a#contactUs {
	width: 86px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background: url(Images/nav_contactUs.gif) 0px 0px no-repeat;
}

ul#mainNavigation li a#contactUs:hover {
	width: 86px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background-position: 0 -70px;
}

ul#mainNavigation li a#contactUs.selected {
	width: 86px;
	height: 70px;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -8000px;
	background-position: 0 -70px;
}
*/

div#homeLeftColumn {
	float: left;
	width: 160px;
	margin: 10px 0 0 5px;
	padding: 0px;
	clear: both;
}

div#homeRightColumn {
	float: left;
}

div#flashHeader {
	width: 465px;
	height: 195px;
	margin: 10px 0 0 14px;
}

div#fiberlutionary {
	width: 145px;
	height: 55px;
	margin: 0;
	padding: 0;
}

div#homePromoRow {
	height: 130px;
	margin: 0 0 0 0;
	padding: 0 0 0 17px;
	
}

div.homePromoItem {
	float: left;
	margin: 0;
}



div#contentWrapper {
	width: 677px;
	margin: -2px auto;
	text-align: center; 
	padding: 0 0 0 13px;
	position: relative;
	background: #fff url(Images/contentWrapperBackground.gif) 0px 0px no-repeat;
}

html>body div#contentWrapper {
	margin-top: 0px; 
}

div#leftColumn {
	float: left;
	width: 172px;
	margin: 10px 0 0 0;
	padding: 0px;
	clear: both;
}

div#leftColumn ul#subNav {
	margin: 0 0 20px 0;
	padding: 0;
	background: #fff url(Images/subNav_background.gif) 0px 0px no-repeat;
}

div#leftColumn ul#subNav li {
	color: #2a62b6;
	text-transform: uppercase;
	list-style: none;
	display: block;
	margin: 0 0 4px 0;
	padding: 0 0 0 23px;
}

div#leftColumn ul#subNav li a.link {
	width: 120px;
	padding: 4px 0 4px 13px;
	display: block;
}

div#leftColumn ul#subNav li a#selected {
	width: 120px;
	color: #113898;
	padding: 4px 0 4px 13px;
	display: block;
	background: url(Images/subNav_arrows_blue.gif) 0px 6px no-repeat;
}

div#leftColumn ul#subNav li a:link, div#leftColumn ul#subNav li a:visited, div#leftColumn ul#subNav li a:active {
	font-weight: bold; 
	text-decoration: none;
	color: #085b01;
	background: url(Images/subNav_arrows_green.gif) 0px 6px no-repeat;
}

div#leftColumn ul#subNav li a:hover {
	font-weight: bold; 
	text-decoration: none;
	color: #113898;
	background: url(Images/subNav_arrows_blue.gif) 0px 6px no-repeat
}

div#leftColumn ul#subNav li.header {
	height: 15px;
	margin: 0 0 20px 0;
	padding: 0px;
	background: #fff url(Images/subNav_header.gif) 0px 0px no-repeat;
}

div#leftColumn ul#subNav li.footer {
	height: 15px;
	margin: 20px 0 0 0;
	padding: 0px;
	background: #fff url(Images/subNav_footer.gif) 0px 0px no-repeat;
}






div#leftColumn ul#thirdNav {
	width: 140px;
	margin: 0 0 20px 0;
	padding: 0;
}

div#leftColumn ul#thirdNav li a.thirdNav {
	width: 105px;
	padding: 4px 0 4px 13px;
	margin-left: -10px;
	display: block;
}

div#leftColumn ul#thirdNav li a#selected {
	width: 105px;
	color: #113898;
	padding: 4px 0 4px 13px;
	margin-left: -10px;
	display: block;
	background: url(Images/subNav_arrows_blue.gif) 0px 6px no-repeat;
}



div#leftColumn ul#leftPromos {
	margin: 0 0 0 0;
	padding: 0;
}

div#leftColumn ul#leftPromos li {
	list-style: none;
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 0 7px;
	text-align: center;
}
















div#contentColumn {
	float: left;
	margin: 10px 0 0 7px;
	padding: 0 0 15px 0;
}

div#pageHeader {
	width: 465px;
	height: 195px;
	margin: 0 0 0 0;
}

div#contentColumn h1 {
	width: 410px;
	color: #2a62b6;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 -15px 40px;
}
	
div#contentColumn p {
	width: 410px;
	color: #6a6f74;
	font-size: 12px;
	line-height: 17px;
	margin: 15px 0 0 40px;
	padding: 0;
}

a:link.faq, a:visited.faq, a:hover.faq, a:active.faq {
	margin: 0 0 5px 0;
	display: block;
}

div#contentColumn .products {
	width: 280px;
}

div#contentColumn .productListWrapper {
	width: 300px;
}

div#contentColumn .productColumn {
	float: left;
}

div#contentColumn ul {
	margin: 10px 0 0 40px;
	padding: 0 0 0 25px;
}

div#contentColumn ul li {
	width: 385px;
	color: #2a62b6;
	margin: 0 0 3px 0;
	padding: 0px;
}

div#contentColumn ul#products li {
	width: auto;
	color: #2a62b6;
	margin: 0 0 3px 0;
	padding: 0px;
}

div#contentColumn ul li .listText {
	color: #6a6f74;
	font-size: 12px;
}

div#contentColumn p.disclaimer {
	margin-top: 30px;
	font-style: italic;
}

div#contentColumn p.acrobat {
	margin-top: 30px;
	font-size: 10px;
	line-height: 13px;
	padding: 0 0 8px 30px;
	background: url(Images/acrobat.gif) 0px 2px no-repeat;
}






div.landingPromoRow {
	margin: 5px 0 0 0;
}

div.landingPromoItem {
	float: left;
	margin: 0 15px 0 0;
}







div#contentColumn ul.recipeList {
	margin: 20px 0 20px 0;
	padding: 0;
}

div#contentColumn ul.recipeList li {
	color: #113898;
	font-size: 13px;
	list-style: none;
	display: block;
	margin: 0 0 6px 0;
	padding: 0 0 0 40px;
}

div#contentColumn ul.recipeList li a:link, div#contentColumn ul.recipeList li a:visited, div#contentColumn ul.recipeList li a:active {
	font-weight: normal; 
	text-decoration: underline;
	color: #085b01;
}

div#contentColumn ul.recipeList li a:hover {
	font-weight: normal; 
	text-decoration: none;
	color: #113898;
}

div#contentColumn dl#digest dd {
	color: #6a6f74;
	font-size: 11px;
	line-height: 15px;
	width: 215px;
	margin: 0 0 10px 0;
}

html>body div#contentColumn dl#digest dd{
	margin-left: 215px; 
}






div#moreInfo {
	clear: left;
	padding-left: 22px;
}

div#moreInfo p {
	margin: 0 0 0 15px;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #6a6f74;
}

table.dosage {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #6a6f74;
	border-collapse: collapse;
	width: 430px;
	padding: 0;
	margin: 0;
	background: url(Images/dosageTable_background.gif) 0px 0px repeat-y;
}

table.dosage thead th {
	height: 15px;
	padding: 0;
	margin: 0;
	background: #fff url(Images/dosageTable_header.gif) left bottom no-repeat;
}

table.dosage tfoot th {
	height: 15px;
	background: #fff url(Images/dosageTable_footer.gif) 0px 0px no-repeat;
}

table.dosage tbody tr th {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	background-color: #4672b3;
	border-bottom: 1px solid #c1c3c9;
	border-top: 1px solid #c1c3c9;
}

table.dosage tbody tr th.age {
	width: 150px;
	padding-left: 10px;
}

table.dosage tbody tr td.left,
table.dosage tbody tr td.right {
	width: 14px;	
}

table.dosage tbody tr td.age {
	width: 150px;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #c1c3c9;
}

table.dosage tbody tr td.dose {
	text-align: left;
	border-bottom: 1px solid #c1c3c9;
}

table.suplementFacts {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #6a6f74;
	border-collapse: collapse;
	width: 430px;
	padding: 0;
	margin: 15px 0 0 0;
	background: url(Images/suplementFactsTable_background.gif) 0px 0px repeat-y;
}

table.suplementFacts thead th {
	height: 10px;
	padding: 0;
	margin: 0;
	background: #fff url(Images/suplementFactsTable_header.gif) left bottom no-repeat;
}

table.suplementFacts tfoot th {
	height: 10px;
	background: #fff url(Images/suplementFactsTable_footer.gif) 0px 0px no-repeat;
}

table.suplementFacts tbody tr th {
	font: 14px/16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

table.suplementFacts tbody tr td.facts {
	padding: 0 0 5px 0;
	border-bottom: 2px solid #6a6f74;
}

table.suplementFacts tbody tr td.left,
table.suplementFacts tbody tr td.right {
	width: 18px;	
}

table.suplementFacts tbody tr td.item {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #c1c3c9;
}

table.suplementFacts tbody tr td.info {
	padding: 5px 0 5px 0;
	text-align: center;
	width: 80px;
	border-bottom: 1px solid #c1c3c9;
}

table.suplementFacts tbody tr td.dv {
	padding: 5px 0 5px 0;
	text-align: right;
	width: 45px;
	border-bottom: 1px solid #c1c3c9;
}

table.suplementFacts tbody tr td.otherInfo {
	padding: 8px 0 5px 0;
}








ol.faqList {
	width: 410px;
	margin: 25px 0 0 40px;
	padding: 0 0 0 35px;
	color: #6a6f74;
	font-weight: bold;
	font-size: 12px;
}

html>body ol.faqList {
	margin-left: 35px; 
}

ol.faqList li {
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
}

/*
ol.faqList li.answers {
	padding-bottom: 10px;
}
*/

div.faqListText {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: normal;
}

ol.subList {
	width: 350px;
	margin: 0 0 0 10px;
	padding: 0 0 0 30px;
	font-size: 12px;
}

ol.subList li {
	list-style: lower-alpha;
}





div#footerWrapper {
	clear: both;
	width: 690px;
	margin: 15px auto;
	text-align: left;
	color: #9da4aa;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
}

div #footerLogo {
	float: left;
	width: 90px;
	height: 16px;
	text-align: left;
	padding: 5px 0 0 10px;
}

div#footerCopyright {
	text-align: right;
	margin: 0;
	padding: 0;
}

div#footerCopyright a:link, div#footerCopyright a:visited {
	font-weight: normal; 
	text-decoration: underline;
	color: #9da4aa;
	background: transparent; 
}

div#footerCopyright a:hover {
	font-weight: normal; 
	text-decoration: none;
	color: #9da4aa;
	background: transparent; 
}

div#footerCopyright a:active {
	font-weight: normal; 
	text-decoration: underline;
	color: #9da4aa;
	background: transparent;  
}
	
/* Improved Value Seals */	
#improvedValueSeal {	
	position: absolute;
	top: -18px;
	right: 20px;
	width: 118px;
	height: 96px;
	z-index: 1;	
}	
	
html>body div#improvedValueSeal {
	top: -15px; 
}	

.error-message
{
	color: #CC0000;
    font-size:1.0em;
	font-family: Verdana,Arial,Helvetica,SanSerif;
	text-align:left;
}

.error-bold
{
    color: #CC0000;
    font-size:1.0em;
    font-weight: bold;
    line-height: 18px;
    font-family: Verdana,Arial,Helvetica,SanSerif;
}

.formspace
{
    color: gray;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    font-family: Verdana,Arial,Helvetica,SanSerif;
    text-align: left;
}

.formfld
{
    color: gray;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,SanSerif;
}


.smalltext
{
    color: #77787B;  
    font-size: 9px;
    font-weight: normal;
    line-height: 12px;
    font-family: Verdana,Arial,Helvetica,SanSerif;
    text-align: left;
}

.smalltext2
{
    color: #000000;  
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    font-family: Verdana,Arial,Helvetica,SanSerif;
    text-align: left;
}

.benetext
{
    color: #047801;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
}

.benetextbold
{
    color: #047801;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
}

.benelink
{
    color: #047801;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    text-decoration: underline;
}