/* basic reset */
body, p, h1, h2, h3, h4, h5, h6, ul, li , a, label, input { margin:0; padding:0;} 

a img{ border:none;}

body { font-family:Arial, Helvetica, sans-serif; background-image:url(../images/body-bg.jpg);}
p { color:#4e4e4e;}

.break { clear:both;}
.wrapper { width:997px; margin:0 auto;}
.b { font-weight:bold;}
.i { font-style:italic;}

#header { width:100%;}
#header #color-strip-outer { width:100%; height:5px;}
#header #color-strip-outer #color-strip-inner{ width:997px; height:5px; background-image:url(../images/color-strip-inner.jpg); margin:0 auto;}
#header #header-outer { width:100%; height:87px; background-image:url(../images/header-pattren.jpg);}
#header #header-outer #header-inner{ width:997px; height:87px; background-image: url(../images/header-bg.jpg); margin:0 auto; position:relative;}
#header #header-outer #header-inner .home-link{
	height:65px;
	width:281px;
	display:block;
	border:none;
	cursor:pointer;
	position:absolute;
	left: 341px;
	top: 8px;
}
#header #banner { width:997px; height:442px; background-image:url(../images/banner.jpg); margin:0 auto; position:relative;}

#header #banner .form{ position:absolute; left:642px; top:292px; width:323px; height:519px; background-image:url(../images/form.jpg);}
#header #banner .form .form-data {padding:100px 0 0 33px; height:326px;}
#header #banner .form .submit{ width:255px; height:57px; cursor:pointer; margin-left:39px; display:block; border:none; background:none;}
#header #banner .form table{ width:266px;  display:block;}
#header #banner .form table td{ padding-bottom:4px; font-size:12px; font-weight:bold; color:#e0eaee; text-align:right; padding-right:5px; line-height:23px;}
#header #banner .form table .top-note{ text-align:right; color:#abc8d1; font-size:10px;}
#header #banner .form table .note{ font-size:10px; color:#fff; line-height:14px; text-align:left; }
#header #banner .form table input{ width:181px; height:23px; border:1px solid #386d7f; padding:0; margin:0;}
#header #banner .form table .col-left{ width:83px;}
#header #banner .form table .col-right{ width:183px;}

#header #navigation { list-style:none; padding:22px 0 0 629px;}
#header #navigation li { display: inline-block; float:left; height:33px; line-height:33px; font-size:13px; color:#545454; text-decoration:none; padding:0 15px;}
#header #navigation li:hover { background-image:url(../images/navigation-hover.png); border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; padding:0 14px;}
#header #navigation li.active{ background-image:url(../images/navigation-hover.png); border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; padding:0 14px;}
#header #navigation li a{ color:#545454; text-decoration:none;}


#african-mango { background-image:url(../images/african-mango.jpg); height:328px;}
#african-mango p{ width:346px; padding:153px 0 0 250px; color:#4e4e4e; font-size:13px; line-height:17px;}

#testimonial { background-image:url(../images/testimonial.jpg); height: 256px;}
#testimonial p{ width:690px; padding:57px 0 0 27px; color:#4e4e4e; font-size:12px; line-height:18px;}
#testimonial p span{ font-weight:bold;}

#hcg-diet { background-image:url(../images/hcg-diet.jpg); height:249px;}
#hcg-diet p { width:264px; padding:52px 237px 0 23px; float:left; font-size:13px; line-height:18px;}
#hcg-diet ul { width:473px; float:left; padding-top:87px; list-style:none;}
#hcg-diet ul li{ display:block; padding-left:24px; background-image:url(../images/check-ico.jpg); background-repeat:no-repeat; background-position:top left; color:#4e4e4e; font-size:13px; line-height:17px; padding-bottom:13px;}

#footer-arrow { background-image:url(../images/footer-arrow.jpg); background-repeat:no-repeat; padding-bottom:10px; } 
#footer-arrow ul{ width:727px; height:80px; float:left;  list-style:none; margin:252px 0 182px 246px; padding-left:24px; background-image:url(../images/footer-ico-set.jpg); background-repeat: no-repeat; background-position:0px 4px;} 
#footer-arrow ul li{ display:block; color:#464646; font-size:16px; line-height:27px;}
#footer-arrow p{ padding:0 25px; color:#9e9e9e; font-size:12px; }

#footer { width:970px; padding-left:27px; height:136px; position:relative;}
#footer p{  color:#9e9e9e; font-size:12px; }
#footer a{  color:#9e9e9e; font-size:12px; text-decoration:none; margin-right:8px; margin-left:8px;}
#footer a:hover{ text-decoration:underline;}

#footer #fda{
	position:absolute;
	width:317px;
	height:85px;
	left: 681px;
	top: 28px;
}

.description-text { width:970px; padding-left:27px; position:relative;}
.description-text p { color:#9e9e9e; font-size:12px; padding-bottom:15px;}

.description-text-red { width:970px; padding-left:27px; position:relative;}
.description-text-red p { color:#a41414; font-size:18px; padding-bottom:15px; line-height:21px;}

/*----------------thank-you-------------------*/
#header #thank-you-banner { width:997px; height:428px; background-image:url(../images/thank-you-banner.jpg); margin:0 auto; position:relative;}
#thank-you-content { width:997px; padding:12px 0 40px 0; background-image:url(../images/thank-you-body-bg.jpg); min-height:100px;}
#thank-you-content .title{ width:997px; height:40px; background-image:url(../images/your-order-title.jpg); background-repeat:no-repeat; background-position:40px 0px; float:left;}
#thank-you-content .left-col{ float:left; width:575px; margin-left:40px;}
#thank-you-content .left-col .order-box{ padding:24px; border:1px dotted #030303;}
#thank-you-content .left-col .order-box p{ font-size:18px; line-height:31px; color:#373737;}
#thank-you-content .right-col{ float:left; width:375px; position:relative;}
#thank-you-content .right-col .seals{ display:block; margin-left:48px; }
#thank-you-content .right-col .bottles{ display:block; margin:13px 0 0 30px;}
#thank-you-content .right-col .thank-you-arrow{ width:253px; height:135px; position:absolute; background-image:url(../images/thanks-arrow.jpg); right:-21px; top:230px;}
#thank-you-content-bottom { width:997px; height:11px; background-image:url(../images/thnak-you-bottom.jpg); margin-bottom:15px;}

/*----------------order-page-------------------*/
#order-page { width:997px;}
#order-page .left-table{ width:630px; float:left; padding-top:16px;}
#order-page .left-table .header{ padding-left:20px; width:610px; height:42px; line-height:42px; background-image:url(../images/order-table-header.png); color:#c42602; position:relative; font-size:24px;}
#order-page .left-table .header .header-right{ padding-right:20px; width:610px; height:42px; position:absolute; left:0; top:0; text-align:right;}
#order-page .left-table .footer{ width:630px; height:51px; font-size:18px; line-height:51px; font-weight:bold; color:#fff; background-image:url(../images/order-table-f.png); text-align:center;} 
#order-page .left-table .body{ width:630px; background-image:url(../images/order-table-bg.gif);} 

#order-page .left-table .body .product-select{ display:block; height:130px; border-bottom:1px solid #e5e5e5; } 
#order-page .left-table .body .product-select .left-radio{ width:132px; height:130px; float:left; display:block; cursor:pointer;  background-repeat:no-repeat; background-position:78% 50%} 
#order-page .left-table .body .product-select .left-radio input{ margin:55px 0 0 30px; padding:0;} 

#order-page .left-table .body .product-select .left-radio-best{ width:132px; height:130px; float:left; display:block; cursor:pointer;  background-repeat:no-repeat; background-position:0px 0px;} 
#order-page .left-table .body .product-select .left-radio-best input{ margin:55px 0 0 30px; padding:0;} 
#order-page .left-table .body .product-select .middle-text{ width:372px; height:100px; float:left; padding-top:30px;}  
#order-page .left-table .body .product-select .middle-text p{ font-size:14px; line-height:22px; font-style:italic; color:#000; font-weight:bold;}   
#order-page .left-table .body .product-select .middle-text p .red{ color:#F00;}  
#order-page .left-table .body .product-select .middle-text p .grey{ color:#666;}  
#order-page .left-table .body .product-select .right-price{ width:126px; height:110px; float:left; padding-top:20px;} 
#order-page .left-table .body .product-select .right-price .old{ display:block; text-align:center; background-image:url(../images/strike-thru.gif); background-position:center 4px; height:55px; line-height:55px; font-size:16px; font-weight:bold;} 
#order-page .left-table .body .product-select .right-price .price{ display:block; text-align:center; height:30px; line-height:30px; color:#2f960f; font-size:16px; font-weight:bold;} 

#order-page .left-table .body .sub-total{ width:610px; height:28px; line-height:28px; padding-left:20px; background-color:#dbd7d8; position:relative;}
#order-page .left-table .body .sub-total .right-align{ width:610px; height:28px; line-height:28px; padding-right:20px; position:absolute; left:0; top:0; text-align:right;}

#order-page .left-table .body .shipping-fee{ width:610px; height:28px; line-height:28px; padding-left:20px; border-bottom:3px solid #222; position:relative;}
#order-page .left-table .body .shipping-fee .right-align{ width:610px; height:28px; line-height:28px; padding-right:20px;  position:absolute; left:0; top:0; text-align:right;}

#order-page .left-table .body .final-total{ width:610px; height:28px; line-height:28px; padding-left:20px; background-color:#dbd7d8; position:relative;}
#order-page .left-table .body .final-total .right-align{ width:610px; height:28px; line-height:28px; padding-right:20px; position:absolute; left:0; top:0; text-align:right;}
#order-page .left-table .bottom-note { width:630px; height:28px; line-height:28px; text-align:right; color:#474747; font-size:12px;}


#order-page .left-table .body-bottom{ width:630px; height:24px; background-image:url(../images/order-table-bottom-rounded.png);} 

#order-page .right-form{ width:327px; float:left; margin-left:12px; margin-top:-150px; background-image:url(../images/order-form-bg-top.jpg); background-repeat:no-repeat; position:relative; z-index:99;}
#order-page .right-form .form-body { width:293px; padding:4px 5px 0 5px; margin:97px 0 0 12px; background-image:url(../images/order-from-middle-bg.png);}
#order-page .right-form .form-body table{ color:#fff; font-size:13px;}
#order-page .right-form .form-body table td{ padding-bottom:8px;}
#order-page .right-form .form-body table .text{ padding:0; margin:0; width:140px; height:18px;}
#order-page .right-form .form-submit { width:327px; background-image:url(../images/order-form-submit-bg.jpg); height:110px;}
#order-page .right-form .form-submit input{ width:255px; height:55px; margin:16px 0 0 38px; background:none; border:none; cursor:pointer; }
#order-page .right-form .fda { margin:40px 0 0 20px;}

/*------------------------------inner-pages-----------------------------------*/
#textual-content { padding:0 30px 20px 40px; font-family:Arial, Helvetica, sans-serif; color:#222; font-size:14px;}
#textual-content p{ line-height:19px; color:#333;}
#textual-content h1{ font-size:32px; padding:25px 0 10px 0; font-weight:bold; text-transform:uppercase;}
#textual-content h2{ font-size:24px; padding:25px  0 10px 0; font-weight:bold;}
#textual-content h3{ font-size:19px; padding:25px  0 10px 0; font-weight:bold;}
#textual-content h4{ font-size:16px; padding:25px  0 10px 0;} 
#textual-content .sub-list{ font-size:12px; font-style:italic;}  
#textual-content .disclaimer{ font-size:15px;text-transform:uppercase; color:#000; display:block; padding:0px 0 30px 0;}   
#textual-content a{ text-decoration:underline; color:#222;} 
#textual-content .star-list{ display:block; padding-left:18px; background-image:url(../images/bullet_star.png); background-repeat:no-repeat; background-position:left center; line-height:25px;} 
#textual-content .check-list{
	display:block;
	padding-left:21px;
	background-image:url(../images/tick_circle.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	line-height:25px;
} 

#textual-content .howitworks-docs { height:140px; padding:10px 0; padding-left:230px; background-image:url(../images/hCG-follow.png); background-repeat:no-repeat; background-position:10px 10px; margin-top:20px;}
#textual-content .howitworks-docs  a{ display:block; line-height:40px; padding:6px 20px 6px 48px; background-image:url(../images/pdf.png); background-repeat:no-repeat; background-position:10px center; font-size:16px; text-decoration:none; background-color:#e8e8e8; float:left; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; border:1px solid #ddd; margin-bottom:10px;}
#textual-content .howitworks-docs  a:hover{ border:1px solid #666; background-color:#f6f6f6; color:#000;}

.validate-outer{ position:relative;}
.validate-outer .check{ position:absolute; right:-25px; top:1; display:none; width:29px; height:22px; background-image:url(../images/check.png);}
.validate-outer .error{ position:absolute; right:-25px; top:1; display:none; width:29px; height:22px; background-image:url(../images/error.png);}



.form-data fieldset{ display:block;  height:30px; border:none; padding:0;}
.form-data fieldset label { float:left; height:23px; line-height:23px; font-size:12px; text-align:right; width:75px; padding-right:5px; color:#fff;}
.form-data fieldset input { float:left;  width:181px; line-height:23px; height:23px; border:1px solid #386d7f; padding:0; margin:0;}

.form-body fieldset{ display:block;  height:30px; border:none; padding:0;}
.form-body fieldset label { float:left; height:23px; line-height:23px; font-size:12px; text-align:right; width:140px; padding-right:5px; color:#fff;}
.form-body  label.centered { display:block;  height:23px; line-height:23px; font-size:12px; text-align:right; width:100%; color:#fff; text-align:center; padding:4px 0;}
.form-body fieldset input { float:left;  width:121px; line-height:20px; height:20px; border:1px solid #386d7f; padding:0; margin:0;}

.contact-box {width:360px; height:180px; padding:20px 50px; background-color:#f9f9f9; border:4px solid #efefef; border-radius:20px; -webkit-border-radius:20px;  -moz-border-radius:20px; -o-border-radius:20px;}
.contact-box .phn-no{ font-size:30px; font-weight:bold; display:block; padding-bottom:4px; border-bottom:1px dashed #bbb; margin-bottom:10px;}
.contact-box email-id{ }