html
{
	height:100%;
	width:100%;
}
body 
{
	height: 100%;
	width:100%;
	margin: 0px; 
	padding: 0px;
	background-color: #0b468e;
 	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
 }
 a img
 {
 	border:0px none transparent;
 }
 h1
 {
 	margin:0px;
 	font-size:12px;
 }
 h2
 {
 	color:#de0027;
 }
 h3
 {
 	color:#4385c2;
 }
 h4
 {
 	color:#d59e2a;
 	margin:0px;
 } 
 
/*Modal Popup*/
.modalBackground
{
    background-color:#8D9CD6;
    opacity:0.8;/* CSS3 Standard */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 80)"; /* MS proprietary for IE8 */
    filter:alpha(opacity=80); /*MS proprietary for IE5-7 */
}
.modalTitleBar
{
    
      background-color:#3A42A6;  
      background-image:url('images/layout/TitleBarBack.gif');
}
.modalTitle
{
    font-size:14px;
    font-family:Tahoma, Arial, Helvetica, Sans-Serif;
    vertical-align:top;
    text-align:left;
    color:White;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:2px;
} 
 
 .footNote
 {
 	font-size:10px;
 }
 .headerArea
 {
 	height:96px;
 	background-image:url(images/layout/HeaderBg.jpg);
 	position:relative;
	vertical-align:top;
 	padding-left:83px;
 	padding-top:43px;
 }
 .headerArea, .headerArea a:link, .headerArea a:visited, .headerArea a:hover, .headerArea a:active
 {
     color:#3e5891;
 }
 .tabsArea
 {
 	background-image:url(images/layout/TabsAreaBg.gif);
 	background-position:right;
 	background-repeat:repeat-y;
 	position:relative;
 	width:100%;
 	clear:both;
 	height:22px;
 	padding-top:5px;
 }
 .FieldHeader
 {
 	font-size:10px;
 	margin-top:5px;
 }
 /* all tabs-----------------------*/
 .tabInactive, .tabActive, .tabAltActive
 {
 	white-space:nowrap;	
 	cursor:pointer;
 	height:20px;
 	float:left;
 	margin-right:2px;
 }
 .tabInactive div.tabLeft, .tabActive div.tabLeft, .tabAltActive div.tabLeft
 {
 	background-position:left top;
 	background-repeat:no-repeat;
 	padding-left:7px;
	position:relative;
	float:left;
 }
 .tabInactive div.tabRight, .tabActive div.tabRight, .tabAltActive div.tabRight, 
 .tabInactive div.tabRightOnDark, .tabActive div.tabRightOnDark, .tabAltActive div.tabRightOnDark
 {
 	background-position:right top;
 	background-repeat:no-repeat;
 	padding-right:7px;
	position:relative;
	float:left;
 }
 .tabInactive div.tabContent, .tabActive div.tabContent, .tabAltActive div.tabContent
 {
 	padding-top:3px;
 	height:17px;
 	font-weight:bold;
    position:relative;	
    white-space:nowrap;
 	padding-left:5px;
 	padding-right:5px;   
    float:left;
    text-align:center;
 }

 
 
 
 /*Active Tab------------------------*/
 .tabActive
 {
 	border-bottom:solid 2px #f0ce6d;
 }
 .tabActive div.tabLeft
 {
 	background-image:url(images/layout/TabActiveLft-trans.png);
 }
 .tabActive div.tabRight
 {
 	background-image:url(images/layout/TabActiveRt.png);
 }
 .tabActive div.tabRightOnDark
 {
 	background-image:url(images/layout/ie6/TabActiveRtOnDark.jpg); 	
 }
 .tabActive div.tabContent
 {
 	background-color:#f0ce6d;
 	color:#0b468e; 
 	font-size:12px;
 }
 .tabActive a:link, .tabActive a:hover, .tabActive a:visited
 {
	text-decoration:none;
	color:#0b468e;
	font-size:12px;
 }
 
  
 /*Active Tab Alternate style------------------------*/
  .tabAltActive
 {	
 	border-bottom:solid 2px #9fd0fe;
 }
 .tabAltActive div.tabLeft
 {
 	background-image:url(images/layout/TabAltActiveLft-trans.png);
 }
 .tabAltActive div.tabRight
 {
 	background-image:url(images/layout/TabAltActiveRt.png);
 }
 .tabAltActive div.tabRightOnDark
 {
 	background-image:url(images/layout/ie6/TabAltActiveRtOnDark.jpg); 	
 }
 .tabAltActive div.tabContent
 {
 	background-color:#9fd0fe;
 	color:#0b468e;
 	font-size:12px;
 }
 .tabAltActive a:link, .tabAltActive a:hover, .tabAltActive a:visited
 {
	text-decoration:none;
	color:#0b468e;
	font-size:12px;
 }
 
  
 /*Inactive Tab------------------------*/
 .tabInactive
 {	
	margin-bottom:2px;
 }
 .tabInactive div.tabLeft
 {
 	background-image:url(images/layout/TabInactiveLft-trans.png);
 }
 .tabInactive div.tabRight
 {
 	background-image:url(images/layout/TabInactiveRt.png);
 }
 .tabInactive div.tabRightOnDark
 {
  	background-image:url(images/layout/ie6/TabInactiveRtOnDark.jpg);
 }
 .tabInactive div.tabContent
 {
 	background-color:#619cd5;
 	color:#ffffff;
 	font-size:11px;  
 }
 .tabInactive a:link, .tabInactive a:hover, .tabInactive a:visited,
 .searchContent a:link, .searchContent a:hover, .searchContent a:visited,
 .categoryLink:link, .categoryLink:hover, .categoryLink:visited 
 {
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	font-size:11px;
 } 
 
 .searchArea
 {
 	background-image:url(images/layout/TabInactiveLft-trans.png);
 	background-position:left top;
 	background-repeat:no-repeat;
	float:right;
	height:20px;
	padding-left:7px;
	position:relative;
 }
 .searchContent
 {
 	white-space:nowrap;
	background-color:#619cd5; 	
	width:225px;
	height:18px;
	padding-top:2px;
	text-align:right;
	padding-right:5px;
	vertical-align:middle;
 }
 
 .mainContentWrapper
 {
 	/*background-image:url(images/layout/ContentBotLft.gif);
 	background-position:left bottom;
 	background-repeat:no-repeat;
padding-bottom:20px;
width:743px; 
*/
 	background-color:White; 	
 		
 }
 
 .mainContent, .mainContentAlt
 {
 	background-position:left top;
 	background-repeat:repeat-x;
 	background-color:white;
 	min-height:300px;
 	clear:both;
 }
 .mainContent
 {
 	background-image:url(images/layout/ContentBg.png); 	 	
 }
 .mainContentAlt
 {
 	background-image:url(images/layout/ContentAltBg.jpg); 	 	
 }
 
 .wildcardColumn
 {
 	 width:238px; 
 	 border-left: solid 2px #0b468e;
 	 border-collapse:separate;
 	 background-color: #619cd5;
 }
 .requestCatalog
 {
 	font-size:11px;
 	background-image: url(images/wildcards/ProductGuide.jpg);
 	height: 176px;
 	color: #ffffff;
 	padding-top:5px;
 }
 .requestCatalog a:link, .requestCatalog a:hover, .requestCatalog a:visited
 {
 	color:#ffffff;
 }
 
 .wildcardHolder
 {
 	 border-bottom: solid 2px #0b468e;
 	 background-color:#0b468e;
 }

.footer
{
	color:White;
	padding-top:15px;
	padding-bottom:15px;
}
.footer a:link, .footer a:visited
{
	color:White;
	text-decoration:none;
}
.footer a:hover
{
	color:White;
	text-decoration:underline;
}

.watermark
{
    color:Gray;
    font-style:italic;
    text-align:left;
    margin:0px;
    width:100%;
    font-size:10px;
}

.titleLink:link, .titleLink:visited
{
	 font-weight:bold;
	 color:#0b468e;
	 text-decoration:none;
	 font-size:12px;
}
.titleLink:hover
{
	 font-weight:bold;
	 color:#0b468e;
	 text-decoration:underline;
	 font-size:12px;
}

/*------Nutrition Info------------*/
    .FactTableHeader
    {
        font-family:Helvetica Black, Arial Black, Sans-Serif;
        font-size:7pt;    
        color:#10266a;   
        padding-top:2pt; 
        padding-bottom:2pt;  
    }
    .FactLabel
    {
        font-family:Helvetica Black, Arial Black, Sans-Serif;
        font-size:9pt;    
        color:#10266a;
    }
    .FactValue
    {
        font-family:Helvetica, Arial, Sans-Serif;
        font-size:9pt;           
        color:#10266a;
    }
    .vitaminBullet
    {
        font-family:Helvetica, Arial, Sans-Serif;
        font-size:11pt;           
        color:#10266a;      
    }
    .factFootNotes
    {
        font-family:Helvetica, Arial, Sans-Serif;
        font-size:7pt;           
        color:#10266a;     
    }
    .infoHeader
    {
        font-family:Arial Narrow, Helvetica Condensed, Arial, Helvetica, Sans-Serif;
        font-weight:bolder;
        font-size:8.5pt;    
        color:#10266a;       
    }
    .infoText
    {
        font-family:Helvetica, Arial, Sans-Serif;
        font-size:8pt;           
        color:#10266a;        
    }
    .labelSelect:link, .labelSelect:hover, .labelSelect:visited
    {
        color:#10266a;
        font-weight:bold;
    }
    .subLabelMenu
    {
        border:solid 1px #10266a;  
        background-color:White;          
    }
    .subLabelMenuItem:link, .subLabelMenuItem:visited
    {
        text-decoration:none;
    }
    .subLabelMenuItem:hover
    {
        text-decoration:underline;
    }    
    .dkbluesmall
    {
	    font-family: Arial, Helvetica, sans-serif;
	    color: #10266a;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    line-height: 12px;
    }
    
    .actionLink:link, .actionLink:visited, .actionLink:hover
    {
    	color: #10266a;
    	text-decoration:none;
    }
    
    .altActionLink:link, .altActionLink:visited, .altActionLink:hover
    {
    	color: #10266a;
    	text-decoration: underline;
    }
    
    .recipeImageWrapper
    {
        position:relative;
        height:207px;
        width:268px;
    }
    .imageShadowLeft
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:-17px 0px;
        height:47px;
        width:31px;
        position:absolute;
        left:-25px;
        bottom:-3px;
    }
    .imageShadowBottom, imageShadowBottomMd
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -192px;
        height:46px;
        width:261px;
        position:absolute;
        left:6px;
        bottom:-6px;        
    }
    .hugeRecipeImage
    {
        cursor:pointer;
      border:2px solid gray; 
      position:absolute; 
      left:10px; 
      top:75px; 
      width:720px; 
      height:540px;
      background-color:White;
      background-image:url(../../App_Images/Recipease/Loading.gif);
      background-repeat:no-repeat;
      background-position:325px 200px;
      overflow:hidden;
    }
    .recipeImage
    {
        width:268px;
        height:201px; 
        border:1px solid gray;
        position:absolute;
        left:0px;
        top:0px;
    }
    .recipeImageWrapperMedium
    {
        position:relative;
        height:132px;
        width:168px;
    }  
    .recipeImageWrapperMedium img  
    {
        width:168px;
        height:126px; 
        border:1px solid gray;
        position:absolute;
        left:0px;
        top:0px;        
    }
    .recipeImageWrapperMedium .imageShadowBottom
    {
        width:161px;
    }
    
    .recipeCaption, .recipeCaptionMedium
    {
        font-weight:bold;        
        text-align:center;   
        position:relative;  
        height:35px; 
    }
    .recipeCaption
    {    
        font-size:12px;
        width:268px; 
    }
    .recipeCaptionMedium
    {
        font-size:10px;
        width:168px;
    }
    .recipeCaption .bottomBorder, .recipeCaptionMedium .bottomBorder
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -48px;               
        height:48px;               
        position:absolute;
        left:0px;
        bottom:0px;  

    }
    .recipeCaption .bottomBorder
    {                           
        margin-left:21px; 
        width:230px; 
    }    
    .recipeCaptionMedium .bottomBorder
    {             
        margin-left:15px; 
        width:140px;         
    }
    .recipeCaption .fadeLeft, .recipeCaptionMedium .fadeLeft   
    {
        position:absolute;
        left:-32px;        
        bottom:0px;
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position: -77px -430px;               
        height:48px;
        width:32px;        
    }
    .recipeCaption .fadeRight, .recipeCaptionMedium .fadeRight
    {
        position:absolute;
        right:-32px;        
        bottom:0px;
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position: -17px -430px;               
        height:48px;
        width:32px;
        
    }  
    .recipeCaptionLink:link, .recipeCaptionLink:active, .recipeCaptionLink:visited, .recipeCaptionLink:hover
    {
        color:Black;
        font-size:10px;
        line-height:14px;
    } 
    .ratingOn
    {
       background-image:url(../../App_Images/Recipease/backgrounds.png);
       background-repeat:no-repeat;
       background-position:0 -478px;
       height:11px;
       width:25px;
    }
    .ratingOff
    {
       background-image:url(../../App_Images/Recipease/backgrounds.png); 
       background-repeat:no-repeat;
       background-position:-26px -478px;
       height:11px;
       width:25px;              
    } 
    .headerBelowRightCurve
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px 0px;               
        height:48px;
        position:absolute;
        right:-16px;
        width:16px;
        bottom:0px;
    }
    .headerBelowLeftFade
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -96px;               
        height:48px;
        position:absolute;
        left:-126px;
        width:126px;
        bottom:0px;        
    }
    .recipeNarrowColumn
    {
        float:left;
        width:275px;
        padding-bottom:20px;
    }
    .recipeWideColumn
    {
        float:left;
        width:402px;
        padding:115px 0px 20px 26px;
    }
    
    .headerBelow
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -48px;        
        position:absolute;
        top:0px;
        left:0px;        
        height:28px;               
        white-space:nowrap;        
        padding-top:20px;
    }
    .headerBelow h1, .headerAbove h1, .headerBelow h2, .headerAbove h2
    {
        margin:0px;
        padding:0px;
        font-size:14px; 
        line-height:14px;       
        color:#000;       
    }
    .headerLink:link, .headerLink:active, .headerLink:visited
    {
        font-size:12px; 
        text-decoration:none;
        font-weight:bold;
        color:Black;
    }
    .headerLink:hover
    {
        font-size:12px; 
        text-decoration:underline;
        font-weight:bold;
        color:Black;
    }
    .headerAbove
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -238px;   
        position:relative;             
        height:38px;               
        white-space:nowrap;        
        padding-top:10px;                
    }  
    .headerAboveCurvesLeft, .headerBelowCurvesLeft
    {
       margin-left:16px; 
    }  
    .headerAboveFadesRightSmall, .headerBelowFadesRightSmall
    {
        margin-right:32px;
    }
    .headerAboveFadesRightBig, .headerBelowFadesRightBig
    {
        margin-right:126px;
    }    
    .headerAboveCurvesLeft .headerLeft
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -382px;               
        height:48px;
        position:absolute;
        left:-16px;
        width:16px;
        top:0px;        
    }
    .headerBelowCurvesLeft .headerLeft
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:right 0px;               
        height:48px;
        position:absolute;
        left:-16px;
        width:16px;
        top:0px;        
    }
    .headerAboveFadesRightSmall .headerRight
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:-17px -382px;               
        height:48px;
        position:absolute;
        right:-32px;
        width:32px;
        top:0px;        
    } 
    .headerAboveFadesRightBig .headerRight
    {
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -286px;               
        height:48px;
        position:absolute;
        right:-126px;
        width:126px;
        top:0px;        
    }     
    .headerBelowFadesRightBig .headerRight
    {
        
        background-image:url(../../App_Images/Recipease/backgrounds.png);
        background-position:0px -144px;               
        height:48px;
        position:absolute;
        right:-126px;
        width:126px;
        top:0px;        
    }     
     
    .labelTitle
    {
        font-weight:bold;
    }
    
    .recipeWideColumn ul
    {
        padding-left:1.5em;
    }
    .addToRecipe
    {
        background-image:url(../../App_Images/Recipease/icons.gif);
        background-position:0px -34px; 
        background-repeat:no-repeat;
        height:21px;
        padding-left:50px;  
        padding-top:7px;   
        margin-top:3px;
        margin-bottom:3px;  
        font-size:13px; 
    }
    .removeFromRecipe
    {
        background-image:url(../../App_Images/Recipease/icons.gif);
        background-position:0px -81px; 
        background-repeat:no-repeat;
        height:21px;
        padding-left:50px;  
        padding-top:7px;   
        margin-top:3px;
        margin-bottom:3px;  
        font-size:13px; 
    }
    .printRecipe
    {
        background-image:url(../../App_Images/Recipease/icons.gif);
        background-position:0px 0px; 
        background-repeat:no-repeat;
        height:26px;
        padding-left:50px;  
        padding-top:7px;   
        margin-top:3px;
        margin-bottom:3px;  
        font-size:13px; 
    }
    .sendRecipe
    {
        background-image:url(../../App_Images/Recipease/icons.gif);
        background-position:0px -64px; 
        background-repeat:no-repeat;
        height:17px;
        padding-left:50px;  
        padding-top:0px;   
        margin-top:10px;
        margin-bottom:3px;  
        font-size:13px; 
    }   
    .profitCell
    {
        
        padding :3px;
    } 
    .totalCell
    {
       border-top:1px solid #08498a; 
    }
    
    .gradTest
    {

        padding-bottom:10px;
        border-bottom:1px solid #5b9ad1;
        width:350px;
        overflow:visible;
background: -moz-linear-gradient(top, rgba(155,191,223,0.01) 0%, rgba(155,191,223,0.06) 25%, rgba(155,191,223,0.11) 35%, rgba(155,191,223,0.16) 43%, rgba(155,191,223,0.31) 62%, rgba(155,191,223,0.42) 80%, rgba(155,191,223,0.47) 96%, rgba(155,191,223,0.47) 99%, rgba(150,188,222,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,191,223,0.01)), color-stop(25%,rgba(155,191,223,0.06)), color-stop(35%,rgba(155,191,223,0.11)), color-stop(43%,rgba(155,191,223,0.16)), color-stop(62%,rgba(155,191,223,0.31)), color-stop(80%,rgba(155,191,223,0.42)), color-stop(96%,rgba(155,191,223,0.47)), color-stop(99%,rgba(155,191,223,0.47)), color-stop(100%,rgba(150,188,222,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(155,191,223,0.01) 0%,rgba(155,191,223,0.06) 25%,rgba(155,191,223,0.11) 35%,rgba(155,191,223,0.16) 43%,rgba(155,191,223,0.31) 62%,rgba(155,191,223,0.42) 80%,rgba(155,191,223,0.47) 96%,rgba(155,191,223,0.47) 99%,rgba(150,188,222,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(155,191,223,0.01) 0%,rgba(155,191,223,0.06) 25%,rgba(155,191,223,0.11) 35%,rgba(155,191,223,0.16) 43%,rgba(155,191,223,0.31) 62%,rgba(155,191,223,0.42) 80%,rgba(155,191,223,0.47) 96%,rgba(155,191,223,0.47) 99%,rgba(150,188,222,0.45) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(155,191,223,0.01) 0%,rgba(155,191,223,0.06) 25%,rgba(155,191,223,0.11) 35%,rgba(155,191,223,0.16) 43%,rgba(155,191,223,0.31) 62%,rgba(155,191,223,0.42) 80%,rgba(155,191,223,0.47) 96%,rgba(155,191,223,0.47) 99%,rgba(150,188,222,0.45) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039bbfdf', endColorstr='#7396bcde',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(155,191,223,0.01) 0%,rgba(155,191,223,0.06) 25%,rgba(155,191,223,0.11) 35%,rgba(155,191,223,0.16) 43%,rgba(155,191,223,0.31) 62%,rgba(155,191,223,0.42) 80%,rgba(155,191,223,0.47) 96%,rgba(155,191,223,0.47) 99%,rgba(150,188,222,0.45) 100%); /* W3C */
    }
    
.buttonWrapper a:link, .buttonWrapper a:active, .buttonWrapper a:visited, .buttonWrapper a:hover
{
    color:White;
    text-decoration:none;
    height:24px;
    line-height:24px;
    font-size:15px;
    float:left;
    cursor:pointer;
}
.buttonWrapper .buttonLeft
{
    padding-left:9px;
    background-image:url(images/buttons/buttons.png);
    background-repeat:no-repeat;
    background-position:left -25px;
    float:left;
    cursor:pointer; 
}
.buttonWrapper .buttonRight
{
    padding-right:9px;
    background-image:url(images/buttons/buttons.png);
    background-repeat:no-repeat;
    background-position:right -25px;
    float:left;
    cursor:pointer;    
}
.buttonWrapper .buttonContent
{
    background-image:url(images/buttons/buttons.png);
    background-repeat:repeat-x;
    background-position:left top;
    padding-left:0px;
    cursor:pointer;    
    float:left;
}  
.alertOption
{
    padding:10px 0px 0px 20px;
}
.newMembersOnly 
{
    display:none;
}