/* This part is common to all hwize.co.uk Style Sheets */
html,body {
color:#000000;
background-color:#ffffff;
font:10pt Verdana,Tahoma,Arial,Sans-serif;
}

#headerFrame {
position:absolute;
top:10px;
left:10px;
width:800px;
height:80px;
padding:0px;
margin:0px;
background-image:url(herbal-hrt-header.jpg);
}

#outerMainFrame {
position:absolute;
top:90px;
left:10px;
width:600px;
padding:0px;
margin:0px;
background-color:#00ff00;
}

#mainFrame {
padding:10px;
margin:0px;
background-color:#ffffff;
/*border-left:8px solid #008ec8;*/
}

#mainFrame.narrow {
padding:10px 32px;
}

#topRightFrame {
position:absolute;
top:80px;
left:610px;
width:200px;
height:80px;
padding:0px;
margin:0px;
color:#ffff80;
font-weight:bold;
text-align:center;
}

#outerBottomRightFrame {
position:absolute;
top:90px;
left:610px;
width:200px;
padding:0px;
margin:0px;
background-color:#ffffff;
}

#bottomRightFrame {
background-color:#ffffff;
border-width:0px 10px 10px 10px;
border-style:solid;
border-color:#ffffff;
}

ul.nav {
margin:0;
padding:0;
}

ul.nav.line1 {padding-left:0px;}

ul.nav li {
list-style:none;
float:left;
line-height:30px;
margin:0 2px 0 0;
padding:0;
white-space: nowrap;
/*border-bottom:4px solid #004f75;*/
}

ul.nav a {
text-decoration:none;
font-weight:bold;
padding: 0 16px 0 0;
margin:0;
background: #DDD url(tab-greyed.gif) 100% 0% no-repeat; color: #333;
}

ul.nav a span {
padding:0 0 0 16px;
background:#BBB url(tab-greyed.gif) 0% 0% no-repeat;
}

ul.nav, ul.nav a, ul.nav a span {
display:block;
float:left;
}

/* Commented Backslash Hack hides rules from IE5-Mac \*/
ul.nav, ul.nav a, ul.nav a span {float:none;} /* End IE5-Mac hack */

ul.nav li#current a, ul.nav li#current a span {
color:#ffffff;
background-image: url(tab-selected.gif);
}

ul.nav a:hover, ul.nav a:hover span {
color: #ffffff;
background-image: url(tab-selected.gif);
}

div.tabholder {
clear:both;
border-top:4px solid #004f75;
padding:0;
margin:0;
}

table.ticklist {
margin:8px auto;
text-align:center;
font-weight:bold;
color:#000000;
}

table.ticklist td {
/*border:1px solid #ff0000;*/
padding:0px;
}

table.ticklist td b {
color:#d00000;
}

table.ticklist td small {
font:normal 8pt Verdana,Tahoma,Arial,Sans-serif;
}

table.ticklist.specialoffer {
margin:8px auto;
font-weight:normal;
}

div#summary {
text-align:left;
margin:16px 40px 0px 0px;
}

div#summary b {
font:bold 13pt Verdana,Tahoma,Arial,Sans-serif;
color:#000000;
}

div#summary em {
font:bold 16pt Verdana,Tahoma,Arial,Sans-serif;
color:#ff0000;
}

div#summary span.myoffer {
color:#ff0000;
font-weight:bold;
}

/* Fix for IE6 div-clear bug (disappearing text) */
/* Hides from IE5-mac \*/
* html div#summary {height: 1%;}
/* End hide from IE5-mac */ 

p {
margin:8px 0px 0px 0px;
}

div.narrow {
margin:0px 32px;
padding:0;
}

img#creditcards {
border:none;
margin:0px auto 0px auto;
}

div#buttonBar {
float:right;
margin:55px 0 0 0;
}

div#buttonBar a {
color:#ffffff;
font-weight:bold;
text-decoration:none;
margin-right:16px;
padding:2px;
}

div#buttonBar a:hover {
background-color:#ffff00;
color:#000000;
}

div#buttonBar img {
vertical-align:text-bottom;
border-width:0;
}

table#footer {
margin-top:60px;
}

table#footer td {
font:8pt Verdana,Tahoma,Arial,Sans-serif;
}

img#worldpaylogo {
border:1px solid #000000;
margin:1px auto 1px auto;
}

img#paypallogo {
border:1px solid #000000;
margin:0px auto 0px auto;
}

div.infotitle {
font:normal 12pt "Comic Sans MS","Times New Roman",Sans-serif;
line-height:1.1em;
text-align:center;
color:#ffffff;
background:#004f75;
padding:5px;
margin-top:16px;
margin-bottom:0px;
}

div.infotitle.herbal {
background:#006000;
}

/* Fix for IE6 div-clear bug (disappearing text) */
/* Hides from IE5-mac \*/
* html div.infotitle {height: 1%;}
/* End hide from IE5-mac */ 

div.infotitle b {
font-weight:normal;
color:#ffff00;
}

div.infotext {
font:normal 10pt "Comic Sans MS","Times New Roman",Sans-serif;
line-height:1.1em;
text-align:center;
color:#000000;
/*background:#e0e0f0;*/
padding:5px;
margin-top:0px;
margin-bottom:0px;
border:2px solid #004f75;
border-top:none;
}

/* Fix for IE6 div-clear bug (disappearing text) */
/* Hides from IE5-mac \*/
* html div.infotext {height: 1%;}
/* End hide from IE5-mac */ 

div.infotitle.herb {
background:#ffffff;
border-color:#008000;
}

div.infotext p {
margin:8px 0px 0px 0px;
}

div.infotext + p {
margin-top:0px;
}

/* Fix for IE6 div-clear bug (disappearing text) */
/* Hides from IE5-mac \*/
* html div#infotitle {height: 1%;}
* html div#infotext {height: 1%;}
/* End hide from IE5-mac */ 

div.tellafriend {
text-align:center;
padding:0px;
margin:8px auto;
}

a.taf img {
border:none;
margin-top:8px;
}

p.centerbold {
margin:0px 0px;
text-align:center;
font-weight:bold;
}

h1 {
font:bold 16pt Verdana,Tahoma,Arial,Sans-serif;
text-align:center;
color:#000000;
margin-top:16px;
margin-bottom:0px;
clear:both;
}

p.subheading1 {
font:bold 13pt Verdana,Tahoma,Arial,Sans-serif;
color:#008000;
margin:0 0 16px 0;
text-align:center;
}

h2 {
font:bold 13pt Verdana,Tahoma,Arial,Sans-serif;
text-align:left;
color:#000;
margin:16px 0 4px 0;
}

h2.buttonise {
width:450px;
background-color:#ffff40;
padding:2px;
border-top:2px solid #CCC;
border-left:2px solid #CCC;
border-right:2px solid #333;
border-bottom:2px solid #333;
/*margin-right:180px;*/
}

h2.buttonise.moveright {
width:430px;
margin-left:115px;
}

h2.buttonise.orangy {
background-color:#FB0;
}

h2.buttonise.greeny {
background-color:#4F0;
}

h2.soya {
background-color:#ffff00;
margin:16px 24px 0 24px;
padding:2px 4px;
}

h2.redclover {
background-color:#ff0000;
margin:16px 24px 0 24px;
padding:2px 4px;
}

h2.blackcohosh {
background-color:#000000;
color:#ffffff;
margin:16px 24px 0 24px;
padding:2px 4px;
}

h2.agnuscastus {
background-color:#00a000;
color:#ffffff;
margin:16px 24px 0 24px;
padding:2px 4px;
}

h2.wildyam {
background-color:#ff8000;
color:#000000;
margin:16px 24px 0 24px;
padding:2px 4px;
}

h2.dongquai {
background-color:#008080;
color:#ffffff;
margin:16px 24px 0 24px;
padding:2px 4px;
}

h3 {
text-align:left;
font:bold 13pt Verdana,Tahoma,Arial,Sans-serif;
color:#008000;
margin:8px 0 0 0;
}

div.topinfobox {
margin:10px 50px 24px 50px;
border:2px solid #008000;
background-color:#ffff40;
color:#000000;
text-align:center;
clear:both;
padding:3px 0px 5px 0px;
font-weight:bold;
}

div.topinfobox b {
font:bold 13pt Verdana,"Comic Sans MS","Times New Roman",Sans-serif;
color:#0000ff;
}

div.topinfobox u {
font:normal 12pt "Comic Sans MS",Verdana,"Times New Roman",Sans-serif;
color:#ff0000;
text-decoration:none;
line-height:1.1em;
}

div.generalinfobox {
margin:16px 100px 16px 100px;
border:1px solid #000000;
background-color:#ffff80;
color:#000000;
text-align:center;
padding:3px 0px 5px 0px;
font-weight:bold;
}

div.generalinfobox b {
font:bold 16pt Verdana,"Comic Sans MS","Times New Roman",Sans-serif;
color:#00a000;
}

img.veggiegif {
vertical-align:middle;
}

div.pullquote {
float:right;
width:220px;
color:#a09080;
border:7px solid #908070;
border-right:0px;
border-left:0px;
font: bold 13pt Arial, Helvetica, sans-serif;
padding:3px 2px;
margin:1px 7px;
}

div.infobutton {
text-align:center;
clear:both;
}

img.clickhere {
vertical-align:middle;
}

a.moreinfo {
font:normal 12pt "Comic Sans MS","Times New Roman",Sans-serif;
line-height:1.1em;
}

a.moreinfo u {
text-decoration:none;
}

a.moreinfo:hover {color:#ff0000;}

img.picleft {
float:left;
margin:16px 10px 0px 0px;
border:none;
}

img.picleft.herbalhrt {
margin:0px 8px 0px 0px;
border-top:solid 8px #000;
border-bottom:solid 10px #000;
border-left:solid 2px #000;
border-right:solid 2px #000;
}

img.picleft.testimonial {
margin:32px 10px;
}

img.picleft.frontpage {
border-width:8px 2px;
border-color:#004f75;
border-style:solid;
margin:0px 10px 16px 10px;
}

img.picpot {
margin:0 0 0 8px;
vertical-align:bottom;
}

img.picleft.border {
border:4px ridge #008000;
}

img.picright {
float:left;
margin:10px 10px 0px 10px;
border:none;
}

img.picright.border {
border:4px ridge #008000;
}

hr {
width:200px;
margin:10px auto 8px auto;
}

div.highlight {
background-color:#f0d0a0;
margin:8px 0px;
padding:4px 8px;
}

p.highlighttitle {
text-align:center;
font-weight:bold;
text-decoration:underline;
}

table.purchase {
font:bold 10pt Verdana,Tahoma,Arial,Sans-serif;
margin:10px 0px 0px 8px;
text-align:center;
}

table.purchase th {
text-align:center;
border:solid 1px #000000;
background-color:#ffffff;
color:#000000;
padding:5px;
font-size:13pt;
}

table.purchase th b {
font-size:10pt;
}

table.purchase th.onemonth {background-color:#FF0;}
table.purchase th.twomonths {background-color:#FB0;}
table.purchase th.threemonths {background-color:#4F0;}
table.purchase th.noborder {border:none;}

table.purchase td {
background-color:#e0e0e0;
padding:4px 5px;
border:solid 1px #000000;
}

table.purchase td.tdonemonth {background-color:#FF8;}
table.purchase td.tdtwomonths {background-color:#FD6;}
table.purchase td.tdthreemonths {background-color:#AF6;}

table.purchase td span.offertext {
color:#000000;
background-color:#ffffff;
padding:1px 2px;
line-height:1.5em;
}

table.purchase td small {
font-weight:normal;
}

table.purchase td small {
font:normal 10pt Verdana,Tahoma,Arial,Sans-serif;
}

table.purchase tr.footer td {
background-color:#ffffff;
font:normal 10pt Verdana,Tahoma,Arial,Sans-serif;
border:none;
vertical-align:top;
}

table.purchase tr.baskets td {
background-color:#ffffff;
}

table.purchase tr.footer td.veggie {
color:#008000;
font-weight:bold;
}

ul.nicelist {
margin-top:8px;
}

ul.nicelist li {
margin:0px 0px 8px 0px;
}

img.addButton {
border:3px solid; 
border-color:#ccc #333 #333 #ccc;
padding:4px 8px;
}

img.addButton.button1 {background-color:#FF0;}
img.addButton.button2 {background-color:#FB0;}
img.addButton.button3 {background-color:#4F0;}

a.buybutton {
text-decoration:none;
color:#000;
}

p.footer {
text-align:center;
font:normal 10pt Verdana,Tahoma,Arial,Sans-serif;
color:#000000;
}

div.herb {
border:solid #ffff00; border-width:0 4px 4px 4px;
padding:4px;
margin:0px 24px;
}

div.herb.redcloverdiv {
border-color:#ff0000;
}

div.herb.blackcohoshdiv {
border-color:#000000;
}

div.herb.agnuscastusdiv {
border-color:#00a000;
}

div.herb.wildyamdiv {
border-color:#ff8000;
}

div.herb.dongquaidiv {
border-color:#008080;
}

img.herbpic {
float:left;
border:none;
padding:0;
margin:0 4px 4px 0;
}

ul.herbinfo {
margin:0;
}

ul.herbinfo li {
list-style:none;
margin-bottom:2px;
}

div.quote {
margin:16px 10px 0px 10px;
font:normal 10pt "Comic Sans MS","Times New Roman",Sans-serif;
background-color:#e0e0f0;
padding:8px;
border:4px solid #008ec8;
}

div.quote h3 {
text-align:center;
margin-top:0px;
}

ol.hrtlinks {
margin-top:8px;
}