body {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:15px;
  color:#333333;
  margin:0px;
  z-index:2;
  background:#FFF url(../images/design/body_bg.jpg) repeat-x 0% 0%;	
}

#nodesign {
  background:#FFFFFF;
}

#nodesign p {
  padding:0 20px 0 20px;
}

.editorBody {background:#FFFFFF !important;}
.cke_show_border {border:1px dotted #D3D3D3 !important}

#homepage{
	background:#FFF url(../images/design/home_body_bg.jpg) repeat-x 0% 0%;	
}

#home{
  margin:0px;
	background:#FFF url(../images/design/home_body_bg.jpg) repeat-x 0% 0%;	
}

/* Default Styles */

h1 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:22px;
  color:#84B819;
  margin-top:0;
  padding-top:0;
}

#home h1{
	margin:5px 0 0 0;
	padding:0;
}

h2 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:16px;
  color:#00664A;
}

h3, h4 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:12px;
}

h5, h6 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:11px;
}

a {
  color:#84B816;
  text-decoration:underline;
}
a:hover {
  color:#84B816;
  text-decoration:none;
}

.orange {
  color:#FC6701 !important;
  text-decoration:underline;
}

.orange:hover {
  color:#FC6701 !important;
  text-decoration:none;
}

.makeorange {
  color:#FC6701;
}

a img {
  border:0px;
}

.left {
  float:left;
  margin:0 29px 0 0;
}

.right {
  float:right;
  margin:0 0 0 29px;
}

.m36 {
  float:right;
  margin:0 0 13px 24px;
}

.colourit {
  color:#00664A;
}

.grey{
	color:#666666;
}

.hptext {
  position:absolute;
  top:0px;
  left:-9999px;
}

/* End Default Styles */

#home #homeholder {
  position:relative;
  width:968px;
  padding:40px 0 0 30px;
  background:#FFFFFF;
}

#shell {
  position:relative;
  width:998px;
  margin-left:auto;
  margin-right:auto;
}

#header {
  width:998px;
  height:50px;
  background:url(../images/design/header_logo.jpg) no-repeat right top;
  z-index:1024;
}

#curve {
  position:absolute;
  top:0px;
  right:0px;
  width:632px;
  height:105px;
  background:url(../images/design/header.jpg) no-repeat 100% 0%;
  z-index:768;
}

#flash {
  width:200px;
  height:104px;
  margin:0 0 1px 0;
  background:url(../images/design/) no-repeat 0% 0%;
}

#quotes {
  position:absolute;
  top:28px;
  left:253px;
  width:433px;
  color:#84B819;
  font-size:18px;
  font-weight:bold;
  z-index:1024;
}

#logo {
  position:absolute;
  top:11px;
  right:17px;
  width:106px;
  height:101px;
  background:url(../images/design/logo.png) no-repeat 0% 0%;
  z-index:1024;
}

#logo img {
  width:106px;
  height:101px;
}

#menu {
  position:absolute;
  width:990px;
  height:50px;
  margin:0 0 0 8px;
  z-index:1024;
}

/* Navigation */
#nav, #nav ul {
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type: none;
}

#nav li {
  position:relative;
  float: left;
  margin:-1px 0 0 0;
  padding:0px;
  list-style-type:none;
  text-decoration:none;
}

#nav li ul {
  position:absolute;
  left:-999em;
  margin: 0 0 0 -7px;
  _margin: 0 0 0-14px;
  padding:0 0 9px 0;
  z-index:256;
}

#nav li a {
  width:auto;
  margin:0px;
  display:block;
  font-size:17px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}

.navitem {
  width:auto;
  margin:0px;
  padding:17px 10px 17px 10px;
  #padding:17px 10px 17px 10px;
  display:block;
  font-size:16px !important;
  color:#FFFFFF !important;
  font-weight:bold;
  text-decoration:none;
}

#nav li a:hover {
  width:auto;
  margin:0px;
  padding:17px 10px 18px 10px;
  #padding:17px 10px 16px 10px;
  display:block;
  font-size:13px;
  color:#FFFFFF;
  text-decoration:none;
  background:#AFCD6B;
}

.navitem a:hover {
  width:auto;
  margin:0px;
  padding:5px 10px 4px 10px !important;
  #padding:4px 10px 3px 10px !important;
  display:block;
  font-size:16px !important;
  color:#FFFFFF;
  text-decoration:none;
  background:#AFCD6B;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}

.zebra {
  list-style-type:none; 
  background:url(../images/design/shadow.png) no-repeat 0% 100%;
  _background:url(../images/design/spacer.gif) no-repeat 0% 100%;
}

.stripe-even {
  background:#DFEBC5;
} 

.stripe-odd {
  background:#EFF5E3;
} 

#subnav {
  width:194px;
  _width:180px;
  margin: 0px;
  padding:0px;
  list-style-type: none;
}

#subnav li {
  width:180px;
  margin:0 6px 0 7px;
  _margin:0px;
  padding:0px;
  position:relative;
  color:#FFFFFF;
	border:0px;
}

#subnav li a {
  margin: 0px;
  display: block;
  padding:6px 0 6px 0;
  text-align:center;
  font-size:15px;
  color:#007156;
  text-decoration:none;
}

#subnav li a:hover {
  margin: 0px;
  padding:6px 0 6px 0;
  display: block;
  color: #FFFFFF;
  background:#86B92C;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }


/* End Navigation */

#homeholder {
  position:relative;
  width:998px;
  z-index:512;
}

#holder {
  position:relative;
  width:998px;
  z-index:512;
}

#homeleftpanel {
  float:left;
  width:260px;
  z-index:512;
}

#leftpanel {
  float:left;
  width:260px;
  padding:30px 30px 0 0;
  z-index:512;
}

#rightpanel {
  float:left;
  width:230px;
  padding:0px 30px 0 0;
  _padding-right:0;
  z-index:512;
}

#leftpanel p{
	margin-top:0;
	padding-top:0;
}

#home #leftpanel {
  float:left;
  width:290px;
  padding:0;
  z-index:512;
}

#leftpanel img {
  /*margin:215px 0 0 0;*/
}

#leftpanelcon {
  float:left;
  width:281px;
  height:426px;
  color:#00664A;
  font-size:17px;
  background:url(../images/design/gradient.jpg) repeat-x 0% 0%;
}

#leftpanelcontent {
  padding:48px 0 0 31px;
  font-size:13px;
}

#leftpanelcontent a {
  color:#00664A;
  text-decoration:none;
}

#leftpanelcontent a:hover {
  color:#00664A;
  text-decoration:underline;
}

#middlepanel {
  position:relative;
  float:left;
  width:705px;/*541*/
  /*margin:0 0 0 296px;
  _margin:0 0 0 186px;*/
  padding:40px 0 0 0;
  z-index:760;
  line-height:22px;
}

#homemiddlepanel {
  position:relative;
  float:left;
  width:705px;/*541*/
  /*margin:0 0 0 296px;
  _margin:0 0 0 186px;*/
  padding:0px;
  z-index:760;
  line-height:22px;
}

#home #middlepanel{
  padding-top:0;
}

#middlepanel-bg #middlepanel{
  height:465px;
  background:url(../images/design/contact_bg.jpg) no-repeat 0% 27px;	
}

#featureboxes {
  position:absolute;
  bottom:65pxpx;
  right:30px;
  width:175px;
  height:160px;
  z-index:760;
}

.innerfade {
  position:absolute;
  bottom:5px;
  right:42px;
}

#watermark {
  position:absolute;
  bottom:0px;
  right:0px;
  width:626px;
  height:420px;
  background:url(../images/design/watermark.jpg) no-repeat 0% 0%;
  z-index:512;
}

#fadetop {
	position:fixed;
	top:129px;
  width:650px;
  height:40px;
  margin:0 0 0 296px;
  #margin:0 0 0 290px;
  _display:none;
	background:url(../images/design/top-fade.png) repeat-x 0% 0%;
  z-index: 800;
}

#overflow {
  position:relative;
  float:left;
  width:708px;
  min-height:557px;
  height:auto !important;
  _height:557px;
  /*height:465px;*/
 /* margin:0px 0 0 296px; /* margin:40px 0 0 296px; */
  /*overflow:auto;*/
  z-index:760;
}

#insidemiddlepanel {
  position:relative;
  width:523px;
  padding:40px 0 20px 15px; /*  padding:0 0 0 15px; */
  line-height:24px;
  z-index:760;
}

#insidemiddlepanel ol {
  margin:0 0 0 -20px;
}

#insidemiddlepanel strong {
  color:#00664A;
}

#insidemiddlepanel2 {
  position:relative;
  width:665px;
  padding:40px 0 20px 15px; /*  padding:0 0 0 15px; */
  line-height:24px;
  z-index:760;
}

#insidemiddlepanel2 ol {
  margin:0 0 0 0px;
  padding:0 0 0 20px;
}

#insidemiddlepanel2 strong {
  color:#00664A;
}

ol li {
  margin:0 0 10px 0;
}

#content {
  width:541px;
}

/* Expandable Boxes */
.expand {
  margin:0 0 5px 0;
  padding: 0 0 0 14px;
  color:#000000;
  text-decoration:none;
  background:url(../images/design/open-close.jpg) no-repeat 0% 0%;
  display:block;
  cursor:pointer;
}

.click {
  font-size:15px;
  color:#F86E5B;
  font-weight:bold;
}

#insidemiddlepanel2 .expandname {
  width:635px;
}

.expandname {
  width:635px;/*526*/
  color:#000000;
  font-size:14px;
}

.greenbox {
  width:635px;
  height:auto;
  margin:0 0 5px 0;
  padding:8px 15px 8px 15px;
  background:#E3EBD3;
}

#hero {
  width:281px;
  height:465px;
  display:block;
  background:url(../images/adult.jpg) no-repeat 0% 0%;
}

/* Faqs */

.faqs {
  margin:0 0 18px 0;
}


.question {
  margin:0 0 4px 0;
  color:#6F9E18;
}

.question span {
  color:#6F9E18;
  font-weight:bold;
}

.answer {
  color:#000000;
}

.answer span {
  color:#000000;
  font-weight:bold;
}

/* Map */
#map {
  float:left;
  width:717px;
  height:466px;
}

.gmap {
  width:717px;
  height:466px;
}

#vitalfoods {
  margin:0 0 0 0px;
  color:#006A51;
  font-size:11px;
}

#hpfootnotes {
  margin:15px 0 0 50px;
}

.footnotes {
  font-size:11px;
  display:block;
}

.small {
  font-size:10px;
}

/* Special Box */
#specialbox {
  width:154px;
  margin:90px 0 0 60px;
}
/* End Special Box */

/* Form */
label {
  display:none;
}

.required {
  font-size:11px;
  color:#FF0000;
}

.error {
  color:#FF0000;
  font-weight:bold;
}

input {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  width:230px;
  color:#000000;
  padding:5px;
}  

textarea {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  width:330px;
  color:#000000;
    padding:5px;
}

select {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  width:173px;
  color:#898680;
}

.radioselect {
  width:auto;
}

.namefield {float:left; margin-top: 35px; width: 180px;font-weight:bold;margin-right:20px; }
.inputfield, .radiobttn {float:left; width: 450px; padding:4px; margin-top: 35px; }

.namefield2 {float:left; margin-top: 35px; width: 180px; margin-right:20px;font-weight:bold;margin-right:15px; }
.inputfield2 {float:left; width: 380px; padding:4px; margin-top: 35px;}

.submitbutton {
  width:150px;
  margin:35px 0;
  text-align:center;
}

/* End Form */
#mediaholder {
  margin:0 0 20px 0;
}

#formstory{
	width:100%;
	height:200px;
}

.media {
  margin:0px;
}

/* Survey */
fieldset {
  width:100%;
}

#message {
  margin:0 0 20px 0;
}

#note {
  margin:0 0 15px 0;
  font-weight:bold;
  display:none;
}

#question2other {
  display:none;
}

#question3other {
  display:none;
}

#question3bview {
  display:none;
}

#question4other {
  display:none;
}

#question5explain {
  display:none;
}

#question6explain {
  display:none;
}

#survey .namefield {
  width:100%;
}

#surveysubmit {
  width:120px;
  height:30px;
}

/* End Survey */

/* Audio */
.listen {
  position:relative;
  width:224px;
  height:48px;
  margin:0 0 10px 30px;
  border:1px solid #AEAEAE;
  background:url(../images/design/audiobg.jpg) repeat-x 0% 0%;
  display:none;
}

#show {
  margin:10px 0 10px 30px;
  cursor:pointer;
}

.alpha {
  margin:0 0 0 55px;
  display:none;
}

.filename {
  position:absolute;
  top:15px;
  left:12px;
}
/* End Audio */

/* news item */

.news_list_item{
	margin:15px 0;
	padding:15px;
	width:675px;
	background:#f8f8f8;
}

.news_list_item p{
	margin:0;
	padding:0;
}

/* end news item */

/* Shopping Cart */
#scholder {
  float:right;
  width:210px;
  margin:0 0 0 0;
}

#scholder a {
  width:210px;
  height:44px;
  margin:9px 0 0 0;
  display:block;
}

#logbox {
  width:145px;
  margin:0 0 25px 0;
  padding:0 0 0 65px;
  color:#72A019;
  background:url(../images/design/tick.jpg) no-repeat 0px 5px;
}

#logbox h3 {
  margin:0 0 7px 0;
}

#logbox a {
  display:inline;
}

#notloggedin {
  width:145px;
  margin:0 0 5px 0;
  padding:0 0 0 65px;
  color:#72A019;
  background:url(../images/design/tick.jpg) no-repeat 0px 5px;
}

#notloggedin a {
  color:#FC6701;
  font-weight:bold;
  display:inline !important;
}

#notloggedin a:hover {
  color:#FC6701;
}

#categoryholder {
  min-height:400px;
  height:auto !important;
  _height:400px;
}

#freefreight {
  width:705px;
  height:70px;
  margin:50px auto 0 auto;
  text-align:center;
}

#instructions {
  float:right;
  width:210px;
  margin:35px 0 0 0;
  padding:36px 0 0 0;
  color:#72A019;
  font-size:15px;
  text-align:right;
  background:url(../images/design/howtouse.jpg) no-repeat 100% 0%;
}

#instructions a {
  font-weight:bold;
  display:inline;
}

#bottomholder {
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  margin:0 auto 0 auto;
  z-index:550;
}


#bottomcurve {
  position:relative;
  bottom:0px;
  left:-125px;
  width:644px;
  height:49px;
  margin:0 auto !important;
  padding:15px 25px 0 0;
  color:#FFFFFF;
  text-align:right;
  background:url(../images/design/bottomcurve.jpg) no-repeat 0% 0%;
}

#bottomcurve a {
  color:#FFFFFF !important;
  font-weight:bold;
  text-decoration:none;
}

#bottomcurve a:hover {
  color:#FFFFFF !important;
  text-decoration:underline;
}

#checkoutform {
  font-size:12px !important;
}

#checkoutform td {
  font-size:12px !important;
}

#checkoutform td a {
  font-size:12px !important;
}

#terms {
  width:auto !important;
}

.productdetailoverlay{
float:left;
width:211px;
height:50px;
margin:-12px 0 0 -10px;
position:absolute;
z-index:999;
background:url(../images/design/holly-small.gif) no-repeat 0% 0%;
}

.productdetail {
  float:left;
  width:213px;
  margin:auto 9px 20px 9px;
}

.productthumb {
  position:relative;
  width:211px;
  height:258px;
  margin:0 auto 0 auto;
  border:1px solid #84B818;
  text-align:center;
  display:block;
  z-index:500;
}

.productheading {
  margin-bottom:0px;
  font-size:15px;
  font-weight:bold;
  line-height:18px;
}

.cprice {
  margin:7px 0 7px 0;
  color:#FF6600;
  font-size:15px;
  font-weight:bold;
}

.buybutton {
  width:150px;
  height:45px;
  margin:7px 0 0 0;
  border:0px;
  cursor:pointer;
  background:url(../images/design/buynow.jpg) no-repeat 0% 0%;
}

.moreinfobutton {
  width:150px;
  height:45px;
  margin:7px 0 0 0;
  border:0px;
  cursor:pointer;
  background:url(../images/design/learnmore.jpg) no-repeat 0% 0%;
}

#smallleft {
  float:left;
  width:312px;
  margin:20px 10px 0 0;
}

.productimagebox {
  width:300px;
  height:300px;
  margin:0 0 10px 0;
  border:1px solid #CFCFCF;
  background:url(../images/design/product_bg.jpg) repeat-x 0% 100%;
}

.price {
  margin:0px;
  padding:0px;
  color:#8BBC26;
  font-size:20px;
}

.producttext {
  float:left;
  width:375px;
}

.submitdetails {
  width:78px;
  height:34px;
  margin:0px;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/save.jpg) no-repeat 0% 0%;
}

.register {
  width:96px;
  height:34px;
  margin:0px;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/register.jpg) no-repeat 0% 0%;
}

.smalllogin {
  width:78px;
  height:34px;
  margin:0px;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/smalllogin.jpg) no-repeat 0% 0%;
}

.sendemail {
  float:left;
  width:400px;
  margin:0 10px 0 0;
  padding:7px 10px 8px 10px;
  font-size:14px;
}

.sendreminder {
  width:149px;
  height:34px;
  margin:0px;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/sendreminder.jpg) no-repeat 0% 0%;
}

.save {
  width:100px;
  height:35px;
  margin:0px;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/save.jpg) no-repeat 0% 0%;
}

.shoppingdetail {
  float:left;
}

.quantity {
  width:30px;
  margin:0 10px 0 0; 
  padding:10px 6px 10px 11px;
  font-size:14px;
  border:0px;
  background:url(../images/design/qinput.jpg) no-repeat 0% 0%;
}

.addtocart {
  width:140px;
  height:34px;
  margin:0px;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/addtocart.jpg) no-repeat 0% 0%;
}

.continueshopping {
  width:180px;
  height:34px;
  margin:10px 0 0 0;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/continueshopping.jpg) no-repeat 0% 0%;
}

.updatequantity {
  width:95px;/*161*/
  height:36px;/*34*/
  /*margin:10px 0 0 0;*/
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/update.jpg) no-repeat 0% 0%;
}

.smallcheckout {
  width:113px;
  height:34px;
  margin:10px 0 0 0;
  padding:0px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/smallcheckout.jpg) no-repeat 0% 0%;
}

/* End Shopping Cart */

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#flashtest{
	float:left;
	width:625px;
	height:442px;
}

#checkoutSuccess {
  width:300px;
  margin:50px auto 0 auto;
}

.close {
  margin:50px auto 0 auto;
  text-align:center;
}