/************************/
/*******GLOBAL***********/
/************************/

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url('../../media/sites/2005/body_bg.gif');
	text-align: center;
	font-size:12px;
	}
	
img{
	border:0px;
	}
	
.floatl{
	float:left;
	}
	
.floatr{
	float:right;
	}
	
.clear{
	clear:both;
	}
	
a:hover{
	text-decoration:none;
	}
	
/************************/
/******* HEADER *********/
/************************/

.header{
	width:802px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.header div{
	float:left;
	}

/************************/
/******* MAIN LP ********/
/************************/

.body{
	width:802px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	display:table;
	text-align:center;
	background-color:#fff;
	}
	
.body #main{
	float:left;
	}
	
.body #column,
.subpage #column{
	float:left;
	}
	
.body #main #headline div,
.body #main #cta div,
.body #tier1 #cta div,
.body #tier3 #cta div{
	float:left;
	}
	
.body #tier2{
	width:787px !important;
	width:802px;
	padding:20px 0px 0px 15px;
	float:left;
	}
	
.body #tier2 #column{
	padding-right:50px;
	}
	
.body #tier3 #cta #gap{
	width:377px;
	}
	
.body #tier3{
	clear:both;
	}
	
.body #tier3 #ingredients{
	background:url('../../media/sites/2005/body_bg_ingredients.jpg') top left no-repeat;
	width:802px;
	height:322px;
	float:left;
	text-align:left;
	font-size:11px;
	}
	
.body #tier3 #ingredients #title{
	color:#7c3b97;
	font-weight:bold;
	margin-bottom:10px;
	}
	
.body #tier3 #show{
	padding:54px 0px 10px 70px;
	}
	
.body #tier3 #show div{
	border:solid 1px #333;
	width:431px;
	height:118px;
	background-color:#ecebe9;
	position:absolute;
	margin:30px 0px 0px 70px !important;
	margin:150px 0px 0px -340px;
	}
	
.body #tier3 #show #close{
	width:60px;
	height:30px;
	border:0px;
	font-size:10px;
	position:absolute;
	margin:2px 0px 0px 365px !important;
	margin:2px 0px 0px 365px;
	cursor:pointer;
	}
	
.body #tier3 #click{
	padding-left:40px;
	}
	
.body #tier3 #click #links{
	padding-left:30px;
	line-height:18px;
	}
	
.body #tier3 #click #links a{
	color:#674834;
	text-decoration:none;
	}
	
.body #tier3 #click #links a:hover{
	text-decoration:none;
	font-weight:bold;
	}
	
.body #tier3 #click #links div{
	width:160px;
	float:left;
	}
	
.body #tier3 #claim{
	clear:both;
	color:#674834;
	padding:10px 0px 0px 40px !important;
	padding:4px 0px 0px 40px;
	float:left;
	}
	
.body #product{
	width:802px;
	clear:both;
	float:left;
	}
	
.body #product div{
	float:left;
	}
	
/************************/
/****** SUB PAGES *******/
/************************/

.subpage {
	clear:both;
	}
	
.subpage #topbar{
	background-color:#ddd4cb;
	padding:5px;
	clear:both;
	}
	
.subpage #content{
	width:830px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	display:table;
	text-align:center;
	background-color:#fff;
	}
	
.subpage #content #promise{
	background:url('../../media/sites/2005/subpage_about_bg_main.jpg') top left no-repeat;
	width:830px;
	height:366px;
	color:#636363;
	text-align:left;
	}
	
.subpage #content #promise #copy{
	font-size:12px;
	padding:55px 0px 0px 25px;
	line-height:18px;
	width:325px;
	*width:350px;
	_width:350px;
	clear:both;
	}
	
.subpage #content #promise #quote{
	font-size:11px;
	color:#111;
	width:255px;
	*width:335px;
	_width:335px;
	padding:65px 0px 0px 80px;
	line-height:16px;
	}
	
.subpage #cta{
	background-color:#ddd4cb;
	}
	
.subpage #cta div{
	width:830px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	}
	
.subpage #content #bullets{
	background:url('../../media/sites/2005/subpage_about_bg_forest.jpg') top left no-repeat;
	width:830px;
	height:309px;
	color:#636363;
	text-align:left;
	}
	
.subpage #content #bullets ul{
	margin:10px 20px 0px 0px;
	padding:0px;
	width:400px;
	float:right;
	font-size:12px;
	list-style-type:none;
	}
	
.subpage #content #bullets ul li{
	margin-top:23px;
	list-style-image:url('../../media/sites/2005/bullet.gif');
	}
	
.subpage #content #skincare{
	background:url('../../media/sites/2005/subpage_ab_bg_main.jpg') top left no-repeat;
	width:830px;
	height:406px;
	color:#636363;
	text-align:left;
	}
	
.subpage #content #skincare #copy{
	font-size:11px;
	padding:80px 0px 0px 22px;
	line-height:16px;
	width:325px;
	*width:350px;
	_width:350px;
	clear:both;
	}
	
.subpage #content #chemicals{
	background:url('../../media/sites/2005/subpage_ab_bg_chemicals.gif') top left no-repeat;
	width:830px;
	height:358px;
	color:#636363;
	text-align:left;
	line-height:16px;
	}
	
.subpage #content #chemicals #left{
	width:400px;
	float:left;
	padding:230px 0px 0px 20px;
	}
	
.subpage #content #chemicals #left strong{
	color:#7c3b97;
	}
	
.subpage #content #chemicals #right{
	width:350px;
	*width:390px;
	_width:390px;
	float:left;
	font-size:11px;
	padding:80px 0px 0px 30px;
	*padding:80px 0px 0px 50px;
	_padding:80px 0px 0px 50px;
	}
	
.subpage #content #results{
	background:url('../../media/sites/2005/subpage_results_bg_main.jpg') top left no-repeat;
	width:830px;
	height:366px;
	color:#636363;
	text-align:left;
	}
	
.subpage #content #results #copy{
	font-size:11px;
	padding:205px 0px 0px 20px;
	line-height:18px;
	width:345px;
	*width:365px;
	_width:365px;
	float:left;
	}
	
.subpage #content #results #quote{
	font-size:11px;
	color:#111;
	width:125px;
	*width:auto;
	_width:auto;
	padding:235px 0px 0px 338px;
	line-height:16px;
	float:left;
	}
	
.subpage #content #botanicals{
	background:url('../../media/sites/2005/subpage_active_bg_main.jpg') top left no-repeat;
	width:830px;
	height:366px;
	color:#636363;
	text-align:left;
	}
	
.subpage #content #botanicals #copy{
	font-size:11px;
	padding:148px 0px 0px 26px;
	line-height:17px;
	width:340px !important;
	width:365px;
	float:left;
	}
	
.subpage #content #botanicals #quote{
	font-size:11px;
	color:#111;
	width:245px !important;
	width:280px;
	padding:290px 40px 0px 0px;
	line-height:16px;
	float:right;
	}
	
.subpage #content #percent div{
	float:left;
	}
	
.subpage #content #model{
	background:url('../../media/sites/2005/subpage_testimonials_bg_main.jpg') top left no-repeat;
	width:830px;
	height:365px;
	}
	
.subpage #content #testimonials{
	background:url('../../media/sites/2005/subpage_testimonials_bg_quotes.jpg') top left no-repeat;
	width:830px;
	height:822px;
	color:#636363;
	text-align:left;
	line-height:17px;
	}
	
.subpage #content #testimonials div{
	float:left;
	*float:none;
	_float:none;
	clear:both;
	}
	
.subpage #content #testimonials #no1{
	width:240px;
	margin:64px 0px 0px 200px;
	}
	
.subpage #content #testimonials #no2{
	width:260px;
	margin:50px 0px 0px 356px;
	text-align:right;
	}
	
.subpage #content #testimonials #no3{
	width:270px;
	margin:54px 0px 0px 200px;
	}
	
.subpage #content #testimonials #no4{
	width:280px;
	margin:66px 0px 0px 326px;
	text-align:right;
	}
	
.subpage #content #testimonials #no5{
	width:270px;
	margin:98px 0px 0px 214px;
	}
	
.subpage #content #kit{
	background:url('../../media/sites/2005/subpage_kit_bg_main.jpg') top left no-repeat;
	width:830px;
	height:363px;
	color:#636363;
	text-align:left;
	}
	
.subpage #content #kit #copy{
	font-size:12px;
	padding:100px 0px 0px 38px;
	line-height:18px;
	width:390px !important;
	width:430px;
	clear:both;
	}
	
.subpage #content #products{
	background:url('../../media/sites/2005/subpage_kit_bg_product.gif') top left no-repeat;
	width:830px;
	height:672px;
	color:#636363;
	text-align:left;
	font-size:11px;
	line-height:15px;
	}
	
.subpage #content #products #left{
	width:255px !important;
	width:370px;
	padding:120px 0px 0px 115px;
	float:left;
	}
	
.subpage #content #products #left #step1{
	margin-bottom:130px;
	}
	
.subpage #content #products #right{
	width:350px;
	margin-left:60px;
	float:left;
	}
	
.subpage #content #products #right #step1{
	margin:120px 0px 96px 0px;
	}
	
.subpage #content #products #right ul{
	list-style-type:none;
	margin:0px 0px 0px 12px;
	padding:0px;
	}
	
.subpage #content #products #right ul li{
	list-style-image:url('../../media/sites/2005/bullet_yellow.gif');
	padding-bottom:10px;
	}
	
.subpage #content #products #right ul span,
.subpage #content #products #right ul strong{
	color:#8b9206;
	font-size:12px;
	}
	
.subpage #content #ingredients{
	background:url('../../media/sites/2005/subpage_active_bg_ingredients.jpg') top left no-repeat;
	width:830px;
	height:370px;
	}
	
.subpage #content #ingredients #list{
	float:left;
	text-align:right;
	padding:136px 0px 0px 24px;
	}
	
.subpage #content #ingredients #facts{
	float:left;
	text-align:left;
	width:340px;
	}
	
.subpage #content #ingredients #facts ul{
	color:#636363;
	font-size:13px;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style-type:none;
	}
	
.subpage #content #ingredients #facts ul li{
	margin-top:15px;
	list-style-image:url('../../media/sites/2005/bullet.gif');
	}
	
.subpage #content #ingredients #facts .no1{
	margin:110px 0px 0px 50px;
	}
	
.subpage #content #ingredients #facts .no2{
	margin:70px 0px 0px 50px;
	}
	
.subpage #content #ingredients #image{
	padding-top:95px;
	text-align:left;
	}
	
.subpage #content #ingredients #image ul{
	color:#636363;
	font-size:11px;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style-type:none;
	}
	
.subpage #content #ingredients #image ul li{
	margin-top:15px;
	list-style-image:url('../../media/sites/2005/bullet.gif');
	}
	
.subpage #content #ingredients #image .br{
	margin-left:90px !important;
	margin-left:18px;
	float:left;
	}
	
.subpage #content #claim{
	float:right;
	color:#636363;
	font-size:11px;
	padding:10px;
	clear:both;
	}
	
.subpage #content #ambiaty{
	width:305px;
	float:left;
	margin-right:32px;
	}
	
.subpage #content #acai{
	width:675px;
	float:left;
	}
	
.subpage #content #acai #img{
	float:left;
	padding-right:10px;
	}
	
.subpage #content #argan{
	width:360px;
	float:left;
	}
	
.subpage #content #argan span{
	color:#8b9206;
	line-height:normal;
	}
	
.subpage #content #oil{
	width:260px;
	float:left;
	height:350px;
	}
	
.subpage #content #oil #img{
	padding-left:20px;
	}
	
.subpage #content #oil_copy{
	padding:60px 20px 0px 0px;
	}

	
/************************/
/******* FOOTER  ********/
/************************/

.footer{
	font-size:11px;
	color:#4f403b;
	width:802px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

.footer div{
	float:left;
	}

	
/* ========================= */
/*          TAB PANE         */
/* ========================= */

.dynamic-tab-pane-control.tab-pane {
	position: relative;
	width: 774px !important;
	width: 804px;
	padding:0px 0px 30px 30px;
	top: -1px;
	float:left;
	display:table;
	font-size:11px;
	color:#636363;
	line-height:16px;
	text-align:left;
}

.dynamic-tab-pane-control.tab-pane strong{
	color:#7c3b97;
}

.dynamic-tab-pane-control .tab-row .tab {
	/*font: Menu;*/
	width:183px !important;
	width:197px;
	height:29px !important;
	height:39px;
	text-align: center;
	z-index: 4;
	cursor: Default;
	display: inline;
	float: left;
	/*	background:		ActiveBorder;*/
	white-space: nowrap;
	position: relative;
	padding:10px 5px 0px 5px;
	background: url('../../media/sites/2005/tab_bg_off.gif') top center no-repeat;
	border-bottom: 1px solid #e6e4e4;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	/*background:		ThreeDHighlight !important;*/
	width: 181px;
	height:40px;
	z-index: 3;
	color: #4c8bb0;
	font-weight: bold;
	padding:10px 5px 0px 5px;
	background: url("../../media/sites/2005/tab_bg_on.gif") top center no-repeat;
	border:0px;
}

.dynamic-tab-pane-control .tab-row .tab a {
	text-decoration: none;
	cursor: pointer;
}

.dynamic-tab-pane-control .tab-page {     /* content inside tabs */
	clear: both;
	z-index: 2;
	position: relative;
	padding:20px 0px 20px 15px;
	text-align: left;
	width:755px !important;
	width:772px;
	border-bottom:solid 1px #dad9d9;
	border-left:solid 1px #dad9d9;
	border-right:solid 1px #dad9d9;
	float:left;
}

.dynamic-tab-pane-control .tab-page ul{
	padding-left:15px;
	margin:0px;
	}

.dynamic-tab-pane-control .tab-page li {
	margin: 3px;
	padding: 3px;
}

.dynamic-tab-pane-control .tab-row {
	z-index: 1;
	white-space: nowrap;
}