/*
ABOUT:        carando.com
TEAM:         bernstein-rein interactive
              Adam Seitz, designer
              Shawn Hill, senior programmer
              Sean Berger, html/css
              Heston Miles, actionscript developer
RELEASE:      20 august 2008
LAST UPDATED: n/a
LOCATION:     kansas city, missouri

TABLE OF CONTENTS:
  01.   ERIC MEYER CSS RESET (as modified by author)

  02.   PRESENTATIONAL LAYOUT
  02.1  COLUMNS (widths vary by page layout)
  02.1A DEFAULT (story, cooking, product tips)
  02.1B ONE
  02.1C TWO (even width)
  02.1D THREE
  02.2  VIDEO PLAYER

  03.   CONTENT IN BODY
  03.1  FLASH-EMBEDDED CONTENT
  03.2  CONTACT PAGE

  04.   NAVIGATION
  05.   FOOTER
  06.   FAHRNER IMAGE REPLACEMENT (headers, subheads and captions)
  07.   FORMS

=== 01 ERIC MEYER CSS RESET ***/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,
a,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,legend,hr,embed,
fieldset,form,label,textarea,input,select,table,caption,tbody,tfoot,thead,tr,th,td {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 98%;
  font-family: "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
html { height: 100%;}
strong { font-weight: bold; margin: auto !important; font-size: 1.00em; }
/*** 02 PRESENTATIONAL LAYOUT ***/
body {
  height: 100%;
}
#print-only-logo {
  display: none;
}
body {
  background-color: #f5f0e6; /*light cream */
  background-image: url(../images/utility/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  margin: 0 auto;
}
#content {
  width: 910px;
  margin: 35px auto 0 auto;
  min-height: 500px;
}
  #home-promo {
    height: 200px;
  }
  #home-watch {
    background-image: url(/images/utility/home_right_watch.gif?v=2);
    background-repeat: no-repeat;
    height: 385px;
  }
  #home-watch img {
    margin: 75px 0 15px 32px;
  }
#right-column-nav {
  clear: both;
  height: 335px;
  margin-top: 10px;
}
.adjust-height {
  padding-top: 26px;  
}
  /* recipes subnav == default */
  #right-column-nav img#paper {
    position: relative;
    top: 0; left: 0;
    z-index: 1;
  }
  #right-column-nav ul {
    position: relative;
    top: 0; left: 0;
    z-index: 2;
    margin-top: -346px;
  }
  /* promotions subnav */
  #promotions-page #right-column-nav {
    margin-top: 60px;
  }
  #promotions-page #right-column-nav ul {
    margin-top: -114px;
  }
  /* products subnav */
  #product-page #right-column-nav,
  #product-category-page #right-column-nav {
    margin-top: 0;
    padding: 0;
  }
    #product-page #right-column-nav ul,
    #product-category-page #right-column-nav ul {
      margin: -156px 0 0 0;
    }
    #classic-italian #right-column-nav ul li a#nav01,
    #ham #right-column-nav ul li a#nav02,
    #finer-foods #right-column-nav ul li a#nav03,
    #new #right-column-nav ul li a#nav04 { color: #640000; /* crimson */}

  /* tips subnav */
  #tips-page #right-column-nav { margin-top: 20px;}
  #tips-page #right-column-nav ul { margin: -168px 0 0 0; }
    #faqs #right-column-nav ul li a#nav01,
    #handling #right-column-nav ul li a#nav02,
    #cooking #right-column-nav ul li a#nav03,
    #glossary #right-column-nav ul li a#nav04,
    #helpful #right-column-nav ul li a#nav05 { color: #640000; /* crimson */}

/*** 02.1 COLUMNS. WIDTHS VARY BY PAGE LAYOUT
     02.1A  DEFAULT (story, cooking, product tips) ***/
#column-one {
  float: left;
  width: 518px;
  padding-left: 58px;
}
#column-two,
.column-two {
  float: left;
  width: 310px;
  padding-left: 10px;
}

/*** 02.1   COLUMNS (widths vary by page layout)
     02.1B  ONE ***/
#home-page #content {
  width: 1000px;
}
#home-page #column-one {
  width: 595px;
}
#home-page #column-two {
  width: 285px;
  padding-left: 10px;
}
#promotions-page #column-one {
  width: 515px;
  padding-right: 25px;
}
#promotions-page #column-two {
  width: 240px;
}
.one-column-layout #column-one {
  width: 880px !important;
}

/*** 02.1C  TWO (even width) ***/
#tips-page #column-one {
  width: 498px;
}
#story-page #column-two,
#tips-page .column-two {
  margin-top: 80px;
}
  #story-page #column-two {
    overflow: auto;
    height: 400px;
    padding: 2px 10px 4px 0;
    width: 290px;
  }
#all-recipes-page #column-two,
#cooking-page #column-two {
  margin-top: 58px;
}
#retailers-page #column-one,
#contact-page #column-one {
  width: 390px;
}
#retailers-page #column-two,
#contact-page #column-two {
  width: 375px;
  padding-top: 45px;
  padding-left: 20px;
}

/*** 02.1D  THREE ***/
#product-page #column-one,
#product-category-page #column-one {
  width: 188px;
  padding-left: 40px;
}
#product-page #column-two,
#product-category-page #column-two {
  width: 398px;
  padding-top: 10px;
}

#product-category-page .column-three,
#product-category-page .column-four {
  float: left;
  width: 240px;
  padding: 10px 0 0 10px;
}
.fix-10 { padding-top: 10px;}

/*** 02.2  VIDEO PLAYER ***/
#videoplayer {
  background-image: url(../images/videos/video_bg.gif);
  background-position: -15px 8px;
  background-repeat: no-repeat;
  height: 340px;
}
  #videoplayer h3 {
    background-image: url(../images/videos/no_flash_video.gif);
    background-position: -9px 5px;
    padding-top: 316px; height: 0 !important;
    height /**/: 316px; overflow: hidden;
  }
  #videoplayer p {
    color: #fff;
    margin: 0 auto;
    width: 350px;
    text-align: center;
    font-weight: bold;
    line-height: 1.30em;
    position: relative;
    top: -145px; left: 0;
  }
  #videoplayer p a,
  #videoplayer p a:link,
  #videoplayer p a:visited,
  #videoplayer p a:hover {
    color: #cdcdcd;
    font-weight: bold;
  }
  #home-promo img { /* flash not installed */
    margin: 0;
  }
#subnav {
  margin: 25px 0 0 0;
}

/*** 03 CONTENT IN BODY ***/
h1,h2,h3,h4,h5,
h5 strong {
  font-family: "Adobe Caslon Pro", "Adobe Caslon", Garamond, Georgia, Times, "Times New Roman", serif;
}
h2,h3 {
  margin: 15px 0 0 0;
}
h1 { font-size: 1.70em;
     font-weight: normal;}
h2 { font-size: 1.40em;  }
h3 { font-size: 1.35em;  }
h4 { font-size: 1.19em;  }
h5 { font-size: 1.08em;  }
h6 { font-size: 0.78em;  }
h1,h2,h3 {
  font-weight: bold;
  color: #640000; /* green */
  line-height: 1.15em;
}
h4,
#generic-page h4 a,
#generic-page h4 a:link,
#generic-page h4 a:visited,
#generic-page h4 a:hover {
  font-family: "Adobe Caslon Pro", "Adobe Caslon", Garamond, Georgia, Times, "Times New Roman", serif;
  color: #ba8610; /* mustard */
  font-weight: normal;
  line-height: 1.45em;
  margin: 15px 0 -10px 0;
  text-decoration: none;
}
  #generic-page h4 a:hover {
    text-decoration: underline;
  }
h5,h6 {
  color: #5f4327; /*brown*/
  line-height: 1.45em;
  margin: 15px 0 -5px 0;
  width: 430px;
  font-weight: bold;
}
h5 {
  color: #ba8610; /* mustard */
  font-style: italic;
}
a img { border:0; }
a,a:link,a:visited,a:hover {
  color: #620000; /* crimson */
  text-decoration: underline;
}
  a:hover {
    text-decoration: none;
  }
  #product-category-page ul li a,
  #product-category-page ul li a:link,
  #product-category-page ul li a:visited,
  #product-category-page ul li a:hover {
    color: #640000;
  }
p,ol li,ul li,label,dt,dd,legend {
  color: #5f4327; /*brown*/
  font-size: 0.77em;
  line-height: 1.55em;
  padding: 12px 0 0 0;
}
dd,ol,ul {
  margin: 5px 0 0 0;
}
dt {
  font-weight: bold;
}
dd {
  padding: 0;
}
ol li,ul li {
  padding: 5px 0 0 0;
  margin: 0 0 0 30px;
  font-weight: normal;
}

/* webisode callouts (using <span> tag) for recipe titles */
#all-recipes-page ul li span { /* view all recipes, unordered list */
  font-weight: bold;
  color: #ba8610; /* mustard */
}
  #all-recipes-page ul li span:before { content: "("; }
  #all-recipes-page ul li span:after { content: ")";}
#cooking-page h4 span, /* title on share page */
#cooking-page h3 span {
  display: block;
  font-family: "Adobe Caslon Pro", "Adobe Caslon", Garamond, Georgia, Times, "Times New Roman", serif;
  color: #640000; /* crimson */
  font-size: 0.80em;
  font-weight: bold;
  line-height: 1.04em;
  margin: 3px 0 15px 0;
}
  #cooking-page h3 span {  
    padding: 5px 8px;
    background-color: #f1eaea;
    border: 1px solid #640000;
    width: 210px;
  }
  #cooking-page h3 span:after { 
    font-size: 0.70em;
    font-weight: normal;
    font-family: "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
    content: "Simply click 'Cooking with Carando' above to watch.";
    display: block;
    margin: 1px 0 0 0;
    width: 200px;
  }
#cooking-page form label span, /* shopping list */
#cooking-page #right-column-nav ul li a span {
  display: none;
}
  #cooking-page #right-column-nav ul li a span:before { content: "(";}
  #cooking-page #right-column-nav ul li a span:after { content: ")";}

#product-page .float {
  float: left;
}
#results-wrapper {
  overflow: hidden;
  width: 970px;
}
.mini-column {
  float:left;
  margin-top: 20px;
  width: 220px;
}
  #cooking-page .mini-column { margin-right: 20px; padding: 4px 10px 10px 18px; }
  .mini-column p strong {
    font-weight: bold;
    font-size: 1.35em;
    font-style: normal;
    font-family: "Adobe Caslon Pro", "Adobe Caslon", Garamond, Georgia, Times, "Times New Roman", serif;
  }
  .mini-column ul li {
    color: #175c36;
    padding: 0;
    font-size: 0.79em;
    text-align: left;
    list-style-type: none;
    margin: 0;
    font-weight: normal; 
  }
.one-column-layout #column-one p,
.one-column-layout #column-one dd,
.text-based-content #column-one p,
.text-based-content #column-one dd {
  text-align: left;
  width: 430px;
}
.one-column-layout #column-one ol li,
.one-column-layout #column-one ul li,
.text-based-content #column-one ol li,
.text-based-content #column-one ul li {
  text-align: left;
  width: 400px;
}
.one-column-layout #column-one p,
.one-column-layout #column-one ol li,
.one-column-layout #column-one ul li,
.one-column-layout #column-one dd {
  width: 800px !important;
}
  #right-column-nav ul li {
    list-style-type: none;
    line-height: 1.91em;
    color: #017837; /* dk green */
  }
  #right-column-nav ul li a,
  #right-column-nav ul li a:link,
  #right-column-nav ul li a:visited,
  #right-column-nav ul li a:hover {
    color: #5f4327; /* brown */
    text-decoration: none;
  }
  .selected {
    color: #620000 !important; /* crimson */
  }
  #right-column-nav ul li.brown {
    color: #5f4327; /* brown */
  }
  #right-column-nav ul li a:hover {
    text-decoration: underline;
  }
  #right-column-nav ul li a img {
    margin-left: 5px;
  }
/* story page */
  /* content containers */
  #story-block-01 {
    width: 780px;
  }
  #story-block-02 { clear:both;}
  #story-block-03 {
	float: left;
    width: 540px;
    margin-right: 30px;
  }
  #story-block-04 {
    float: left;
  }
  #story-block-05 {
    padding-top: 10px;
    float: left;
    width: 570px;
  }
  .one-column-layout #story-block-03 h5,
  .one-column-layout #story-block-03 p { width: 540px !important; }
  .one-column-layout #story-block-04 p { width: 470px !important; }
  #story-block-04 { margin-top:15px;}
  .one-column-layout #story-block-05 p { width: 540px !important; }
  
  /* photos */
  #caption { /* back in italy ... */
    padding: 24px 0 15px 0;
    position: relative;
    top: 0; left: 30px;
  }
  #one {
	float: left;
    width: 235px; height: 275px;
    margin-left: -20px;
  }
  #two {
	float: left;
    padding: 20px 0 0 0;
    margin-right: 15px;
  }
  #three {
	float: left;
	width: 320px; height: 235px;
    margin-left: -20px;
    padding-top: 15px;
    padding-right: 22px;
  }
  #four {
    float: left;
    width: 267px; height: 325px;
    margin: 12px 0 0 -25px;
  }
  h5#thanks-peter {
    clear: both;
    width: 820px;
    padding-top: 20px;
  }
#cooking-search p {
  padding: 0 25px 0 0;
}

#product-page h5,
#product-category-page h5 {
	width: auto;
}

#product-page h6,
#product-category-page h6 {
  width: auto;
  padding: 0 15px 0 8px;
  margin: 10px 0 0 0;
  line-height: 1.15em;
}
#product-page img {
  padding-right: 30px;
}
#product-page ul li {
  list-style-type: none;
}
#product-page #content img {
  margin: 0 -25px 0 0;
}
#product-page #content img {
  float: left;
}
  #img-01,#img-02,#img-03,#img-04 {
    position:relative;
    top: 10px;
  }
  #img-01 { top:20px; left:45px;}
  #img-02 { top:0px;  left:49px;}
  #img-03 { top:8px;  left:52px;}
  #img-04 { top:11px; left:48px;}
#product-page #column-one p {
  text-align: center;
  margin: 0 0 0 17px;
}
#product-page img.center {
  padding: 15px 0 0 152px;
}
#tips-page #column-one img {
  margin-left: -35px;
}
#tips-page ul { list-style-type: disc; }

/* 03.1 FLASH-EMBEDDED CONTENT
   this content renders as an embed tag in Mozilla and an object tag in IE */
#videoplayer embed { /* moz */
  margin: 32px 0 0 9px;
  width: 480px;
  height: 262px;
}
#home-promo embed { /* moz */
  margin: 30px 0 0 10px;
  height: 180px;
}
#videoplayer object { /* IE */
  margin: 32px 0 0 9px;
}
#home-promo object { /* IE */
  margin: 20px 0 0 11px;
  height: 180px;
}
/*** 03.2 CONTACT PAGE - BIZ LISTING ***/
.vcard {
  color: #5f4327;
  font-size: 0.80em;
  margin: 10px 0 0 0;
}
abbr,
.vcard a {
  text-decoration: none;
  font-size: 0.95em;
  color: #5f4327;
}

/*** 04 NAVIGATION ***/
#header-nav {
  height: 150px;
  margin: 0 auto 0 auto;
  width: 830px;
}
#header-nav h1 a {
  display: block;
  margin: 0 auto;
  width: 145px;
  height: 0px;
  padding-top: 122px; height: 0 !important;
  height /**/: 122px; overflow: hidden;
}
#header-nav ul {
  list-style-type: none;
  margin-top: 10px;
}
#header-nav ul li {
  float: left;
  padding: 0;
  margin: 0 0 0 13px;
}
#header-nav ul li a {
  display: block;
  background-image: url(../images/typography/navigation.gif);
  background-repeat: no-repeat;
  padding-top: 17px; height: 0 !important;
  height /**/: 17px; overflow: hidden;
}
#header-nav ul li#story,
#header-nav ul li#story a {
  background-position: 0 0;
  width: 81px;
}
#header-nav ul li#products,  
#header-nav ul li#products a {
  background-position: 0 -100px;
  width: 102px;
}
#header-nav ul li#cooking,
#header-nav ul li#cooking a {
  background-position: 0 -200px;
  width: 152px;  
}
#header-nav ul li#product-tips,
#header-nav ul li#product-tips a {
  background-position: 0 -300px;
  width: 99px;
}
#header-nav ul li#retailers,
#header-nav ul li#retailers a {
  background-position: 0 -400px;
  width: 133px;
}
#header-nav ul li#promotions,
#header-nav ul li#promotions a {
  background-position: 0 -500px;
  width: 100px;
}
#header-nav ul li#contact,
#header-nav ul li#contact a {
  background-position: 0 -600px;
  width: 70px;
  margin: 0;
}
  /* hover states */
  #header-nav ul li#story             a:hover { background-position: -250px 0;}
  #header-nav ul li#products          a:hover { background-position: -250px -100px;}
  #header-nav ul li#cooking           a:hover { background-position: -250px -200px;}
  #header-nav ul li#product-tips      a:hover { background-position: -250px -300px;}
  #header-nav ul li#retailers         a:hover { background-position: -250px -400px;}
  #header-nav ul li#promotions        a:hover { background-position: -250px -500px;}
  #header-nav ul li#contact           a:hover { background-position: -250px -600px;}
  /* select states */
  #story-page ul li#story a                   { background-position: -500px 0;}
  #product-page ul li#products a              { background-position: -500px -100px;}
  #search-page ul li#cooking a,
  #all-recipes-page ul li#cooking a,
  #cooking-page ul li#cooking a               { background-position: -500px -200px;}
  #tips-page ul li#product-tips a             { background-position: -500px -300px;}
  #retailers-page ul li#retailers a           { background-position: -500px -400px;}
  #promotions-page ul li#promotions a         { background-position: -500px -500px;}
  #contact-page ul li#contact a               { background-position: -500px -600px;}

/*** 04 FOOTER ***/
#footer {
  clear: both;
  padding-top: 20px;
  margin: 0 auto;
  width: 980px;
  height: 74px;
  background-image: url(../images/utility/footer.gif);
  background-position: 0 20px;
  background-repeat: no-repeat;
}
#footer p {
  float: left;
  width: 460px;
  margin: 32px 0 0 80px;
  background-position: 0 -1200px;
}
#footer ul {
  float: left;
  list-style-type: none;
  margin-top: 31px;
}
#footer ul li {
  float: left;
  padding: 0;
  margin: 0 0 0 12px;  
}
#footer p,
#footer ul li a {
  display: block;
  background-image: url(../images/typography/navigation.gif);
  background-repeat: no-repeat;
  padding-top: 13px; height: 0 !important;
  height /**/: 13px; overflow: hidden;
}
  #footer ul li#opt-in,
  #footer ul li#opt-in a {
    background-position: 0 -700px;
    width: 54px;
  }
  #footer ul li#links,  
  #footer ul li#links a {
    background-position: 0 -800px;
    width: 46px;
  }
  #footer ul li#sitemap,
  #footer ul li#sitemap a {
    background-position: 0 -900px;
    width: 65px;  
  }
  #footer ul li#privacy,
  #footer ul li#privacy a {
    background-position: 0 -1000px;
    width: 112px;
  }
  #footer ul li#terms,
  #footer ul li#terms a {
    background-position: 0 -1100px;
    width: 71px;
  }
  /* hover states */
  #footer ul li#opt-in a:hover {  background-position: -250px -700px;}
  #footer ul li#links a:hover {   background-position: -250px -800px;}
  #footer ul li#sitemap a:hover { background-position: -250px -900px;}
  #footer ul li#privacy a:hover { background-position: -250px -1000px;}
  #footer ul li#terms a:hover {   background-position: -250px -1100px;}

/*** 06 FAHRNER IMAGE REPLACEMENT (headers, subheads and captions) ***/
h2.img-replace,
h3.img-replace,
h4.img-replace,
h5.img-replace,
#video-thumbs ul li.img-replace a {
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 0 !important;
  margin: 0;
}
h2.img-replace {
  background-image: url(../images/typography/subheads.gif);
  padding-top: 45px;
  height /**/: 45px;
  margin-left:-25px;
}
  /*page titles*/
  #story-page h2.img-replace {            background-position: 0 -500px;}
  #product-page h2.img-replace,
  #product-category-page h2.img-replace { background-position: 0 -600px;}
  #all-recipes-page h2.img-replace,
  #search-page h2.img-replace,
  #cooking-page h2.img-replace {          background-position: 0 -700px;}
  #tips-page h2.img-replace {             background-position: 0 -800px;}
  #retailers-page h2.img-replace {        background-position: 0 -900px;}
  #promotions-page h2.img-replace {       background-position: 0 -1000px;}
  #contact-page h2.img-replace {          background-position: 0 -1100px;}
  .sitemap h2.img-replace {               background-position: 0 -1300px;}
  #privacy-page h2.img-replace {          background-position: 0 -1400px;}
  #product-page h2.img-replace {
    margin-left: 1px;
  }
  #product-category-page h2.img-replace {
    margin-left: 41px;
  }
  #product-page h3.img-replace { 
    margin: 255px 0 0 152px;
    background-image: url(../images/typography/caption_products.gif);
    padding-top: 64px;
    height /**/: 64px;
  }
  #cooking-page #column-one h5.img-replace { /* choose an episode */
    background-image: url(../images/videos/video_player_x16.gif);     
    background-position: 0 0;
    padding-top: 22px;
    height /**/: 22px;
    margin-top: -11px;
  } 
    #video-thumbs ul li,
    ul li.caption a {
      list-style-type: none;
      float: left;
      width: 84px;
      margin: 0 20px 3px 0;
    }
    #video-thumbs ul li.img-replace a {
      background-image: url(../images/videos/video_player_x16.gif); 
      padding-top: 50px;
      height /**/: 50px;
    }
    /* page 1 */
      ul li#thumb-01 a { background-position: 0      -50px;}
      ul li#thumb-02 a { background-position: -300px -50px;}
      ul li#thumb-03 a { background-position: 0      -150px;}
      ul li#thumb-04 a { background-position: -300px -150px;}
      ul li#thumb-05 a { background-position: 0      -250px;}
      ul li#thumb-06 a { background-position: -300px -250px;}
      ul li#thumb-07 a { background-position: 0      -350px;}
      ul li#thumb-08 a { background-position: -300px -350px;}
      /* hover states */
      ul li#thumb-01 a:hover { background-position: -150px -50px;}
      ul li#thumb-02 a:hover { background-position: -450px -50px;}
      ul li#thumb-03 a:hover { background-position: -150px -150px;}
      ul li#thumb-04 a:hover { background-position: -450px -150px;}
      ul li#thumb-05 a:hover { background-position: -150px -250px;}
      ul li#thumb-06 a:hover { background-position: -450px -250px;}
      ul li#thumb-07 a:hover { background-position: -150px -350px;}
      ul li#thumb-08 a:hover { background-position: -450px -350px;}

    /* page 2 */
      ul li#thumb-09 a { background-position: 0      -450px;}
      ul li#thumb-10 a { background-position: -300px -450px;}
      ul li#thumb-11 a { background-position: 0      -550px;}
      ul li#thumb-12 a { background-position: -300px -550px;}
      ul li#thumb-13 a { background-position: 0      -650px;}
      ul li#thumb-14 a { background-position: -300px -650px;}
      ul li#thumb-15 a { background-position: 0      -750px;}
      ul li#thumb-16 a { background-position: -300px -750px;}
      /* hover states */
      ul li#thumb-09 a:hover { background-position: -150px -450px;}
      ul li#thumb-10 a:hover { background-position: -450px -450px;}
      ul li#thumb-11 a:hover { background-position: -150px -550px;}
      ul li#thumb-12 a:hover { background-position: -450px -550px;}
      ul li#thumb-13 a:hover { background-position: -150px -650px;}
      ul li#thumb-14 a:hover { background-position: -450px -650px;}
      ul li#thumb-15 a:hover { background-position: -150px -750px;}
      ul li#thumb-16 a:hover { background-position: -450px -750px;}
  #video-thumbs img {
    margin: 3px 0 0 0;
  }
  ul li.caption a {
    text-align: center;
    line-height: 1.25em;
    height: 35px;
    padding: 0 0 15px 0;
    color: #5f4327; /*brown*/ 
  }
  #home-page h4.img-replace,
  #cooking-search h4.img-replace { /* find a recipe */
    background-position: 0 -770px;
    padding-top: 22px;
    height /**/: 22px;
  }
  #right-column-nav h5.img-replace { /* let us recommend... */
    position: relative;
    top: 0; left: 0;
    z-index: 2;
    margin-top: -346px !important;
    background-image: url(../images/typography/cooking_recommend.gif);
    background-position: 19px 12px;
    padding-top: 42px;
    height /**/: 42px;
    width: 300px;
  }
  h4.img-replace { /* our dedication... */
    background-image: url(../images/typography/subheads.gif);
    background-position: 0 -82px;
    padding-top: 52px;
    height /**/: 52px;
  }
  #retailers-page #column-one h4.img-replace { /* many of our products... */
    background-position: 0 -190px;
    padding-top: 65px;
    height /**/: 65px;
  }
  #retailers-page #column-two h4.img-replace { /* retailer info */
    background-position: 0 -300px;
    padding-top: 35px;
    height /**/: 35px;
  }
  #contact-page #column-one h4.img-replace { /* call or write anytime */
    margin: 15px 0 0 0;
    background-position: 0 -350px;
    padding-top: 17px;
    height /**/: 17px;
  }
  #contact-page #column-one h4#employment {
    background-position: 0 -400px;
    margin: 20px 0 0 0;
  }
  #contact-page #column-two h4 { /* comments */
    background-position: 0 -435px;
    margin: 0;
    padding-top: 35px;
    height /**/: 35px;
  }

/*** 07 FORMS ***/
fieldset {
  border: none;
  margin: 15px 0 0 0;
}
div.clear {
  clear: both;
}
label {      font-weight: bold;}
label span { display: block;}
  label#sell-by-date {
    display: block;
    width: 130px;
    line-height: 1.25em;
  }
textarea,
input.text-field,
select.text-field {
  font-size: 0.90em;
  color: #222;
  background-image: url(../images/utility/gradient.gif);
  background-repeat: repeat-x;
  border: 1px solid #c7c7c7;
  font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
  letter-spacing: -0.005em;
}
textarea {
  width: 354px;
  height: 140px;
  padding: 8px;
  background-position: 0 125px;
}
input.text-field,
select.text-field {
  line-height: 1.00em;
  width: 210px;
  padding: 4px 6px;
  margin: -20px 0 4px 0;
  background-position: 0 0;
}
  #home-page input.text-field,
  #cooking-page input.text-field,
  #search-page input.text-field,
  #promotions-page input.text-field {
    margin-right: 130px;
  }
  #retailers-page input.text-field,
  #promotions-page input.text-field,
  #contact-page input.text-field {
    float: right;
  }
input.button {
  height: 12px;
}
select {
  margin: 15px 0 0 0;
  padding: 2px 0;
  font-size: 0.77em;
}
  select#astate {float:right;margin:-12px 130px 12px 0;}
  #cooking-page label,
  #cooking-page input.button,-19
  #cooking-page select.text-field,
  #search-page label,
  #search-page input.button,
  #search-page select.text-field {
    display: block;
    clear: both;
    float: none;
    margin: 3px 0 5px 0;
  }
  #home-page input.text-field,
  #search-page input.text-field,
  #cooking-page input.text-field { 
    margin: 0;
  }
  #cooking-page label,
  #search-page label {
    margin: 6px 0 0 0;
    padding: 0;
  }
  #cooking-page .mini-column input.button,
  #search-page .mini-column input.button {
    float: right;
    margin-right: 10px;
  }
  #search-page .mini-column label {
    padding: 0;
    width: 100%;
  }
/*tweaked below by brandon wilson 1-19*/
  #contact-page select {
    float: right;
    margin: 0px 0 4px 0;
    width: 224px;
  }
#contact-page fieldset div {
	margin-bottom:10px;
}

#contact-page #column-two img {
  display: block;
}
#contact-page fieldset input.text-field,
#contact-page fieldset select.text-field {
  margin: 0px 0 4px 0;
}
input.button {
  font-size: 0.75em;
  font-weight: bold;
  padding: 2px 4px 3px 4px;
  color: #444;
  border: 1px solid #777;
  background-color: #efefef;
  height: 23px;
}
#contact-page fieldset #upc{
	margin-top:-20px;
	
}