@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Interstate-Black';
  src: url('../fonts/interstate-black-webfont.eot'); /* msie */
  src:
    url('../fonts/interstate-black-webfont.woff') format('woff'),
    /* url('../fonts/interstate-black-webfont.otf') format('opentype'), */
    url('../fonts/interstate-black-webfont.ttf') format('truetype');
}

body {
  background-color:#7FBFE2;
  margin:0;
  text-align: center;
  padding:0;
  border:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  overflow-y: scroll;
}
* {
  outline: none;  /* removes the yellow outline that Chrome puts on some 'selected' items; probably works in other browsers as well. */
}
img {
  border: none;
}
#mainContent li img[src="../images/stardingbat.png"] {
  margin: 3px 6px 0 0;
  height: 14px;
  width: 14px;
}
#index #feature img[src="../images/stardingbat.png"], #index #homeBottom img[src="../images/stardingbat.png"] {
  margin: 0 2px -2px 4px;
  height: 14px;
  width: 14px;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #f00;
}
h1, h2 {
  font-family: "Arial Black", Gadget, sans-serif;
  font-family: "Interstate-Black", "Arial Black", Gadget, sans-serif;
  font-size:24px;
  line-height:28px;
  margin-top:0px;
  margin-bottom:5px;
}
h2 { font-size:36px;}
h3 { font-size:18px;}
#general h4 { /* used on "our story" */
  font-family: "Interstate-Black", "Arial Black", Gadget, sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 10px 0 2px;
}
#wrapper {
  width:800px;
  margin: 10px auto 0 auto;
  text-align: left;
}
#background {
  position: absolute;
  top: 20px;
  width:800px;
  min-height: 700px;
  border-radius: 5px;
}
.brick {
  clear: both;
  width: 100%;
  height: 1px;
}
/* list-based navbar with accordion */
#print_info_hidden {
  display: none;
}
ul.navbar {
  position:absolute;
  top: 145px;
  left: 10px;
  left: -8px;
  width: 140px;
  font-size: 12px;
  font-weight: normal;
}
ul.navbar li {
  cursor: pointer;
}
ul.navbar li:hover {
  color: #f00;
}
ul.navbar, ul.navbar ul {
  list-style-type: none;
}
ul.navbar ul {
  margin: 0;
  padding-left: 6px;
}
ul.navbar li {
  padding: 5px 0;
  margin: 0;
}
ul.navbar li ul {
  margin-top: 4px;
}
ul.navbar li ul li {
  padding: 2px 0;
  border-top: 1px #fff solid;
  width: 140px;
}
ul.navbar a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 2px 8px 1px 0;
}
ul.navbar a:hover {
  color: #f00;
}
ul.navbar span.ui-state-active {
  color: #f00;
}
/* (end) list-based navbar with accordion */

#imageTop {  /* top right image on most or all pages */
  position:absolute;
  top:0px;
  left: 200px;
}
#imageTop img {  /* top right image on most or all pages */
  height: 320px;
  width: 600px;
}
#pageTitle {
  margin-bottom: 16px;
  width:600px;
  text-align:left;
  line-height: .95;
}
#pageTitle span.smaller {
  font-size: 75%;
  line-height: 1;
}
#mainContent {
  margin: 374px 0 0 200px;
  margin: 332px 0 0 200px;
  padding-bottom: 44px;
  width:390px;
  line-height:20px;
  text-align: left;
}
#mainContent h3 {
  margin: 8px 0 3px;
}
#mainContent p {
  margin: 4px 0 8px;
}
#mainContent li {
  list-style-type: none;
  margin: 20px 0 0 0;
}
#mainContent li img {
  float: left;
  margin: 0 10px 10px 0;
}

/* bottom navbar */
#navbarBottom {
  text-align: center;
  position:absolute;
  width: 100%;
  bottom: -95px;
  color:#fff;
  font-size:10px;
  font-weight:lighter;
  letter-spacing:1px;
  padding: 0 0 10px 0;
}
#navbarBottom li {
  /* display: inline; */
  list-style-type: none;
}
#navbarBottom a {
  text-decoration: none;
  color: #fff;
}
#navbarBottom li img.gmo {
  margin-top: 1.5em;
  width: 60px;
}

#navbarBottomGmo {
  text-align: center;
  margin: 1.5em auto 0 auto;
}
#navbarBottomGmo img {
}

/* specific to home page */
#index #background {
  min-height: 620px;
  position: relative;
  top: 8px;
}
#logo_home {  /* this is the logo image and "index" link above navbar */
  position: absolute;
#  top: -10px;
  top: 0px;
  left: -14px;
}
#logo_home img {
  width: 217px;
}
#index #homeBottom {
  position: relative;
}
#index #navbarBottom {
  position: relative;
  bottom: -5px;
}
span.more {
  border: 1px solid #bbb;
  padding: 0 .28em;
  margin: 0 2px;
  font-size: .8em;
}
#feature {
  position: relative;
  background: #fff;
  top: 325px;
  top: 14px;
  left: 200px;
  width: 632px;
}
#feature img.bckgd {
  width: 180px;
  height: 160px;
  padding: 0;
  margin: 0;
}
div.featured {
  float: left;
  position: relative;
  min-height: 275px;
  width: 180px;
  padding: 0;
  margin: 0 30px 0 0;
}
.target {
  position: relative;
  bottom: 0;
  bottom: 0px;
  left: 0;
  background: #fff;
  opacity: .75;
  filter:alpha(opacity=75);
  margin: 0;
  padding: 0;
#  height: 85px;
  width: 180px;
  text-align: left;
}
div.featured div.target {
# height: 85px;

}
div.featured h2 {
  font-size: 25px;
  margin: 2px 2px 2px;
  font-weight: lighter;
  line-height: .975;
}
div.featured h3 {
  font-size: 12px;
  margin: 2px 2px 3px;
  font-weight: lighter;
  padding-bottom: 32px;
}
.target p.reveal, .homebottom p.reveal {
  font-size: 12px;
  margin: 5px;
  opacity: .75;
  filter: alpha=(0);
  line-height: 1.4;
}
.hidden {
  display: none;
}
#homeBottom {
  height: 320px;
  width: 600px;
  position:absolute;
  top:251px;
  top: 0;
  left: 200px;
}
.homeBottomCaption p.reveal {
  margin: 8px 5px;
}
.homeBottomCaption {
  position: relative;
  bottom: 0;
  left: 200px;
  background: #fff;
  opacity: 1;
  margin: 0;
  padding: 5px;
  width: 590px;
}
.homeBottomCaption h2, .homeBottomCaption h3 {
  font-weight: lighter;
  margin: 8px 5px 5px;
  display: inline;
  line-height: 1;
}
.homeBottomCaption h2 {
  font-size: 32px;
}
.homeBottomCaption h3 {
  font-size: 13px;
}
.activepage {
  color:#F00;
}
.highlight {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;
  font-size: 115%;
}
#index, #general {
  background-color:#5888ad;
}
#index #background, #general #background {
  background: url(../images/backgrounds/bckg.jpg) repeat-x #fff;
  width: 800px;
  min-height: 700px;
  padding: 0 0 12px 0;
}
#index #background {
#  min-height: 571px;
}

/* page formats.... because of the amount of stuff, best to keep these on one line.... */
table[summary="nutrition"] th {font-size:1.45em;height: 0.9em;padding-bottom:0;padding-top:3px;}
table[summary="nutrition"] .serving-size {font-size: 1.15em;font-weight:bold;}
table[summary="nutrition"] .amt-per { font-size: 0.9em;font-weight: bold; }
table[summary="nutrition"] .row-border td { border-bottom:4px solid #000; }
table[summary="nutrition"] .calories td:first-child { font-size: 1.45em;font-weight: bold; }
table[summary="nutrition"] .calories td:nth-child(2) { font-size: 2.5em;font-weight: bold; }

#asparagus { background: #FCF7CF;}
#asparagus #pageTitle { color: #CCB25E;}
#asparagus #background { background: url(../images/backgrounds/asparagusBckg.jpg) #fff repeat-x;}
#asparagus table[summary="nutrition"], #asparagus #recipes { background: url(../images/backgrounds/asparagusBckgNutrition.jpg) repeat-x;}

#blackberries {background: #986699;}
#blackberries #pageTitle { color:#606;}
#blackberries #background { background: url(../images/backgrounds/blackBckg.jpg) #fff repeat-x;}
#blackberries table[summary="nutrition"], #blackberries #recipes { background: url(../images/backgrounds/blackBckgNutrition.jpg) repeat-x; }
#blackberries ul#select span.more { color: #986699; border: 1px solid #eadfea; }
#blackberries .highlight, #blackberries ul#select a {color: #986699;}

#blueberries {background: #7085A2;}
#blueberries #pageTitle { color:#7085A2;}
#blueberries #background { background: url(../images/backgrounds/blueBckg.jpg) #fff repeat-x; }
#blueberries table[summary="nutrition"], #blueberries #recipes { background: url(../images/backgrounds/blueBckgNutrition.jpg) repeat-x;}
#blueberries .highlight, #blueberries ul#select a {color: #7085A2;}

#eggplants {background: #773e4d;}
#eggplants #pageTitle { color:#773e4d;}
#eggplants #background { background: url(../images/backgrounds/eggplantBckg.jpg) #fff repeat-x; }
#eggplants table[summary="nutrition"], #eggplants #recipes { background: url(../images/backgrounds/eggplantbckgNutrition.jpg) repeat-x;}
#eggplants .highlight, #eggplants ul#select a {color: #773e4d;}

#endive { background: #dac977;}
#endive #pageTitle { color: #dac977;}
#endive #background { background: url(../images/backgrounds/endivesbckg.jpg) #fff repeat-x;}
#endive table[summary="nutrition"], #endive #recipes {  background: url(../images/backgrounds/endivesNutritionbckg.jpg) repeat-x;}

#horseradish { background: #A8753E;}
#horseradish #pageTitle { color: #A8753E;}
#horseradish #background { background: url(../images/backgrounds/horseradishBckg.jpg) #fff repeat-x;}
#horseradish table[summary="nutrition"], #horseradish #recipes {  background: url(../images/backgrounds/horseradishBckgNutrition.jpg) repeat-x;}

#peas { background: #99cc33;}
#peas #pageTitle { color: #006600;}
#peas #background { background: url(../images/backgrounds/peppersbckg.jpg) #fff repeat-x;}
#peas table[summary="nutrition"], #peas #recipes { background: url(../images/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#peas .highlight, #peas ul#select a {color: #99cc33;}
#peas ul#select a:hover {color: green;}

#peppers { background: #FF8901;}
#peppers #pageTitle { color: #FF8901;}
#peppers #background { background: url(../images/backgrounds/bellpeppersBckg.jpg) #fff repeat-x;}
#peppers table[summary="nutrition"], #peppers #recipes {  background: url(../images/backgrounds/bellpeppersBckgNutrition.jpg) repeat-x;}
#peppers .highlight, #peppers ul#select a {color: #FF8901;}
#peppers ul#select a:hover {color: #FF8901;}

#raspberries { background: #E05B66;}
#raspberries #pageTitle { color:#C03;}
#raspberries #background { background: url(../images/backgrounds/raspBckg.jpg) #fff repeat-x;}
#raspberries table[summary="nutrition"], #raspberries #recipes { background: url(../images/backgrounds/raspBckgNutrition.jpg) repeat-x;}
#raspberries .highlight, #raspberries ul#select a {color: #E05B66;}

#strawberries { background: #E05B66;}
#strawberries #pageTitle {  color:#C03;}
#strawberries #background { background: url(../images/backgrounds/raspBckg.jpg) #fff repeat-x;}
#strawberries table[summary="nutrition"], #strawberries #recipes { background: url(../images/backgrounds/raspBckgNutrition.jpg) repeat-x;}
#strawberries .highlight, #strawberries ul#select a {color: #E05B66;}

#rhubarb { background: #F95766;}
#rhubarb #pageTitle { color:#F95766;}
#rhubarb #background { background: url(../images/backgrounds/rhubarbBckg.jpg) #fff repeat-x;}
#rhubarb table[summary="nutrition"], #rhubarb #recipes { background: url(../images/backgrounds/rhubarbBckgNutrition.jpg) repeat-x;}
#rhubarb .highlight, #rhubarb ul#select a {color: #F95766;}

#redcurrants { background: #C60719;}
#redcurrants #pageTitle {color:#C60719;}
#redcurrants table[summary="nutrition"], #redcurrants #recipes { background: url(../images/backgrounds/raspBckgNutrition.jpg) repeat-x;}
#redcurrants #background { background: url(../images/backgrounds/redcBckg.jpg) #fff repeat-x;}
#redcurrants .highlight, #redcurrants ul#select a {color: #C60719;}

#pomegranate-arils { background: #e15b67;}
#pomegranate-arils #pageTitle { color: #8F1B26;}
#pomegranate-arils #background { background: url(../images/backgrounds/raspBckg.jpg) #fff repeat-x;}
#pomegranate-arils table[summary="nutrition"], #pomegranate-arils #recipes { background: url(../images/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#pomegranate-arils .highlight, #pomegranate ul#select a {color: #99cc33;}
#pomegranate-arils ul#select a:hover {color: green;}



/* following used for recipes only */
#vegetables { background: #99cc66;}
#vegetables #pageTitle {color: #99cc66;}
#vegetables table[summary="nutrition"], #vegetables #recipes { background:url(../images/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#vegetables #background { background: url(../images/backgrounds/peppersbckg.jpg) #fff repeat-x;}
#vegetables .highlight {color: #99cc66;}

#cucumber { background: #99cc66;}
#cucumber #pageTitle {color: #367a00;}
#cucumber #background { background: url(../images/backgrounds/peppersbckg.jpg) #fff repeat-x;}
#cucumber table[summary="nutrition"], #cucumber #recipes {  background: url(../images/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#cucumber .highlight, #cucumber ul#select a {color: #99cc66;}
#cucumber ul#select a:hover {color: #367a00;}

#greenhouse { background: #9BC680; }
#greenhouse #background { background: url(../images/backgrounds/greenHousebckg.jpg) #FFF repeat-x; }
#greenhouse #pageTitle { color: #9BC680;}
#greenhouse table[summary="nutrition"], #greenhouse #recipes { background:url(../images/backgrounds/peppersNutritionbckg.jpg) repeat-x; }
#greenhouse ul#select a:hover, #greenhouse .highlight {color:#619b44;}
#greenhouse .highlight, #greenhouse ul#select a {color: #9BC680;}
#greenhouse ul#select a:hover {color: green;}

#cranberries {background: #98012E;}
#cranberries #pageTitle { color:#98012E;}
#cranberries #background { background: url(../images/backgrounds/cranBckg.jpg) #fff repeat-x; }
#cranberries table[summary="nutrition"], #cranberries #recipes { background: url(../images/backgrounds/cranBckgNutrition.jpg) repeat-x;}
#cranberries .highlight, #cranberries ul#select a {color: #98012E;}

#greenbelle {background: #70b742;}
#greenbelle #pageTitle { color:#70b742;}
#greenbelle #background { background: url(../images/backgrounds/greenBelleBckg.jpg) #fff repeat-x; }
#greenbelle table[summary="nutrition"], #greenbelle #recipes { background: url(../images/backgrounds/greenBelleBckgNutrition.jpg) repeat-x;}
#greenbelle .highlight, #greenbelle ul#select a {color: #70b742;}

#goldenberries { background: #F6B220;}
#goldenberries #pageTitle {  color:#F6B220;}
#goldenberries #background { background: url(../images/backgrounds/goldBckg.jpg) #fff repeat-x;}
#goldenberries table[summary="nutrition"], #goldenberries #recipes { background: url(../images/backgrounds/goldBckgNutrition.jpg) repeat-x;}
#goldenberries .highlight, #goldenberries ul#select a {color: #F6B220;}

#recipes li.more_recipes { margin: 6px 0; padding: 0; }
#recipes li.more_recipes a { color: #000066; }
#recipes li.more_recipes a { color: #000; }

body.recipes table[summary="recipes"], #raspberries #recipes { background: url(../images/backgrounds/raspBckgNutrition.jpg) repeat-x;}

#general #background { height: inherit; }
#general table[summary="nutrition"], #general #recipes { background: url(../images/backgrounds/raspBckgNutrition.jpg) repeat-x;}
/* end page formats */

/* ourplaces page */
#general.ourplaces #mainContent ul {
  margin: 0;
}
#general.ourplaces #mainContent ul li {
  padding; 0;
  margin: 0;
}

/* contactus page*/
#general.contactus #inputform {
  position: relative;
  margin-top: 60px;
}
#general.contactus #inputform p {
  margin-top: -1.5em;
}
#general.contactus #inputform input, #general.contactus #inputform select,
#general.contactus #inputform textarea {
    display: block;
    position: relative;
    width: 340px;
    left: 100px;
  top: -1.8em;
}
#general.contactus #inputform textarea {
    height: 90px;
}
#general.contactus #inputform input#wbx_sitebundle_contacttype_captcha {
    left: 100px;
    top: -4em;
    width: 200px;
}
#general.contactus #inputform img.captcha {
    display: block;
    position: relative;
    left: 320px;
    top: -1.8em;
    border: 1px solid #888888;
}
#general.contactus #inputform span.captcha_error {
    color: #DD4400;
     left: 100px;
     position: relative;
     top: -3em;
}
#general.contactus #inputform div.captcha_label {
    left: 100px;
    position: relative;
    top: -2px;
}

#general.contactus #inputform input[type="submit"] {
  position: static;
  width: 120px;
  margin-left: 100px;
}
#inputform textarea {
  resize: vertical;
}

/* little recipes navbar on right side */
#recipes {
  position:absolute;
  top:410px;
  top:440px;
  left: 620px;
  width:175px;
  height:245px;
  padding-left:5px;
  text-align: left;
  background-repeat:repeat-x;
  line-height: 1.4;
}
#recipes h2 {
  text-align: left;
  color:#FFF;
  line-height: 1.1;
  letter-spacing: 0;
  padding: 6px 0 0;
  font-size: 15px;
  font-weight: bold;
}
#recipes ul {
  margin: 6px 3px 0;
  padding: 0;
  list-style-type: none;
}
#recipes li {
  margin: 6px 0 0 4px;
  line-height: 1.3;
  padding: 0;
  text-indent: -7px;
}
#recipes a {
  text-decoration: none;
  color: #000;
}
#recipes a:hover {
  color: #f00;
}
#recipes a.more {
  color: #8be;
}

/* recipe formats (actual recipes pages) */
#mainContent ol.recipe_info, #mainContent ul.recipe_ingred {
  margin: 10px 0 10px -24px;
}
#mainContent ol.recipe_info {
  width: 400px;
  width: inherit;
  margin-top: 22px;
}
#mainContent ol.recipe_info li, #mainContent ul.recipe_ingred li {
  list-style-type: decimal;
  line-height: 1.45;
  margin: .6em 0;
}
#mainContent ul.recipe_ingred li {
  list-style-type: none;
  margin-left: -16px;
}
#mainContent p.comment_inset {
  margin-left: 12px;
  line-height: 1.3;
}
#mainContent p.comment_regular {
  margin: 8px 0 8px 2px;
  line-height: 1.3;
}
div#recipelist {
  position: relative;
  margin-top: 40px;
  width: 400px;
  height: 200px;
  overflow-y: auto;
}
#recipelist ul {
  padding: 0;
  margin: 0;
}
#recipelist ul li {
  padding: 0;
  margin: 0;
}

/* popup manipulated by showhide() */
#infoPopup {
  line-height: 22px;
  position: absolute;
  position: fixed;
  top: 20px;
  top: 40px;
  left: 200px;
  z-index:10;
  height: 230px;
  width: 350px;
  background: #fff;
  opacity: .9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  padding: 25px 25px 25px 225px;
  display: none;
}
div.infoPopupCloser {
  font-size: 9px;
  letter-spacing: 1px;
  height: 12px;
  position: absolute;
  left: 12px;
  bottom: 12px;
}
#infoPopup img {
  position: absolute;
  top: 32px;
  left: 10px;
}
#infoPopupBox {  /* the div inside with the overflow auto scrollbars */
  height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: 8px;
  border: none;
  margin-top: -8px;
}
#infoPopup table[summary="nutrition"] {
  position: absolute;
  top: 10px;
  left: 220px;
  width:220px;
  line-height: 16px;
  border: 1px #fff dotted;
  background-repeat:repeat-x;
}
ul#select.glossary {
  width: 260px;
  height: 180px;
  overflow: auto;
}
ul#select.glossary li a {
  width: inherit;
}
table[summary="nutrition"] td {
  vertical-align: baseline;
  padding: 0;
  margin: 0;
  font-size: 10px;
}
table[summary="nutrition"] tr td:first-child { width: 66%;}
table[summary="nutrition"] td.what {
  width: 110px;
}
table[summary="nutrition"] td.btmBorder {
  /* border-bottom: 1px solid #ddd; */
  border-bottom: 2px solid #000;
  height: 9px;
  padding-bottom: 2px;
}
table[summary="nutrition"] tr td.topBorder {
  border-top: 1px solid #ddd;
}
table[summary="nutrition"] td.footnote {
  padding: 1px 0 0 6px;
  text-indent: -6px;
  font-size: 9px;
  border-top: 1px solid #ddd;
}
/* the div with the links to operate the popup/otherwise navigate to anchor #id */
#select li {
  margin: 0;
  display: inherited;
  list-style-type: none
}
#select a {
  display: block;
  color: #000;
  padding: 4px;
/*  width: 250px; */
  text-decoration: none;
}
#select a:hover {
  color: #f00;
}
#mainContent #infoPopupBox p {
  margin: 3px 0;
}

/* scrollbar styling; this is the default color/format that shows up on home, #general pages */
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
/* following shuts off the up/down buttons */
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-track-piece {  /* this is the 'background' */
  background: #e6f2f9;
  border: #7fbfe2 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb {   /* this is the 'handle' */
  background: #d3eaf5;
  border: #7fbfe2 1px solid;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}
/* MSIE scrollbar properties */
#select, #infoPopupBox {
  scrollbar-track-color: #d3eaf5;
  scrollbar-face-color: #b8dcef;
}