/*
   application.css
   riverranch

   Created by [creator] on Mar 26, 2009.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.

   link colors:

   Navigation
   ----------
   default:  #646565
   selected: #f89504
   green:    #005838

*/

/*  Import Default Generic Rules
----------------------------------------------- */
@import url(reset.css);
@import url(generic.css);

body {
  background: #fff url('design/rvr-bkgd.jpg') repeat-x top center;
}

/*  Specialized Wireframe Rules
----------------------------------------------- */
.content-block {
  clear: both;
}
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.sourcefile {
  font: 12px monospace;
  background-color: #ff3;
  color: #c00;
  line-height: 1.8em;
}
.sourcefile:before {
  content: "Source: ";
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
 color: #646565;
 font-weight: normal;
}
.content p {
  color: #242424;
}
.content em {
  font-style: normal;
  color: #005838;
}
.content p em {
  font-style: italic;
  color: #242424;
}
.content a:link, .content a:visited, .content a:active {
  color: #048350;
  text-decoration: none;
}
.content a:hover {
  color: #005838;
  text-decoration: underline;
}


/* Navigation
----------------------------------------------- */
.content ul.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content ul.navigation li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0 1.2em 0 0;
}
.content ul.navigation li:before,
.content ul.subnav li:before { display: none; } /* removing bullets for navigation unordered lists */
.content #nav .navigation {
  font-size: 110%;
}


/*  Error Rules
----------------------------------------------- */
.error, .fieldWithErrors {
  padding: 2px;
  /* margin: right; */
}
.fieldWithErrors input.textfield, .fieldWithErrors input, .fieldWithErrors textarea {
  border: 1px solid #c00 !important;
  background-color: #fee !important;
}
#errorExplanation {
  margin: 10px 32% 20px 0;
  border: 1px solid #c00;
  padding-top: 0;
  padding-bottom: 12px;
  background-color: #fff5f5;
}
#errorExplanation h2 {
  background: #c00 url("images/alertbad_icon.gif") no-repeat left;
  margin: 0;
  padding: 5px 5px 6px 30px;
  border: inherit;
  font-size: 12px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
#errorExplanation p {
  margin: 10px 10px 0 10px;
  padding: 5px;
  font-size: 11px;
  color: #c00;
}
#errorExplanation ul {
  margin-left: 30px;
}
#errorExplanation ul li {
  padding-right: 10px;
  color: #c00;
  font-size: 11px;
  list-style: square;
}


/*  Outer Structure
----------------------------------------------- */
#wrapper {
  background: transparent url('design/rvr-side-solutions.png') no-repeat 0px 24px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  min-height: 700px;
}
/* IE lack of min-height hack */
* html #wrapper { height: 700px; }

.products-page #wrapper { background-image: url('design/rvr-side-products.png'); }
.recipes-page #wrapper { background-image: url('design/rvr-side-recipes.png'); }
.quality-page #wrapper { background-image: url('design/rvr-side-quality.png'); }
.about-page #wrapper { background-image: url('design/rvr-side-about-us.png'); }
.resources-page #wrapper { background-image: url('design/rvr-side-resources.png'); background-position: 18px 24px; }


/*  Content Structure
----------------------------------------------- */
#nav, .article, #footer {
  float: right;
  margin-left: 0px;
}
#nav, .article {
  width: 614px;
  background-color: #fff;
  padding: 0 40px;
}
.aside {
  width: 186px;
  float: left;
  margin-left: 80px;
  display: inline;
}


/*  Header
----------------------------------------------- */
#header {
  background: transparent url('design/rvr-home-header-02.jpg') no-repeat 80px 0;
  height: 153px;
}
.products-page #header { background-image: url('design/rvr-header-products.jpg'); }
.recipes-page #header { background-image: url('design/rvr-header-recipes.jpg');}
.quality-page #header { background-image: url('design/rvr-header-quality-food-safety.jpg'); }
.about-page #header { background-image: url('design/rvr-header-about.jpg'); }
.resources-page #header { background-image: url('design/rvr-header-resources.jpg'); }

#header h1#logo {
  margin: 0 0 0 80px;
  width: 186px;
  float: left;
  display: inline;
}
#header h1#logo a {
  background: #005838 url('design/rvr-home-logo.png') no-repeat top left;
  display: block;
  width: 186px;
  height: 153px;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  overflow: hidden;
}
#header h1#logo a:hover {
  background-position: bottom left;
}
#header #tagline {
  float: left;
  text-indent: -999px;
  overflow: hidden;
}


/*  Navigation
----------------------------------------------- */
#nav {
  padding-bottom: 0;
}
#nav ul {
  border-bottom: 1px solid #eee;
}
#nav li a {
  font: 18px Arial, Helvetica, sans-serif;
  color: #646565;
  text-decoration: none;
  line-height: 50px;
}
#nav li a:hover,
.products-page #nav li#nv-products a, .recipes-page #nav li#nv-recipes a,
.quality-page #nav li#nv-quality a, .about-page #nav li#nv-about a,
.resources-page #nav li#nv-resources a {
  color: #f89504;
}

/*  Aside
----------------------------------------------- */
.aside #aside-img {
  background: transparent url('design/rvr-aside-default-img.jpg') no-repeat top left;
  width: 186px;
  height: 153px;
}
.aside ul.subnav {
  font-size: 16px;
  margin: 1em 0 2em;
  padding: 0;
  list-style: none;
}
.aside ul.subnav ul {
  font-size: 12px;
  margin: .5em 0 1em;
}
.aside .subnav li {
  margin: 1em 14px 1em 0;
  color: #005838;
  text-align: right;
  list-style: none;
  width: 172px;
}
.aside .subnav ul li {
  margin: 0.5em 0 0;
  line-height: 1.1em;
}
.aside .subnav li a {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  color: #777;
  outline: none;
}
.aside .subnav ul li a:active, .aside .subnav ul li a:focus {
  outline: none;
}
.aside .subnav ul li a {
  color: #999;
}
.aside .subnav li a:hover {
  color: #f89504;
}
.aside .subnav li:before {
  display: none;
}


/*  Articles
----------------------------------------------- */
.article {
  min-height: 540px;
  width: 614px;
}
.article .section {
  clear: both;
}
.article h1 {
  color: #242424;
  font-weight: bold;
  letter-spacing: -0.04em;
  font-size: 240%;
  line-height: 1em;
}
.article .description h2 {
  color: #f89504;
  font-size: 180%;
  margin-top: 0;
  line-height: 1em;
  letter-spacing: -0.02em;
}
.article img.left {
  border: 1px solid #cae1cd;
  padding: 4px;
  float: left;
  margin: 0 1.5em 1em 1em;
}
.article img.right {
  border: 1px solid #cae1cd;
  padding: 4px;
  float: right;
  margin: 0 1em 1em 1.5em;
}
.article table {
  width: 100%;
}
.article table, .article td, .article th {
  border: 0px none;
  padding: .2em .6em .1em;
  vertical-align: middle;
}
.content .article table a {
  color: #005838;
  background-color: transparent;
  text-decoration: none;
  outline: none !important;
}
.content .article table a:hover {
  color: #f89504;
}
.article table.resources td {
  width: 25%;
  text-align: center;
  vertical-align: top;
}


/*  Home Page
----------------------------------------------- */
.home-page .aside {
  background: transparent url('design/rvr-home-aside-img-02.jpg') no-repeat top left;
  height: 612px; /* 756 is full height */
}
.home-page .article #fader-box {
  margin-top: 10px;
  width: 614px;
  height: 246px;
  overflow: hidden;
}
.home-page .article #fader-box div.fader-img {
  margin: 0;
  width: 300px;
  float: left;
}
.home-page .article #fader-box div.fader-text {
  float: left;
  margin-left: 14px;
  width: 280px;
}
.home-page h1 {
  font-size: 200%;
  text-transform: uppercase;
  line-height: 1em;
  color: #f89504;
}
.home-page .article #fader-box h1 {
  text-transform: capitalize;
  font-size: 220%;
}
.home-page .article #fader-box p {
  font-size: 125%;
}


/*  Product Page
----------------------------------------------- */
.article .description, .article .prod-view {
  margin-top: 2.4em;
}
.article .prod-cat-logo {
  float: right;
  margin: 0 0 .5em 1.5em;
}
.article table.product-list {
  width: 600px;
  clear: both;
}
.article table.product-list td.thumb {
  width: 100px;
  height: 120px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.article table.product-list td.desc {
  width: 200px;
}
.article table.product-list h2 {
  margin: 0 0 1em;
}
.article table.product-list td h3 {
  font-size: 137.5%;
  margin: .2em 0;
}
.article table.product-list td p {
  line-height: 1.4em;
}

/* ### Food Service Table ### */
.article .package-sizes thead tr th,
.article .food-service thead tr th {
  background-color: #fff;
  padding-top: 1em;
  vertical-align: bottom;
}

.article .food-service,
.article .commodity,
.article .package-sizes {
  clear: both;
  background-color: #f6fbf7;
  border: 1px solid #bbb;
}
/*.article .food-service tr.even,*/
.article .commodity tr.even,
.article .package-sizes tr.even {
  background-color: #ecf2ee;
}
.article .food-service th,
.article .commodity th,
.article .package-sizes th {
  background-color: #e2f0e3;
  color: #333;
  border: 1px solid #bbb;
  font-size: 11px;
  line-height: 1.4em;
  /* text-transform: uppercase; */
}
.article .food-service td,
.article .commodity td,
.article .package-sizes td {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  font-size: 11px;
  line-height: 1.2em;
  color: #555;
}
.article .food-service td + td, .article .food-service th + th {
  text-align: center;
}
.article .commodity td {
  text-align: left;
}

.article table.package-sizes tr.odd td {
  background-color: #f6fbf7;
}
.article table.food-service .even th, 
.article table.food-service .even td,
.article table.package-sizes .even th,
.article table.package-sizes .even td {
  background-color: #fff;
}

/*  New Definition List Rules */
.article dl.commodity {
  display: block;
  width: 296px;
  margin: 0 0 9px 9px;
  font-size: 87.5%;
  float: left;
  clear: none;
}
.article .commodity dt {
  background-color: #e2f0e3;
  line-height: 2em;
  padding: .2em 1em 0;
  margin: 0;
}
.article .commodity dt + dt, .article .commodity dd + dt {
  border-top: 1px solid #ccc;
  background-color: #f6fbf7;
}
.article .commodity dd {
  padding: .2em 1em .1em;
  border-top: 1px solid #ccc;
  line-height: 1.4em;
  color: #333;
}
.article .commodity#other-vegetables {
  float: right;
}
/*
.article .commodity#other-vegetables dd {
  border-top: 1px solid #e2f0e3;
  background-color: #e2f0e3;
}
*/


/*  Product Detail Page
----------------------------------------------- */
.article #nutritional-info {
  float: right;
  margin-bottom: 2em;
}
.article #product-photo {
  float: left;
  margin-bottom: 2em;
}


/* Products Page Subcategories
----------------------------------------------- */
.article div.subcategories {
  clear: both;
}
.article div.subcategories table.product-list td {
  text-align: center;
  width: 300px;
}
.article div.subcategories table.product-list td a {
  color: #777;
}
.article div.subcategories table.product-list td a:hover {
  color: #f89504;
}


/*  Recipes Section
----------------------------------------------- */
.article .back-link {
  text-transform: capitalize;
}
.recipes-page #recipe-list li {
  color: #ccc;
  font-size: 14px;
  line-height: 1.4em;
}
.recipes-page #ingredients li:before {
  display: none;
  content: "\25a1  ";
  color: #888;
}


/*  Food Safety Saftey Page
----------------------------------------------- */
.article img#lgma-logo, .article img#azlgma-logo {
  padding: 0;
  border: 0 none;
}



/*  About Section
----------------------------------------------- */
.about-page #releases dl {
  border-top: 1px solid #eee;
}
.about-page #releases dd {
  font-size: 140%;
  margin-bottom: 1em;
}
.about-page .article .pr-date-loc {
  font-size: 14px;
  color: #005838;
}
.about-page .article .photo {
  float: right;
  margin: 0 0 1em 1em;
}


/*  Resources Section
----------------------------------------------- */
.resources-page .article td {
  width: 50%;
  text-align: center;
}
.resources-page .article h2 {
  clear: both;
  border-bottom: 1px solid #eee;
  margin-top: 2em;
}
.resources-page .article dl {
  display: block;
  margin-bottom: 2em;
  float: left;
  width: 614px;
}
.resources-page .article dt {
  float: left;
  width: 220px;
  clear: both;
  margin: 0 0 1em;
}
.resources-page .article dd {
  margin: 0;
  width: 386px;
  float: left;
  font-size: 14px;
  line-height: 1.4em;
}
.resources-page .article dd.instructions {
  font-size: 12px;
  margin-bottom: 1ex;
}


/*  Lightwindow styles
----------------------------------------------- */
#lightwindow .content .article {
  float: left;
  width: 760px;
}

/*  Form Styles
----------------------------------------------- */
.article table.form-inputs {
  width: 500px;
}
.article table.form-inputs td label.required {
  font-weight: bold;
}
.article table.form-inputs td textarea {
  height: 150px;
}


/*  Sitemap
----------------------------------------------- */


/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  width: 694px;
  margin: 10px 0 20px;
}
#footer p {
  color: #666;
  font-size: 10px;
  text-align: right;
  line-height: 1em;
}
#footer p#fsm {
  /* margin-right: 160px; */
}
#footer img {
  margin: 0 4px 0 6px;
}