/* -------------------------------------------
project:  hgh
date:    2008/03/08
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #3f3f3f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #2D5B77; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}

/* layout
------------------------------------------- */
body {background: #F7EEF3 url(../images/back.jpg) center top no-repeat;}
body.promo {background: #fff;}
	
	h1 {position: relative; clear: both; margin-top: 25px; margin-bottom: 15px; color: #98225D; font-weight: normal; font-size: 1.8em;}
	p {margin: 15px 0 15px 0; line-height: 1.5em;}

	#root {width: 940px; margin: 0 auto; padding: 0 9px 0 9px; background: #fff;}
	#root-promo {width: 770px; margin: 0 auto; padding: 0 9px 0 9px; background: #fff;}
	  #header {position: relative; height: 151px; background: #fff url(../images/headers/header.jpg) center top no-repeat;}
        #header p {float:right; font: 16px Arial, Helvetica, sans-serif; color: #FAEBF2; margin: 20px 30px;text-align:right font-weight: bold;}
        #header .phone {font: bolder 32px Arial, Helvetica, sans-serif; color:#fff}	  
		#root-promo #header {position: relative; height: 151px; background: #fff url(../images/headers/header2.jpg) center top no-repeat;}
			#header h1 {margin: 0; padding: 0;}
			#top-img {position: absolute; left: 0; top: 0; z-index: 0;}r
	 	  #logo {position: absolute; left: 40px; top: 55px; z-index: 2; display: block; overflow: hidden; width: 320px; height: 50px; text-indent: -500px;}
			#see-int-num, #see-int-num:visited {display: block; position: absolute; right: 30px; top: 100px; z-index: 2; width: 200px; color: #fff; text-decoration: none; text-align: right;}
			#see-int-num:hover {text-decoration: underline;}
			
		#sidebar1 {float: left; width: 190px; margin-right: 7px;}
		  ul#mainmenu {height: 245px; margin-bottom: 10px; padding: 15px 0 0 9px; background: transparent url(../images/mainmenu.jpg) center top no-repeat;}
			  ul#mainmenu li {display: block; list-style: none; padding: 2px 0 7px 5px; background: transparent url(../images/mainmenu-separator.jpg) left bottom no-repeat; font-size: 1.2em; line-height: 1.5em; }
				ul#mainmenu li.last {background: none;}
				  ul#mainmenu li a, ul#mainmenu li a:visited {color: #AACDDA; text-decoration: none;}
					ul#mainmenu li a:hover {padding-right: 10px; background: transparent url(../images/menu-arrow.gif) right center no-repeat; color: #fff; text-decoration: none; }
					  ul#mainmenu li a strong, ul#mainmenu li a:visited strong {color: #fff;}
				ul#mainmenu li.main-special {float: left; width: 73px; height: 60px; margin-right: 9px; padding: 15px 0 0 7px; background: none; font-size: 1.1em; line-height: 0.9em;}
				  ul#mainmenu li.main-special a, ul#mainmenu li.main-special a:visited {line-height: 1em;}
				  ul#mainmenu li.main-special a:hover {background: none; padding-right: 0;}
					  ul#mainmenu li.main-special a .main-special-price {color: #BEDAE5; font-weight: bold;}

			#order-now {height: 130px; margin-bottom: 10px; background: #fff url(../images/logos/credit-card-logos.gif) center bottom no-repeat;}
			 .button-order-now {display: block; overflow: hidden; height: 48px; background: #fff url(../images/headers/cart.gif) top center no-repeat; font: bolder 18px Arial, sans-serif; padding-top: 9px;padding-right:10px; text-align: right;}
				.button-order-now span.click {font: normal 11px Tahoma,Arial, sans-serif;color:#fff;line-height:23px}
				#order-now span.money {text-transform: uppercase; font: bolder 14px Tahoma,Arial, sans-serif;color:#fff;text-align:center;line-height:37px;color:#000;clear:both}
			#order-now a, .button-order-now a:link, .button-order-now a:visited, .button-order-now a:active {color:#d5fbb5; text-decoration:none}
			#order-now a:hover, .button-order-now a:hover {color: red; text-decoration:none}			

			#newsletter-signup {margin-bottom: 10px; padding: 16px 15px 10px 15px; border-right: 2px solid #D7C8D2; border-bottom: 2px solid #D7C8D2; background: #E0D0DB url(../images/headers/newsletter.jpg) left top no-repeat; }
			  #newsletter-signup h2 {font: 20px "Century Gothic", Helvetica, Verdana, Arial, sans-serif; color: #89255B; clear:both; margin-bottom: 10px}
			  #newsletter-signup fieldset {border: none;}
				  #newsletter-signup legend {display: none;}
				  #newsletter-signup p {margin: 5px 0 10px 0;}
				    #newsletter-signup p strong {color: #BA0100;}
					#newsletter-signup label {display: block; float: left; clear: left; width: 30px; margin: 6px 0 6px 0; font-size: 0.9em;}
					.newsletter-name, .newsletter-email {float: right; width: 110px; margin: 3px; padding: 2px; border: 1px solid #d4d4d4; font-size: 0.9em;}
					.newsletter-signup-button {float: right; width: 70px; height: 32px; margin: 3px; padding-bottom: 11px; border: none; background: transparent url(../images/buttons/button-newsletter-signup.jpg) center top no-repeat; color: #fff; font-size: 0.85em; text-transform: uppercase; cursor: pointer;}
			
			#testimonials {margin-bottom: 10px; padding: 16px 15px 10px 15px; border-right: 2px solid #EBEADE; border-bottom: 2px solid #EBEADE; background: #F5F4E8 url(../images/headers/testimonials.jpg) left top no-repeat; }
			 #testimonials h2 {font: 20px "Century Gothic", Helvetica, Verdana, Arial, sans-serif; color: #89255B; clear:both; margin-bottom: 10px}
			  .testimonial {padding: 10px 0 10px 0; border-bottom: 1px dashed #d2d2d2;}
				.testimonial.last {border-bottom: none;}
				 .testimonial p {margin: 0;}
				 .testimonial p.signature {margin: 0; color: #767676; font-weight: bold; text-align: right;}
			
			#business-opportunities {height: 135px; margin-bottom: 10px; padding: 13px 15px 0 15px; background: transparent url(../images/headers/business-opportunities.jpg) left top no-repeat;}
			  #business-opportunities h2 {font: 20px "Century Gothic", Helvetica, Verdana, Arial, sans-serif; color: #89255B; line-height: 21px; clear:both; margin-bottom: 17px}
			  #business-opportunities ul li {margin: 5px 0 5px 15px; list-style-image: url(../images/bullet2.jpg); color: #2D5B77; }
				  #business-opportunities a, #business-opportunities a:visited {color: #2D5B77;}
					#business-opportunities a:hover {text-decoration: underline;}
			
		#sidebar2 {float: right; width: 170px;}
		  .get2free-small {display: block; overflow: hidden; height: 163px; margin-bottom: 10px; background: #fff url(../images/get2bottles.jpg) right center no-repeat; font: bolder 18px Arial, Helvetica, sans-serif; color:#2d5b77; padding: 10px 0 0 20px; line-height:20px}
			.get2free-small .free {font: bolder 24px Arial, Helvetica, sans-serif;text-transform: uppercase;color:#e71f68}
			#in-the-news {margin-bottom: 10px; background: #F3F3F3 url(../images/gray-gradient.jpg) left bottom repeat-x;}
			  #in-the-news h2 {overflow: hidden; height: 26px; margin-top: 0; background: url(../images/headers/in-the-news.jpg) center top no-repeat; font: 15px Arial, Helvetica, sans-serif; color: #fff; padding: 12px 0 0 35px;}
				#in-the-news p {margin: 10px; color: #2D5B77;}
				#in-the-news a img, #in-the-news a:visited img {display: block; margin: 0 auto; margin-top: 10px; border: 1px solid #e7e7e7; }
			
			#articles {margin-bottom: 10px; padding-top: 12px; background: #eee url(../images/headers/articles.jpg) center top no-repeat;}
			  #articles h2 {font: 15px Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 0 35px}			
			  #articles ul {margin: 10px 0 10px 0;}
				  #articles ul li {list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #fff;}
					#articles ul li.last {border-bottom: none;}
					  #articles ul li a, #articles ul li a:visited {display: block; padding-left: 28px; padding-right: 10px; background: url(../images/bullet1.jpg) 14px 3px no-repeat; color: #2D5B77; text-decoration: none; line-height: 1.5em;}
						#articles ul li a:hover {text-decoration: underline;}
				#articles-more {height: 23px; margin: 0; padding: 0 10px 0 10px; background: #DFDDCE;}
				  #articles-more a, #articles-more a:visited {float: right; height: 23px; padding-left: 15px; background: url(../images/icons/read-more.jpg) left center no-repeat; color: #2D5B77; font-size: 0.85em; line-height: 23px; text-decoration: none;}
					#articles-more a:hover {text-decoration: underline;}
					
	  #content {float: left; width: 569px;}
		  #content h1, #content h2, #content h3, #content p {margin-left: 15px; margin-right: 15px;}
			#content h1 {background: url(../images/h1-line.jpg) left bottom no-repeat; }
			#content h1 { font-weight: bold; font-size: 2.1em; }
		    #content p { font-size: 14px; }
		#content-promo {width: 739px; margin: 0 auto;}
		
	#footer {height: 100px; padding-top: 10px; border-top: 7px solid #D7C6CF; background: #E5D5DE;}
	  #footer-content {width: 958px; margin: 0 auto;}
		#footer-content-promo {width: 770px; margin: 0 auto;}
			p#copyright {float: right; margin: 0; padding: 0; color: #8E7E87; line-height: 1em;}
		  #copyright a, #copyright a:visited {color: #8E7E87;}
			#copyright a:hover {text-decoration: underline;}
			#footer-content-promo #copyright  {float: left; margin-top: 10px;}
			ul#footer-menu {float: left; margin: 1px 0 0 0; padding: 0;}
			  ul#footer-menu li {float: left; list-style: none; margin: 0 8px 0 0; padding-right: 8px; border-right: 1px solid #A4C3CE; line-height: 1em;}
				ul#footer-menu li.last {border-right: none;}
				  ul#footer-menu li a, ul#footer-menu li a:visited {color: #2D5B77; line-height: 1em; text-decoration: none;}
					ul#footer-menu li a:hover {text-decoration: underline;}
		#footer-content div.disclaimer { clear: both; }
		#footer-content p#claims { font-size: 0.85em; color: #aaa; padding: 10px; }
	  	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.lead {color: #590E61; font-weight: bold; font-size: 1.2em;}
.start {margin-top: 5px;}
p.hint {margin: 5px 0 5px 0; padding: 0; font-size: 0.85em;}

a.more, a.more:visited {display: block; width: 50px; height: 19px; background: transparent url(../images/button-more.gif) center center no-repeat; color: #fff; font-size: 0.8em; line-height: 19px; text-decoration: none; text-align: center; text-transform: uppercase;}
a.more:hover {color: #000;}
a.top-link {display: block; position: absolute; right: 0; bottom: 0; overflow: hidden; width: 9px; height: 8px; background: url(../images/icons/up.jpg) center center no-repeat; text-indent: -500px;}

img.r {float: right; margin: 0 15px 0 15px;}
img.l {float: left; margin: 0 15px 0 15px;}

.special-promo-top {position: relative; overflow: hidden; width: 739px; height: 72px; margin: 0 auto; background: #fff url(../images/special-promo-top.jpg) center top no-repeat; text-indent: -1000px;}
  .savings {position: absolute; top: 0; left: 353px; width: 70px; height: 72px; color: #F6FF00; font-size: 2.5em; font-weight: bold; line-height: 72px; text-indent: 0; text-align: center;}
.promo-box {margin: 10px 0 10px 0; padding: 10px 10px 10px 20px; border: 1px solid #96ADBB; background: #fff url(../images/green-gradient.jpg) left top repeat-x;}
.promo-box.special {margin: 0 0 10px 0; padding: 10px 10px 10px 20px; border: 1px solid #96ADBB; border-top: none; background: #fff url(../images/blue-gradient.jpg) left top repeat-x;}
	.promo-box ul {width: 190px; margin: 15px 0 15px 0;}
    .promo-box ul li {margin: 0 0 0 15px; color: #2D5B77; font-weight: bold;}
	.promo-box p {margin: 10px 0 10px 0;}
	img.promo-pic {float: right; margin-bottom: 10px;}
	.buy-bottles {color: #98225D; font-size: 2em; font-weight: normal; font-family: Arial Black;}
	.trial {color: #98225D; font-size: 2em; font-weight: normal; text-transform: uppercase;}
	.save {color: #590E61; font-size: 2em; font-weight: bold; text-transform: uppercase;}
	.save-amount {color: #872C91; font-size: 2em; font-weight: bold; text-transform: uppercase;}
	.get-free {color: #BA0100; font-size: 2.5em; font-family: Arial Black; text-transform: uppercase; line-height: 1em;}
	.supply {margin-top: 10px; color: #6E6E6E; font-weight: bold; font-style: italic; font-size: 1.2em;}
	.checkout {float: right; clear: right; width: 273px; padding: 10px; border: 1px solid #dbdbdb; background: #ececec; line-height: 1em; text-align: center;}
	  a.order-cc, a.order-cc:visited {display: block; overflow: hidden; width: 186px; height: 29px; margin: 0 auto; background: #ececec url(../images/buttons/order-using-cc.jpg) center center no-repeat; text-indent: -500px;}
		a.paypal-checkout img, a.google-checkout img {margin-top: 10px; vertical-align: middle;}
		.checkout .third-party { width: 280px; }
		.checkout .third-party input { float: left; }


.order-item {height: 110px; margin-top: 20px;}
	.order-item-pic {float: left;}
	.item-data {float: left; width: 210px;}
	  .item-name {margin: 0; color: #590E61; font-size: 1.6em; font-weight: bold; line-height: 1em;}
		.item-amount {margin: 5px 0 5px 0; color: #590E61; font-weight: bold;}
		.save-money {padding-left: 35px; background: transparent url(../images/icons/dollar-badge.jpg) left center no-repeat; color: #98225D;}
		  .save-money strong {color: #98225D;}
  .item-price {float: left; width: 70px; height: 110px; border-left: 1px solid #CAD6DD; color: #98225D; font-size: 1.5em; font-weight: bold; line-height: 110px; text-align: right;}
		
/* unique stuff
------------------------------------------- */
ul#box-links {width: 543px; height: 60px; margin: 15px 0 0 15px; background: url(../images/box-icons.jpg) center top no-repeat;}
  ul#box-links li {float: left; list-style: none; margin: 0; padding: 0;}
		ul#box-links li a, ul#box-links li a:visited {display: block; height: 55px; margin: 0; padding-left: 60px; color: #505050; font-size: 1.2em; font-weight: bold; line-height: 55px; text-decoration: none;}
		ul#box-links li a#box-how-works {width: 115px;}
		ul#box-links li a#box-ingridients {width: 107px;}
		ul#box-links li a#box-faq {width: 140px;}
		ul#box-links li a:hover {color: #A2508E;}
		
#cart-sidebar {float: right; width: 190px;}
 #cart-sidebar img {margin-bottom: 10px;}
 
#order-items {margin: 0 0 10px 0; padding: 0 20px 10px 20px; border: 1px solid #96ADBB; background: #fff url(../images/order-item-back.jpg) left top repeat-x;}
  #order-items h2 {margin: 0; color: #fff; font-size: 1.5em; font-weight: normal; line-height: 37px;}
	
#order-form fieldset {border: 1px solid #96ADBB;}
  .place-order {float: right; width: 139px; height: 27px; margin: 10px 0 0 0; padding-bottom: 3px; font-size: 1.1em;border: none; background: #fff url(../images/buttons/place-order.jpg) center center no-repeat; color: #fff; font-weight: bold; cursor: pointer;}
	
#faster {position: relative; clear: both; width: 409px; height: 147px; margin-top: 15px; padding-left: 20px; background: #fff url(../images/fast.jpg) left top no-repeat; color: #fff;}	
  #faster * {color: #fff;}
	#faster h2 {margin: 0 0 10px 0; padding: 0; font-size: 2em; font-weight: normal; line-height: 45px;}
	#faster p {width: 207px; margin: 0; padding: 0; line-height: 1.2em;}
	#faster a, #faster a:visited {display: block; position: absolute; left: 20px; top: 108px; width: 270px; height: 28px; font-weight: bold; line-height: 28px; text-decoration: none; text-align: center;}
	#faster a:hover {text-decoration: underline;}

div.AuthNetSeal{ text-align: center; }

div#content-promo-wrap { float: left; width: 739px; text-align: center; }
div#content-promo-wrap div#content-promo { text-align: left; }
a.GoogleButton, a.PayPalButton { background: url(../images/buttons/google-checkout.jpg); display: block; float: left; width: 139px; height: 49px; }	
a.PayPalButton { background: url(../images/buttons/paypal-checkout.jpg); }  
a.PayByCheckButton { background: url(../images/buttons/paybycheck.jpg); display: block; width: 129px; height: 38px; float:left; }           
a.MoneyBookersButton { background:#FFFFFF url(../images/buttons/moneybookers.jpg) no-repeat scroll 0 0; display:block; float:left; height:49px; width:139px; }
                 	
.wufoo .section { background-color: #A14F8F; }