/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1.5;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	font-weight:normal;
}
table, td, th {
	vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
a img {
	border:none;
}
/* typography.css */

body {
	font-size:75%;
	color:#222;
	background:#fff;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#111;
}
h1 {
	font-size:3em;
	line-height:1;
	margin-bottom:1em;
}
h2 {
	font-size:2em;
	margin-bottom:0.75em;
}
h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
}
h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:1.5em;
}
h6 {
	font-size:1em;
	font-weight:bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p {
	margin:0 0 1.5em;
}
img.left {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
	color:#000;
}
a {
	color:#009;
	text-decoration:underline;
}
blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom:1px dotted #666;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	color:#666;
}
pre {
	margin:1.5em 0;
	white-space:pre;
}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
/*

table {margin-bottom:1.4em;width:100%;}

th {font-weight:bold;}

thead th {background:#c3d9ff;}

th, td, caption {padding:4px 10px 4px 5px;}

tr.even td {background:#e5ecf9;}

tfoot {font-style:italic;}

caption {background:#eee;}

*/

td {
	padding-left: 0;
}
.small {
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;
}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
.hide {
	display:none;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color:#fff;
}
.removed {
	background:#900;
	color:#fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #CCCC99;
}
#wrapper {
	width: 768px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-top: -4px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	color: #333;
	width: 768px;
	float: left;
	padding: 0px;
	height: 139px;
	margin: 0px;
	background: #440404;
}
#second_header {
	color: #333;
	width: 768px;
	height: 141px;
	float: left;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	position: relative;
	background: url(buyonline/css/images/rancho_header.jpg);
}
#faux {
	background: #ffffff;
	margin: 0;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	float: left;
}
#leftcolumn {
	display: inline;
	color: #333;
	margin: 0px;
	padding: 0px;
	width: 182px;
	float: left;
	min-height: 400px;
	position: relative;
	top: 6px;
	z-index: 2;
}
#rightcolumn {
	float: left;
	margin: 0px;
	width: 576px; /* 586 */
	display: inline;
	position: relative;
	background: #FFFFFF;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0;
}
#footer {
	width: 768px;
	clear: both;
	color: #333;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
.clear {
	clear: both;
	background: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #660000;
	font-weight: bolder;
	margin-bottom: 10px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999966;
	margin: 0 0 5px 0;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	font-weight: normal;
	font-style: normal;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	font-weight: normal;
	font-style: normal;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-weight: normal;
	font-style: normal;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
	font-weight: normal;
	font-style: normal;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	padding-right: 20px;
	font-style: normal;
}
.textItalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666633;
	text-align: left;
}
.textsmallBlack {
	font-size: 9px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 9pt
}
.textsmallWhiteItalic {
	font-size: 9px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 9pt;
	font-style: italic;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	line-height: 14pt;
	color: #660000;
	font-weight: bolder;
}
.textBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	font-weight: bolder;
	padding: 0px;
}
.textBoldItalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	font-weight: bolder;
	padding: 0px;
	font-style: italic;
}
.textBoldRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	font-weight: bolder;
	padding: 0px;
	color: #900;
}
.textCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	padding-right: 20px;
}
.textUL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	padding-right: 20px;
	list-style-position: inside;
	list-style-type: disc;
}
.textCopyUL {
	list-style-type: disc;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	text-align: left;
	list-style-position: outside;
}
.textCopyCentred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	padding-right: 20px;
	text-align: center;
}
.textsmallBlackCentred {
	font-size: 9px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 9pt
}
.DidYouKnow {
	font-size: 7pt;
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 30px;
	text-align: left;
	font-weight: bolder;
	text-decoration: underline;
}
.textBoldSmaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #000000;
	font-weight: bolder;
	padding: 0px;
}
.textSmaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	padding-right: 20px;
	font-style: normal;
}
.textSmallerRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}
.textSmallerRightBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #000000;
	font-weight: bolder;
	font-style: normal;
	text-align: right;
	padding-right: 10px;
}
.textBoldItalic10 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
	font-weight: bolder;
}
.textBold10 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bolder;
}
.text8list {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	list-style-type: circle;
	text-align: left;
	display: list-item;
	list-style-position: inside;
}
/* Breadcrumbs  */

#breadcrumb {
	font-size: 11px;
	color: #000;
	margin-bottom: 20px;
	padding: 0;
}
#breadcrumb a:link, #breadcrumb a:visited {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
#breadcrumb a:hover {
	font-size: 11px;
	color: #000;
	text-decoration: underline;
}
/* Messages */

.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
	font-size:1.2em;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
/* form */

#form {
	padding: 0px;
	margin: 0;
}
form {
	padding: 0px;
	margin: 0;
}
form ul {
	display:table-row;
	padding:0;
	margin:0;
	list-style-type:none;
	white-space:nowrap;
}
form li {
	display:inline;
}
form td {
	padding: 2px 5px 2px 0;
}
form .text, form select {
	width: 200px;
	font-size:12px;
	padding: 2px 1px;
}
form input.xlong {
	width:500px;
	font-size:12px;
	padding: 2px 1px;
}
form input.long {
	width:300px;
	font-size:12px;
	padding: 2px 1px;
}
form input.med {
	width:200px;
	font-size:12px;
	padding: 2px 1px;
}
form input.short {
	width:100px;
	font-size:12px;
	padding: 2px 1px;
}
form input.xshort {
	width:50px;
	font-size:12px;
	padding: 2px 1px;
}
form input.xxshort {
	width:25px;
	font-size:12px;
	padding: 2px 1px;
}
form label {
	font-size:12px;
	font-weight:bold;
	color: #333;
	clear: both;
}
form span {
	padding-right:3px;
}
.order_details {
}
.order_details td {
	padding: 5px 10px;
}
#navbar {
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 999;
}
#navbar a, #navbar a:hover {
	color: #FFFFFF;
	padding-left: 5px;
}
/*

Author: Craig Erskine

Description: Dynamic Menu System - Vertical

*/



ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul {
	width: 151px; /* Menu Width */
	margin: 0;
	list-style: none;
}
ul#navmenu-v li {
	float: left;
	position: relative;
	width: 100%;
	background: url(buyonline/css/images/left_arrow.gif) no-repeat;
	margin-bottom: 1px;
}
ul#navmenu-v li ul li {
	float: left;
	position: relative;
	width: 100%;
	background: none;
	margin-bottom: 1px;
}
ul#navmenu-v li.iehover {
	z-index: 1000; /* IE z-index bugfix */
}
ul#navmenu-v ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 9999;
	background: #ffffff;
	padding: 1px;
	width: 105%;
}
/* Root Menu */

ul#navmenu-v a {
	padding-left: 1px;
	margin-left: 31px;
	display: block;
	background: #6D0D00;
	color: #CCCC99;
	font: italic 16px Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
}
ul#navmenu-v a span {
	display: none;
}
/* Root Menu Hover Persistence */

ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a {
	background: #BBB;
	color: #FFF;
}
ul#navmenu-v a.about {
	background: url(buyonline/css/images/about_us.gif);
}
ul#navmenu-v a.about:hover, ul#navmenu-v li:hover a.about, ul#navmenu-v li.iehover a.about {
	background: url(buyonline/css/images/about_us_over.gif);
}
ul#navmenu-v a.products {
	background: url(buyonline/css/images/products.gif);
}
ul#navmenu-v a.products:hover, ul#navmenu-v li:hover a.products, ul#navmenu-v li.iehover a.products {
	background: url(buyonline/css/images/products_over.gif);
}
ul#navmenu-v a.order {
	background: url(buyonline/css/images/order.gif);
}
ul#navmenu-v a.order:hover, ul#navmenu-v li:hover a.order, ul#navmenu-v li.iehover a.order {
	background: url(buyonline/css/images/order_over.gif);
}
ul#navmenu-v a.sales {
	background: url(buyonline/css/images/sales.gif);
}
ul#navmenu-v a.sales:hover, ul#navmenu-v li:hover a.sales, ul#navmenu-v li.iehover a.sales {
	background: url(buyonline/css/images/sales_over.gif);
}
ul#navmenu-v a.fundraising {
	background: url(buyonline/css/images/fundraising.gif);
}
ul#navmenu-v a.fundraising:hover, ul#navmenu-v li:hover a.fundraising, ul#navmenu-v li.iehover a.fundraising {
	background: url(buyonline/css/images/fundraising_over.gif);
}
ul#navmenu-v a.faq {
	background: url(buyonline/css/images/faq.gif);
}
ul#navmenu-v a.growers:hover, ul#navmenu-v li:hover a.faq, ul#navmenu-v li.iehover a.growers {
	background: url(buyonline/css/images/faq_over.gif);
}
ul#navmenu-v a.recipes {
	background: url(buyonline/css/images/recipes.gif);
}
ul#navmenu-v a.recipes:hover, ul#navmenu-v li:hover a.recipes, ul#navmenu-v li.iehover a.recipes {
	background: url(buyonline/css/images/recipes_over.gif);
}
ul#navmenu-v a.contact {
	background: url(buyonline/css/images/contact.gif);
}
ul#navmenu-v a.contact:hover, ul#navmenu-v li:hover a.contact, ul#navmenu-v li.iehover a.contact {
	background: url(buyonline/css/images/contact_over.gif);
}
ul#navmenu-v a.home {
	background: url(buyonline/css/images/home.gif);
}
ul#navmenu-v a.home:hover, ul#navmenu-v li:hover a.home, ul#navmenu-v li.iehover a.home {
	background: url(buyonline/css/images/home_over.gif);
}
/* 2nd Menu */

ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a {
	margin: 0;
	list-style: none;
	float: none;
	padding-left: 5px;
	margin: 0px;
	display: block;
	background: #CCCC99;
	color: #330000;
	font: italic 13px Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	height: 24px;
	line-height: 24px;
}
/* 2nd Menu Hover Persistence */

ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a {
	background: #000084;
	color: #FFFFFF;
}
/* Hover Function - Do Not Move */

ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul {
	display: none;
}
ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul {
	display: block;
}
#account-bar {
	width: 100%;
	padding: 0px;
	margin: 0 0 20px 0;
	text-align: left;
}
#account-bar .holder {
	display:table;
	margin:0 auto;
	padding: 0;
}
#menu {
	display:table-row;
	padding:0;
	margin:0;
	list-style-type:none;
	white-space:nowrap;
}
#menu li {
	display:inline;
}
#menu a, #menu a:visited {
	display:block;
	height: 38px;
	float:left;
	padding:0;
	margin:0 0 0 1px;
	font-size:12px;
	font-weight: bold;
	line-height: 38px;
	color:#000;
	text-decoration:none;
	background: #CDCD99;
	text-align: center;
}
#menu a:hover {
	background:#CDCDFF;
	text-decoration:none;
}
#menu a.cart {
	margin: 0;
	width: 99px;
}
#menu a.account {
	width: 127px;
}
#menu a.login {
	width: 85px;
}
#menu a.logout {
	width: 92px;
}
#menu a.create {
	width: 167px;
}
/* tables */

table.side_cart {
	font-family:arial;
	margin:1px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.side_cart tr th {
	background-color: #D7D4FF;
	color: #000;
	padding: 4px;
	font-weight: bold;
}
table.side_cart tr th h3 {
	margin: 0;
	padding: 0;
	color: #780E01;
}
table.side_cart tr th h3 span {
	padding: 0 0 0 30px;
	font-size: 75%;
	color: #000000;
}
table.side_cart td {
	color: #000;
	padding: 2px 2px;
	vertical-align: top;
	background: #EDE6D3;
}
navmenu-vimg.rightnomargins {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
img.leftnomargins {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
img.rightnomargins {
	float:right;
}
#leftpluscolumn {
	display: block;
	float: left;
	width: 120px;
	margin-left: 32px;
	top: 629px;
	position: absolute;
	right: 785px;
	overflow: auto;
}
img.left2 {
	float:left;
	margin:0em;
	padding:0;
}
img.right2 {
	float:right;
	padding-top: 5px;
}
img.leftplus {
	float:left;
	margin:0em;
	padding:0;
	right: 6px;
	position: relative;
}
.textItalicSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10pt;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}
#DidYouKnow {
	position:relative;
	width:102px;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: #FFFFCC;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #f3f3be;
	border-left-width: 31px;
	border-left-style: solid;
	border-left-color: #fff2ca;
	float: left;
	top: 35px;
}
#imgSide {
	position: absolute;
	right: 617px;
	float: left;
}
.newsImage {
	position: relative;
	float: left;
	height: 122px;
	width: 122px;
	margin-right: 10px;
	clear: right;
	border: 1px solid #999;
	left: -10px;
	top: -10px;
}
.newsImage2 {
	position: relative;
	float: left;
	height: 249px;
	width: 122px;
	margin-right: 10px;
	border: 1px solid #999;
	left: -10px;
	top: -10px;
	clear: right;
}

