﻿html, body 
{
    font-family: "Bookman Old Style", "Times New Roman", Roman, Serif;
	text-align: center;
    background-color: #F7F8FF;
    background-image: url("/pics/bw_bg.jpg");
    background-repeat: repeat;
}

span.warn
{
    font-style: italic;
}

span.error
{
    color: Red;
    font-style: italic;
}

span.detailshidden 
{
    display: none
}

span.detailsshown 
{
    display: inline;
}

table.NutritionGrid
{
    width: 100%;
}

a:link, a:visited, a:active  
{
    color: #0A1198;
}

a:hover
{
    color: #3377FF;
}

div.master_wraper
{
    text-align: justify;
    margin: auto;
    width: 95%;
}

td.logo_area
{
    text-align: right;
    width: 20%;
}

td.title_area
{
    text-align: center;
    color: #0a1198;
    font-variant: small-caps;
}

td.title_area h3
{
    font-size: xx-large;
}

td.title_area h4
{
    font-size: larger;
    margin: auto;
    margin-top: -1.2em;
    color: #000;
}

td.login_area
{
    width: 20%;
    font-size: smaller;
    text-align: right;
}

hr.reset_wrap
{
    clear: both;
}

div.reset_wrap
{
    clear: both;
}

div.content
{
    padding: 0;
    margin: 7px;
   filter:alpha(opacity=100);  /* discarded */
   -moz-opacity:1.0;           /* discarded */
   opacity: 1.0;               /* discarded */
}

div.content h1
{
    font-variant: small-caps;
    text-align: center;
    font-size: x-large;
}

div.content h2
{
    font-size: larger;
    text-align: center;
}

div.content h3
{
    font-size: large;
}

div.content h1 + h2
{
    margin-top: -1.2em;
}

div.content h1 + h5
{
    text-align: center;
    margin-top: -1.2em;
}

div.content h3 + p
{
    margin-top: -1.3em;
}

div.content h3 + ul
{
    margin-top: -1.3em;
}

div.content h3 + ol
{
    margin-top: -1.3em;
}

div.content h3 + h4
{
    margin-top: -1.0em;
}

div.content h4
{
    font-size: inherit;
    font-weight: bold;
}

div.content h4 + p
{
    margin-top: -1.3em;
}

div.content em
{
    font-style: normal;
    font-weight: bold;
}

ul.ingredientdetails em
{
    font-style: italic;
    font-weight: normal;
}

td.content
{
   background-color: #ffffff;  /* the background          */
   filter:alpha(opacity=85);   /* Internet Explorer       */
   -moz-opacity:0.85;           /* Mozilla 1.6 and below   */
   opacity: 0.85;               /* newer Mozilla and CSS-3 */
}

div.detailshidden 
{
    display: none;
}

div.detailsshown 
{
    display: block;
    margin-left: 15pt;
    margin-right: 15pt;
    border: solid 2px #ECC;
    background-color: #FEE;
    padding-left: 6pt;
    padding-right: 6pt;
}

div.detailsshown h2
{
    font-size: larger;
    text-align: justify;
    margin-bottom: -.3em;
}

div.detailsshown h3
{
    font-size: large;
    text-align: center;
}

div.DownloadArea 
{
    font-size: small;
    float: right;
    text-align: right;
    margin: 5px 5px 5px 5px;
}

div.DownloadArea a
{
    color: Red;
}

div.SubArea
{
    display: block;
    margin-left: 15pt;
    margin-right: 15pt;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #eef;
}

div.SubArea h2
{
    font-size: large;
    text-align: center;
}

div.AreaL
{
    width: 49%;
}

div.AreaR
{
    width: 49%;
    float: right;
}

div.ArticleList 
{
    display: block;
    width: 98%;
    border: solid 2px #0A1198;
    background-color: #F7F7FF;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 1em;
}

div.MemberArticles
{
    display: block;
    width: 98%;
    border: solid 2px #ECC;
    background-color: #FEE;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 1em;
}

table.AlternateMenu
{
    background-image: url("/pics/header.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    background-color: #0A1198;
}

table.AlternateMenu td
{
    width: 16.667%;
    text-align: center;
    font-size: small;
    border: solid #EEEEEE;
    border-width: 0 1px 0px 0;
}

div.AlternateMenu a:link, div.AlternateMenu a:visited, div.AlternateMenu a:active  {
    color: White;
    font-weight: bold;
}

div.AlternateMenu  a:hover {
    text-decoration: none;
}

td.sidebar
{
    vertical-align: top;
    background-color: #0A1198;
    border: solid #EEEEEE;
    border-width: 0 1px 0px 0;
    border-bottom: groove 2px #0A1198;
}

div.sidebar
{
    color: #eee;
    font-size: smaller;
    margin: 7px;
    padding: 0;
}

div.sidebar hr
{
    color: #fff;
    background-color: #fff;
}

div.sidebar a:link, div.sidebar a:visited, div.sidebar a:active  {
    font-size: 12px;
    color: White;
    font-weight: bold;
}

div.sidebar  a:hover {
    text-decoration: none;
}

div.sidebar  h4 
{
    text-align: center;
    font-size: larger;
    font-variant: small-caps;
}

div.sidebar  p
{
    font-size: smaller;
    color: #eee;
    vertical-align: top;
}

div.compare_prod_a
{
    width: 45%;
    float: left;
    padding: 0px 1% 0px 1%;
    margin-left: 2%;
    background-color: #FFF;
    border: solid 2px #ECC;
}

div.compare_prod_b
{
    width: 45%;
    float: right;
    padding: 0px 1% 0px 1%;
    margin-right: 2%;
    background-color: #FFF;
    border: solid 2px #ECC;
}

.FAQ_Question
{
    font-weight: bold;
    color: #450E31;
}

.disclaimer
{
    font-size: x-small;
    text-align: justify;
}

.copyright
{
    font-size: x-small;
    text-align: center;
}

.footnote
{
    font-size: small;
}

div.domMenu_menuBar {
    border: solid #7E7E7E;  
    border-width: 0px 0 0 0px;
    background-color: #0a1198;
    background-repeat: no-repeat;
    background-image: url(/pics/header.jpg);
    background-position: left top;
    width: 100%;
}

div.domMenu_menuElement {
    font-family: "Bookman Old Style", Serif;
    font-size: 14px;
    border: solid #EEEEEE;
    border-width: 0 1px 0px 0;
    color: #eee;
    text-align: center;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

div.domMenu_menuElementHover {
    color: #fff;
    font-weight: bolder;
}

div.domMenu_subMenuBar {
    border: solid #7E7E7E 1px;
    background-color: #A5C6F2;
    padding-bottom: 1px;
}
div.domMenu_subMenuElement {
    font-size: 12px;
    border: solid #CCCCCC 1px;
    margin: 1px 1px 0 1px;
    color: #0F0F0F;
    padding: 2px 7px;
}

div.domMenu_subMenuElementHover {
    background-color: #EFEFEF;
}

div.domMenu_subMenuElementHeading {
    font-weight: bold;
}

div.hr {
    border-top: 1px solid #906040;
    border-bottom: 1px solid #e0b090;
}

div.profile_main
{
    padding: 0;
    margin: 7px;
}

div.profile_section
{
/*  background-color: #0A1198; */
/*  background-color: #1422ff; */
    background-color: #0F19E4;
    background-image: url("/pics/sectionbg2.png");
    background-repeat: repeat;
    float: none;
    padding: 2px 8px 2px 8px;
    color: White;
}

div.profile_pic_l 
{
    padding: 5px 5px 5px 0px;
    float: left;
}

div.profile_pic_r
{
    padding: 5px 0px 5px 5px;
    float: right;
    width: 190px;
}
