/* Global */
* {
	 border:0; margin:0; padding:0;
	  }
a {
	 color:#69f; text-decoration:none;
	  }
a:hover { 
color:#03c; text-decoration:underline; 
}
a img{
	border: none !important; text-decoration: none;
	}
a:hover img{
	border: none !important; text-decoration: none;
	}

.left { 
float:left; margin:0 15px 170px 0; clear: both;
 }
.right {
	 float:right; margin:0 0 0 10px;
	  }

/* Body */

#indexbody, #orderpage { 
margin:0 auto; 
width:760px; 
text-align: center; 
background:#fff url('images/backgroundindex.jpg');
background-position: center 68px; 
background-repeat: no-repeat; 
font:13px Georgia, "Times New Roman", Times, serif; 
color:#666; 
}

#productpage { 
margin:0 auto; 
width:760px; 
text-align: center; 
background:#fff url('images/backgroundproducts.jpg'); 
background-position: center 68px; 
background-repeat: no-repeat; 
font:13px Georgia, "Times New Roman", Times, serif; 
color:#666; 
}

#ingredientspage { 
margin:0 auto; 
width:760px;
 text-align: center; 
 background:#fff url('images/background1.jpg'); 
 background-position: center 68px; 
 background-repeat: no-repeat;
 font:13px Georgia, "Times New Roman", Times, serif; color:#666; 
}

#faqspage { 
margin:0 auto; 
width:760px; 
text-align: center;
background:#fff url('images/backgroundfaqs.jpg'); 
background-position: center 68px; 
background-repeat: no-repeat;
font:13px Georgia, "Times New Roman", Times, serif; 
color:#666; 
}

/* Header */
#header { 
height:320px; 
margin:35px auto 0 auto; 
position:relative; 
width:760px; 
text-align: left;
}

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

#header h1 { 
color:#666;
letter-spacing:-1px; 
position:absolute; 
top:0px; 
left:5px; 
margin-top: -5px; 
padding-left: 80px; 
font: normal 36px/1.1em Georgia; 
background:transparent url('images/purelogosmall.jpg') left 8px; 
background-repeat: no-repeat;
}

#header h1 strong {
	font-size: 125%; 
	font-weight: normal; 
	color: #000080;
	}
	
#plus {display: inline;}
#percent{font-size: 80%;}
sup#trademark{font: normal .5em Arial, Helvetica, sans;}#header ul { list-style:none; position:absolute; top:102px; left: 0px; font-family: Arial, sans; }
#header ul li { list-style:none; }
#header ul li a { color:#000080; display:block; font-size:1.15em; height:16px; padding:11px 10px; width:115px; }
#header ul li a:hover { background:transparent url('images/buttonback.jpg') left center no-repeat; color:#69f; text-decoration:none; }
.active{ background:transparent url('images/buttonback.jpg') left center no-repeat; color:#69f; text-decoration:none; }
#header h2 { color:#6699cc; font-size:1.5em; position:absolute; top:65px; left:520px; font: italic 1.15em Georgia, serif;  }
#nav li {padding-left: 260px;}

#productpage #header p, #faqspage #header p{ width:110px; color:#888; position:absolute; top:120px; right:250px; font: italic 1.1em/2em Georgia, serif;  }
#header p { width:135px; color:#888; position:absolute; top:120px; right:210px; font: italic 1.1em/2em Georgia, serif;  }
#headerrightimage{ position:absolute; top:110px; right:30px;  }

/* Content */
#content { height:auto; margin:0 auto; width:760px; text-align: left;}
#content:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } 

/* Sidebar */
#sidebar { float:left; width:345px; margin-left: 20px; }
#indexbody #sidebar h1 {  color:#6699cc; font-size:2.35em; font-weight:normal; line-height:38px; padding:12px 0px 20px 0px; }
#sidebar h1 {  color:#000080;  font-size:1.75em; font-weight:normal; line-height:30px; padding: 12px 10px 4px 10px; }

#productpage #sidebar h1 { color:#6699cc; font-size:2.35em; font-weight:normal; line-height:30px; padding:12px 0px 20px 0px; }
#sidebar input { background:#f1f1f1; color:#555; margin:10px; padding:5px; width:180px; }
#sidebar p { color:#555; display:block;  line-height:30px; margin:10px 0; padding:10px; }
#sidebar p a.more { display:block; text-align:right; }


/* Buy Button */
.buybutton {margin-left: 220px; margin-bottom: 30px;}
.oopspage .buybutton {margin-left: 320px; margin-bottom: 30px;}
#orderpage .buybutton {margin-left: 400px; margin-bottom: 20px;}
#productpage .buybutton {margin-left: 220px; margin-bottom: 40px;}
.buybutton ul { margin:10px; }
.buybutton ul li { font: normal 14px Arial, sans; padding:5px 2px 5px 10px; list-style:none; background: url('images/buttonback.jpg') left center no-repeat; }
.buybutton ul li a{ text-decoration:none; color:#69f; display:block;  }
.buybutton ul li a:hover {color:#fff; text-decoration:none; }

/* Main */
#main { float:right; width:365px; }
#orderpage #main, #faqspage #main, #ingredientspage #main, #termspage #main{width:740px;} 
#main p { width:325px; color:#666; padding:10px; font: normal 1.1em/2.5em Georgia, serif; }
#orderpage #main p, #faqspage #main p, #ingredientspage #main p{ width:620px; color:#666; padding:10px; font: normal 1.1em/2.5em Georgia, serif; }
#main h1 {  color:#6699cc; font-size:2.35em; font-weight:normal; line-height:30px; padding:12px 0px; border-bottom: 1px solid; margin-bottom: 15px; }
#indexbody #main h1 {width:325px; color:#000080;  font-size:1.75em; font-weight:normal; line-height:30px; padding: 12px 10px 4px 10px; border-bottom: none;}
#productpage #main h1 { width:625px; color:#6699cc; font-size:2.35em; font-weight:normal; line-height:30px; padding:12px 0px 20px 0px; border-bottom: none; margin-bottom: 15px; }
#indexbody #main h1 strong{ font-size:1.2em; font-weight:normal; }
#main h2 {  color:#000080;  font-size:1.75em; font-weight:normal; line-height:30px; padding: 10px 10px 4px 10px; }
#indexbody #sidebar p strong, #productpage #sidebar p strong{  color:#000080; font-size:1.1em;}

/* Footer */
#footer { background:#fff url('images/footerbackground.jpg')  top center; background-repeat: no-repeat; margin:0px auto 10px auto; width:760px; padding-top: 70px; }
#footer:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } 
#footer p { color:#555; font-size:90%; line-height:25px; padding:16px 10px 10px 10px; text-align:right; }


/* Ingredients */
#ingredientspage #main p {width:415px; padding-left: 20px; }
#ingredientslist strong{font: normal 1.2em Georgia, serif; color: #396998;}
.pulloutbox{float: right; clear: right; width: 200px; margin: -105px 20px 10px 10px; background: #E6F2FF url('images/pullquoteback.jpg') no-repeat; color: #000080; border-bottom: 1px solid #6699cc; line-height: 1.8em;}
.pulloutboxquote{padding: 10px; text-align: left;}
.pulloutboxquote a, .pulloutboxquote a:hover {text-decoration: none;}
.otheringredientsbox{float: right; clear: right; width: 200px; margin:5px 20px 10px 10px; background: #fff; color: #000080; border-bottom: none;}
.otheringredientsbox .pulloutboxquote{padding: 10px; text-align: center;}
.otheringredientsbox .pulloutboxquote ul{list-style-type: none; margin-top: 20px;}
.otheringredientsbox .pulloutboxquote ul li{margin: 0 0 25px 0;}
.otheringredientsbox .pulloutboxquote ul li a:hover {text-decoration: none;}
.otheringredientsbox .pulloutboxquote span {color: #396998; line-height: 1.7em;}
#littlenumber {font-size: 85%;}



/* FAQs */
#faqspage .pulloutbox{float: right; clear: right; width: 200px; margin: -105px 20px 10px 10px; background: #E6F2FF url('images/pullquoteback.jpg') no-repeat; color: #000080; border-bottom: 1px solid #6699cc;}#faqspage .pulloutboxquote{padding: 10px; text-align: left;}
#faqspage .pulloutboxquote ul{list-style-type: circle; padding: 0 0 0 15px;}
#faqspage .pulloutboxquote ul li{margin: 0 0 16px 0; line-height: 1.1em;}
#faqspage .pulloutboxquote h3{height: 44px; font: normal 1.75em Georgia, serif; color: #396998; margin: 0 0 16px 0; text-indent: 42px; background: transparent url('images/arrowdown.jpg') no-repeat; background-position: left;}
#faqspage .pulloutboxquote h3 span{padding-bottom: 8px; border-bottom: 1px solid #DFEFFF;}
#faqspage .pulloutboxquote a{text-decoration: none; color: #000080;}
#faqspage .pulloutboxquote a:hover{color:#50A7D7;}
#faqspage #main p {width:415px; }
#faqsection p{width:225px; margin: 20px 0; padding: 20px 0 0 0;}
.top {margin: 0 0 30px 370px;}
.top a{ font: italic .8em Arial, sans;}
.faquestion {font: normal 1.45em Georgia, serif;  color: #000080;  }

/* Order Page */


#orderpage #content h2 {clear: left; }
#callnow{float:right; margin: -8px 30px 0 0; color: #00006D; font-size: 110%; font-style: italic; padding: 7px 10px 10px 40px; background: #fff url('images/arrowright.jpg') 10px center; background-repeat: no-repeat;}
#callnow strong {font-size: 120%; font-family: Arial, Sans;}


#orderpage #orderbox{width: 550px; margin: 30px 0 0 80px;}
#orderpage h2{text-align: center;}
#orderpage .productbox {width: 550px; height: 200px; margin: 0 5px 65px 0; border-top: 1px solid #D9EFFF;}
#orderpage .productbox .left { float:left; margin:-10px 25px 20px 0; }
#orderpage .productdescript{ padding: 10px 5px 0px 5px; line-height: 1.7em;}
#orderpage .productdescript strong{color: #000080; font-weight: bold;}
#orderpage .productdescript span{color: #000080; font-weight: normal; background: #fff;}
#orderpage .productdescript a{ font-size: 140%; font-weight: bold; text-decoration: underline;}
#orderpage .itembox{width: 525px;}




#suborderbox{width: 675px; margin: 0 0 30px 0px; }
#suborderbox h2{margin-bottom: 25px; font-size: 2.35em; text-align: left;}
h4{color:#666;  font-size:1.25em; line-height: 1.4em;}
#suborderbox .productbox {width: 675px; height: 175px; margin: 0 5px 35px 15px; border-top: none;}
#suborderbox .productbox .left { float:left; margin:-10px 15px 0px 0; }

#suborderbox .productdescript{ clear: right; float: left; font-size: 115%; color: #000080;}
#suborderbox .productdescript em{color: #000080; font-style: normal;}
#suborderbox .productdescript strong{ font-size: 120%;}

#suborderbox .itembox{width: 525px;}


.left ul {line-height: 1.7em; width: 150px; margin: 10px 0px 0 15px; color: #000080;}

.left ul li {margin-bottom: 10px;}

.ultimateleft ul {line-height: 1.7em; width: 190px; margin: 10px 0px 0 15px; color: #000080;}



.productdescript h3{
text-align: left;
}

.autoshipbox{ width: 480px; margin: -30px 0 0px 210px; font-size: 12px; color: #000080; background: #E6F2FF url('images/pullquoteback.jpg') repeat; background-position: left -90px;  padding: 0 0 5px 0; clear: none;}

.otherautoshipbox {margin: 10px 0 0px 210px; }

.autoshiptextbox {line-height: 1.8em; margin: 13px; width: 260px; }

#autoshiptitle{font-family: arial, sans-serif; font-weight: bold; font-size: 19px; background: #000080; color: #fff; padding: 6px 14px 6px 8px; margin-bottom: 0px;}

.autoshipbox em{ font-size: 15px; color:#000080; font-weight: bold; border-top: 1px solid #D9EFFF; border-bottom: 1px solid #D9EFFF;}

.autoshipbox strong{color: #000080;}

#lastchance { width: 480px; height: 100px;  border: 1px solid #BDE3FF; margin: -10px 0 30px 210px;  line-height: 1.6em; font-size: 120%; background: #fff url('images/threebottlestiny.jpg')  360px 5px; background-repeat: no-repeat;}
#lastchanceinside {  text-align: left; padding: 10px 5px 5px 15px; width: 330px; }
#lastchanceinside strong {font-size: 130%; color: #000080;}
#lastchanceinside a:link {  color:#03c; text-decoration:none; font-size 120%;}
#lastchanceinside a:hover { color:#69f; text-decoration:underline;}


.price{width: 150px; height: 150px; margin: 0px 0 0 0; text-align: center; padding: 5px; line-height: 1.4em; float: right; }

.price span, .pricefour span{color: #2B73B6; }

.priceone{ background: #E3F7FF; margin-left: 15px;}

.pricetwo{ background: #D9EFFF;}

.pricethree{ background: #BDE3FF;}

.pricefour{ height: 90px !important; background: transparent !important; margin-left: 0px; font-size: 15px;   }


.multipriceone{ background: #E3F7FF; margin-left: 15px; height: 180px;  line-height: 1.6em;}

.multipricetwo{ background: #D9EFFF; height: 180px;  line-height: 1.6em;}

.multipricethree{ background: #BDE3FF; height: 180px;  line-height: 1.6em;}

.ultimateprice{ width: 160px; height: 160px; background: #D9EFFF; line-height: 1.6em;}

.ultimatecalciumprice{ width: 240px; height: 160px; background: #BDE3FF; line-height: 1.6em;}



.pricefour{ width: 180px; height: 140px; margin: 0px 0 0 0; text-align: center; padding: 5px; line-height: 1.3em; float: right;  background: #D9EFFF; }

.price strong, .pricefour strong{ text-align: left; color: #000080; font: bold 140% Arial, sans; line-height: 1.7em; background: #fff; padding: 1px 8px;}

.price em, .pricefour em{ text-align: left; font-size: 90%; color: #666;}

.price form, .pricefour form{padding: 5px;}

.price small, .pricefour small{font-size: 90%;}

.price form input, .pricefour form input{width: 110px; text-align: center; margin: 0px 0 10px 0px; background: #2B73B6; padding: 3px 7px; color: #fff; cursor: pointer;}

.pricefour form input{width: 140px;}

.ultimatecalciumprice form input{ width: 170px; }

.fiftypercent {position: relative; left: 75px; bottom: 45px; display: block;}

.bestoffer {position: relative; left: 105px; bottom: 90px; display: block;}

.policybox {margin: 0px 0px 20px 225px;  font-size: 100%; line-height: 1.7em; width: 440px;}

.ultimatepolicy {margin: 0px 0px 20px 280px; width: 400px;}
 
#terms {clear: both; width: 440px; padding: 8px 10px;  line-height: 1.5em; margin: 0 0 30px 225px; border: 1px solid #ccc;}

#copyright { font-size: 0.8em; font-family: Arial, sans; text-align: right;}

#calciumchoicebox {
padding: 8px;
}


#orderpage #main select {font-family: Georgia, "Times New Roman", Times, serif;	color: #4A87C2; margin: 0px 0 0 0px;}

#ordersubline{margin: 15px 0 30px 100px;}

/* Product Page */
#productpage #main .right {margin-right: 30px;}

#productpage #sidebar ul{line-height: 2em; }

#productpage #sidebar p strong{font-size: 1.6em;}

#productpage #sidebar .left{ margin-bottom: 200px; margin-right: 25px;}




/* Terms page */
#termspage #main p{width: 500px;}

/*Ooops Page*/
.oopspage #main img{margin-right: 20px;}
.oopspage #main p {margin-left: 165px; }
.oopspage #main p strong {font-size: 170%; color: #000080; font-weight: bold; }
.oopspage #main p em {font-size: 110%; color: #4A87C2; font-weight: bold;}