/* NutritionOnline Stylesheet */

BODY,P,TD,TH {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

form { margin-top: 0px; margin-bottom: 0px; }

BLOCKQUOTE {
    font-family: Arial, helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}

A {
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
	font-weight: normal;
}

A:link {
    color: #000066;
	text-decoration: underline;
}

A:visited {
    color: #990099;
	text-decoration: underline;
}

A:hover {
    color: #CC0000;
	text-decoration: none;
}

A:active {
    color: #CC0000;
	text-decoration: none;
}

.topLine {
    border-top: 1px groove; 
    border-color: #000066;
}

.leftLine {
    border-left: 1px groove; 
    border-color: #000066;
}

.rightLine {
    border-right: 1px groove; 
    border-color: #000000;
}

.blueBackground {
    font-size: 11pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #000066; 
}

.bottomLine {
    border-bottom: 1px groove; 
    border-color: #000000;
}

.topRightLine {
    border-top: 1px groove; 
    border-right: 1px groove;
    border-color: #000000;
	/*border: #000000; 
	border-width: 1px 1px 0px 0px;*/
}

.smallBlack {
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

.smallWhiteBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: bolder;
}

.headline { 
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 13pt; color: #000000; 
    font-weight: bold; 
}

.textbox
{
    border-left: 1px inset;
    border-right: 1px outset;
    border-top: 1px inset;
    border-bottom: 1px outset;
	background-color: #FFFFFF;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.button {
	border-left: 1px ridge;
    border-right: 1px groove;
    border-top: 1px ridge;
    border-bottom: 1px groove;
	background-color: #000066;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #FFFFFF;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-transform: uppercase
}

.boxOutline {
	background-color: #EFEFEF; 
	border-left: 1px solid; 
	border-right: 1px solid; 
	border-top: 1px solid; 
	border-bottom: 1px solid; 
	border-color: #000000;
    font-size: 8pt;
}

leftNavCategory {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

/*
Dark Green: #638B86
Lite Green: 
*/

.redBackground { 
	font-size: 11pt; color: #FFFFFF; 
	font-weight: bold; 
	background-color: #660000; 
}

.boldWhite {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #FFFFFF
}

.boldBlack { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #000000
}

.smallBlackBold { 
 	font-family: Arial, Helvetica, sans-serif; 
 	font-size: 8pt; color: #000000; 
 	font-weight: bold; 
 }
 
.productTitle { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; color: #336699; 
	font-weight: bold; 
}

.productSubhead { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; color: #000066; 
	font-weight: bold; 
}

.underlined { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #000000;
	font-weight: normal; 
	text-decoration: underline;
}

.bigger { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: #000066; 
	font-weight: bold;
}

.yellowBox {
	background-color: #FFFFCC;
	border-bottom: 2px solid;
	border-color: #000000;
}

.diseaseHeadTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.diseaseTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #333333; font-weight: bold; }
.diseaseSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.greenBackground { font-size: 11pt; color: #FFFFFF; font-weight: bold; background-color: #336600; }
.greyBackground { font-size: 11pt; color: #FFFFFF; font-weight: bold; background-color: #666666; }

.tealBackground { font-size: 11pt; color: #339999; font-weight: bold; background-color: #336600; }

.storeTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #336666; font-weight: bold; }

.grayBackgroundCopy { font-size: 11pt; color: #FFFFFF; font-weight: bold; background-color: #666666; }

.supTitle { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #336600; font-weight: bold; }
.supSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	;
	color: #336600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

/* -------------------------------------------------------- */

/* DC Styles */

.copy { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 7.5pt; }

.callnow { font-size: 10pt; font-weight: bold; }

h1 { color: #003366; font-size: 13pt; font-weight: bold; }
h2 { color:#003366; font-size: 12pt; font-weight: bold; }
h3 { color: #003366; font-size: 10pt; font-weight: bold; }
/* subs mirror H1-3 */
.subtitle { color: #003366; font-size: 13pt; font-weight: bold; }
.sub1 { color: #003366; font-size: 12pt; font-weight: bold; }
.sub2 { color: #003366; font-size: 10pt; font-weight: bold; }

.mailordertitle { color: #003366; font-size: 13pt; font-weight: bold; font-style: italic; }
.mailordercopy { color: #003366; }
.mailordercopy a { font-weight: bold; text-transformation: uppercase; }

.list { font-family: Arial, Helvetica, sans-serif; color: #000033; font-size: small; }
.small { font-family: Arial, Helvetica, sans-serif; color: #000033; font-size: 10px; }

.copyright { font-size: 10px; }

.leftnav0 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.leftnav1 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.leftnav2 { font-family: Arial, Helvetica, sans-serif; }

.bottomnav { font-size: 9pt; }

.pager { color: #990099; font-size: 7.5pt; }

.sortlinks { color: #000099; font-size: 7.5pt; }

.subtitle .white { color: #FFFFFF; }
.subtitle .red { color: #FF0000; }
.subtitle .empty { }

.breadcrumbs { color:  #000099; font-size: 7.5pt; }

.promolink { font-weight: bold; color: #000099; }

.cartcontents { color: #000099; font-size: 7.5pt; font-weight: bold; }

.separator { color: #336699; }

.callout { color: red; font-weight: bold; }

.quotation { font-weight: bold; font-style: italic; }
.quotation .by { font-weight: normal; font-style: normal; }

.units { font-weight: bold; color: #336699; }

/* Color specs for left nav area */

.left-blue { color: #000000; }
.left-teal { color: #000000; }
.left-green { color: #ffffff; }
.left-red { color: #ffffff; }
.left-grey { color: #ffffff; }
.left-darkblue { color: #ffffff; }
.left-lavendar { color: #ffffff; }

.genericFeatureTitle { background: #336699; color: #ffffff; font-size: 11pt; font-weight: bold; }
.genericFeatureContent { }

select.small { font-size: 11px; }