body {
margin: 0px;
font: 12px/15px Arial, Helvetica, sans-serif;
color: #626262;
background-color: #FFFFFF;
}

h3, h4, p, ul, ol, form {
font-size: 12px;
line-height: 15px;
margin: 0px;
}

h3, p {
margin-bottom: 15px;
}

h3, h4 {
clear: both;
text-transform: uppercase;
}

h3 {
font-size: 14px;
line-height: 17px;
color: #83BF36;
}

h3 span {
color: #1F9947;
}

h4 {
color: #1F9947;
}

p.strong {
font-size: 14px;
line-height: 17px;
font-weight: bold;
color: #464646;
}

a {
color: #626262;
}

a.arrow {
display: block;
clear: both;
/*float: left;*/
height: 30px;
padding-left: 40px;
margin-bottom: 15px;
font-size: 14px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #1F9947;
background: url(/images/arrow.gif) left no-repeat;
}

ul, ol {
padding: 0px;
padding-left: 23px;
margin-bottom: 15px;
/*list-style-position: inside;*/
}

form {
margin-top: 8px;
}

input, textarea, select {
margin: 0px;
font: 12px/15px Arial, Helvetica, sans-serif;
color: #626262;
}

div.rule {
clear: both;
border-bottom: 1px solid #D7D7D7;
margin: 20px 0px;
}

.left {
float: left;
}

.right {
float: right;
}

.strong {
font-weight: bold;
}

.carrot h4, .carrot a.arrow {
color: #FF6D22;
}

.carrot a.arrow {
background-image: url(/images/arrows/carrot.gif);
}

.lentil h4, .lentil a.arrow {
color: #825C26;
}

.lentil a.arrow {
background-image: url(/images/arrows/lentil.gif);
}

.spinach h4, .spinach a.arrow {
color: #00693C;
}

.spinach a.arrow {
background-image: url(/images/arrows/spinach.gif);
}

.pesto h4, .pesto a.arrow {
color: #BD3632;
}

.pesto a.arrow {
background-image: url(/images/arrows/pesto.gif);
}

#container {
width: 980px;
margin: 0px auto;
}

#header {
float: left;
width: 980px;
}

#logo {
float: left;
padding: 20px 0px 0px 30px;
}

#menu {
float: right;
width: 694px;
height: 15px;
padding-top: 65px;
padding-right: 43px;
font-size: 14px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
background: url(/images/menu.gif) left no-repeat;
}

#menu a {
margin: 0px 11px;
padding-top: 17px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

#menu a.active, #menu a:hover {
color: #FFE74C;
}

#menu a.active {
background: url(/images/leaf.gif) top right no-repeat;
}

#banner {
float: left;
width: 980px;
text-align: center;
}

#content {
float: left;
width: 905px;
margin: 0px 45px 0px 30px;
padding-bottom: 10px;
background: url(/images/footer.jpg) bottom right no-repeat;
}

#content.wide {
width: 960px;
margin: 0px 10px;
padding-top: 10px;
padding-bottom: 0px;
background: none !important;
}

* html #content {
display: inline;
}

#left {
float: left;
width: 165px;
margin-top: 20px;
font-size: 11px;
line-height: 14px;
}

div.panel {
float: left;
width: 496px;
margin-left: 48px;
margin-bottom: 30px;
background-image: url(/images/panel_large.gif);
}

div.copy {
min-height: 400px;
padding: 0px 24px 15px 22px;
background: url(/images/bottom_large.gif) bottom no-repeat;
}

* html div.copy {
height: 400px;
}

#right {
float: left;
margin-top: 20px;
margin-left: 16px;
}

#footer {
clear: both;
position: relative;
top: 2px;
padding-right: 10px;
text-align: right;
font-size: 10px;
white-space: nowrap;
color: #988675;
}

#content.wide #footer {
position: static;
height: 16px;
padding: 7px 10px;
background: #F2E9DF url(/images/tagline.jpg) left no-repeat;
}

#footer a {
color: #988675;
}

#spacer {
float: left;
width: 100%;
height: 30px;
}

#spacer a {
display: block;
float: left;
position: absolute;
width: 35px;
height: 10px;
}

a.product {
display: block;
float: right;
width: 165px;
height: 62px;
padding-top: 118px;
margin-top: 20px;
margin-left: 10px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
background-position: bottom;
}

a.home {
padding-top: 98px;
margin-top: 0px;
}

#stockists {
width: 100%;
margin-bottom: 15px;
}

#stockists td {
padding: 5px 10px;
border-bottom: 1px solid #D7D7D7;
}

#stockists tr.header td {
border: none;
font-weight: bold;
color: #FFFFFF;
background-color: #736257;
}

#stockists tr.state td {
border: none;
height: 40px;
padding: 0px 10px;
font-weight: bold;
color: #FFFFFF;
background: #998675 url(/images/ramp.gif) top repeat-x;
}

#stockists select {
width: 220px;
}

#stockists a {
padding-left: 12px;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
background: url(/images/triangle.gif) left no-repeat;
}

#contact td {
padding: 2px 10px 2px 0px;
}

#contact input, #contact textarea, #contact select {
position: relative;
bottom: 3px;
width: 200px;
}

#contact select {
width: 206px;
}

div.product {
width: 476px;
background-image: url(/images/panel_medium.gif);
}

div.product div.copy {
background-image: url(/images/bottom_medium.gif);
}

#title {
height: 67px;
padding-left: 20px;
margin: 0px 4px 0px 2px;
font-size: 16px;
line-height: 19px;
font-weight: bold;
color: #FFFFFF;
overflow: hidden;
}

#title span {
font-size: 12px;
}

#nutrition {
margin-bottom: 15px;
}

#nutrition td {
width: 140px;
}

ul.recipes {
padding-left: 18px;
margin: 0px;
list-style: url(/images/bullet.gif) outside;
}

#right ul.recipes {
width: 182px;
}

ul.recipes li {
margin-bottom: 8px;
}

ul.recipes a {
text-decoration: none;
}

div.meal {
position: relative;
left: 4px;
float: right;
width: 226px;
margin-top: 19px;
margin-left: 9px;
background-image: url(/images/panel_small.gif);
}

div.meal div.title {
height: 27px;
padding-top: 14px;
padding-left: 17px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

div.meal img {
float: left;
margin: 1px 4px 7px 2px;
}

div.meal div.copy {
float: left;
width: 190px;
min-height: 0px;
padding: 0px 19px 11px 17px;
background-image: url(/images/bottom_small.gif);
}

* html div.meal div.copy {
height: 0px;
}

div.meal ul.recipes li {
margin: 4px 0px;
}

div.rule {
margin: 11px 0px;
}

img.flush {
margin-left: -4px;
}