/*----------------------------------------------------*/
/*RESET CSS-------------------------*/
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, font, img,
ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 140%;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}
/*---------------------------------------------------------------------------------------*/
/*GENERIC CLASS-------------------------------------------------------------------------------*/
.f_left{float:left;}

.f_right{float:right;}

.no_margin{margin:0;}

.no_margin_right{margin-right:0!important;}

div.clear{clear:both;}

.bold{font-weight:bold;}

.left{text-align:left;}

.right{text-align:right;}


/*-[ body ]--------------------------------------------------------------------------------*/
body{
	background:#FFF url(../../media/images/bg-body.jpg) repeat-x top left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#464647;
	font-size:13px;
}

/*-[ wrapper ]-----------------------------------------------------------------------------*/

div.wrapper {
	width:1045px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	position:relative;
}

/*-[ header ]-----------------------------------------------------------------------------*/

div.wrapper div.header {
	background:url(../../media/images/bg-header.jpg) no-repeat top center;
	clear:both;
	overflow:hidden;
	position:relative;
	height:249px;
}

div.header a.logo{
	width:343px;
	height:87px;
	display:block;
	margin:21px 0 0 15px;
}

div.header h1{
	text-indent:-999em;
}

div.header div.menuBar{
	width:270px;
	overflow:hidden;
	float:right;
	margin:0px 37px 0 0;
	display:inline;
}

div.menuBar ul{
	margin:0 10px 0 0;
	float:left;
	width:100%;
}

div.menuBar ul li{
	background:#739f55;
	margin:0 0 2px 0;
	padding: 0 0 2px 10px;
	height:17px;
	border-top:#85c23f solid 1px;	
}

div.menuBar ul li.close{
	border-bottom:#85c23f solid 1px;
}

div.menuBar ul li.no_bg{
	background:none;
	border:none;
	margin-bottom:3px;
	_margin-bottom:1px;
}

div.menuBar ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}

div.menuBar ul li a:hover{
	color:#ccc;
}

/*-[ content ]-----------------------------------------------------------------------------*/

div.wrapper div.content {
	width:1045px;
	background:url(../../media/images/bg-content.jpg) repeat-y left top;
	clear:both;
	overflow:hidden;
	position:relative;
}

/*Content center*/
div.center{
	background: url(../../media/images/bg-center.jpg) repeat-y top center;
	width:684px;
	float:left;
	overflow:hidden;
	margin-left:42px;
	display:inline;
	position:relative;
}

div.center h2{
	background:url(../../media/images/bg-h2-center.jpg) no-repeat top center;
	width:601px;
	height:82px;
	text-indent:-999em;
	margin:0 0 0 53px;
}
div.center h6{
	background:url(../../media/images/bg-h2-center2.jpg) no-repeat top center;
	width:601px;
	height:82px;
	text-indent:-999em;
	margin:0 0 0 53px;
}

div.content-ul-top{
	background:url(../../media/images/bg-content-ul-top.jpg) no-repeat top center;
	width:595px;
	height:168px;
	margin:-3px 0 0 45px;
}

div.content-ul-top ul{
	margin:45px 0 0 115px;
	float:left;
	display:inline;
}

div.content-ul-top ul li{
	background:url(../../media/images/bg-content-ul-top-li.jpg) no-repeat top left;
	color:#294b03;
	font-size:17px;
	padding-left:25px;
	margin-bottom:5px;
}

div.block-white{
	width:651px;
	margin:0 0 0 19px;
	background:#FFF;
	padding:20px 0;
}

div.block-white p{
	width:638px;
	margin-left:7px;
	line-height:170%;
}

div.block-white p a, div.story p a{
	color:#00a4dd;
	text-decoration:underline!important;
}

div.block-white p a:hover, div.story p a:hover{
	text-decoration:none!important;
}

/*STORY*/
div.story{
	background: #FFF url(../../media/images/bg-story.jpg) no-repeat center top;
	width:651px;
	margin:9px 0 0 19px;
	overflow:hidden;
	padding:50px 0 28px 0;
}

div.story h3{
	text-indent:-999em;
}

div.story p{
	margin:20px 10px 0 10px;
}

div.story p.story{
	margin:20px 40px 0 40px;
}

div.story p.first{
	width:411px;
}

div.story p.close{
	position:relative;
	padding-bottom:10px;
}

div.story p.close img{
	position:absolute;
	top:37px;
	left:213px;
}

div.story ul{
	margin:10px 0 0 40px;
}

div.story ul li{
	margin-top:8px;
}

div.story ul li a, div.content-img a, p.disclaimer a{
	color:#145ff9;
}

div.story ul li a:hover, div.content-img a:hover, p.disclaimer a:hover{
	text-decoration:none;
}

/*WHAT CAN*/
div.what{
	background: #FFF url(../../media/images/bg-what.jpg) no-repeat top left;
	padding-top:40px;
}

div.what ul{
	margin:20px 0 0 140px;
}

div.what ul li{
	background:url(../../media/images/bg-ul-li-what.jpg) no-repeat left 2px;
	padding-left:18px;
}

div.what p.as{
	width:486px;
	margin-left:60px;
}

/*THE FORMULA*/
div.formula{
	background:#FFF url(../../media/images/bg-formula.jpg) no-repeat top left!important;
	padding-top:40px;
}

div.formula h4, div.where h4{
	margin:20px 0 -17px 10px;
	color:#639d21;
	font-weight:bold;
}
/*WHOLESALE*/
div.wholesale{
	background:#FFF url(../../media/images/bg-wholesale.jpg) no-repeat top left!important;
	padding-top:40px;
}

div.wholesale h7, div.where h7{
	margin:20px 0 -17px 10px;
	color:#639d21;
	font-weight:bold;
}

/*WHERE*/
div.where{
	background:#FFF url(../../media/images/bg-where.jpg) no-repeat top left!important;
	padding-bottom:0!important;
}

div.where p.customers{
	color:#568c18;
	font-style:italic;
	width:302px;
	text-align: center;
	margin:25px auto 15px auto;	
}

div.where div.testimonials{
	background:#f3f9ea url(../../media/images/bg-testimonials.jpg) repeat-x bottom left;
	width:100%;
	color:#363636;
	overflow:hidden;
	padding-bottom:3px;
}

div.testimonials div.title{
	background:url(../../media/images/bg-title.jpg) repeat-x top left;
	width:100%;
	height:27px;
	color:#FFF;
	text-align:center;
	padding-top:6px;
}

div.testimonials img{
	float:left;
	margin:3px 19px 0 0;
}

div.testimonials p{
	margin:10px 15px 0 0;
}

div.testimonials p.autor{
	color:#2d5004;
	font-style:italic;
	margin:10px 0 0 150px;
	display:inline;
	float:left;
}

/*PLACE*/
div.place{
	margin-top:0!important;
	background:#98d155 url(../../media/images/bg-place.jpg) no-repeat top left;
	padding-top:94px;
}

div.content-packs{
	background: #FFF url(../../media/images/bg-content-blocks.jpg) no-repeat top left;
	width:512px;
	margin:0 auto;
	padding-top:25px;
	overflow:hidden;
}

div.packs{
	width:474px;
	margin:0 auto 30px auto;
	color:#000;
}

div.packs div.tops{
	background:#3399ff;
	height:43px;
}

div.packs div.tops h4{
	font-size:18px;
	float:left;
	margin:14px 0 0 12px;
	display:inline;
}

div.packs div.tops a{
	float:right;
	margin:4px 4px 0 0;
	display:inline;
}

div.packs ul{
	float:left;
	width:235px;
	margin:15px 0 0 14px;
	font-size: 13.5px;
}

div.packs ul li.price{
	margin-top:20px;
}
div.packs ul li{
	line-height: 120%;
	padding-bottom: 0px;
	margin-bottom: 0;
	margin-top: 2px;
}

div.packs img.best{
	float:left;
	margin-top:25px;
}

div.packs div.content-img{
	width:120px;
	float:right;
	text-align:right;
	margin:26px 10px 0 0;
}

div.packs div.content-img a{
	font-size:11px;
	float:right;
	margin-top:2px;
}

div.packs div.content-img img.ybs_pack{
	margin-right:5px;
}

div.content-packs div.close{
	background: #FFF url(../../media/images/bg-content-blocks-close.jpg) no-repeat top left;
	width:512px;
	height:16px;
	position:relative;
	margin-top:-10px;
	overflow:hidden;
}

div.place img.info{
	width:600px;
	height:224px;
	margin:30px 0 0 25px;
}

div.close_center{
	width:684px;
	height:33px;
	background:url(../../media/images/bg-close_center.jpg) no-repeat top center;
}

p.disclaimer{
	font-size:10px;
	color:#a5a6a4;
	width:630px;
	margin:36px 0 0 75px;
	display:inline;
	float:left;
	line-height:120%;
}

p.disclaimer a{
	text-decoration:none;
}


/*-[ footer ]-----------------------------------------------------------------------------*/

div.wrapper div.footer {
	clear:both;
	overflow:hidden;
	position:relative;
	font-size:10px;
}

div.footer ul{
	margin:23px 0 0 66px;
}

div.footer ul li{
	float:left;
	color:#8f8f8f;
	margin-left:5px;
}

div.footer ul li a{
	font-size:10px;
	color:#4869fa;
	text-decoration:none;
}

div.footer ul li a:hover{
	text-decoration:underline;
}

div.footer div.text-close{
	width:316px;
	text-align:center;
	margin:15px 0 0 239px;
}

div.close-content{
	background:url(../../media/images/bg-close-content.jpg) no-repeat top center;
	width:1045px;
	height:50px;
	margin-top:-10px;
}

/*Content right*/
div.content-right{
	background:url(../../media/images/bg-content-right.jpg) repeat-y top left;
	width:296px;
	overflow:hidden;
	float: left;
	margin-left:-1px;
}

div.content-right div.sky{
	background:#cfecfe url(../../media/images/bg-content-sky.jpg) no-repeat bottom center;
	width:278px;
	margin:0 auto;
	padding-bottom:21px;
	overflow:hidden;
}

div.secure{
	width:120px;
	height:48px;
	margin:8px auto;
}

div.ing{
	width:278px;
	margin:0 auto;
}

div.ing h2{
	background:url(../../media/images/bg-h2-ingredients.jpg) no-repeat top center;
	width:278px;
	height:37px;
	text-indent:-999em;
}

div.ing ul{
	background: #fff url(../../media/images/bg-ul-ingredients.jpg) no-repeat top center;
	width:229px;
	margin:20px auto 0 auto;
	padding:15px 0 10px 8px;
}

div.ing ul li{
	margin-bottom:10px;
}

div.ing ul li a{
	color:#16385d;
	font-weight:bold;
	text-decoration:none;
}

div.ing ul li a:hover{
	text-decoration:underline;
}

div.close-ul-ingredients{
	background:url(../../media/images/close-ul-ingredients.jpg) no-repeat top center;
	width:237px;
	height:10px;
	margin:-10px auto 0 auto;
}

div.videos{
	background:url(../../media/images/bg-videos.jpg) repeat-x top left;
	width:268px;
	margin:26px auto 0 auto;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:hidden;
}

div.videos p{
	float:left;
	color:#000;
	width:250px;
	margin:15px 0 0 10px;
	font-style:italic;
}

div.videos p a{
	color:#467616;
	font-style:italic;
}

div.videos p a:hover{
	text-decoration:none;
}

div.supplement{
	padding-top:20px;
	text-align:center;
}

div.close-content-right{
	background:url(../../media/images/bg-close-right.jpg) no-repeat top left;
	width:296px;
	height:22px;
}

/*PRODUCT*/
div.open-content-right{
	background:url(../../media/images/bg-open-right.jpg) no-repeat top left;
	width:296px;
	height:22px;
}

div.product{
	margin-top:5px;
}

div.youbeslim{
	background:#fff url(../../media/images/bg-youbeslim.jpg) no-repeat top center;
	width:277px;
	overflow:hidden;
	margin:-2px auto 0 auto;
	text-align:center;
	padding:13px 0 0 0;
}

div.youbeslim p{
	width:258px;
	margin:15px 0 0 10px;
	display:inline;
	float:left;
	line-height:170%;
	text-align:left;
}

div.close-youbeslim{
	background:url(../../media/images/bg-closeyoubeslim.jpg) no-repeat bottom left;
	width:277px;
	height:17px;
}