/* -------------------------------------------- */
/* hcVisualCommon.css                           */
/* -------------------------------------------- */
/*
   These styles are used by all css compliant
   browsers including Netscape 4
*/

body { background:#FFF none; margin:0; padding:0; color:#000; font-size:12px;
  line-height:1.8em; font-family:verdana, arial, helvetica, sans-serif; }
td { text-align:left; }
b { font-weight:bold; }


h1, h2, h3 { font-family:arial, helvetica, sans-serif; font-weight:bold; 
  color:#666; line-height:1em; }
h1 { font-size:16px; text-transform:uppercase; margin:6px 0 1.5em 9px; }
h1 span { font-size:14px; }
h2 { font-size:26px; line-height:32px; font-weight:normal; }
h3 { font-size:14px; }

a:link { color: #039; }
a:active { color: #00F; }
a:visited { color: #C09; }

input[type="text"], input[type="password"], textarea { background: #FFF;
  border: 2px solid; border-color: #999 #D9D9D9 #D9D9D9 #999; }


#main { width:860px; margin:0 auto; padding:20px; background:#FFF none; }

/* 
#main { width:820px; margin-left:auto; margin-right:auto; background:#fff none; background-image:url(/images/template/natural-products.jpg) no-repeat top ;}
*/ 


#content { margin:0 60px; }

#bottomMenu { margin-top:2em; border-top:1px solid #036; }
#bottomMenu p { font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:10px; text-align:center; color:#000; }
#bottomMenu a { color:#000; text-decoration:none; }
#bottomMenu a:hover { color:#000; text-decoration:underline; }

.brandHd { color:#666; background:#FF0 none; font-size:18px; 
  font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
  text-align:left; padding:3px 0px 3px 9px; }

.blue, .red, .green { background:#FFF none; }
.blue { color:#00C; }
.red { color:#F00; }
.green { color:#9C6; }

.footnote { font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:9px; text-align:left; }

.homeText { font-size:13px; line-height:1.8em; letter-spacing:0em; text-align:left; }

#clear { clear:both; }

.home, .none { background:#CC3 none; }
.brands { background:#609 none; }
.careers { background:#F63 none; }
.contactus { background:#FC0 none; }

#careersHd { height:27px; }
#careersHd img { margin-left:10px; }

.tagline { font-size:18px; font-family:georgia, times, serif; font-style:italic;
   color:#900; text-align:center; padding:10px; width:471px;
   margin:20px 0 10px 0; background:#FFC; border-top:1px dashed #900; 
   border-bottom:1px dashed #900; }

#feature { margin:24px 12px 12px 12px; border:#900 dotted 2px; }
#feature .content { padding:0 24px 12px 24px; }
#feature h1 { color:#666; background:#CC3 none; font-size:18px; 
  font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
  text-align:left; padding:8px 24px 6px 24px; margin:0; }

.indented { margin-left:12px; }

.irHdr { font-family:arial, helvetica, sans-serif; font-size:28px; 
  font-weight:bold; color:#666; background:#FFF none; }
.irTxt { font-family:verdana, arial, helvetica, sans-serif; font-size:11px; }

.menuTxt { font-family:verdana, arial, helvetica, sans-serif; font-size:11px; }
.menuLink { text-decoration:none; }
.menuPage { font-weight:bold; }

.Nutrition { font-family:Arial, Helvetica, sans-serif; font-size:11px;
  text-align:left; }
.NutritionHd { font-family:Arial, Helvetica, sans-serif; font-size:22px;
  text-align:left; }
.NutritionSm { font-family:Arial, Helvetica, sans-serif; font-size:9px;
  text-align: left; }

.pageHd, .pageSbhd { color:#666; background:#FFF none; margin-top:1em; }
.pageHd	{ font-family:Arial, Helvetica, sans-serif; font-size:18px;
  font-weight:bold; text-align:left; }
.pageSbhd { font-family:Arial, Helvetica, sans-serif; font-size:14px;
  font-weight:bold; text-align:left; }

.textMenu { font-size: 9px; line-height: 10px; text-align: center; }

.clearfix:after { content:"."; display:block; height:0; clear:both; 
  visibility:hidden; }
/* Hides from IE-mac \*/ 
* html .clearfix { height:1%; }
/* End hide from IE-mac */