@charset "utf-8";
/* CSS Document */
h1{ font:41px Century Gothic, Apple Gothic, sans-serif; text-transform:uppercase; line-height:34px;}
h2{font:34px Century Gothic, Apple Gothic, sans-serif; text-transform:uppercase; color:#262626;}
.mainWrapper h3{margin:0px; padding:0px;}

.mainWrapper{ clear: both; margin: 0 auto; padding:31px 0 0 30px; width:962px;}
#guarantee .mainWrapper {padding: 41px 0;}
.mainWrapper .leftsection{ width:720px; float:left;}
.mainWrapper .rightsection{ float:right; width:215px; padding-left:20px;padding-bottom: 36px;}
#terms-conditions .leftsection,#privacy-policy .leftsection{ border-right: 1px solid #CBCBCB;margin-bottom: 36px;}
#faq .leftsection{ border-right: 1px solid #CBCBCB; min-height:650px;margin-bottom: 36px; }
.wenContentLeftBlock{width:680px; height:auto; float:left; padding:25px; }
#guarantee .pageTitle {font-family:Arial, Helvetica, sans-serif !important;}
.moneyBackBannerBlock{width:680px; height:355px; float:left; padding:30px 0 37px 0;}
#guarantee h1{font:40px Century Gothic, Apple Gothic, sans-serif; margin-top:-12px;}
.pageTitle { font: 39px/34px Century Gothic,Apple Gothic,sans-serif;}
.money_back_left_block_text{width:100%; float:left;}
.mainWrapper h3{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.mainWrapper h3 sup{font-size:12px;}
sup { position: relative; top: -0.3em; font-size: 11px;}

#guarantee .mainWrapper h3 sup{font-size:11px;position:relative;top:-5px;}
#guarantee .mainWrapper h3{margin-bottom:11px;}
.mainWrapper p{font-size:14px; line-height:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom: 12px;}
.mainWrapper .hilite{font-size:14px; color:#86120d; font-family:Arial, Helvetica, sans-serif; margin:0 0 18px 0px; padding:0px; font-weight:bold; visibility:hidden;}
.mainWrapper em.registered{font-size:11px;position:relative;top:-21px;}
.mainWrapper .whyItDifferentRight em.registered{font-size:10px;}
/* tab css begin */
.mainWrapper #tabs{width:100%; height:auto; float:left; padding-top:0px;}
.mainWrapper .wenContentLeftBlockht .ui-widget-content{padding-top:0px;}
.mainWrapper #tabs ul{list-style:none; padding:0px; margin:0px; width:100%; float:left; position:relative; top:1px;}
.mainWrapper #tabs ul li{width:auto; float:left; border:none; border-radius:none; margin:0px; padding:0px; background:none;}

.mainWrapper #tabs ul li a{text-decoration:none; float:left; outline:none; padding:0px;background:url(../images/HowToUse/tabs-sprite-1.png) no-repeat; text-indent:-9999px; font-size:0px;}

.mainWrapper #tabs ul li a.cleanseTab{width:170px; height:135px; background-position:left top;}
.mainWrapper #tabs ul li a.boostTab{width:170px; height:135px; background-position:-170px top;}
.mainWrapper #tabs ul li a.styleTab{width:170px; height:135px; background-position:-340px top;}
.mainWrapper #tabs ul li a.treatTab{width:170px; height:135px; background-position:right top;}
.mainWrapper #tabs ul li.ui-tabs-selected a,.mainWrapper #tabs ul li.ui-state-active a{background-position:left bottom;}
.mainWrapper #tabs ul li.ui-tabs-selected a.boostTab,.mainWrapper #tabs ul li.ui-state-active a.boostTab{background-position:-170px bottom;}
.mainWrapper #tabs ul li.ui-tabs-selected a.styleTab,.mainWrapper #tabs ul li.ui-state-active a.styleTab{background-position:-340px bottom;}
.mainWrapper #tabs ul li.ui-tabs-selected a.treatTab,.mainWrapper #tabs ul li.ui-state-active a.treatTab{background-position:right bottom;}

.ui-tabs-hide{display:none;}
.mainWrapper .ui-tabs-panel{width:100%; height:auto; float:left; padding:0px;}
.tabsLeft{width:10px; height:392px; float:left; background:url(../images/HowToUse/tab_content_leftnew.jpg) no-repeat left top;}
.tabsMiddle{width:648px; min-height:392px; height:auto; float:left; background:url(../images/HowToUse/tab_content_middle_1.jpg) repeat-x left top; padding:25px 6px 10px 6px;}
.mainWrapper #reMoistMiddle,.mainWrapper #StyleMiddle,.mainWrapper #cleanseMiddle,#whyitsunique .tabsMiddle,#whyitsunique #tabsMiddleFB{padding:25px 6px 10px 6px;}
.tabsRight{width:10px; height:392px; float:left; background:url(../images/HowToUse/tab_content_rightnew.jpg) no-repeat right top;}

.UniqueTopContent{width:auto; height:auto; float:left; margin-top:29px;}
.mainWrapper #tabs h2{ line-height:30px; }

.UniqueBottomContent{width:100%; height:auto; float:left;}
.fLeft{width:315px; height:auto; float:left;}
#fLeftFB{margin-bottom:12px;}
.fRight{/*width:310px;*/ height:auto; float:right; text-align:center;}
#fRightStyle{margin-top:-43px;}
.wenContentLeftBlock #tabs p{font-size:14px;line-height:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
#howToUse #tabs #tabFirst p{margin-top:23px;}
#howToUse #tabs #tabFirst h2{margin-bottom:6px;}
p.bestResult{float:left;}
.wenContentLeftBlock #tabs span.small{ display: inline-block;    font-size: 9px;    line-height: 16px;    padding-top: 5px;}
.wenContentLeftBlock #tabs span#smallFB{font-size:10px;}
.keyIngredients{line-height:15px;}
.wenContentLeftBlock #tabs p.learnHowToUse{margin-bottom:0px;}
.wenContentLeftBlock #tabs p#learnHowToUseFB{padding-top:5px;}
.wenContentLeftBlock .learnHowToUse a{font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#7c8f24; font-weight:bold; padding-right:14px; background:url(../images/HowToUse/greenArrow.png) no-repeat right center; text-transform:uppercase;}
.orangeDevider{width:100%; height:1px; background:#f0d0ae; float:left; margin:29px 0px 34px 0px;}
#styleDevider{margin:24px 0px 40px 0px;}
#whyitsunique #styleDevider{margin:26px 0px 40px 0px;}
.whyItDifferent{width:100%; height:auto; float:left;}
.whyItDifferentLeft{  background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #D6D6D6;    float: left;    height: 196px;    padding: 5px 10px 0;    width: 284px;}
.whyItDifferentLeft .gr-text{ color:#7b8e20; font:16px Arial, Helvetica, sans-serif bold; text-align:center; font-weight:bold;padding-top: 9px;}
.whyItDifferentLeft .gr-text sup{ font-size:70%;position: relative;    top: -0.5em;}
.whyItDifferentLeft a{width:100%; float:left;}
.whyItDifferentRight{width:290px; float:right;}
.whyItDifferentRight h2{font-size:28px; margin-top:-8px;}

.wenContentLeftBlock h5{ font:20px 'Century Gothic',arial !important; margin-bottom: 10px; color:#222222 !important; }
.wenContentLeftBlock ul.list{ list-style-type:disc !important; padding-left:25px !important; margin-top:0; padding-top:0; float:none !important; }

.mainWrapper .wenContentLeftBlock #tabs .whyItDifferentRight p{font-size: 11px;line-height: 14px;margin-top: 15px;margin-bottom: 0px;}
#howtouse .mainWrapper .wenContentLeftBlock #tabs .whyItDifferentRight p{font-size:12px;}
#freeBonusImg{margin-top: -100px;}
.HowToUse-RightBanner-First{margin-bottom:35px;}

.mainWrapper .howTouseList{font:14px Arial, Helvetica, sans-serif; line-height:18px;margin-top:28px !important; list-style:none;}
.mainWrapper #reMoistList{margin-top:31px !important;}
.mainWrapper #howToUse #tabFirst .howTouseList{margin-top:0px !important;}
.mainWrapper .howTouseList li{width:100%; float:left; line-height:18px;}
.mainWrapper .howTouseListLeft{ width:auto; float:left; margin-right:20px; font-weight:bold;}
.mainWrapper .howTouseListRight{width:575px; float:left;}
.wenOrderBlock,.wenOrderBlockReMostTab{width:457px;  float:left; position:relative; margin-top:38px;}
.mainWrapper #reMoistOrderBlock{margin-top:41px;}
.wenOrderBlockB{width:457px; height:129px; float:left; position:relative; margin-top:67px;}
.wenOrderBlockReMostTab{margin-top:42px;}
.mainWrapper #styleOrderBlock{margin-top:57px;}
.wenOrderBlock a.OrderNowBtn,.wenOrderBlockReMostTab a.OrderNowBtn,.wenOrderBlockB a.OrderNowBtn{text-decoration:none; outline:none; position:absolute; right:34px; bottom:16px;}
.mainWrapper h2 sup{font-size:11px;position:relative;top:-20px;}
.mainWrapper #howToUse .whyItDifferent h2 sup{top:-7px;}
/* tab css end */

/* Chaz Dean Css Begin */
body#chaz-dean .mainWrapper{padding-top:0px;}
.TopBanner-ChazDean{width:925px; height:auto; float:left; position:relative; margin-bottom:41px;}
.TopBanner-ChazDean-Video{ background: url("../images/ChazDean_TopVideo.png") no-repeat scroll 0 0 transparent;    bottom: 48px;    height: 225px;    padding: 27px 0 0 35px;    position: absolute;   right: 0;    width: 319px;}
.TopBanner-ChazDean-Video a{width:100%; float:left;}
body#chaz-dean .mainWrapper .leftsection{width:52em; height:auto; float:left;}
body#chaz-dean .mainWrapper .rightsection{width:30em; height:auto; float:right; padding-left:0px;}
body#chaz-dean .mainWrapper h3{font-size: 22px; line-height:26px; margin:0px; padding:0px; font-weight:normal;}
body#chaz-dean .mainWrapper p{line-height:18px; font-size:15px; margin:22px 0px 20px 0px;}
.ChazDean-RightBanner-First{margin:5px 0px 43px 0px;}
body#chaz-dean .wenOrderBlock{margin-top:15px;}
.spacer{height: 34px;float: left;width: 100%;}
/* Chaz Dean Css End */

.wen_content_right_block{width:208px; height:auto; float:right;}

.topNav ul li.btnOrdernow a { background: url(../images/ordernow_btn.png) no-repeat 0 0; width: 140px; font-size: 16px; padding: 8px 0;}
.topNav ul li.btnOrdernow { padding:0; width: 140px; }
#faq .subText{ font:14px Arial, Helvetica, sans-serif; color:#555555; font-weight:bold; padding-top: 11px;}
#faq .faqText{ padding: 30px 6px 0 6px;}
#faq .faqText h3{color: #eb6422; font: bold 15px/36px Arial,Helvetica,sans-serif; border: medium none;  border: 0 none; background: none repeat scroll 0 0 transparent; cursor:pointer;}
.ui-state-default .ui-icon{background: url("../images/faq/li-arrow_1.jpg") no-repeat scroll 0 3px transparent; padding-left: 17px; display: inline; width: 6px; height: 12px;}
.ui-state-active .ui-icon{background: url("../images/faq/li-arrow-vert_1.jpg") no-repeat scroll 0 4px transparent;display: inline;    height: 6px;    padding-left: 17px;    width: 12px;}
.faq-promotion-banner2{ padding-top:34px;}
#faq .faqText h3 .sup, span.sup{ font-size: 9px;    position: relative;    top: -5px;}
.contentSection p{ font: 11px arial;    padding: 7px 0; line-height:13px;}
.contentSection p strong{clear: both;    float: left;    font-weight: bold;    padding-bottom: 5px;    width: 100%;}
.contentSection h3{ font-size: 11px;}
.banner{ margin:37px 0 27px;}
.contentSection{padding-right: 15px;}
.contentSection p .normal{ width:auto; padding:0px; float:none;}
#faq #accordion div{ font:15px Arial, Helvetica, sans-serif normal; color: #262626; line-height:18px; padding-top:0px;margin-top: 3px;padding-bottom: 9px; margin-bottom: 10px;}
.ui-widget-content a{ color: #7C8F24;    font: bold 14px Arial,Helvetica,sans-serif;text-decoration: none;}
#faq #accordion div .speText{  float: left;    padding-bottom: 1px;    padding-right: 4px;}
#faq #accordion .satisfied p{ padding-top:23px;}
#faq #accordion .satisfied p:first-child{ padding-top:0;}
#terms-conditions .contentSection h3{padding-top: 5px;}

/* Before After Css Begin */
.BeforeAfterOuter{width:652px; height:auto; margin:0px auto; position:relative;}
.BeforeAfterOuter .bx-wrapper,.BeforeAfterOuter .bx-window{width:100% !important;}
.BeforeAfterOuter .bx-window{height:490px !important;}
.BeforeAfterOuter .pager .bx-window{height:auto !important; top:-13px;}
.pager{width:604px; height: 178px; background-color:#555; padding:0px 24px 0px 24px; float:left; font-family:Arial, Helvetica, sans-serif;}
.pager ul{overflow:hidden; margin:0px auto; padding:0px; z-index:9999;}
.pager .multiple li{float: left;width:96px; height:auto; margin:0px; padding:29px 4px 2px 0; outline-style:none; text-align:center; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase;}
.pager .multiple li.pager-active{background:url(../images/BeforeAfter/active_arrow.png) no-repeat center top;}
.pager .multiple li img{margin-bottom:4px;}
.pager .multiple li a{color:#fff; text-decoration:none; width:100%; float:left;}
.pager .multiple li a:hover{color:#f58120;}
.pager .bx-prev{position:absolute;top:30px;left:-42px;width:32px;height:104px;text-indent:-999999px;background:url(../images/BeforeAfter/arrow_slider.png) no-repeat left top; outline:none;}
.pager .bx-next{position:absolute;top:30px;right:-40px;width:32px;height:104px;text-indent:-999999px;background: url(../images/BeforeAfter/arrow_slider.png) no-repeat right bottom; outline:none;}
.pager .bx-next:hover{background-position: right top;}
.pager .bx-prev:hover{background-position: left bottom;}
.bx-captions{display:none;}
.sliderBottom{width:100%; text-align:center;height:auto; float:left; position:relative;font-family:Arial, Helvetica, sans-serif; }
.sliderBottom p{font-size:14px; color:#535d2a; padding:0px; margin:19px 0 0 0;}
.resultsMayVary{position:absolute; top:2px; right:0px; font-size:1.35em; color:#000;}
.contentContainer{padding-left:0px;float:left;width:499px;height:550px;overflow:hidden;position:relative;}
.BeforeAfterOuter .bx-window ul{list-style-type: none;margin: 0px;padding:0px;width:656px;}
.BeforeAfterOuter .bx-window ul#slider1 li ul{background:#000;}
.BeforeAfterOuter ul#slider1{ float: left;height: 478px; position: relative;width: 652px}
.BeforeAfterOuter ul#slider1 li{list-style: none outside none; position: absolute; top: 0px; }
#slider1 ul li{display:block;margin: 0px;}
.BeforeAfterOuter .bx-window ul li.slide div,.BeforeAfterOuter .bx-window ul li.slide h2{border-left:2px solid #fff;}
.BeforeAfterOuter .bx-window ul li.slide:first-child div,.BeforeAfterOuter .bx-window ul li.slide:first-child h2{border-left:none;}
.coloredHair{width:652px; height:111px; position:absolute; left:0px;top: 357px; z-index:9999; overflow:hidden;}
ul#accordion-slider,ul#accordion-slider1,ul#accordion-slider2,ul#accordion-slider3,ul#accordion-slider4,ul#accordion-slider5,ul#accordion-slider6,ul#accordion-slider7,ul#accordion-slider8,ul#accordion-slider9,ul#accordion-slider10{margin:0;padding:0;list-style:none;position:relative;}
#slider1 li ul li.deactive img{opacity: 0.5;}
#slider1 li ul li.active img{opacity: 1;}
#slider1 li ul li.deactive:last-child{border-right:none;}
#slider1 li ul li.deactive:last-child{border-left:none;}
ul#accordion-slider li,ul#accordion-slider1 li,ul#accordion-slider2 li,ul#accordion-slider3 li,ul#accordion-slider4 li,ul#accordion-slider5 li,ul#accordion-slider6 li,ul#accordion-slider7 li,ul#accordion-slider8 li,ul#accordion-slider9 li,ul#accordion-slider10 li{display:block;overflow:hidden;padding:0;float:left;width:325px;height:490px;}
#slider1 li ul li em{background:url(../images/BeforeAfter/thumbBg.png) no-repeat center top;bottom:133px;float:left;height:13px;left:28px;position:absolute;width:25px;}
#slider1 li ul li.active em{background:none;}

/*#whyitsunique .leftsection,#howtouse .leftsection{   border-right: 1px solid #E1E1E1;}*/
#whyitsunique .leftsection .wenContentLeftBlock,#howtouse .leftsection .wenContentLeftBlock{  border-right:none;}
#before-after .leftsection{border-right: 1px solid #E1E1E1;   position: relative;}
#terms-conditions .leftsection h1,#privacy-policy .leftsection h1{padding-bottom: 27px;}
/*changes by gourav*/
.content-ordernow-block .wenOrderBlock a.OrderNowBtn{bottom:10px;}
.mainWrapper h3.chazHeading sup{top: -0.8em;}
.prodKits .desc h3 sup{ top: -0.6em;}
.prodKits .desc p sup{ top: -0.2em;}

.bottom_banner{ text-align:center; }
.slideHeading {text-indent:-999em; background:url(../images/BeforeAfter/title.jpg) no-repeat; width:360px; height:49px;margin-bottom: 45px;}
#bottom-container a, #bottom-container a:link, #bottom-container a:hover, #bottom-container a:visited{font-size: 1.5em; color:#535d2a!important;}
#bottom-container {margin-bottom:20px;}
.banner_holder {position:relative;  text-align: center; }
.TopBanner-ChazDean { width: 100%; height: auto; float: left; position: relative; margin-bottom: 41px; background: #598b56;}
.banner_holder {width: 100%; margin: 0 auto;}
.banner_holder img {width: 92em;left: inherit;}
@media screen and (min-width:768px) and (max-width: 959px){
	body#chaz-dean .mainWrapper .leftsection{width:34em;padding-right: 50px;}
body#chaz-dean .mainWrapper .rightsection{width:30em; float:left;}
.banner_holder img {width:92em;}
	}
@media only screen and (min-width: 767px){
	.headerWraper, #globalFooter{ min-width: 1012px; }
}