/* CSS Document */

/**
 * Hormel Health Labs Website.
 * Copyright (C) 2009 by Hormel Health Labs
 */

/******************************************************************************
* Global Settings
*******************************************************************************/
* { margin: 0 auto; padding: 0; }
html { height: 100%; }
body { font: 12px Arial, Helvetica, Verdana; background-color:#ffffff; margin: 10px 0px 10px 0px; text-align: center; }
p { font: 12px Arial, Helvetica, Verdana; text-align: left; margin: 20px; }
h1 { font: 16px Arial, Helvetica, Verdana; text-align: left; margin: 20px; color: #cc9900; font-weight: bold; }
h4 { font: 14px Arial, Helvetica, Verdana; text-align: left; margin: 20px; color: #cc9900; font-weight: bold; padding: 10px 0px 0px 0px; }
ul { font: 12px Arial, Helvetica, Verdana; text-align: left; margin: 0px auto; }
li{ font: 12px Arial, Helvetica, Verdana; text-align: left; margin: 0px auto; margin-left: 50px; padding-top: 5px; }
img { border: 0; text-align: center; margin: 0px auto; }
a:link, a:visited, a:active, a:hover { color: #101060; }
table { text-align: left; margin: 0px 20px; }
td.spaced { padding: 5px; }

/******************************************************************************
* General Layout
*******************************************************************************/
#pageContainer { width: 760px; text-align: center; margin:: 0px auto; padding: 0px; }
#header { text-align: left; position: relative; margin: 0 auto; padding: 0px; padding-bottom: 10px; }
#logo { position: relative; margin: 5px auto; padding: 0px; }
#navigation_top { line-height: 20px; margin: 0 auto; padding: 0px; vertical-align: middle; color: #fff; position: absolute; top: 46px; width: 100%; z-index: 15; }
#footer { width: 760px; color: #101060; }
#1colContent { width: 760px; text-align: left; }
#2colContent { width: 760px; text-align: left; }
#2colContentLeft { position: absolute; top: 0px; left: 0px; }
#2colContentRight { position: absolute; top: 0px; right: 0px;  }
#2colContentRightBuffered { width: 290px; }
#top_left_image { position: absolute; top: 0px; left: 0px; padding: 0px 0px 10px 0px; width: 760px; height: 87px; z-index: -1; }
#top_right_image { position: absolute; top: 0px; right: 0px; padding: 0px; width: 290px; height: 243px; z-index: -1; } 
p.breadcrumb { padding: 0px; margin: 20px 5px 0px 5px; font-size: 11px; font-weight: normal; position: relative; z-index: 1; }
.rdoSelect { padding-right: 5px; vertical-align: middle; text-indent: 15px; }

/******************************************************************************
* Navigation
*******************************************************************************/
a.nav_link:link, a.nav_link:visited { color: #ffffff; font-weight: bold; text-decoration: none; font-size: 11px; padding: 0px 5px; }
a.nav_link:active, a.nav_link:hover { color: #101060; font-weight: bold; text-decoration: underline; font-size: 11px; padding: 0px 5px; }
a.footer_link:link, a.footer_link:visited, a.footer_link:active, a.footer_link:hover 
    { color: #101060; font-weight: normal; text-decoration: underline; font-size: 12px; padding: 0px 5px; }
a.crumb:link, a.crumb:visited { color: #101060; font-weight: normal; text-decoration: none; font-size: 11px; }
a.crumb:active, a.crumb:hover { color: #101060; font-weight: normal; text-decoration: underline; font-size: 11px; }

/******************************************************************************
* Template Content
*******************************************************************************/   
.singleColContent { margin: 0px 30px 20px 30px; text-align: left; }
.doubleColContentLeft { margin: 0px; width: 450px; text-align: left; padding: 0px; float: left; }
.doubleColContentRight { margin: 0px; width: 290px; text-align: left; padding: 0px; float: right; }
.homeProd1 { margin: 0px; width: 235px; text-align: center; padding: 0px; float: left; background-color: Blue; }
.homeProd2 { margin: 0px; width: 235px; text-align: center; padding: 0px; float: right; background-color: Red; }
img.header { border: 0; text-align: center; margin: 0px auto; margin-left: -20px; margin-top: -20px; margin-bottom: -10px; }
.ddlCats { font-size: 11px; }
td.mapLeft { width: 30%; vertical-align: middle; text-align: left; padding: 5px 10px; }
td.mapRight { width: 70%; vertical-align: middle; text-align: left; padding: 5px 10px; }

/******************************************************************************
* Admin Pages
*******************************************************************************/  
table.admin2ColInput { width: 100%; margin-top: 15px; }
td.adminTableHeader { font-weight: bold; font-size: 14px; padding: 5px; text-align: center; background-color: #D8D8D8; }
td.adminTableTitle { font-weight: bold; font-size: 14px; padding: 10px; text-align: center; color: Navy; border-top: solid 1px; }
td.adminFieldTitle { font-weight: bold; font-size: 12px; padding: 5px; padding-left: 10px; border-top: solid 1px; }
td.adminFieldValue { font-weight: normal; font-size: 12px; padding: 5px 0px; text-align: center; border-top: solid 1px; }
td.prodID { width: 60px; background-color: #f0cd66; padding: 5px 3px; text-align: center; }
td.prodLink { width: auto; background-color: #EDEDED; padding: 5px 10px; }
td.fieldName { font-weight: bold; text-align: left; }
td.fieldValue { font-weight: normal; text-align: left; }
td.fieldHeader { font-weight: bold; text-align: center; padding: 5px; }
td.spacer { padding: 15px 0px; vertical-align: middle; }
td.alert { font-family: verdana, arial, sans-serif; font-size: 10px; text-align: center; color: #FF0000; font-weight: bold; padding-top: 5px; }
.dgValues { padding: 5px 10px 5px 10px; font-size: 12px; }

/******************************************************************************
* Product Spec
*******************************************************************************/  
td.prodSpacer { width: 6%;  font-family: "Times New Roman", Times, serif; font-size: 12px; }
td.prodPlain { font-family: "Times New Roman", Times, serif; font-size: 12px; }
td.prodHeader { font-weight: bold; font-size: 16px; font-family: "Times New Roman", Times, serif; }
td.prodLabel { width: 24%; font-weight: bold; font-size: 12px; }
td.prodLabelNormal { width: 24%; font-weight: normal; padding-left: 15px; font-size: 12px; }
td.prodLabelNormalNoIndent { width: 24%; font-weight: normal; font-size: 12px; }
td.prodLabelIndent { width: 24%; font-weight: bold; padding-left: 15px; font-size: 12px; }
td.prodData { width: 24%; text-align: right; font-size: 12px; }
table.NutritionFacts { border: ridge 1px; width: 365px; margin-top: 20px; padding-left: 2px; padding-right: 2px; }

/******************************************************************************
* News Summary
*******************************************************************************/  
td.newsDate { width: 100px; text-align: left; line-height: 130%; }
td.newsHeadline { text-align: left; }

/******************************************************************************
* Legacy Code
*******************************************************************************/   
A.noline
{
    TEXT-DECORATION: none
}
.black
{
    COLOR: #000000
}
.white
{
    COLOR: #ffffff
}
.blue
{
    COLOR: #000066
}
.tan
{
    COLOR: #cc9900
}
.gray
{
    COLOR: #999999
}
.topright
{
    VERTICAL-ALIGN: top;
    WIDTH: 110px;
    TEXT-ALIGN: right
}
#white8
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#white9
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#white10
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#white11
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#white12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#white14
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#black8
{
    FONT-SIZE: 8px;
    COLOR: #000000;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#black9
{
    FONT-SIZE: 9px;
    COLOR: #000000;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#black10
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#black11
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#black12
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#black14
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#blue8
{
    FONT-SIZE: 8px;
    COLOR: #000066;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#blue9
{
    FONT-SIZE: 9px;
    COLOR: #000066;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#blue10
{
    FONT-SIZE: 10px;
    COLOR: #000066;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#blue11
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#blue12
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#blue14
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000066;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#tan8
{
    FONT-SIZE: 8px;
    COLOR: #cc9900;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#tan9
{
    FONT-SIZE: 9px;
    COLOR: #cc9900;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#tan10
{
    FONT-SIZE: 10px;
    COLOR: #cc9900;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#tan11
{
    FONT-SIZE: 12px;
    COLOR: #cc9900;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#tan12
{
    FONT-SIZE: 12px;
    COLOR: #cc9900;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#tan14
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #cc9900;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: arial,helvetica,verdana
}
#Buttons
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #000066
}
.times
{
    FONT-FAMILY: "Times New Roman", Times, serif
}
.timesbold
{
    FONT-WEIGHT: bold;
    FONT-FAMILY: "Times New Roman", Times, serif
}
.itemnumber
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    FONT-FAMILY: "Times New Roman", Times, serif
}
.bold
{
    FONT-WEIGHT: bold;
    COLOR: black
}
.timesbold14
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    FONT-FAMILY: "Times New Roman", Times, serif
}
.timesnutrition
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 28px;
    FONT-FAMILY: arial,helvetica,verdana
}
.indent
{
    TEXT-INDENT: 12pt
}
.barcode
{
    FONT-SIZE: 72px;
    FONT-FAMILY: UpcP72Tt
}
.titlemedium
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 18pt;
    COLOR: #000066;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Palatino Linotype', 'Times New Roman'
}
.titlelarge
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 22pt;
    COLOR: #000066;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Palatino Linotype', 'Times New Roman';
    LETTER-SPACING: 0px
}
.titlesuper
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: super;
    COLOR: #000066;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Palatino Linotype', 'Times New Roman'
}
.tanlarge
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 18px;
    COLOR: darkgoldenrod;
    FONT-FAMILY: 'Palatino Linotype', 'Times New Roman'
}
.tanmedium
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 14px;
    COLOR: darkgoldenrod;
    FONT-FAMILY: 'Palatino Linotype', 'Times New Roman'
}