html, body {margin:0; font-family:Verdana, Arial, Helvectia, Sans-Serif; font-size:13px; color:#333; background:  white url('/images/backpattern.png') top left no-repeat;  padding:0; border:0; height:100%}
a {text-decoration:none; color:#000;}
a:hover {color:#488530}

a img {border:0}

 a {color:#c6130e;}

p{margin:12px 0 }

h1 {display: none}
h3 {color: #488530; font-size: 14px; font-weight: bold; margin:1em 0}
h4 {color: #c6130e; font-weight: bold; text-transform: uppercase; font-size:13px; margin:1em 0}

hr {background:url(images/line.jpg); border:0; height:2px; width:777px; margin:4px auto}

#heading {background: url('/images/headgrass.png'); width: 850px; height: 105px; margin-bottom: 0;}
#heading a{color: white; font-size: 16px;}

#topnav {float: right; font-size: 12px; margin-top: 36px}
#topnav a{color: #444; padding: 0 3px 0 3px; margin: 0;}

#mainbody {margin-top: 0px; width: 850px;}
#main {background: url('/images/body.jpg') no-repeat; height: 400px; margin-top: 0px; padding: 1px 10px 0 15px;}
#mainbody p {font-size: 12px; line-height:14px;}
#main p {font-size:11px}

#mainbox1 {color: #4b4c4d; width: 120px; margin: 20px 0 0 30px; padding:40px 60px 40px 0; font-size: 11px; display:block; height:45px;}
#mainbox2 {width: 100px; margin: 0; padding:30px 0 10px 110px; font-size: 11px; display:block; color:#4b4c4d; height:45px}
#mainbox3 {width: 80px; margin: 55px 0 0 25px; font-size: 11px; display:block; color:#4b4c4d; height:52px}
#mainbox4 {margin: 20px 0 0 20px; width: 191px; font-size: 11px; text-align: center; display:block; color:#FFF; }
#mainbox4 strong {text-transform: uppercase}

#mainbox1:hover, #mainbox2:hover, #mainbox3:hover, #mainbox4:hover {color:#990000}

.breadcrumb {color:#999999; font-size:10px; font-weight:bold}
.breadcrumb a {color:#488530}

.buynow {background:url(images/buynow.png); text-transform: uppercase; width:60px; height:13px; display:block; padding:3px; text-align:center; margin:2px auto; font-size:11px; font-weight:bold}

#quality {padding: 1px 20px 0 15px; height: 100%; background: url('/images/qualityback.jpg') no-repeat; }
#quality h4 {margin-bottom: -5px;}
.glossary a {color:#444}

#vitality {height: 30px; background: #B4B19F; color: white; clear: both; margin-bottom: 5px}
#vitality #col1{font-size: 18px; text-align: center; width: 410px; float:left; line-height:30px;}
#vitality #col2{text-align: center; font-size: 9px; width: 440px; float:left; line-height:30px;}

#retailers {background: url('/images/marigoldback.jpg');  padding: 1px 10px 0}
#retailers td strong {text-transform:uppercase}
#retailers td {font-size: 10px;  vertical-align: top; width:33%; padding:0 5px}

#teas {background: url('/images/teasback.jpg') no-repeat white; padding: 0; margin-top: 0}
#teas table {clear: left; width: 100%; text-align: left;}
#teas td{ padding: 10px 10px 0}
#teas img {border: none;}
#teas strong {color:#c6130e}
#teas table a strong{text-decoration:none;  color: white; text-transform: uppercase; font-size: 12px}
#teas table a:hover strong{color:#c6130e}
#teas ul {padding-left:25px}

#bodycare {padding: 0; background: url('/images/bodycare.jpg') no-repeat white;}
#bodycare table {clear: left; width: 100%; text-align: left;}
#bodycare td {padding: 10px 10px 0}
#bodycare img {border: none;}
#bodycare table strong, .proddiv strong {text-transform: uppercase; font-size: 11px; }
#bodycare strong {color:#c6130e}
#bodycare table a strong{text-decoration:none; color:#FFFFFF; text-transform: uppercase; font-size: 11px}
#bodycare table a:hover strong{color:#c6130e}
#bodycare ul {padding-left:25px}

#henna {background: url('/images/hennaback.jpg') no-repeat white; padding: 0; margin-top: 0}
#henna table {clear: left; width: 100%; text-align: left;}
#henna td{ padding: 10px 10px 0}
#henna img {border: none;}
#henna strong {color:#c6130e}
#henna table a strong{text-decoration:none;  color: white; text-transform: uppercase; font-size: 11px}
#henna table a:hover strong{color:#c6130e}
#henna ul {padding-left:25px}

#tonics {background: url('/images/tonicback.jpg') no-repeat white; padding: 0; margin-top: 0}
#tonics table {clear: left; width: 100%; text-align: left;}
#tonics td{ padding: 10px 10px 0}
#tonics img {border: none;}
#tonics strong {color:#c6130e}
#tonics table a strong{text-decoration:none;  color: white; text-transform: uppercase; font-size: 11px}
#tonics table a:hover strong{color:#c6130e}
#tonics ul {padding-left:25px}


#bodydetail {background: #eeece0; padding: 1px 10px 1px 10px}
#bodydetail h3 a{color: #488530}

.proddiv ul, .subprod ul {margin:0; padding-left:15px}

.proddiv {float: left; background: white; border: 1px solid black; margin: 8px; padding: 10px; font-size: 9px}
.prodtext strong {font-size:9px}

.proddiv p a{color: #488530; text-decoration: underline}
.proddiv p a:hover {color:#005500}

.subprod {  margin: 8px; padding: 5px; font-size: 10px; background:#fff ; height:150px }

.subprod .text {width:310px; float:left; height:150px; overflow:hidden; margin:0 10px}
.subprod li {margin-top:5px}

.subprod p a{color: #488530; text-decoration: underline}
.subprod p a:hover {color:#005500}

.subprod img {float:left}
.subprod .buy {margin:0 0 0 10px; float:left; width:100px; height:150px; overflow:hidden; vertical-align:middle}


.prodtext {height: 60px; overflow: hidden}
.prodimage {float: left; padding-right: 8px; height: 150px}
.prodimage img {width: 80px}
.prodhead {height: 40px}
.subname {color: black}

#cleardiv {clear: both}

#products {font-size: 12px; padding: 5px 0 0;}
#products h3 {color: #c6130e; font-size: 18px; font-weight:normal;}
#products h4 { text-transform: none; margin-bottom: 2px; font-size:14px}
#products .sub {font-weight: bold; color: #c6130e; font-size:14px}

#ingbox {background: #eee; padding: 20px; width: 230px; float: right; clear: none; margin-left: 10px}
#ingbox h4, #ingbox .sub {font-weight: bold; color: #c6130e;}

#pricebox {padding:0 0 0 ; text-align:center; float:right; width:170px;}

#social {height:45px; padding:2px 0 0 739px; color:#FFFFFF; font-size:10px; font-weight:bold; text-align:center; width:106px; line-height:18px}

#nav {margin:0; padding:20px 0 0 15px}

#nav li {list-style: none; display: inline; position: relative; float: left}
#nav a {display: block; padding: 10px 15px 7px ; text-transform:lowercase}
#nav a:hover {color:#990000; text-decoration:none}
li ul { display: none; z-index:50; position: absolute; margin: 0 0 0 10px; padding: 0; width: 80px; }
#nav li li a{width: 129px; padding: 4px; float: none; border: 2px solid white; font-weight: bold; font-size: 11px; color: #333;background: #EAE7CE; z-index: 10}
#nav li li ul {margin: -25px 0 0 140px; position: absolute; z-index: 10}
#nav li li li a{width: 150px; padding: 4px;}
li:hover ul ul, li.over ul ul { display:none; }
li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block;} /* The magic */

#footer {font-size:10px; margin-top:5px; position:absolute; width:841px; text-align:center; font-family:Arial,Helvectia,Sans-Serif; color:#999999}
#footer a {color:#999999; text-decoration:underline}

.intro {line-height:17px; font-size:12px;}

.moreinfo {color:#c6130e; font-size:11px }

label {font-weight:bold; float:left; width:100px;}



.cart {border-collapse:collapse}
.cart th{ color:#488530; padding:2px; text-align:left}
.cart td {padding:2px}
.cart .row1 td{}
.cart .row0 td{background:#f6f6f6}

.index { text-align:center; font-size:11px; font-weight:bold; margin-bottom:20px}

th {text-align:right; vertical-align:top}
.hint {font-size:10px; font-weight:normal; color:#666666}

.faq p {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #666}

.mediatable {width:100%; border-collapse:collapse; margin-top:10px;}
.mediatable td {border-bottom:1px dotted #ccc; padding:2px;}

#fixedleftmenu {position:fixed; top:250px; left:50%; margin-left:-580px; width:150px; font-size:12px; text-align:left; line-height:18px;}
#fixedleftmenu {font-weight:bold; color:#000}

blockquote {
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote span {
     display: block;
     background-image: url(images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
   
cite {text-align:right; display:block; margin-bottom:25px; font-style:normal}