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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}


/* Reset
------------------------------------------- */
* {
	margin: 0;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	padding: 0;
}

a, span, strong {
	font-size: 1em;
}

span {
	color: inherit;
}

a, a:visited {
	color: #92181f; text-decoration: none;

}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* layout
------------------------------------------- */
body {
	background: #f4f4f4 url(../images/back.jpg) center top no-repeat;
}

body.promo {
	background: #fff;
}

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; 
	z-index: 0; 
	height: 151px; 
	background: #fff url(../images/headers/header.jpg) center top no-repeat;
}

#root-promo #header {
	position: relative; 
	height: 151px; 
	background: #fff url(../images/headers/header2.jpg) center top no-repeat;
}

#header p {
	float:right; 
	font: 16px Arial, Helvetica, sans-serif; 
	color: #fff; margin: 20px 30px;
	text-align:right; 
	font-weight: bold;
}

#header .phone {
	font: bolder 32px Arial, Helvetica, sans-serif; 
	color:#fff
}	 
			
#header h1 {
	margin: 0; 
	padding: 0;
}
			
#top-img {
	position: absolute; 
	left: 0; top: 0; 
	z-index: 0;
	}

#logo {
	position: absolute; 
	left: 20px; top: 29px; 
	z-index: 2; 
	display: block; 
	overflow: hidden; 
	width: 324px; 
	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: #ffabb0; 
	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: #ffc1c4; 
	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: #003530; 
	text-decoration:none
}			
 			
#newsletter-signup {
	margin-bottom: 10px; 
	padding: 16px 15px 10px 15px; 
	border-right: 2px solid #eacfcc; 
	border-bottom: 2px solid #eacfcc; 
	background: #f4d8d5 url(../images/headers/newsletter.jpg) left top no-repeat; 
}
			  
#newsletter-signup h2 {
	font: 20px "Century Gothic", Helvetica, Verdana, Arial, sans-serif; 
	color: #AD1432; 
	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: #ad1419;
}

#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 #eee5e4; 
	border-bottom: 2px solid #eee5e4; 
	background: #f8efee url(../images/headers/testimonials.jpg) left top no-repeat;
}

#testimonials h2 {
	font: 20px "Century Gothic", Helvetica, Verdana, Arial, sans-serif; 
	color: #AD1432; 
	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-top: 13px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	background-color: transparent;
	background-image: url(../images/headers/business-opportunities.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
			  
#business-opportunities h2 {
	font: 16px "Century Gothic", Helvetica, Verdana, Arial, sans-serif; 
	color: #fff; 
	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: #fff; 
}

#business-opportunities a, #business-opportunities a:visited {
	color: #fff;
}
					
#business-opportunities a:hover {
	text-decoration: underline;
}
			
#sidebar2 {
	float: right; 
	width: 172px;
}
		  
.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:#616161; 
	padding: 10px 0 0 20px; 
	line-height:20px
}
			
.get2free-small .free {
	font: bolder 24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#c21c25
}
			
#in-the-news {
	margin-bottom: 10px; 
	background: #F3F3F3 url(../images/gray-gradient.jpg) left bottom repeat-x; 
	text-align: center;
}
			  
#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; 
	text-align: left;
}
				
#in-the-news p {
	margin: 10px;
}
				
#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: #e0e0e0;
}
				  
#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 h4, #content p {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 12px;
}

#content h1 {
	background: url(../images/h1-line.jpg) left bottom no-repeat;
}
			
#content h1 {
	font-weight: bold;
	font-size: 20px;
	color: #C33;
}

#content h2 {
	font-weight: bold;
	font-size: 16px;
}

#content h3 {
	font-weight: bold;
	font-size: 12px;
	font-style: oblique;
}

#content h4 {
	font-weight: bold;
	font-size: 16px;
	color: #C33;
	background: url(../images/h1-line.jpg) left bottom no-repeat;
}
	
#content p { 
	font-size: 12px; 
}
		
#content-promo {
	width: 739px; margin: 0 auto;
}
		
#footer {
	height: 100px; 
	padding-top: 10px; 
	border-top: 7px solid #d4d4d4; 
	background: #e3e3e3;
}
	  
#footer-content {
	width: 958px; 
	margin: 0 auto;
}

#footer-content-promo {
	width: 770px; 
	margin: 0 auto;
}
			
p#copyright {
	float: right; 
	margin: 0; 
	padding: 0; 
	color: #878787; 
	line-height: 1em;
}
		  
#copyright a, #copyright a:visited {
	color: #878787;
}
			
#copyright a:hover {
	text-decoration: underline;
}
			
#footer-content-promo #copyright  {
	float: left; 
	margin-top: 10px;
}
			
ul#footer-menu {
	float: left; 
	margin: 2px 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 #b18c7f; 
	line-height: 1em;
}
				
ul#footer-menu li.last {
	border-right: none;
}

ul#footer-menu li a, ul#footer-menu li a:visited {
	color: #92181f; 
	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;
}
#tambahan {
	float: 0 auto;
	width: 600px;
	margin: 0 auto;
	border: 0 solid #CCC;
	margin-left: 4px;
}
#bottom {
	float: left;
	width: 559px;
	margin: 0 auto;
	border: 1px solid#ccc;
	text-align: center;
	font-size:20px;
}
#col_left {
float: left;
width: 100px;
margin: 0 auto;
border: 1px solid #CCC;
text-align: center;
}
#col_mid {
float: left;
width: 151px;
margin: 0 auto;
border: 1px solid #CCC;
text-align: center;
}
#col_right {
float: left;
width: 151px;
margin: 0 auto;
border: 1px solid #CCC;
text-align: center;
}
#col_top {
float: left;
width: 151px;
margin: 0 auto;
border: 1px solid #CCC;
text-align: center;
}

/* repetitive stuff
------------------------------------------- */

.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.lead {color: #92181f; 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.html) 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: #41803B; font-size: 2em; font-weight: normal; font-family: Arial Black;}
.trial {color: #41803B; font-size: 2em; font-weight: normal; text-transform: uppercase;}
.save {color: #D61A5E; font-size: 2em; font-weight: bold; text-transform: uppercase;}
.save-amount {color: #9F1044; font-size: 2em; font-weight: bold; text-transform: uppercase;}
.get-free {color: #CA3517; 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: #2D5B77; font-size: 1.6em; font-weight: bold; line-height: 1em;}
.item-amount {margin: 5px 0 5px 0; color: #2D5B77; font-weight: bold;}
.save-money {padding-left: 35px; background: transparent url(../images/icons/dollar-badge.jpg) left center no-repeat; color: #D4391A;}
.save-money strong {color: #D4391A;}
.item-price {float: left; width: 70px; height: 110px; border-left: 1px solid #CAD6DD; color: #358435; 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: #cb2027;}
		
#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; }
.promo-box ul { width: 400px; }
                 	
.wufoo .section {
    background-color:#B82B34;
}