body { background: #FFFFFF; margin: 0 auto; text-align:center; }
form { margin: 0px; padding: 0px; }
.container { margin: 0 auto; width: 527px; border: 1px solid #CCCCCC; text-align:left; }
.footer { margin: 0 auto; width: 527px; }

.clear {clear: both; margin: 0px; padding: 0px; height: 1px; } 

.head-logo { background: url(images/head-logo.gif) no-repeat; display: block; width: 237px; height: 75px; float: left; text-indent: -9999px; }
.link-dosage { background: url(images/head-dosage.gif) no-repeat; display: block; width: 165px; height: 75px; float: left; text-indent: -9999px; }
.link-dosage a{ background: url(images/head-dosage.gif) no-repeat; display: block; width: 165px; height: 75px; float: left; text-indent: -9999px; }
.link-dosage a:hover{ background: url(images/head-dosage-over.gif) no-repeat; }

.dosage .link-dosage a{ background: url(images/head-dosage-over.gif) no-repeat; display: block; width: 165px; height: 75px; float: left; text-indent: -9999px; }
.friend .link-friend a{ background: url(images/head-friend-over.gif) no-repeat; display: block; width: 125px; height: 75px; float: left; text-indent: -9999px; }


.link-friend { background: url(images/head-friend.gif) no-repeat; display: block; width: 125px; height: 75px; float: left; text-indent: -9999px; }
* html .link-friend { margin-left: -2px; }
.link-friend a{ background: url(images/head-friend.gif) no-repeat; display: block; width: 125px; height: 75px; float: left; text-indent: -9999px; }
.link-friend a:hover{ background: url(images/head-friend-over.gif) no-repeat; }

.beige { margin: 76px 1px 1px 1px; background: #FFF6E6; }

* html .beige { height: 1px; margin-top: 1px;}

.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #910708; padding: 10px 10px 0px 10px; }
.text a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.text a:hover { text-decoration: none; }



.f-copyright { float: left; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin-top: 10px;  }
.f-copyright a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline }
.f-copyright a:hover { text-decoration: none }


.f-links { float: right; width: auto; margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin-top: 10px; }
.f-links a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline; }
.f-links a:hover { text-decoration: none; }

.f-site { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; float: left; width: 300px; }
.f-last { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; float: right; width: 200px; text-align: right; }

/*  calculator  */
#step1 { background: url(images/step-1.gif) 0px 0px no-repeat; margin: 10px 10px 0px 10px ; padding: 10px 10px 0px 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #910708; height: 3em;}
.step2container { margin: 10px 10px 0px 10px; }
#step2a { background: url(images/step-2.gif) 0px 0px no-repeat; padding: 0px 10px 0px 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #910708; height: 3em; width: 250px; float: left;}
#step2b { margin: 10px 10px 0px 0px ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #910708;  width: 170px; float: left;}
#step3 { background: url(images/step-3.gif) 0px 0px no-repeat; margin: 10px 10px 0px 10px ; padding: 10px 10px 0px 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #910708; }
#step4 { background: url(images/step-4.gif) 0px 0px no-repeat; margin: 10px 10px 0px 10px ; padding: 10px 10px 0px 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #910708; height: 30px;}

.checkbox { position: absolute; bottom: 5px; right: 5px; font-size: 10px; font-weight: bold;}
h3 { text-indent: -9999px; display: block; float: left; margin: 0px; padding: 0px;  }
.brandcontainer { margin-left: 50px; }
.brandboxborder-1 { width: 108px;  background: #FFFFFF; padding: 1px; border: solid 1px #CCCCCC; float: left; margin: 0px 0px 0px 0px; }
.brandboxborder { width: 108px;  background: #FFFFFF; padding: 1px; border: solid 1px #CCCCCC; float: left; margin: 0px 0px 0px 5px;}
.brandbox { background: #910708; height: 20em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; padding: 5px 0px 0px 0px; position: relative;}
.brandtext { padding: 0px 10px 0px 10px; }

.tableheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background: #910708; }
.tabledata { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background: #FFC55A; }
.tableinfo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #910708; margin-top: 7px;}


/*  results  */
.name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #910708; padding: 10px 10px 0px 10px; }
.age { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #910708; padding: 0px 10px 0px 10px; }
.caution { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #910708; padding: 0px 10px 0px 10px; }

.print { float: right; width: auto; margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin: 10px 10px 0px 0px; }
.print a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline; }
.print a:hover { text-decoration: none; }

.chartborder { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border: 1px solid #cccccc; margin: 10px 10px 30px 10px; padding: 1px; background: #ffffff; }
.charthead { background-color: #910708; }
.chead-logo { float: left; width: 108px; margin: 3px 0px 0px 10px}
.chead-text { float: left; width: 350px; margin: 0px 10px 0px 10px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; }
.chead-text a{ color: #FFFFFF; }

dl { border-top: #cccccc solid 1px; margin: 0px; color: #910708; }
dt { margin: 0px; padding: 5px 10px 3px 10px; background: #FFF6E6; font-weight: bold;  }
dd { margin: 0px; padding: 0px 10px 5px 18px; background: #FFF6E6;  }

dt.zebra { margin: 0px; padding: 5px 10px 3px 10px; background: #FFFFFF; font-weight: bold;  }
dd.zebra { margin: 0px; padding: 0px 10px 5px 18px; background: #FFFFFF;  }


/*  calculator positioning  */

/* .checkbox1 {  top: 227px; left: 142px; position: relative; } */
/* .checkbox2 {  top: 227px; left: 262px; position: relative; } */
/* .checkbox3 {  top: 227px; left: 382px; position: relative;} */
/* .checkbox4 {  top: 227px; left: 502px; position: relative; } */
/* .txtname {  top: 277px; left: 60px; position: relative; } */
/* .options {  top: 325px; left: 59px; z-index: 3; position: relative;} */

/*  results page - fonts and sizes */

/* .name	{  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000000; position: relative;} */
/* .details	{  font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000; position: relative;} */
/* TD.date 	{  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; position: relative;} */
/* TD 		{  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; position: relative;} */
/* TD.optiontxt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; } */
/* TD.optionhdr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; } */

/* tell a friend classes */

/* .header 	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; position: relative;} */
/* .text 	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; padding-left: 15px;position: relative; } */
/* P 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; padding-left: 15px; } */
/* .ast {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3300CC; position: relative;} */