/* ============================ STRUCTURE ============================ */
body {
	background: #FFF;
	text-align: center;
	margin: 0px auto 20px;
	padding: 0px;
	font-size: small;
}

	
#container {
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	background: #FFFFFF url(tile.gif) repeat-x center top;
	width: 770px;
	border-right: 1px solid #E1DEEB;
	border-left: 1px solid #E1DEEB;
	}
	
#container-home {
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	background: url(tile-home.gif) repeat-x center top;
	width: 770px;
	border-right: 1px solid #E1DEEB;
	border-left: 1px solid #E1DEEB;
	}


/* ============================ HEADER ============================ */
#banner {
	width: 770PX;
	padding: 0px;
	margin: 0px auto;
	height: 140px;
	text-align: left;
	}
	



/* ============================ CONTENT ============================ */

#content {
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	color: #6A6A7B;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 150%;
	width: 770px;
	
	}
	
	
#container #content p {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	width: 460px;
}
#container #content p.tableheader {
	margin: 5px 0px 0px 20px;
	padding: 0px;
}

#container #content ul {
	margin: 0px 0px 10px 20px;
	padding: 2px 0px 0px;
	width: 460px;
	list-style: none;
	border-top: 1px solid #E1EBF6;
}

#container #content li {
	font-weight: normal;
	margin: 0px 0px 2px;
	padding: 0px 0px 2px 20px;
	background: url(bullet.gif) no-repeat 0px 0.4em;
	line-height: 135%;
	border-bottom: 1px solid #E1EBF6;
}

#container #content li.cvs {
	font-weight: normal;
	margin: 3px 0px;
	padding: 0px 0px 2px 0px;
	background: none;
	line-height: 135%;
	border-bottom: 1px solid #E1EBF6;
}

#container #content li.walgreens {
	font-weight: normal;
	margin: 4px 0px 2px;
	padding: 0px 0px 2px 0px;
	background: none;
	line-height: 135%;
	border-bottom: 1px solid #E1EBF6;
}


#container #content a {
	color: #393996;
	text-decoration: none;
}

#container #content a:hover {
	color: #CCC;
	text-decoration: none;
}



#content dl {
	margin: 0px;
	padding: 0px;
	width: 460px;
}
#content dt {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background: url(quote.gif) no-repeat left top;
}
#content dd {
	text-align: right;
	margin: 5px 0px 30px;
	padding: 0px;
	font-style: italic;
}
#content table {
	width: 460px;
	background: #F8FAFC;
	border-top: 1px solid #E1EBF6;
	border-right: 2px solid #E1EBF6;
	border-bottom: 2px solid #E1EBF6;
	border-left: 2px solid #E1EBF6;
	margin: 0px 0px 0px 20px;
}

#content td {
	margin: 0px;
	padding: 2px 5px 5px;
	border-top: 1px solid #DEE9F3;
	vertical-align: top;
}
#content td.wide {
	width: 250px;
	font-weight: bold;
	border-right: 1px solid #E1EBF6;
}
#content td.header {
	background: #EFF4FA;
	font-weight: bold;
}


#border {
	border-right: 1px solid #E1DEEB;
	border-left: 1px solid #E1DEEB;
	width: 770px;
	margin: 0px auto;
	padding: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}


/* ============================ HOME ============================ */

	
#content-home {
	margin: 0px auto;
	width: 100%;
	padding: 0px 0px 20px 0px;
	color: #6A6A7B;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 150%;
	background: #C5BDDD;	
	}
	
	
#homenav {
	position: relative;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 140px;
	display: inline;
	overflow: hidden;
	width: 151px;
	}

#homenav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	border-style: none;
    }

#homenav a {
    float: left;
	padding: 140px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:140px; /* for IE5/Win */
	}
        
#homenav a:hover {
	background-position: 0 -140px;
	}
	
#home a  {
	width: 150px;
    background: url(logo.gif) no-repeat left top;
    }
	
#home {
	background: url(../home/image.jpg) no-repeat right top;
	margin: 0px auto;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	}
	
#home #content p {
	width: 395px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 155%;
	font-size: 100%;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	letter-spacing: -0.05em;
	color: #A7A0BA;
}

	
#benefits {
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF url(tile-benefits.gif) repeat-x center bottom;
	padding: 0px;
}




	
/* ============================ H1 ============================ */

h1 {
	font: bold 32px Helvetica, Arial, sans-serif;
	color: #B6ACD4;
	margin: 30px 0px 5px 20px;
	padding: 0px;
}
	
h1.home {
	background: url(../home/h1-home.gif) no-repeat left top;
	height: 85px;
	margin: 40px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	border-style: none;
	}

h1.home span {
	display: none;
	}
	
h1.science {
	background: url(../about/h1-science.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	padding: 0px;
	}

h1.science span {
	display: none;
	}
	
h1.additional {
	background: url(../about/h1-additional.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	padding: 0px;
	}

h1.additional span {
	display: none;
	}

h1.where {
	background: url(../buy/h1.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.where span {
	display: none;
	}
	
h1.testimonials {
	background: url(../results/h1-testimonials.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.testimonials span {
	display: none;
	}
	
h1.expect {
	background: url(../results/h1-what.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.expect span{
	display: none;
	}
	
h1.video {
	background: url(../results/h1-video.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.video span {
	display: none;
	}
	
h1.contact {
	background: url(../contact/h1-contact.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.contact span {
	display: none;
	}
	
	h1.thankyou {
	background: url(../contact/h1-thankyou.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.thankyou span {
	display: none;
	}
	
h1.signup {
	background: url(../contact/h1-signup.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.signup span {
	display: none;
	}
	
h1.qa {
	background: url(../about/h1-qa.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.qa span {
	display: none;
	}

h1.professional {
	background: url(../professionals/h1-general.gif) no-repeat left top;
	height: 70px;
	margin: 30px 0px 5px 20px;
	}

h1.professional span {
	display: none;
	}
	
	
h1.clinical {
	background: url(../professionals/h1-clinical.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.clinical span {
	display: none;
	}
	
h1.monograph {
	background: url(../professionals/h1-monograph.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.monograph span {
	display: none;
	}
	
h1.pharmacist {
	background: url(../professionals/h1-pharmacist.gif) no-repeat left top;
	height: 35px;
	margin: 30px 0px 5px 20px;
	}

h1.pharmacist span {
	display: none;
	}





/* ============================ H2 ============================ */

h2 {
	font-size: 22px;
	line-height: 120%;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	color: #CB6928;
	} 

h2.science {
	background: url(../about/h2-science.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.science span {
	display: none;
	}
	
h2.brittle {
	background: url(../about/h2-brittle.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.brittle span {
	display: none;
	}
	
	h2.stores {
	background: url(../buy/h2-stores.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.stores span {
	display: none;
	}
	
h2.online {
	background: url(../buy/h2-online.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.online span {
	display: none;
	}
	
h2.thrupharm {
	background: url(../buy/h2-pharmacist.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.thrupharm span {
	display: none;
	}
	
h2.additional {
	background: url(../about/h2-additional.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.additional span {
	display: none;
	}
	
h2.before {
	background: url(../results/h2-before.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.before span {
	display: none;
	}
	
h2.dependable {
	background: url(../professionals/h2-dependable.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.dependable span {
	display: none;
	}


h2.treat {
	background: url(../professionals/h2-treat.gif) no-repeat left top;
	height: 50px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.treat span {
	display: none;
	}
	
h2.brittle {
	background: url(../professionals/h2-brittle.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.brittle span {
	display: none;
	}
	
h2.stock {
	background: url(../professionals/h2-stock.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.stock span {
	display: none;
	}
	
h2.order {
	background: url(../professionals/h2-order.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.order span {
	display: none;
	}
	
h2.telephone {
	background: url(../contact/h2-telephone.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.telephone span {
	display: none;
	}
	
h2.email {
	background: url(../contact/h2-email.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.email span {
	display: none;
	}
	
h2.mail {
	background: url(../contact/h2-mail.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.mail span {
	display: none;
	}
	
h2.study1 {
	background: url(../professionals/h2-study1.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.study1 span {
	display: none;
	}
	
h2.study2 {
	background: url(../professionals/h2-study2.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.study2 span {
	display: none;
	}
	
h2.study3 {
	background: url(../professionals/h2-study3.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.study3 span {
	display: none;
	}
	
h2.study4 {
	background: url(../professionals/h2-study4.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.study4 span {
	display: none;
	}
	
h2.newsletters {
	background: url(../contact/h2-newsletter.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px 20px;
	padding: 0px;
	}
	
h2.newsletters span {
	display: none;
	}
	
h2.coupons {
	background: url(../contact/h2-coupons.gif) no-repeat left top;
	height: 25px;
	margin: 20px 0px 5px  20px;
	padding: 0px;
	}
	
h2.coupons span {
	display: none;
	}



/* ============================ H3 ============================ */
h3 {
	font-size: 18px;
	margin: 20px 0px 2px 20px;
	padding: 0px;
	}





/* ============================ MISCELLANEOUS BITS ============================ */

.disclaimer {
	font-size: 11px;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #BDB6D0;
	font-weight: bold;
}


#fileinfo {
	color: #9391AC;
	font-size: 11px;
	margin: -12px 0px 0px 20px;
	padding: 0px;
}

#container #content #fileinfo a {
	color: #6A698A;
}
#container #content #fileinfo a:hover {
	color: #000;
}

#mainimage {
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	right: 0px;
}


#tag {
	float: right;
	margin: 0px 5px 0px auto;
	padding: 0px;
	clear: both;
}
sup {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#monograph {
	border: 1px solid #E1EBF6;
}


/* ============================ NAVIGATION ============================ */


#mainnav {
	position: relative;
	width: 770px;
	height: 40px;
	padding: 0px;
	margin: 0px auto;
	}
	
#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0px 0px 0px 18px;
	padding: 0px;
	height: 40px;
	display: inline;
	overflow: hidden;
	}

#nav li {
    margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
    }

#nav a {
    float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win */
	}
        
#nav a:hover {
	background-position: 0 -40px}

#nav a:active {
	background-position: 0 -40px;
    }
	
#nav a.selected {
	background-position: 0 -80px;
    }
		
#about a  {
	width: 129px;
    background: url(nav_01.gif) top left no-repeat;
    }
	 
#buy a  {
	width: 112px;
    background: url(nav_02.gif) no-repeat left top;
    }
		
#results a  {
	width: 68px;
	background: url(nav_03.gif) top left no-repeat;
    }
	
#contact a  {
	width: 74px;
    background: url(nav_04.gif) top left no-repeat;
    }
		
#professionals a  {
	width: 153px;
	background: url(nav_05.gif) top left no-repeat;
    }


/* ============================ SUBNAV ============================ */


#subnav {
	padding: 0px;
	height: 30px;
	margin: 0px 0px 0px 18px;
	text-align: left;
	width: 750px;
}

#subnavlist {
	list-style: none;
	padding: 3px 0px 0px 0px;
	margin: 0px auto;
}

#subnavlist li{
	text-align: left;
	display: inline;
	padding: 0px;
	margin: 0px 15px 0px 0px;
}

#subnav #subnavlist a {
	font: bold 11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #93A8CC;
	text-decoration: none;
	letter-spacing: 0.1em;
}


#subnav #subnavlist a:hover {
	color: #FFFFFF;
}



/* ============================ FOOTER ============================ */

#footer {
	padding: 0px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #777;
	text-align: left;
	margin: 0px auto 20px;
	background: #FFF url(tile-footer.gif) no-repeat left top;
	width: 772px;
	height: 70px;
	overflow: hidden;
	}
	
#footer p {
	margin: 0px auto;
	padding: 15px 0px 0px 15px;
	width: 770px;
	}
	
#merz {
	float: right;
	margin: 0px 18px 0px 0px;
	padding: 0px;
}
#promo {
	margin: 15px 0px 0px 410px;
	padding: 0px;
	border-style: none;
	clear: both;
	height: 100px;
	width: 100px;
	position: absolute;
}
#promo a {
	background: url(none);
}