/* General page setup */
/* html
     -body
       -wrapper (960 pixels, centered in the window)
         -pageheader (filled with custom content)
         -navbar (links to site sections, plus the page help)
         -page (the main content for each page)
         -pagefooter (custom content, plus site credits)

*/
html {
}

body { 
  background-color: #E6F2FF; 
  height: 100%;
  width: 100%;
}

div#wrapper {
  background-color: #F0FFF0;
  border: 2px solid #000000;
}

div#pageheader {
  background-color: #FFFFF0; 
  border-bottom: 1px solid black;
  margin: 0px;
  width: 960px;
}

div#navBar { 
  background-color: #FAFAD2;  
  border-bottom: 2px solid black; 
  border-top:1px solid green; 
  color: #2F4F4F;  
  margin: 0px;
  white-space: nowrap;   
  width: 960px;
}

div#page {
  background-color: #F0FFF0;
}

div#pagefooter {
  background-color: #FAFAD2; 
  border-top: 2px solid black; 
  margin: 0px;
  width: 960px;
}

/* General site-wide HTML styling */

a { 
  background-color: transparent;
  color: Maroon; 
  text-decoration: none; 
}

a:hover {
  text-decoration: underline;
}

img {
  padding-left: 10px;
  padding-right: 10px;
}

/* Contents of the navBar */
ul.navCircle {
  margin: 0;
  padding: 6px 0 20px 10px;
}

ul.navCircle li {
  display: inline;
  list-style-type: none;
  margin: 0; 
  padding: 0;
}
  
ul.navCircle a:link, ul.navCircle a:visited {
  color: #708491;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  padding: 0 12px 6px 12px;
  text-decoration: none;
}

ul.navCircle a:link.active, ul.navCircle a:visited.active, ul.navCircle a:hover {
  background: url(/images/arrow_up.gif) no-repeat bottom center;
  color: #000;
  padding-bottom: 6px;
}

ul.navCircle span.help {
  color: #000;
  cursor: help;
  float: right;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  padding: 0 6px 6px 6px;
  text-decoration: none;
}

span.help img {
  cursor: help;
}

/* The Help Box */

div.help_box {
  text-align: left;
  width: 100%;
  clear: both;
  border: 1px solid black;
  background: #DAFFCD;
}

div.help_box p {
  padding-left: 10px;
  padding-right: 10px;
}

/* The Market Page (some overlap with the Recipes page) */

div.category_group {
  padding-left: 10px;
}

div.category_current {
  font-weight: bold;
}

div.category_header {
  border-bottom: 1px dotted #77d;
  height: 90px;
  padding: 10px;	
}

div.category_footer {
  padding: 10px;	
}

div.product_active {
  border-bottom: 1px dotted #77d;
  padding: 10px;
}

div.product_inactive {
  background-color: #bbb;
  border-bottom: 1px dotted #77d;
  padding: 10px;
}

div.product .name { 
  color: #227; 
  font-size: 120%; 
  margin-bottom: 2px; 
} 

div.product_thumb { 
  background-color: #fff;
  border: 1px solid #666;
  display: block;
  float: left; 
  height: 75px; 
  margin: 0px 5px 5px 0px;
  padding: 2px;
  position: relative;
  width: 100px; 
  text-align: center;
} 

img.product_thumb_old { 
  background-color: #fff;
  border: 1px solid #666;
  display: block;
  float: left; 
  height: 75px; 
  margin: -3px 5px 5px -3px;
  padding: 2px;
  position: relative;
  max-width: 100px; 
} 

img.product_thumb { 
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin: -3px 0px 5px -2px;
  padding: 2px;
  float: center; 
  height: 75px; 
  max-width:100px;
} 

div.product p { 
  margin-bottom: 0.8em; 
  margin-top: 0px; 
} 

div.product .add-to-cart { 
  position: relative; 
} 

div.product .price { 
  color: #44a; 
  font-weight: bold; 
  margin-right: 2em; 
} 

div.product form, #store .entry form div { 
  display: inline; 
} 

img.newthumb { 
  background-color: #fff;
  border: 1px solid #666;
  height: 75px; 
  margin: -3px 5px 5px -3px;
  padding: 2px;
  position: relative;
  width: 100px; 
} 

/* rest of the site */
div#usertable {
  font-size: 1em;
}

div.inline_form {
  background: #E6F2FF;
  border-top: 1px solid black; 
  border-left: 1px solid black; 
  border-right: 1px solid black; 
  border-bottom: 1px solid black; 
  padding: 10px;
  padding-top: 20px;
}

#options a{
  background-color: #6B8E23;
  border-bottom: 1px solid #2F4F4F;
  border-left: 1px solid #8FBC8F;
  border-right: 1px solid #8FBC8F;
  border-top: 1px solid #8FBC8F;
  color: White;
}
.article-footer {
  color: Gray;
  font-size: xx-small;
  text-align: right;
}
.author, .datetime {
  font-weight: bold;
  color: #4F4F4F;
}
.recipe-comment {
  border-bottom: 1px solid #2F4F4F;
  padding-top: 15px;
}
#content form {
  padding-left: 30px;
  font-size: small;
  vertical-align: middle;
  }
#content form p{
}
.textbox {
  border: 1px solid gray;
  margin: 5px;
}
.button { 
  border: medium outset;
  background-color: #F5F5F5;
  margin-left: 150px;
  color: black;
  margin-top: 10px;
}

form.plain {
  border: none;
  padding: 0px;
  margin: 0px;
}

form li {
  margin-bottom:20px;
}

label {
  width: 15em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

.gray-input {
  color: #7a7a7a;
}


div.cart_row {
  border-bottom: 1px dotted #77d;
  padding: 10px;
  clear: both;
}

div.cart_row span.item {
  float: left;
  text-align: left;
  font-weight: bold;
  }

div.cart_row span.price {
  float: right;
  text-align: right;
  font-weight: bold;
  width: 200px;
  }

div.cart_total {
  border-top: 1px solid #77d;
  text-align: right; 
}

table.cart_review {
  border-collapse: collapse;
  width: 100%;
}

tr.cart_header th {
  padding: 0 0.5em;
  text-align: left;
  border-top: 1px solid #990000;
  border-bottom: 1px solid #990000;
  background: #ddccaa;
}

tr.cart_row td {
  border-bottom: 1px solid #990000;
}

tr.odd td {
padding: 5px 4px;
background-color: #E6F2FF;
border-bottom: solid 1px #C5DBF7;
border-left: solid 1px #C5DBF7;
}

tr.even td {
padding: 5px 4px;
border-bottom: solid 1px #C5DBF7;
background-color: #fff;
border-left: solid 1px #ddd;
}

td.quantity {
  width: 15em;
}

td.price {
  width: 6em;
  text-align: right;
}

td.price_adjustment {
  text-align: right;
}

td.total_price_label {
  text-align: right;
  font-weight: bold;
}

td.total_price {
  width: 6em;
  text-align: right;
  font-weight: bold;
  border-top: 1px dashed #990000;
  border-bottom: 2px solid #990000;
}

div.section {
  border:1px solid gray;
  padding: 0 10px 10px 10px;
  margin-top:10px;
  margin-bottom:20px;
}

div.section h3 {
  display:inline;
  padding:5px;
  font-weight:normal;
  height:20px;  
  position:relative;
  z-index:1;
  top:-16px;
  background-color:#F0FFF0;
}

div.expired_section {
  border:1px solid #990000;
  padding: 0 10px 10px 10px;
  margin-top:10px;
  margin-bottom:20px;
}

div.expired_section h3 {
  display:inline;
  padding:5px;
  font-weight:normal;
  height:20px;  
  position:relative;
  z-index:101;
  top:-12px;
  background-color:#F0FFF0;
}

#faq_list li {
  list-style-image: url(/images/information.png);
}
  
div.imgholder {
  float: left;
  background: url(/images/dropshadow.png) no-repeat bottom right !important;
  background: url(/images/dropshadow.gif) no-repeat bottom right;
  margin: 10px 7px 0 10px !important;
  margin: 10px 0 0 5px;
}

div.imgholder img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #666;
  margin: -3px 5px 5px -3px;
  padding: 2px;
}

img.imgframe {
  float: left;
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #666;
  margin: -3px 5px 5px -3px;
  padding: 2px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

div#notice {
  border: 2px solid orange;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

div#warning {
  border: 2px solid red;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

span.payment-errors {
  border: 2px solid red;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

table.growers td {
  vertical-align: middle;
  padding: 10px;
  padding-right: 10px;
  border-bottom: 1px solid green;
  height: 60px;
}

table.orders td {
  padding-left: 5px;
  border-bottom: 1px solid green;
}

#hlist ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#hlist ul li { display: inline; }

#hlist ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#hlist ul li a:hover
{
color: #fff;
background-color: #369;
}

.harvest {
	padding-top: 15px;
	border-bottom: 2px solid black;
}

.item {
	padding-top: 15px;
	border-bottom: 2px solid black;
	padding-bottom: 15px;
}