* { margin: 0; padding 0; }
body { font: 62.5% Verdana,Tahoma,Arial,sans-serif; text-align: center; }
ul { list-style-type: none; padding:0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.green { color: #4F7962; }
h1,h2,h3,h4,h5,h6,p {color: #333;}

img, div { behavior: url(j/iepngfix.htc); border: 0; }

#wrapper {
 text-align: left;
 margin: 0 auto;
 width: 950px;
 background: transparent url(../i/faux_columns.gif) top left repeat-y;
}

/************************************************************************
* MASTHEAD & TOP MENU
************************************************************************/
#masthead {
 height: 235px;
 background: transparent url(../i/masthead.jpg) top center no-repeat;
}
ul#top-menu { float: right;  }
ul#top-menu li { 
 float: left; 
 margin: 0 5px; 
 background: transparent url(../i/top_menuitem_right.gif) no-repeat top right;
}
ul#top-menu li a {
 font-size: 1.2em;
 padding: 8px;
 display: block;
 color: #fff;
 background: transparent url(../i/top_menuitem_left.gif) no-repeat top left;
}

/************************************************************************
* MAIN CONTAINER (contains left nav and main content area...)
************************************************************************/
#main-container {
 background: transparent url(../i/main_background.jpg) bottom left no-repeat;
 padding-bottom: 20px;
}
/************************************************************************
* LEFT NAVIGATION PANEL
************************************************************************/
#left-nav { float: left; width: 224px;  }

#category-menu-container {
 margin-left: 10px; margin-top: 10px;
 width: 224px;
 background: transparent url(../i/category_menu_bottom.gif) bottom center no-repeat;
}
#category-menu-container form {
  padding: 20px 0 0 0;
  background: transparent url(../i/category_menu_top.gif) top center no-repeat;
  text-align: center;
}
#category-menu-container form p {
  margin-bottom: 5px;
  color: #fff;
  padding: 0 15px;
}
#category-menu-container form p a {
  color: #fff; text-decoration: none;
}
#category-menu-container form input {
  width: 115px;
  padding: 3px;
  border: 1px #4F7962 solid; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#category-menu-container form input.submit {
  width: 60px;
}
#category-menu-container form input:focus {
  background: #DEE7E2;
}
#category-menu-container form select {
  width: 190px;

}
ul#category-menu {
 padding: 1em 0;
}
* html ul#category-menu li { height: 30px; overflow: hidden; } /* Just
* for IE6 */
ul#category-menu li {}
ul#category-menu li a { 
 display: block; margin: 0 10px 0.5em 20px; color: #fff; 
 padding: 0.5em 0;
 font-size: 1.2em;
 border-bottom: 1px #bbb dotted;
}
ul#category-menu li.last a {margin-bottom: 0; border-bottom: 0; }


div.sidebar-box {
  width: 224px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-top: 22px;
  background: transparent url(../i/contactdetails_top.png) top center no-repeat;
}
div.sidebar-box-content {
  padding-bottom: 22px;
  text-align: center;
  background: transparent url(../i/contactdetails_bottom.png) bottom center no-repeat;
  color: #333;
}

div#cart-box-content img {
  float: left;
  margin-left: 20px;
  padding-right: 10px;
}
div#cart-box-content p {
  text-align: left;
  font-size: 11px;
}
div#cart-box-content a {
  color: #2E6B4A;
}

div#contact-details-content p {
  margin-bottom: 0.5em; font-size: 1.1em;
}
div#contact-details-content h2 {font-size: 1.4em;margin-bottom: 0.5em;}
div#contact-details-content a { color: #333; font-weight: bold; }

/************************************************************************
* MAIN CONTENT AREA
************************************************************************/
#content { float: right; width: 706px;padding-top:2em; }
#content-left {float:left;width:500px;}
#content-right {float:right;width:200px; text-align:center;}

#content-left h1,#content-left h2,#content-left h3,#content-left p,
    #content-left ul, #content-left ol {padding-left: 45px;}
#content-left h1 {font-size: 1.6em; margin-bottom:1em; color: #2E6B4A; }
#content-left h2 {font-size: 1.4em; margin-bottom:1em; color: #4F7962; }
#content-left p {font-size: 1.2em;margin-bottom:1em;line-height:1.4em; }
#content-left a, #content-full a { color: #2E6B4A; }

#content-left ul {  }
#content-left li { 
  padding-left: 12px; 
  background: transparent url(../i/bullet.gif) no-repeat 0 4px; 
  font-size: 1.2em;
  margin-bottom: 0.5em;
  color: #202020;
}

#content-right p { margin-bottom: 15px; }

#content-full h1,#content-full h2,#content-full h3,#content-full p,
    #content-full ul {padding-left: 45px;padding-right: 20px;}
#content-full h1 {font-size: 1.6em; margin-bottom:1em; color: #2E6B4A; }
#content-full h2 {font-size: 1.4em; margin-bottom:1em; color: #4F7962; }
#content-full p {font-size: 1.2em;margin-bottom:1em;line-height:1.4em; }

#content-full table { margin-left: 45px; width: 640px; }
table.herbs { border-collapse: collapse; margin-bottom: 20px; }
table.herbs tr.toprow td {  }
table.herbs tr.first td { border-top: 0 !important; }
table.herbs tr.bottomrow td { border-top: 0; }
table.herbs td { padding: 6px; border: 1px #ccc solid; border-bottom: 0; border-left: 0; border-right: 0; font-size: 1.1em; }
table.herbs th { padding: 6px; font-size: 1.1em; background: #4F7962; color: #fff; }

#alphanav { float: left; width: 610px; padding-bottom: 10px; }
#alphanav li { float: left; font-size: 13px; }
#alphanav li a { font-weight: bold; font-size: 13px; padding: 4px; }
#alphanav li a.current { color: #333; }
#alpahnav li a.current:hover { background: none; color: #2E6B4A; }
#alphanav li a:hover { background-color: #4F7962; color: #fff; text-decoration: none; }

div#content-left ol#blog-listing {
  list-style: none;
}
div#content-left ol#blog-listing li {
  background: none;
  padding-left: 0;
  margin-bottom: 10px;
  border-bottom: 1px #CDD6D1 solid;
}
div#content-left ol#blog-listing li.last {
  border-bottom: none;
}
div#content-left ol#blog-listing li * {
  margin: 0;
  padding: 0;
}
div#content-left ol#blog-listing li h2 {
  font-size: 14px;
  margin-bottom: 3px;
}
div#content-left ol#blog-listing li p {
  font-size: 12px;
  margin-bottom: 10px;
}
div#content-left ol#blog-listing li p.readmore {
  font-size: 12px;
}

div#content-left p.newsmeta {
  font-size: 10px !important;
  margin-bottom: 10px !important;
}

div#content-left div#news-item h1 {
  margin-bottom: 3px;
}
div#content-left div#news-item p {
  margin-bottom: 10px;
  font-size: 12px;
} 

div#content-left ol#blogpagination {
  padding-top: 5px;
  list-style: none; 
}
div#content-left ol#blogpagination li {
  display: inline; 
  background: none;
  padding: 0;
}
div#content-left ol#blogpagination li a {
  padding: 6px 6px;
  background: #7BA98F;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div#content-left ol#blogpagination li a:hover {
  
}
div#content-left ol#blogpagination li a.current { background: none; color: #333; }

p#back-to-news {
  float: right;
  line-height: 25px;
}


/***** HERB PAGES *****/
p#herbimage {
  clear: right;
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
} 

#addToCart {
  clear: both;
}
#addToCart select {
  margin-right: 5px;
}


/*** CART ***/
table.herbs td.currency, table.herbs th.currency { text-align: right; }
table.herbs input { 
  width: 20px; 
  padding: 4px; 
  border: 1px #4F7962 solid; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
table.herbs input.submit { 
  width: auto;
}

form#checkoutForm { text-align: right; padding-right: 20px; }

/************************************************************************
* FOOTER & BOTTOM MENUS
************************************************************************/
#footer {
 background-color: #202020;
 clear: both;
 padding: 1em 2em 2em 2em;
 line-height: 20px;
}
#footer-left { 
 width: 500px;
 float: left;
}
#footer-right {
 text-align: right;
 width: 400px;
 float: right;
}
#footer-right p { color: #fff; background-color: transparent; font-size:1.1em;}
#footer-right p a { color: #fff; }
ul#bottom-menu {}
ul#bottom-menu li {float: left;}
ul#bottom-menu li a {color:#fff;padding:0 5px;font-size:1.1em;}
ul#bottom-category-menu {clear:left;}
ul#bottom-category-menu li {float: left;}
ul#bottom-category-menu li a {color:#fff;padding:0 5px;font-size:1.1em;}