* {margin:0; padding:0}
body {font-family:Arial,Helvetica,sans-serif; font-size: 62.5%; background:none #BDCADA}
.page {width:75em; margin:0 auto; position:relative; background:none #FFF;}
#head {margin:0 auto; width:38%; padding-bottom:10px;}
#head li {float:left; font-size:15px;}
#head li a {font-style:italic; text-decoration:underline; color:#FFF; padding:0px 0 0 8px;}
.question {list-style-type:none; font-style:italic;padding:0 36px 0 8px}
#header {height:8.5em; background:url(images/hdbg.png) 0 0 repeat-x #014784; color:#FFF; font-family:"myriad pro",arial; padding-top:10px;}
#logo {background:url(images/sprite.png) -34px 0 no-repeat; float:left; display:block; height:24px; width:151px; margin:0 16px;}
#verisign {background:url(images/sprite.png) -44px -33px no-repeat; float:right; padding-right:2.5em; display:block; height:58px; width:114px;}
#nav {background:url(images/navbg.png) 0 0 repeat-x; font-size:11px; height:58px; margin:10px auto; width:48%;}
#nav ul li {line-height:40px; padding:0 27px 0 13px; float:left;}
#nav ul li a {text-decoration:none; color:#FFF;}
#nav ul li.first {list-style-type:none !important;}
.clear {clear:both;}
.last {padding:0 5px 0 1px !important;}
#hero {background:url(images/herosprite.jpg) 0 67px no-repeat; height:335px; border-bottom:1px solid #CCC;}
.herobottle {background:url(images/sprite1.png) -9px 0 no-repeat; width:171px; height:348px; display:block; float:left;margin:-27px 0 0 10px}
#heroMain {float: left;padding-top: 1.5em;width: 73%; margin:0 0 0 11px;}
#heroMain ul {margin-bottom:-12px; padding:0;}
#heroMain ul li { background:url(images/sprite.png) -182px -70px no-repeat; height:30px; line-height:18px; list-style-type:none;padding:0 0 2px 38px; font-size:20px;}
#heroMain h1 {font-size:37px; font-weight:normal; margin-bottom:40px;}
#heroMain h1 em {color:#6D9E0C; font-style:normal}
#heroMain a {background:url(images/sprite.png) -7px -128px no-repeat; display:block; height:48px; width:208px; text-indent:-9999px;margin-top:48px}
.guarantee {background:url(images/sprite.png) -160px -191px; display:block; height:120px; width:120px;float: right;}
.padding {padding:30px 25px 20px; background:none #FFF;}
#herodos h1 {font-size:22px; font-weight:normal;}
#herodos h1 em {color:#0A6DBA; font-style:normal;}
#herodos .colum p {color:#0A6DBA;margin-bottom:5px; font-size:19px;}
#herodos .colum {float:left; width:62%; margin:25px 0 0 10px;}
#herodos .colum .blue_area {background: url(images/boxstersp.png) repeat-y 0 0; margin:0 0 3px 23px;width: 389px;}
.blue_area .blue_top_curve, .blue_bottom_curve {background: url(images/boxstersp.png) 0 0 no-repeat;}
.blue_area .blue_top_curve {background-position:-784px 0; height:10px;}
.blue_area .blue_bottom_curve {background-position:-393px -2px; height:10px}
#herodos .blue_area ul li {padding:4px 0 10px 46px;font-size:13px;background:url(images/sprite.png) -378px -773px no-repeat; list-style-type:none;}
.end {padding-top:10px;color:#000 !important;font-size:13px !important; text-align:center; background:none #FFF!important; font-weight:bold; width:94%}
.secondcol {width:28%; float:left; margin-left:40px;}
.secondcol p {font-style:italic; text-align:center; line-height:17px;font-size:12px;}
.face {background:url(images/herosprite.jpg) -564px -286px no-repeat; width:184px; height:179px; display:block; margin-left:12px;}
.secondcol p + p {text-align:right;}
.ingredients {background:url(images/sprite.png) 0 0 no-repeat; width:100px; height:112px; display:block; float:left;}
.aloe {background-position:0 -338px; margin:0 4% 0 8.5%}
.greentea {background-position:-102px -339px;}
.tanger {background-position:-197px -356px; margin:0 auto; float:none; width:90px; height:82px;}
.avaca {background-position:-95px -451px; height:82px; float:none; width:125px; margin:56px auto 0}
.shea {background-position:-293px -354px; float:none; height:91px; margin-left:47%;}
.laven {background-position:-225px -450px; height:91px; margin-left:74px; float:none}
.ingred {border-top:1px solid #CCC;}
.ingred h1, .guarsec h1, .testi h1, .tablehead h2, .cards {background:url(images/sprite.png) 265px -612px no-repeat; height:40px; margin:30px 0 10px; display:block; font-size:29px; font-weight:normal; text-align:center;}
.para {background:url(images/para.png) 0 0 no-repeat; width:325px; height:121px; float:left;display:block;}
.ingred p, .testi p {color:#666; font-size:14px; margin-bottom:30px;}
.ingred b {color:#000}
.bottlecenter {background:url(images/sprite1.png) -235px 39px no-repeat; height:390px; width:253px; display:block; float:left;margin-top:0px}
.firstcol {float:left; width:32%}
.center {float:left;}
.lastcol {float:left; width:30%;}
.lebutter, .lelav {float:left; width:44%; margin-right:40px;}
.guarsec h1 {background-position:164px -697px;}
.guarsec p {font-size:14px; width:95%; text-align:center;}
.guarsec em {color:#0A6CB9; font-style:italic;}
.badge {background-position:0px -191px; width:440px; height:143px; float:none; margin: 10px auto 0;}
.guarsec {border-bottom:1px solid #ccc; border-top:1px solid #CCCCCC; list-style-type:}
.testi h1 {background:none #FFF;} .testi p {font-style:italic; margin-bottom:10px; font-family:"myriad pro", Georgia, "Times New Roman", Times, serif} .testi b {color:#666; font-style:italic; font-weight:600;}
.quo {margin-bottom:50px !important;}
#faqanchor h1 {margin:15px 0 ;}
#faqanchor p {font-size:13px; margin-bottom:15px; color:#666; line-height:140%}
#faqanchor strong {color:#333}
.tablehead {padding-top:30px; border-top:1px solid #ccc;}
.tablehead h2 {background-position:6px -914px; float:left; padding-left:12px; margin:0 !important}
.cards {background-position:14px -789px; width:344px; height:61px; display:block; float:left; margin-top:-10px;}
.tablehead #verisign {float:left; margin-top:-12px; padding-right:0 !important;}
.list-special-offer {width: 98%; margin:0 auto; font-family:"myriad pro", Arial, helvetica;}
.list-special-offer li {overflow:hidden;vertical-align: top; margin-bottom:10px;}
.list-special-offer li .holder {background: none repeat scroll 0 0 #FFFFFF;}
.list-special-offer li .frame {background:url(images/tabz.png) 0 0 no-repeat;overflow: hidden;padding:5px 10px 7px;}
.buyone, .buytwo, .buythree {background: url("images/sprite1.png") no-repeat ;display: block;float: left;height: 145px;width: 246px;}
.list-special-offer .arrow {display: block;float: left;height: 76px;padding: 51px 0 0;width: 77px; font-size:14px;}
.list-special-offer .info {float: left;padding:39px 15px 0 26px;width: 114px;}
.list-special-offer .info .buy {color: #070707;display: block;font: 18px/21px "Arial Black","Arial Black",Gadget,sans-serif;letter-spacing: -1px;margin: 0 0 -2px;}
.list-special-offer .info .price {color: #C61811;display: block;font: 35px/42px "Arial Black","Arial Black",Gadget,sans-serif;margin: 0 0 1px; text-indent:-9999px; background-image:url(images/sprite1.png);}
.list-special-offer .info .old-price {color: #999999;display: block;font-size: 20px;line-height: 24px;margin: 0 0 2px;text-decoration: line-through;}
.list-special-offer .no-tax {color: #78A000;display: block;font-size: 14px;  line-height: 20px;}
.btn-holder {float: left;padding: 50px 0 0 19px;width: 127px;}
.btn-buy-now {background: url("images/sprite.png") no-repeat -271px -129px;display: block;height: 49px;margin: 0 0 7px;overflow: hidden;text-indent: -9999px;  width: 150px;}
.buyone {background-position:0 -447px;}
.buytwo {background-position:0 -612px;}
.buythree {background-position:0 -770px;}
.price1 {background-position:0 -990px;}
.price2 {background-position:0 -1027px;}
.price3 {background-position:0 -1066px; width:122px;}
#nimboyu {padding-right:25px;}
.list-special-offer .ship {color:#D92E2E; font-style:italic;display: block;font-size:14px;line-height: 20px; text-align:center}
ol li {font-size: 13px;line-height:20px;padding: 0 0 12px 9px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; margin-left:30px}
ol li strong {color:#000;}
#classy {text-align:center; font-size:14px; width:100%; display:block;}
#footer {height: 100px;padding: 20px 0;text-align: center; font-size:14px; margin:0 auto; width:54em; color:#333;}
div.slant1 {
    border-color: white;
    border-style: none none solid solid;
    border-width: 2em 1.5em;
    clear: right;
    float: right;
    height: 0;
    margin: 0 0 0 0.5em;
    padding: 0;
}
div.slant2 {
    border-color: white;
    border-style: none solid solid none;
    border-width: 2em 1.5em;
    clear: left;
    float: left;
    height: 0;
    margin: 0 0.5em 0 0;
    padding: 0;
}