@charset "UTF-8";
* { margin: 0px; padding: 0px; }
a img { border-style: none; }
body { font-family: Arial, Helvetica, sans-serif; border-top: 10px solid #d9d9d9; }
#wrap { margin: auto; width: 960px; }
#hdr { position: relative; padding-top: 20px; padding-bottom: 20px; }
#hdr h1 a { background: url(images/logo.gif); height: 82px; width: 61px; display: block; text-indent: -9999px; }
#hdr .smallnav { position: absolute; left: 65px; top: 38px; padding-left: 20px; }
#hdr .smallnav li { font-size: 11px; line-height: 16px; color: #71B531; }
#hdr .smallnav li a { color: #131E11; text-decoration: none; border-bottom: 1px dotted #CCCCCC; }
#hdr .smallnav li a:hover { border-bottom: 1px dotted #131E11; }
#hdr .largenav { position: absolute; right: 0px; top: 50px; }
#hdr .largenav li { list-style: none; font-size: 18px; font-weight: bold; text-transform: uppercase; float: left; border-right: 1px solid #CCCCCC; padding: 5px 20px; }
#hdr .largenav li.last { padding-right: 0px; border-style: none; }
#hdr .largenav li a { color: #131E11; text-decoration: none; }
#hdr .largenav li a:hover { border-bottom: 2px solid #71B531; }
#hdr .largenav li.active a { color: #71B531; text-decoration: none; border-bottom: 2px solid #71B531; }
div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }
.AA a {	display:block; width: 296px; background: url("images/AA_offer_btn.png") 0 0 no-repeat; text-decoration: none; position: absolute; top: 173px; left: 44px; }
.AA a:hover { background: url("images/AA_offer_over.png") 0 0 no-repeat; color: #049; }
.AA a:active { background: url("images/AA_offer_action.png") 0 0 no-repeat; color:#fff; }
.AB a { display:block; width: 296px; background: url("images/AB_offer_btn.png") 0 0 no-repeat; text-decoration: none; position: absolute; top: 173px; left: 364px; }
.AB a:hover { background: url("images/AB_offer_over.png") 0 0 no-repeat; color: #049; }
.AB a:active { background: url("images/AB_offer_action.png") 0 0 no-repeat; color:#fff; }
.AR a { display:block; width: 296px; background: url("images/AR_offer_btn.png") 0 0 no-repeat; text-decoration: none; position: absolute; top: 284px;	left: 44px; }
.AR a:hover { background: url("images/AR_offer_over.png") 0 0 no-repeat; color: #049; }
.AR a:active { background: url("images/AR_offer_action.png") 0 0 no-repeat; color:#fff; }
.AC a { display:block; width: 296px; background: url("images/AC_offer_btn.png") 0 0 no-repeat; text-decoration: none; position: absolute; top: 284px; left: 364px; }
.AC a:hover { background: url("images/AC_offer_over.png") 0 0 no-repeat; color: #049; }
.AC a:active { background: url("images/AC_offer_action.png") 0 0 no-repeat; color:#fff; }

#banner { height: 400px; width: 700px; overflow: hidden; position: relative; float: left; background-image: url(images/home-bg-temp.png); background-repeat: no-repeat; }
#banner a { color: #71B531; }
#banner #s1, #banner #s2, #banner #s3 { padding-top: 275px; padding-right: 20px; padding-left: 20px; width: 660px; height: 125px; }
#banner #s1 { background: url(images/bg-aloe2.jpg); }
#banner #s2 { background: url(images/bg-fist.jpg); }
#banner #s3 { background: url(images/bg-team.jpg); }
#banner h2 { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; margin-bottom: 10px; font-size: 22px; padding-bottom: 10px; font-weight: normal; }
#banner p { color: #FFFFFF; font-size: 14px; line-height: 18px; }

#banner ul { padding-top: 170px; padding-left: 40px; }
#banner ul li { list-style-type: none; float: left; text-indent: -9999px; }
#banner ul li a { display: block; height: 97px; width: 306px; text-indent: -9999; float: left; background-position: bottom; }
#banner ul li#wellness, #banner ul li#energy { margin: 0 8px 8px 0; }
#banner ul li#rest {margin: 0 8px 0 0;}
#banner ul li#wellness a { background-image: url(images/home-nav.png); background-repeat: no-repeat; background-position: left top; }
#banner ul li#energy a { background-image:url(images/home-nav.png); background-position: -306px 0px; }
#banner ul li#rest a { background-image:url(images/home-nav.png); background-position: -612px 0px; }
#banner ul li#weight a { background-image:url(images/home-nav.png); background-position: right 0px; }
#banner ul li#wellness a:hover { background-image: url(images/home-nav.png); background-repeat: no-repeat; background-position: 0 -97px; }
#banner ul li#energy a:hover { background-image:url(images/home-nav.png); background-position: -306px -97px; }
#banner ul li#rest a:hover { background-image:url(images/home-nav.png); background-position: -612px -97px; }
#banner ul li#weight a:hover { background-image:url(images/home-nav.png); background-position: right -97px; }
#banner #wellness , #banner #energy, #banner #rest, #banner #weight { display: block; height: 97px; width: 306px; }

#offernav { width: 250px; float: right; background: #FFFFFF url(images/home-offer.png) no-repeat left top ; height: 400px; }

#frontnav { width: 250px; float: right; background: #71B531 url(images/overlay-logo.png) no-repeat 96px 197px; height: 400px; }
#frontnav ul { padding: 20px; }
#frontnav ul li { list-style: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #FFFFFF; }
#frontnav ul li.last { border-style: none; }
#frontnav ul li h3 { font-size: 14px; margin-bottom: 5px; text-transform: capitalize; background: url(images/bg-active.png) no-repeat left 5px; padding-left: 10px; }
#frontnav ul li p { font-size: 13px; line-height: 17px; color: #d8ffb4; }
#frontnav ul li p a { font-weight: bold; color: #131E11; }
#frontnav ul li h3 a { color: #FFFFFF; text-decoration: underline; }
#frontnav ul li h3 a:hover { text-decoration: underline; color: #FFFFFF; }
#frontnav ul li.last h3 a, #frontnav ul li.buy h3 a { color: #FFFF66; }
#contenthdr { background: url(images/bg-aloesm.jpg); height: 50px; margin-bottom: 20px; }
#contenthdr h1 { font-weight: bold; color: #FFFFFF; line-height: 50px; font-size: 20px; padding-left: 20px; text-transform: uppercase; }
#contentnav { float: left; width: 220px; padding-right: 20px; }
#contentnav ul { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }
#contentnav ul li { list-style: none; margin-bottom: 1px; display: block; height: 40px; line-height: 40px; color: #172D1A; }
#contentnav ul li a { font-weight: bold; color: #71B531; text-decoration: underline; display: block; height: 40px; padding-left: 10px; }
#contentnav ul li.active a { color: #FFFFFF; background: #71B531 url(images/bg-active.png) no-repeat 200px center; text-decoration: none; }
#contentnav ul li.active a:hover { background: #71B531 url(images/bg-active.png) no-repeat 200px center; text-decoration: none; }
#contentnav ul li a:hover { background: #f1f1f1; }
#contentnav h3 { font-size: 14px; color: #666666; margin-top: 15px; margin-bottom: 5px; text-transform: capitalize; }
#contentnav p { font: italic 14px/20px Georgia, "Times New Roman", Times, serif; color: #666666; margin-top: 10px; margin-bottom: 10px; }
#contentnav p img { padding-top: 10px; }
#content { float: left; width: 498px; border-left: 1px solid #CCCCCC; padding-left: 20px; margin-bottom: 0; padding-right: 20px; border-right: 1px solid #CCCCCC; }
#content .wrap { background:#e6e6e6; float: left; width: 538px; border:1px solid #CCCCCC; margin-bottom: 0; overflow:hidden; position:relative; padding:11px 0 0; margin-left: -21px; }
#content h1 { font-size: 28px; color: #172D1A; font-weight:400;padding: 0 0 18px 21px }
#content h1.tabless {padding:0;}
#tabbed-content {background:#fff;border-top:1px solid #cccccc;clear:both;top:-1px;position:relative;padding:20px;z-index:10}
* html #tabbed-content {height:1%}
#content a { font-weight: bold; color: #437C31; }
#content h2 { font-size: 30px; color: #172D1A; letter-spacing: -1px; }
#content h3 { color: #71B531; font-size: 20px; margin-bottom: 20px; line-height: 26px; }
#content h4 { font-size: 16px; margin-top: 20px; margin-bottom: 10px; }
#content h4 em { font-size: 12px; line-height: normal; font-weight: normal; font-style: normal; color: #666666; }
#content blockquote p { font: italic 20px/24px Georgia, "Times New Roman", Times, serif; text-align: center; margin-top: 0px; margin-bottom: 20px; color: #666666; border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px; }
#content blockquote p strong { font: bold normal 12px/normal Arial, Helvetica, sans-serif; }
#content p { margin-top: 15px; margin-bottom: 15px; font: 15px/22px Georgia, "Times New Roman", Times, serif; }
#content p.distributor { float: left; margin: 0px 20px 0px 0px; }
#content ul, #content ol { padding-left: 20px; margin-top: 20px; margin-bottom: 20px; }
#content ul li, #content ol li { margin-top: 10px; margin-bottom: 10px; font: 14px/18px Georgia, "Times New Roman", Times, serif; }
#content ul li ul li { color: #69A92E; }
#content ul li ul li ul li { font-weight: normal; color: #000000; }
#content #highlights { width: 225px; background: #FFFFFF; float: left; border: 1px solid #71B531; margin-right: 40px; margin-bottom: 20px; position: relative; }
#content #highlights h4 { background: #D4F3A1; padding: 5px; color: #000000; margin-top: 0px; }
#content #highlights ul { margin: 20px 10px 0px 30px; padding: 0px; }
#content #highlights ul li { font-size: 12px; line-height: 20px; }
#content #highlights p { text-align: center; }
#content #highlights p.outside { position: absolute; top: -50px; right: -35px; }
#content ul#product-choice { margin: 0px; padding: 0px; }
#content ul#product-choice li { display: block; float: left; width: 200px; list-style: none; border: 1px dotted #CCCCCC; padding: 10px; margin: 0px 0px 0px 20px; }
#content ul#product-choice h3 { font: 16px Arial, Helvetica, sans-serif; }
#content ul#product-choice h3 em { font-size: 12px; color: #999999; }
#content ul#product-choice li p { text-align: center; }
#contentcol { float: right; width: 160px; padding-left: 20px; }
#contentcol h3 { font-size: 14px; color: #666666; margin-bottom: 10px; }
#contentcol p { margin-bottom: 15px; color: #666666; font: 14px/20px Georgia, "Times New Roman", Times, serif; }
.aloeboost { background: url(images/bg-aloe.gif) no-repeat right top; }
#ourstory #ftr, #sitemap #ftr { background: #d9d9d9; padding-bottom: 20px; }
#ftr { clear: both; padding-top: 20px; }
#ftr p { font-size: 11px; color: #131E11; clear: both; width: 960px; margin-right: auto; margin-bottom: 10px; margin-left: auto; line-height: 16px; }
#ftr p strong { font-size: 12px; }
#ftr ul { padding-top: 10px; padding-bottom: 20px; height: 10px; width: 960px; margin-right: auto; margin-left: auto; }
#ftr ul li { list-style: none; font-size: 10px; float: left; padding-right: 5px; border-right: 1px solid #CCCCCC; margin-right: 5px; }
#ftr ul li a { color: #131E11; text-decoration: none; font-weight: bold; border-bottom: 1px solid #131E11; }
#ftr ul li a:hover { border-bottom: 1px solid #71B531; }
#ftr ul li.last { border-style: none; }
#sitemap #content { width: 940px; border-style: none; }
#sitemap #content ul li { font-size: 16px; line-height: 24px; }
#sitemap #content ul li ul li { font-size: 14px; }
#sitemap #content ul li ul li a { }

/*tabs*/
#tabbed-content .ui-tabs-hide {display:none}
#tabbed-content div {position:relative}
#tabbed-content #overview { padding:0px 0 0 }
#tabs-nav {clear:both;float:left;position:relative;left:50%;text-align:center;z-index:20;}
ul#tabs {list-style:none;margin:0;height:35px;left:-50%;padding:0;position:relative;z-index:20;}
* html ul#tabs {display:inline}
ul#tabs li {float:left;position:relative;padding:0;margin:0 0 0 3px}
ul#tabs li a { font-family: Arial, Helvetica, sans-serif; background:url(images/tab-bg.png) left top no-repeat;color:#767676;float:left;font-weight:700;height:25px;padding:10px 0 0;position:relative;text-align:center;text-decoration:none;width:118px}
ul#tabs li a:hover, ul#tabs li.ui-tabs-selected a {background:url(images/tab-bg.png) left -35px no-repeat;color:#71b531;float:left;height:25px;padding:10px 0 0;text-align:center;width:118px}
ul#product-nav { margin: 0px; padding: 0px; }
ul#product-nav li { margin: 20px 0px; padding: 0px; list-style: none; }
ul#product-nav #aloeboost, ul#product-nav #aloeboost a { height: 160px; width: 499px; display: block; background: url(images/product-boost.png) no-repeat; text-indent: -9999px; }
ul#product-nav #aloeboost a:hover { background: url(images/product-boost.png) no-repeat left bottom; }
ul#product-nav #aloerest, ul#product-nav #aloerest a { height: 160px; width: 499px; display: block; background: url(images/product-rest.png) no-repeat left top; text-indent: -9999px; }
ul#product-nav #aloerest a:hover { background: url(images/product-rest.png) no-repeat left bottom; }
ul#product-nav #aloecontrol, ul#product-nav #aloecontrol a { height: 160px; width: 499px; display: block; background: url(images/product-control.png) no-repeat left top; text-indent: -9999px; }
ul#product-nav #aloecontrol a:hover { background: url(images/product-control.png) no-repeat left bottom; }
ul#product-nav #aloeadvanced, ul#product-nav #aloeadvanced a { height: 160px; width: 499px; display: block; background: url(images/product-advanced.png) no-repeat left top; text-indent: -9999px; }
ul#product-nav #aloeadvanced a:hover { background: url(images/product-advanced.png) no-repeat left bottom; }