/* Global styles */
body {font-family:Georgia, "Times New Roman", Times, serif;}
h1 {color:#5E3A16; font-weight:normal; line-height:150%; font-size:22px;}
h2 {color:#5E3A16; font-weight:normal; line-height:150%; font-size:20px;}
h3 {color:#5E3A16; font-weight:normal; line-height:150%; font-size:16px;}
h3.green {color:#88AE41; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:150%;}
h4 {color:#5E3A16; font-weight:normal; line-height:150%; font-size:14px;}
p {font-size:12px; line-height:150%;}
a {text-decoration:none; outline:none; color:#837727;}
ul li, ol li {font-size:12px; line-height:140%;}
dl {padding:0 0 10px 0; margin:0;}
dl dt {font-weight:bold;}
dl dd {padding:0 0 10px 0;}
dl dt, dl dd {font-size:12px; line-height:140%;}

div.divider {width:865px; height:16px; background:#CBE82E; display:block; float:left; clear:both; padding:0; margin:0;}
div#wrapper {width:865px;}

div#header {width:865px; background:url(../images/header-border.jpg) no-repeat left bottom; height:100px; display:block; padding:10px;}
div#header h1 a {float:left; background:url(../images/logo.jpg) no-repeat; width:154px; height:68px; display:block; text-indent:-9999px; overflow:hidden; clear:none; position:relative; left:20px; top:20px;}

ul#navigation {float:right; display:block; list-style:none; margin:0; padding:0; position:relative; top:30px;}
ul#navigation li {display:block; float:left; padding:0 5px; margin:0; border-left:1px #C7B299 solid;}
ul#navigation li.first {border-left:none; padding-left:10px;}
ul#navigation li a {color:#837727; font-size:13px; font-weight:bold; line-height:120%;}
ul#navigation li a:hover, ul#navigation li a.active {color:#5E3A16;}

div#footer {width:865px; height:160px; background:#616435; display:block; font-size:13px; color:#C7B299; clear:both;}
div#footer #address {font-style:normal; color:#CDE22B; position:relative; top:10px; left:30px; clear:none; margin-bottom:-85px;}
div#footer #followus {width:170px; margin:0 auto; clear:both; position:relative; top:20px;}
div#footer #followus p {margin:0 auto 10px auto; padding:0 -7px 0 0; font-weight:bold; text-align:center;}
div#footer #followus ul {display:inline; margin:0 auto; padding:0;}
div#footer #followus ul li {display:inline; list-style:none; text-indent:-9999px; overflow:hidden; padding:0;}
div#footer #followus ul li a {height:30px; margin:0 10px 0 0; display:block; clear:none; float:left;}
div#footer #followus #facebook a {width:30px; background:url(../images/icon-fb.png) no-repeat;}
div#footer #followus #linkedin a {width:30px; background:url(../images/icon-linkedin.png) no-repeat;}
div#footer #followus #twitter a {width:31px; background:url(../images/icon-twitter.png) no-repeat;}
div#footer #followus #contactus a {width:32px; background:url(../images/icon-sf.png) no-repeat;} 
div#footer ul#bottomnav {margin:0 auto; text-align:center; clear:both; padding-top:40px;}
div#footer ul#bottomnav li {display:inline; list-style:none; border-left:1px #C7B299 solid; padding:0 10px;}
div#footer ul#bottomnav li.first {border-left:none; padding-left:10px;}
div#footer ul#bottomnav li a {color:#C7B299;}
div#footer ul#bottomnav li a:hover {color:#CDE22B;} 

/* Index Page */
h2#title {width:839px; height:32px; background:#8C8D65; color:#FFF; font-weight:normal; display:block; padding:2px 0 2px 26px; margin:0; border-bottom:5px solid #8B6E0A;}
div#main {width:865px; clear:none;}
div#slider {float:left; width:515px; height:355px; margin:0; padding:0; clear:none;}
div#slider .noscript {display:none;}
ul#produce {float:right; width:350px; clear:none; margin:0; padding:0; clear:none;}
ul#produce li {height:100px; background:#616435; border:1px #FFF solid; list-style:none; display:block; text-align:right;}
ul#produce li.fruits {background:#616435 url(../images/img-fruit.jpg) no-repeat right center;}
ul#produce li.vegetables {background:#616435 url(../images/img-veggies.jpg) no-repeat right center;}
ul#produce li.dairy {background:#616435 url(../images/img-dairy.jpg) no-repeat right center;}
ul#produce li a {color:#FFF; text-decoration:none; font-size:20px; position:relative; top:35px; right:150px;}
ul#produce li a:hover {color:#CDE22B;}
div#order {width:350px; display:block; clear:none; margin:0; padding:0; float:left;}
div#order a {width:179px; height:175px; background:url(../images/btn-mushroom.jpg) no-repeat; text-indent:-9999px; display:block; overflow:hidden; margin:10px auto; padding:0;}
div#main-content {float:left; width:435px; clear:none; padding:10px 40px;}
div#main-content h3 {padding-bottom:10px;}

/* Sub Pages */
div#top-sub {width:865px; height:120px; background:url(../images/top-sub.jpg) no-repeat; display:inline; clear:none; padding:0; margin:0; float:left;}
div#top-sub img {width:215px; height:118px; padding:0; margin:0; display:block; float:right; border:1px #FFF solid;}
ul#subnav {float:left; width:175px; clear:none; margin:10px; padding:0; display:block; list-style:none;}
ul#subnav li {padding:0; margin:0; font-size:14px; line-height:150%;}
ul#subnav li a {color:#837727; height:12px; padding:8px 25px; display:block;}
ul#subnav li a:hover, ul#subnav li a:active {color:#5E3A16; background:url(../images/subnav-hover.jpg) no-repeat 0 12px;}

div#sub-content {width:640px; float:right; display:inline; clear:none; padding:10px; margin:0;}
div#sub-content h2 a {display:block; clear:both; padding:15px 0 5px 0;}

ul.columns {float:left; width:620px; padding:10px; margin:0 auto; list-style:none; display:block;}
ul.columns li {float:left; width:200px; margin:0; padding:5px 5px 5px 0; display:block;}


/* About Page */
ul#brand-list, ul#link-list {display:block; list-style:none; padding:0 10px; margin:0 auto; clear:both;}
ul#brand-list {width:550px;}
ul#brand-list li, ul#link-list li {display:inline; float:left; padding:5px;}
ul#brand-list li a, ul#link-list li a {outline:none;}
ul#brand-list li a img, ul#brand-list li img {height:60px; display:block; border:none;}
ul#brand-list li h3 {margin-top:35px;}
ul#link-list {width:620px;}
ul#link-list li a img {display:block; border:none;}
img#timeline {width:640px; height:495px; margin:10px 0;}
div.inline-img {float:right; clear:none; margin:0 0 10px 15px; width:300px;}
div.inline-img p {padding:5px 0 0 0; margin:0; font-style:italic;}


/*Products Page*/
div.category {width:125px; float:left; display:inline; padding:5px;}
div.category a img {width:100px; height:100px; border:1px #999 solid; display:block;}

/* News Page */
div#box {width:600px; margin:10px 0; font-size:12px;line-height:140%;}
div#box label {width:100%; display:block; padding:5px 0;}
div#box label span {display:inline; float:left; width:200px; text-align:right; padding:5px 20px 0 0;}
div#box label .input_text {padding:5px; width:200px; clear:both;}
div#box label .checkbox {float:left; margin:0 10px 0 215px; clear:left;}
div#box label span.checkbox-label {padding:0 0 4px 0; margin:0; text-align:left; display:inline;}
div#box .button {margin:10px 0 10px 200px; padding:4px 0; display:block; clear:both;}
