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;
float:left;
}

#header img{border:0px;}

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 62px;
width: 700px;
background-color: #8DC44C;
float:left;
}

#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 22px;
background:url(../images/bg_tab.gif) left top  no-repeat;
text-decoration: none;
display:block;
float:left;
}

#subheader a span{display:block; background:url(../images/bg_tab_last.gif) right  no-repeat; padding-right:21px;}
#subheader a:hover {color: #008CCC; background:url(../images/bg_tab_o.gif) left  no-repeat;}
#subheader a#tab_home{background:url(../images/bg_tab_first.gif) left  no-repeat; padding-left:8px;}

body#home #subheader a#tab_home{color:#008ccc;}
body#about #subheader a#tab_about{color:#008ccc; background:url(../images/bg_tab_o.gif) left  no-repeat;}
body#articles #subheader a#tab_articles{color:#008ccc; background:url(../images/bg_tab_o.gif) left  no-repeat;}
body#productreviews #subheader a#tab_product{color:#008ccc; background:url(../images/bg_tab_o.gif) left  no-repeat;}
body#greenbaby #subheader a#tab_greenbaby{color:#008ccc; background:url(../images/bg_tab_o.gif) left  no-repeat;}
body#newsletter #subheader a#tab_newsletter{color:#008ccc; background:url(../images/bg_tab_o.gif) left  no-repeat;}
body#contact #subheader a#tab_contact{color:#008ccc; background:url(../images/bg_tab_o.gif) left  no-repeat;}


#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,
#content .icons .us {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;}
#content .icons .us {color:#CC0707;background:url(../images/ico-local-us.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;
}
p {
padding:0px 10px 10px 10px;
margin:0px 0px 0px 0px;
}
a {
color: #008CCC;
}
a:hover {
color: #5AB35A;
text-decoration: underline;
}

ul {
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
}
li {
list-style-type: none;
background:#FFFFFF url(../images/orange-arrow.gif) no-repeat top left;
background-position: 0px 5px; 
padding: 0px 0px 0px 12px;
}

#content ul{padding:0px 10px 10px 20px;}

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;
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:#dc5925; margin:0px;}

form.askus {font-size:12px; padding:10px; border-bottom:1px dashed #B5B5B5; margin:10px; background:#F1F1F1; height:150px;}
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 textarea {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; height:60px;}
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; letter-spacing:1px; text-transform:uppercase; padding-left:10px; clear:both; cursor:pointer}

form.askus input.hide { display:none;}
form#askus br{clear:both;}

/*--- comment section ---*/
.eachcomment{border:1px solid #5AB35A; margin:10px; clear:both; width:80%}
p.author{font-size:13px; font-weight:bold;}
p.postdate{color:#cccccc; font-weight:bold; margin-top:-10px;}

div#sitemapleft
{
	width:260px;
	float:left;
}

div#sitemapright
{
	width:260px;
	float:left;
}