/*
Theme Name: Eco_Earth_Org
Theme URI: http://www.ecoearthorganics.co.nz
Description: The 2010 default theme for Eco Earth Organics
Author: Webcraft
Version: 1.0 
*/

body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size: 12px;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html {
margin: 0;
padding: 0;
}

body {
background: url(images/bg.jpg) no-repeat center top;
font-family: Trebuchet MS, Lucida Sans, Arial, sans-serif;
color: #786e69; /* p tag */
}

h1 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 28px;
font-weight: bold;
color: #408000; /* green */
}

h2 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 18px;
font-weight: bold;
color: #408000; /* green */
}

h3 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 16px;
font-weight: bold;
color: #408000; /* green */
}

h4 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
color: #408000; /* green */
}

p {
padding: 6px 0px;
line-height: 18px;
font-size: 12px;
font-family: Arial;
color: #786e69; /* p tag */
}

strong {
font-weight: bold;
}

a {
text-decoration:  none;
color: #408000; /* green */
}

p a {
text-decoration: underline;
}

#container {
width: 850px;
height: 900px;
margin: 0px auto;
padding: 0px 15px;
}

#header {
clear: both;
width: 850px;
height: 130px;
margin: 0px;
padding: 0px;
}

#logo {
float: left;
height: 115px;
width: 260px;
padding: 15px 0px 0px 0px;
}

#menu {
float: left;
height: 34px;
width: 590px;
}

ul#topNav {
float: right;
height: 15px;
width: 590px;
padding: 20px 0px 35px 0px;
font-family: Arial;
}

ul#topNav li {
float: right;
}

ul#topNav li a{
font-weight: bold;
color: #786e69; /* p tag */
}

ul#nav {
position: relative;
float: right;
width: 490px;
height: 34px;
z-index: 9999;
}

ul#nav li {
float: left;
height: 24px;
padding: 0px 0px;
border-left: 1px solid #408000; /* green */
text-align: center;
}

ul#nav li:first-child {
border-left: none;
}

ul#nav li.homepage, ul#nav li.about, ul#nav li.media  {
width: 70px;
padding: 0px 0px 0px 0px;
}

ul#nav li.retailers {
width: 90px;
}

ul#nav li.products  {
width: 90px;
padding: 0px 0px 0px 0px;
}

ul#nav li.contact  {
width: 95px;
text-align: right;
padding: 0px 0px 0px 0px;
}

ul#nav li a {
font-size: 18px;
color: #408000; /* green */
}

ul#nav li a:hover {
color: #4b3d37; /* brown */
}


ul#news {
float: left;
width: 590px;
height: 20px;
}

ul#news li {
float: right;
font-size: 18px;
color: #4b3d37; /* brown */
}

ul#news li a {
color: #4b3d37; /* brown */
}



/* 2nd level begin */

#menu ul#nav li ul {
position: relative;
width: 160px;
height: 34px
background-image: none;
background-color: #fff;
opacity:0.97;
left: -1px;
margin: 0px;
padding: 0px;
text-align: left;
}

#menu ul#nav li ul li {
width: 140px;
padding: 0px 10px 10px 10px;
margin: 0px 0px 0px 0px;
background-image: none;
background-color: #fdffdc;
opacity:0.97;
border: none;
border-bottom: 1px solid #dbedc5; /* divider lines */
text-align: left;  
}

#menu ul#nav li.current_page_item ul li a:hover {
color: #4b3d37; /* brown */
}

#menu ul#nav li ul li a {
display: block;
width: 140px;
height: 12px;
padding: 10px 0px;
font-size: 12px;
background-image: none;
background-color: #fdffdc;
text-align:  left;
}

#menu ul#nav li ul li a:hover {
color: #4b3d37; /* brown */
}

#menu ul#nav li ul li.current_page_item {
color: #4b3d37; /* brown */
}

#menu ul#nav li ul li.current_page_item a:hover{

}

/* 3rd level */

#menu ul#nav ul ul{
position: relative;
width: 160px;
background: #fff;
display:none;
top: -24px;
left: 130px;
margin: 0px;
color: #666;
}

#menu ul#nav li ul li ul li{
width: 130px;
font-size: 12px;
background: #fff;
border-bottom: 1px solid #ccc;
text-align:  left;
}

#menu ul#nav li.current_page_item ul li ul li a {

}

#menu ul#nav li ul li ul li a {

}

#menu ul#nav li ul li ul li a:hover {

}

#menu ul#nav li ul li ul li.current_page_item {

}

#menu ul#nav li ul li ul li.current_page_item a:hover{

}

#banner {
clear: both;
width: 850px;
height: 355px;
margin: 20px auto;
background: url(images/banner-1.jpg) no-repeat;
}

#features {
width: 848px;
height: 260px
padding: 0px 1px;
margin-bottom: 20px;
border-bottom: 1px solid #dbd8d7; /* divider lines */
}

.featureCol {
float: left;
width: 190px;
height: 200px;
}

.featureDivider {
float: left;
width: 1px;
margin: 0px 14px;
height: 260px;
background: #dbd8d7; /* divider lines */
}

#content {
clear: both;
width: 850px;
padding: 20px 0px 60px 0px;
}

#sidebar {
float: left;
width: 200px;
}

#shop {
float: left;
width: 620px;
padding: 0px 0px 0px 30px;
}

#shop p {
padding: 2px 0px;
}

.clear {
clear: both;
}

#footer {
clear: both;
width: 850px;
padding: 20px 0px 10px 0px;
border-top: 2px solid #dbd8d7; /* divider lines */
}

p.credits {
float: right;
padding-top: 20px;
}

img.footer-img {
float: left;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

.wpsc_extras_forms, .wpsc_product_price, .wpsc_buy_button, #cart {

}