body {
  background-color: #006435;
  font: normal 12px/16px tahoma, verdana, sans-serif;
  color: #fff;
}

a,
a:visited {
  color: #f4e87f;
  text-decoration: underline;
}

a:hover {
  color: #fff;
  text-decoration: underline;
}

h2 {
  font-size: 17px;
  font-weight: bold;
}

h3 {
  color: #f5ea89;
  font-weight: bold;
  font-size: 14px;
}

#outerFrame {
  width: 1000px;
  margin: 0 auto;
}

#backgroundFrame {
  width: 1000px;
  float: left;
  text-align: center;
  background: url(/images/home/mainBG.jpg) no-repeat left top;
  padding-bottom: 15px;
}

  #varietiesPage #backgroundFrame {
    background-image: url(/images/varieties/varietiesBG.jpg);
  }

#frame {
  width: 773px;
  margin: 0 auto;
  text-align: left;
}

/*-------------------------------------------    
    HOME
-------------------------------------------*/
#homeTopBlock {
  width: 773px;
  height: 312px;
  float: left;
}

#homeTopBlock #skipToProducts {
  width: 350px;
  height: 312px;
  float: left;
}

#homeTopBlock h1 {
  margin: 61px 0 5px 397px;
}

#homeTopBlock h1 img {
  padding: 0 75px 4px 0;
  border-bottom: 1px solid #94a941;
}

#homeTopBlock p {
  margin: 0 27px 0 397px;
  line-height: 15px;
}

#homeTopBlock strong {
  color: #fceb9a;
  font-weight: bold;
}

#homeProducts {
  float: left;
  margin-bottom: 25px;
}

#homeLeftColumn {
  width: 415px;
  float: left;
}

#homeLeftColumn p {
  margin: 5px 0 18px 0;
  line-height: 16px;
}

  #homeLeftColumn p.note,
  p.note {
    margin: 0  0 8px 0;
    line-height: 16px;
    color: #88bba6;
  }

#homeLeftColumn div {
  width: 415px;
  height: 120px;
  float: left;
}

  #homeLeftColumn div#liveHealthy {
   background: url(/images/home/liveHealthyBG.jpg) no-repeat left top;
  }

  #homeLeftColumn div#signUp {
   background: url(/images/home/signUpBG.jpg) no-repeat left top;
  }

  #homeLeftColumn div#health {
   background: url(/images/home/healthBG.jpg) no-repeat left top;
  }
  
#homeLeftColumn div h3 {
  margin: 19px 0 0 118px;
}

  #homeLeftColumn div#signUp h3 {
    margin-top: 13px;
  }

#homeLeftColumn div p {
  margin: 0 0 5px 118px;
}

#homeLeftColumn div p strong {
  font-size: 14px;
  font-weight: bold;
}

#homeLeftColumn div a {
  margin: 0 0 0 118px;
}

#homeRightColumn {
  width: 295px;
  float: right;
}

#homeRightColumn div {
  width: 295px;
  height: 137px;
  background: url(/images/home/couponBG.jpg) no-repeat left top;
}

#homeRightColumn div h2 img {
  margin: 17px 0 10px 19px;
}

#homeRightColumn div a {
  margin: 0 0 0 19px;
}

#homeRightColumn h3 {
  background: #00431a url(/images/home/sideBarHeaderTop.gif) no-repeat left top;
  padding: 8px 16px;
  margin-bottom: 1px;
}

#homeRightColumn ul {
  background: url(/images/home/listGradient.gif) repeat-x left top;
  padding: 10px 5px 8px 15px;
}

#homeRightColumn ul li {
  background: url(/images/home/bullet.gif) no-repeat left 3px;
  padding: 0 0 9px 18px;
}

#homeRightColumn ul li a,
#homeRightColumn ul li a:visited {
  color: #fff;
}

#homeRightColumn ul li a:hover {
  color: #f4e87f;
}

/*-------------------------------------------    
    VARIETIES
-------------------------------------------*/
#varietiesIntro {
  width: 758px;
  height: 232px;
  float: left;
}

#varietiesIntro #backToHome {
  width: 255px;
  height: 232px;
  float: left;
}

#varietiesIntro h1 {
  margin: 72px 0 0 317px;
}

#varietiesIntro p {
  margin: 5px 0 0 317px;
}

#varietiesIntro p a {
  padding-left: 14px;
  background: url(/images/varieties/backIcon.gif) no-repeat left 4px;
}

#varietiesMiddleBlock {
  width: 758px;
  height: 140px;
  float: left;
}

#varietiesMiddleBlock div {
  float: right;
  width: 184px;
  height: 115px;
  overflow: auto;
}

#varietiesMiddleBlock div h4 {
  font-size: 12px;
  font-weight: bold;
  color: #f4e87f;
}

#varietiesMiddleBlock h2 {
  margin: 3px 235px 5px 28px;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  color: #f4e87f;
  padding-bottom: 5px;
  border-bottom: 1px solid #80a557;
}

span.reg {
  font-size: 65%;
  vertical-align: top;
}

#varietiesMiddleBlock h2 span.em {
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  display: block;
}

#varietiesMiddleBlock h2 span.em span {
  color: #9ebb7f;
}

#varietiesMiddleBlock p {
  margin: 0 235px 0 28px;
}

#varietiesMiddleBlock p strong {
  color: #fceb9a;
  font-weight: bold;
}

.productNutritionGroup {
  width: 773px;
  float: left;
  background: url(/images/varieties/divider.gif) repeat-y 385px top;
  border-bottom: 1px solid #388e6b;
}

  .productNutritionGroup.last {
    border-bottom: none;
    margin-bottom: 20px;
  }

.productNutritionGroup div {
  width: 340px;
  float: left;
  padding: 20px 0;
  background: no-repeat left 13px;
}
  
  .productNutritionGroup div.one,
  .productNutritionGroup div.two {
    padding-top: 0;
    background-position: left 1px;
  }
  
  .productNutritionGroup div.one,
  .productNutritionGroup div.three,
  .productNutritionGroup div.five {
    float: left;
  }

  .productNutritionGroup div.two,
  .productNutritionGroup div.four,
  .productNutritionGroup div.six {
    float: right;
  }
  
  .productNutritionGroup div.one {background-image: url(/images/varieties/productImage1.jpg);}
  .productNutritionGroup div.two {background-image: url(/images/varieties/productImage2.jpg);}
  .productNutritionGroup div.three {background-image: url(/images/varieties/productImage3.jpg);}
  .productNutritionGroup div.four {background-image: url(/images/varieties/productImage4.jpg);}
  .productNutritionGroup div.five {background-image: url(/images/varieties/productImage5.jpg);}
  .productNutritionGroup div.six {background-image: url(/images/varieties/productImage6.jpg);}

.productNutritionGroup div img.nutritionFaccts {
  float: right;
  border: 1px solid #005108;
}

.productNutritionGroup div h3 {
  margin: 170px 145px 0 10px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}

.productNutritionGroup div p {
  margin: 0 150px 18px 10px;
}

.productNutritionGroup div img.dailyValue {
  margin-left: 10px;
}

/*-------------------------------------------    
    FOOTER
-------------------------------------------*/
#footer {
  width: 773px;
  float: left;
  text-align: center;
  margin-top: 15px;
}

#footer li {
  display: inline;
  font-size: 10px;
  padding: 0 8px 0 9px;
  background: url(/images/footer/divider.gif) no-repeat left 3px;
}

#footer li.firstChild {
  padding-left: 0;
  background: none;
}

#footer li.lastChild {
  padding: 5px 0 0 0;
  width: 773px;
  background: none;
  display: block;
}

#footer a,
#footer a:visited {
  color: #fff;
}