#searcharea {
  /*background:#ffffff url('http://ep.yimg.com/ca/I/yhst-69669406813129_2196_651265') 0 0 repeat-x; */
 background: #eff9fb url('http://lib.store.yahoo.net/lib/yhst-69669406813129/header-bottom.gif') 0 0 no-repeat;
  display:block; 
  margin:0 0 0;
}

#searcharea input {font-size:1.0em; }

#searcharea fieldset {
  border:0 solid; display:block; 
  padding:5px 0 5px 5px;
}

#searcharea label {
  color:#584634; 
  font-size:0.85em; 
  font-weight:bold; 
  text-transform:uppercase;
}

#searcharea2 {
  background:#ffffff url('http://ep.yimg.com/ca/I/yhst-69669406813129_2196_654363') 0 0 repeat-x; 
  display:block; 
  margin:0 0 0;
}

#searcharea2 input {font-size:1.0em; }

#searcharea2 fieldset {
  border:0 solid; display:block; 
  padding:0px 0 5px 5px;
}

#searcharea2 label {
  color:#584634; 
  font-size:0.85em; 
  font-weight:bold; 
  text-transform:uppercase;
}


input#query { 
  margin-left:1px; 
  padding:2px; 
  background-color:#FFFFFF; 
  color:#000;
}

#query {padding:1px;
}

.ys_primary{ 
  background:#cc0000;
  color:#ffffff;
  font:bold 10px verdana,arial,sans-serif;
  padding:1px 5px;
  text-align:center;
  cursor:pointer; 
  display:inline; 
  margin-top:10px;
}

body {
  background-color: #4a1a2c; 
  background-image:url('') ; 
  font:normal 12px Verdana, Tahoma, Helvetica, sans-serif; 
  text-align:center; 
  width:100%;
  margin:0;color:#584634; 
  background: url(http://site.herbalwell.com/images/bg.gif) repeat-x;
  }

h1 {
  margin:0;
  font-family: verdana,arial;
  color: #00ABEF; 
  font-size: 16px;
  text-decoration:none; 
  line-height: 1.5em; 
}

h2 {
  margin:0;
  font-family: verdana,arial;
  color: #00ABEF; 
  font-size: 14px;
  text-decoration:none; 
  line-height: 1.5em; 
}

h3 {
  margin:0;
  font-family: verdana,arial;
  color: #00ABEF; 
  font-size: 12px;
  text-decoration:none; 
  line-height: 1.5em; 
}

h4 {
  margin:0;
  font-family: verdana,arial;
  color: #00ABEF; 
  font-size: 11px;
  text-decoration:none; 
  line-height: 1.5em; 
}

#bodycontent {
  float:left; 
  width:775px;
  margin-left:180px; 
  min-height:880px;
  border-left: 1px solid Silver;
  }/* 150 + 610 = 760 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. (try 200 + 760)*/

#bodyshell {
  border:0;
  background-color:#ffffff; 
  float:left; 
  zoom:1; 
  margin:0;
  width:970px;
  } /*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */

#container {
  margin:0 auto; 
  text-align:left; 
  width:970px; 
  border:solid 1px #ffffff; 
  background-color: #ffffff;
  } /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ 
 
#nav-product {
  _display:inline;
  display:block; 
  float:left; 
  margin-left:-955px; 
  overflow:hidden; 
  position:relative; 
  width:180px; 
  z-index:100;
   font-size:1.2em;
} /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

#nav-product ul a {
  color:#005ab0; 
  display:block;
  font-type: arial,verdana; 
  font-weight:bold; 
  font-size:15px; 
  height:20px; 
  margin:0; 
  min-height:18px; 
  padding:0px 4px 0px 5px; 
  text-decoration:none;
  width:133px;
}

#nav-product li a {
  color:#FF9900; 
  display:block;
  font-family: arial,verdana; 
  font-weight:bold; 
  font-size:15px; 
  height:16px; 
  margin:0; 
  min-height:18px; 
  padding:0px 4px 0px 5px; 
  text-decoration:none;
  width:133px;
}

html>body #nav-product a {height:auto;}

#nav-product ul li a:hover {
  background-color:#ffffff; 
  color:#ffffff;
}

#nav-product li {margin:0;}

#nav-product ul {list-style:none;}

* html #nav-product ul li a {  /* make hover effect work in IE */
  width: 150px; 
}

#htmltop, #htmlbottom, #htmltop a, #htmlbottom a{
  padding:5px;
  color:#00abef
}

#nav-product ul li a{
  width:133px; 
  background-color: #ffffff;
}

* html #nav-product ul li a{
  width:133px; 
  height:100%; 
  overflow:hidden; 
  background-color: #ffffff; 
  overflow:hidden;
}

* html #nav-product { 
  overflow:visible; 
  width:150px; 
}

#caption {zoom:1;}

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


#contentarea #caption {
  margin:10px 10 0 10; 
  line-height: 1.3em;
  }
  
#itemtype #caption {/*padding:0 10px;*/}

#maintype #caption {
  background-color:#fff; 
  padding:8px;
  }

.navtitle-thin {
  font-family: verdana,arial; 
  font-size: 12px; 
  text-decoration: none; 
  color: #005ab0; 
  margin-top: 12px;
  margin-bottom: 12px;
}

.navtitle-thin:hover {
  text-decoration: none; 
  color: #3e9d0d; 
}

.navtitle {
  font-family: arial,verdana; 
  font-size: 14px; 
  text-decoration: none; 
  font-weight: bold; 
  color: #005ab0; 
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 4px;
}

.navtitle:hover {
  text-decoration: none; 
  color: #FF9900; 
}

.navlink {
  font-family: arial,verdana; 
  font-size: 12px; 
  text-decoration: none; 
  color: #005ab0; 
  margin-top: 18px;
  margin-left: 3px;
}

.navlink:hover {
  text-decoration: underline; 
  color: #FF9900; 
  margin-top: 18px;
  margin-left: 3px;
}

.navlink-big {
  font-family: verdana,arial; 
  font-size: 16px; 
  text-decoration: none; 
  color: #FFFFFF; 
  margin: 2px;
}

.navlink-big:hover {
  font-family: verdana,arial; 
  font-size: 14px; 
  text-decoration: underline; 
  color: #FFFFFF; 
  margin: 2px;
}

.navlink1 {
  font-family: verdana,arial; 
  font-size: 11px; 
  text-decoration: none; 
  color: #005ab0;
}

.navlink2 {
  font-family: verdana,arial; 
  font-size: 11px; 
  text-decoration: none; 
  color: #005ab0;
}

.navlink2:hover {
  color: #3e9d0d;
}

.navlink13 {
  font-family: verdana,arial; 
  font-size: 13px; 
  text-decoration: none; 
  color: #005ab0;
}

.navlink13:hover {
  text-decoration: underline; 
  color: #FF9900;
}

.navlink16 {
  font-family: verdana,arial; 
  font-size: 16px; 
  text-decoration: none; 
  color: #005ab0;
}

.navlink16:hover {
  text-decoration: underline; 
  color: #FF9900;
}

.indprd {
  font-family: verdana; 
  font-size: 12px; 
  font-weight:bold;
  text-decoration: none; 
  color: #005ab0; 
  margin-top: 18px;
  margin-bottom: 18px;
}

.indprd:hover {
  font-weight:bold;
  color: #FF9900; 
  margin-bottom: 18px;
}


.linkmore {
  font-family: verdana,arial; 
  font-size: 10px; 
  text-decoration: none; 
  color: #005ab0; 
  text-align: right; 
}

.linkmore:hover {
  text-decoration: underline; 
  color: #FF9900;  
}

.bluetext {
  font-family: verdana,arial; 
  font-size: 11px; 
  text-decoration: none; 
  color: #005ab0;
}

.aquatext {
  font-family: verdana,arial; 
  font-size: 11px; 
  text-decoration: none; 
  color: #00a9ed;
}

.bheader2 {
  font-family: verdana,arial; 
  font-size: 14px; 
  color: #FF9900; 
  text-decoration: none;  
  margin-bottom: 12px; 
  font-weight: bold; 
}

.bheader3 {
  font-family: verdana,arial; 
  font-size: 12px; 
  color: #000000; 
  text-decoration: none; 
  margin-left: 15px; 
  margin-bottom: 4px; 
  font-weight: bolder; 
}

.textverdana {
  font-family: verdana,arial; 
  font-size: 11px; 
  text-decoration: none; 
}

.textpad2 {
  font-family: verdana,arial; 
  font-size: 11px; 
  text-decoration: none; 
  margin-left: 5px;
}

.para {
  font-family: verdana,arial; 
  font-size: 11px; 
  line-height: 1.3em; 
  margin-left: 30px; 
  margin-bottom: 8px; 
  margin-right: 30px; 
  text-align:justify; 
}

.psub {
  font-family: verdana,arial; 
  font-size: 9px; 
  line-height: 1.5em; 
  margin-left: 15px; 
  margin-right: 20px; 
  margin-bottom: 15px; 
}

.padded { 
  padding: 3px 0 3px 0; 
} 
.padded2 { 
  padding: 1px 0 1px 0; 
} 
.padded3 { 
  padding: 6px 0 6px 0; 
} 
.padded4 { 
  padding: 0 0 4px 0; 
}
.ptable {
  margin-left: 20px; 
  margin-right: 20px; 
  line-height: 1.5em; 
}

#footer {
  background:#ffffff url(''); 
  clear:both;
  zoom:1; 
  border-top:solid; 
  border-width:1px; 
  border-color:silver;
}

CAPTION.MYTABLE
  {
     background-color:ffffff;
     border-style:dotted;
     border-width:0;
  }

  TABLE.MYTABLE
  { 
     font-family:verdana;
     border-collapse:collapse;
     font-size:10pt;
     background-color:ffffff;
     border-width:0;
  }

  TH.MYTABLE
  {
     font-size:10pt;
     color:white;
  }


  TR.MYTABLE
  { 
     height:9;
     vertical-align:center;
  }

  TD.MYTABLE
  {  
     font-size:10pt;
     background-color:#AFD347;
     color:#005AB0;
     border-style:dotted;
     border-width:1px;
     text-align:center;
  }
  
    TD.MYTABLER
  {  
     font-size:10pt;
     background-color:#AFD347;
     color:#005AB0;
     border-style:dotted;
     border-width:1px;
     text-align:right;
  }

/* breadcrumb hardcode css */
#nav-breadcrumb {
	font-size:12px;
	color:#005AB0;
	font-family:arial,verdana;
	padding-left:20px;
}

#nav-breadcrumb a {
  text-decoration:none;
}
#nav-breadcrumb a:hover {
  color:#FF9900;
  text-decoration:underline;
}

.YesScript { display:none; }
.jsOn .YesScript { display:block; }

/* lb vip form */
#vipBackdrop, #shoppingAroundBackdrop{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:1001;
	display:none;
}


#vipForm, #shoppingAroundWindow{
    position:absolute;
	top:100px;
	left:0;
	width:100%;
	text-align:center;
	height:25%;
	z-index:1002;
	display:none;
}

#vipContainer, #shoppingAroundContainer{
	width:600px;
	height:500px;
	text-align:left; 
	background-color:white; 
	margin:0 auto;
}

.close{
	cursor:pointer;
}

.showForm{
	cursor:pointer;
}


.tooltip {
	display:none;
	background:transparent url(http://lib.store.yahoo.net/lib/yhst-69669406813129/black-arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	text-align:left;
}

#postForm{
	padding:2em;
	text-align:center;
}
/* end lg vip form*/

#itemtype .itemform #product-desc .price{
	color:#888888;
	font-size:12px;
	text-decoration:line-through;
	font-weight:normal;
}

#itemtype .itemform  #product-desc .sale-price-bold, #itemtype .itemform  #product-desc .sale-price-bold em{
	color:#CC0000;
	font-size:20px;
	font-weight:400;
	font-style: normal;
	line-height:27px;
	margin-bottom:0.5em;
}

p.shoppingAround{
	padding:0;
	margin:0;
	cursor:pointer;
}



#universal-product-highlight{
font-size:12px; 
color:#5f9f1a; 
font-weight:bold;
margin-top:4px;
}

.freeshipping{
color:#6c8f33;
font-size:0.8em;
}

.freeshippingnote{
margin-top:-3px;
}

#itemarea{
padding:0px;
margin:0px;
}

.image-l{
padding:0px;
}

.productInfo{
margin-left:305px;
}

#product-desc{
 position:relative;
}

#product-desc #callbox{ width:150px; margin:0px 0px 10px 10px; padding:10px; position:absolute; top:0; right:0; border:1px solid #dfdfdf; -moz-border-radius:3px;  }


#product-desc .bottom{
	background: url('http://lib.store.yahoo.net/lib/yhst-69669406813129/grad-background.gif') repeat-x scroll 0 0;
	border:1px solid #CECECE;
	-moz-border-radius:3px 3px 3px 3px;
	padding:1em;
	position:relative;
	text-shadow:0 1px #FFFFFF;
}

#product-desc .product-headline{
color:#89903a;
width:290px;
font-weight:normal;
font-size:14px;
line-height:1.4em;
}

#product-desc .displayForLoggedInUser .stamp{
width:154px;
height:120px;
position:absolute; 
bottom:5px; 
right:5px; 
background:url('http://site.herbalwell.com/img/stamp.gif') no-repeat scroll 0 0;
}

#product-desc .displayForNonLoggedInUser .stamp{
width:154px;
height:118px;
position:absolute; 
bottom:5px; 
right:5px; 
background:url('http://site.herbalwell.com/img/grey-stamp.gif') no-repeat scroll 0 0;
}

.ratings{
    margin:10px;
    vertical-align:middle;
}

.ratings img{
    margin-top:2px;
}

.ratings span{
    color:blue; text-decoration:underline; font-size:0.8em;
padding-left:2em; display:none;
}