body {
font-family:Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif; 
font-size:12px; 
color: #666;
margin:0px auto; 
background-color:#FFFFFF;
}
#all {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
margin:0px auto;
width: 762px;
background-color: #FFFFFF;
}
#header {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 10px;
text-align: left;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 762px;
}

form.subscribe{ float:right; margin:-55px 0px 0px 0px; text-align:right;}
form.subscribe input{font-size:10px; font-family:Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif; padding:0px;}

#subheader {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12px;
text-align: center;
margin:0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 762px;
height: 18px;
background-color: #8DC44C;
}
#subheader a {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12px;
text-align: center;
color: #999;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:#8DC44C url(../images/bg_tab.gif) repeat-x;
text-decoration: none;
}
#subheader a:hover {
color: #008CCC;
}
#subheader img {
vertical-align:text-bottom;
margin: 0px 0px 0px 0px;
}
#nav {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12px;
width: 202px;
padding: 30px 0px 0px 10px;
float: left;
}
#logintop {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
width: 262px;
height: 24px;
padding: 0px 0px 0px 0px;
text-indent: 10px;
text-transform: uppercase;
background:#FFFFFF url(../images/boxtop.gif) top no-repeat;
}
#loginarea {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12px;
width: 242px;
padding: 0px 10px 0px 10px;
text-align: right;
background:#FFFFFF url(../images/boxbg.gif) top repeat-y;
}
#loginbot {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12px;
width: 262px;
height: 24px;
padding: 0px 0px 0px 0px;
text-indent: 10px;
background:#FFFFFF url(../images/boxbot.gif) top no-repeat;
}
#content {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12px;
width: 550px;
padding: 30px 0px 0px 0px;
float: left;
}
#content img {
padding: 5px 5px 5px 5px;
margin: 0px 10px 5px 5px;
border: 1px solid #B5B5B5;
float: right;
}
#content .icons {font-size:11px;font-weight:bold;margin-bottom:25px;}

#content .icons .nt,
#content .icons .or,
#content .icons .ft,
#content .icons .lo
	{display:block;width:90px;height:23px;float:left;padding-top:4px;padding-left:28px;background-repeat:no-repeat;background-position:top left;}

#content .icons .nt {color:#ff6600;background:url(../images/ico-nontoxic.gif) no-repeat top left;}
#content .icons .or {color:#669933;background:url(../images/ico-organic.gif) no-repeat top left;}
#content .icons .ft {color:#0066cc;background:url(../images/ico-fairtrade.gif) no-repeat top left;}
#content .icons .lo {color:#993300;background:url(../images/ico-local.gif) no-repeat top left;}

#subfooter {
text-align: center;
height: 20px;
clear: both;
padding:30px 10px 0px 10px;
margin:0px 0px 0px 0px;
border-bottom: 1px dashed #B5B5B5;
}
#footer {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11px;
color: #999;
text-align: center;
}
#footer a {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11px;
text-align: center;
color: #999;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
#footer a:hover {
color: #008CCC;
}
#eco {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11px;
color: #999;
height:80px;
background:#FFFFFF url(../images/ecofooter_01white.jpg) top no-repeat;
text-align: center;
}
#eco a {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11px;
text-align: center;
color: #999;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
#eco a:hover {
color: #008CCC;
}
#eco p {
padding:30px 0px 0px 160px;
margin:0px 0px 0px 0px;
}
p {
padding:0px 10px 10px 10px;
margin:0px 0px 0px 0px;
}
a {
color: #008CCC;
text-decoration: bold;
}
a:hover {
color: #008CCC;
text-decoration: underline;
}
a: active {
color: #000;
text-decoration: bold;
}
ul {
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
}
li {
list-style-type: none;
background:#FFFFFF url(../images/orange-arrow.gif) left no-repeat;
padding: 0px 0px 0px 12px;
}
h1 {
font-size: 18px;
color: #666;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
}
h2 {
font-size: 16px;
color: #5AB35A;
padding:10px 10px 0px 10px;
margin:0px 0px 0px 0px;
}
h3 {
font-size: 16px;
color: #5A8DB3;
padding:10px 10px 0px 10px;
margin:0px 0px 0px 0px;
}
h4 {
font-size: 14px;
color: #5A8DB3;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
background-color: #F1F1F1;
border-bottom: 1px dashed #B5B5B5;
}
h5 {
font-size: 12px;
text-decoration: bold;
color: #666;
padding:10px 10px 0px 10px;
margin:0px 0px 0px 0px;
}

form#contact {font-size:12px; padding:10px; width:380px; border:1px solid #008CCC; margin:10px auto; height:400px; }
form#contact label {display: block; width: 160px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px; color:#666666; font-size:11px;}
form#contact input, form#contact select, form#contact textarea {display: block; width: 190px; float: left; margin-bottom: 10px; border:1px solid #008CCC; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
form#contact input.sub { border:0px; width:75px; height:19px; float:right; background:url(../images/bg_button.gif) no-repeat; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding-left:10px; margin-right:5px;}
form#contact input.sub:hover { cursor:pointer;}
form#contact input.hide { display:none;}
form#contact textarea { height:60px;}
form#contact p{clear:both; float:left; font-size:11px; color:#cc0000; margin:0px;}

form#askus {font-size:12px; padding:10px; border-bottom:1px dashed #B5B5B5; margin:10px; background:#F1F1F1;}
form#askus label {display: block; width: 180px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px; color:#666666; font-size:11px; font-weight:bold;}
form#askus input {display: block; width: 220px; float: left; margin-bottom: 10px; border:1px solid #B5B5B5; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
form#askus input.sub { border:0px; width:75px; height:19px; float:right; background:url(../images/bg_button.gif) no-repeat; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding-left:10px;}
form#askus input.sub:hover { cursor:pointer;}
form#askus input.hide { display:none;}
form#askus br{clear:both;}