@charset "UTF-8";
/* CSS Document */

/* Reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Begin Typography & Colors */
body{
   font-family:"Times New Roman", Times, serif;
   font-size:14px;
   color:#5a5e56;
   padding:0;
   margin:0;
   background:url(../images/bg.png) repeat-x top center #edefea;
}

/* Layout */

#wrapper{
   background:url(../images/leaftop.png) no-repeat center top;
}

#content{
	width:960px;
	margin:0 auto;
	padding:45px 0 0 0;
}

.contentinner{
	padding:0 115px;
}


/* Header */

#header{
	clear:both;
	width:980px;
	margin:0 auto;
	height:102px;
	overflow:hidden;
	position:relative;
}

#header a.logo{
   background:url(../images/logo.png) no-repeat;
   width:351px;
   height:81px;
   display:block;
   float:left;
   margin:10px 0 0 0;
}

#header .toplinks{
	float:right;
	font-size:14px;
	color:#5a5e56;
}

#header .toplinks .social{
	float:right;
	clear:both;
	background:rgba(237,239,234,0.4);
	padding:10px 20px;
	-webkit-box-shadow:-1px 2px 5px rgba(177, 174, 163, 0.6);
  	-moz-box-shadow:-1px 2px 5px rgba(177, 174, 163, 0.6);
  	box-shadow:-1px 2px 5px rgba(177, 174, 163, 0.6);
	border:solid 1px #c9c8c0;
	border-top:none;
	margin:0 95px 12px 0;
	overflow:hidden;
}

#header .toplinks .social a.pinterest,
#header .toplinks .social a.twitter,
#header .toplinks .social a.youtube
{
	float:left;
	display:block;
	text-indent:-9999em;
	margin:0 10px 0 0;
}

#header .toplinks .social a.pinterest
{
   background:url(../images/pinterest.png) no-repeat;
   width:41px;
   height:20px;
}

#header .toplinks .social a.twitter
{
   background:url(../images/twitter.png) no-repeat;
   width:20px;
   height:20px;
   margin:0 10px;
}

#header .toplinks .social a.youtube{
   background:url(../images/youtube.png) no-repeat;
   width:20px;
   height:20px;
}

#header .toplinks .social .facebookc
{
	float:left;
	width:85px;
}

#header .toplinks .social #hidesocial,
#header .toplinks .social #showsocial
{
	float:left;
	background:url(../images/sep.png) no-repeat left top;
	padding:2px 0 2px 10px;
}

#header .toplinks .socialplus{
	float:right;
	clear:both;
	background:rgba(237,239,234,0.4);
	padding:10px 20px;
	-webkit-box-shadow:-1px 2px 5px rgba(177, 174, 163, 0.6);
  	-moz-box-shadow:-1px 2px 5px rgba(177, 174, 163, 0.6);
  	box-shadow:-1px 2px 5px rgba(177, 174, 163, 0.6);
	border:solid 1px #c9c8c0;
	border-top:none;
	margin:0 95px 12px 0;
	overflow:hidden;
	display:none;
}

#header .links
{
	clear:both;
	background:url(../images/sep2.png) no-repeat left top;
	padding:2px 0 0 14px;
	letter-spacing:0.025em;
	min-height:20px;
	position:absolute;
	margin:55px 145px 0 0;
	right:0;
}

#header .links a.link
{
	color:#5C6058;
	background:url(../images/sep.png) no-repeat left top;
	padding:0 0 0 11px;
	margin:0 0 0 6px;
	min-height:20px;
	display:inline-block;
	text-decoration:none;
}

#header .links span{
	background:url(../images/sep.png) no-repeat right top;
	padding:0 7px 0 0;
}

#header .toplinks a{
	color:#5a5e56;
	text-decoration:none;
}

#header .toplinks a:hover{
	text-decoration:underline;
}

/* Common */

a{
	color:#2c255e;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

.contentinner a strong{
	text-decoration:underline;

}

.clear{
	clear:both;
}

#content p{
	color:#5c6058;
	font-size:16px;
	line-height:24px;
	padding:0 0 25px 0;
	margin:0;
	text-align:justify;
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-weight:normal;
}

h1{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#2c255e;
	font-size:56px;
	line-height:50px;
	text-align:center;
	background:url(../images/sep3.png) repeat-x bottom center;
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	letter-spacing:0.057em;
}

a#backtotop{
	background:url(../images/backtotop.png) no-repeat;
	width:86px;
	height:67px;
	display:block;
	position:fixed;
	left:0;
	bottom:10px;
}


/* Samples */

.samplesmain{
	width:870px;
	margin:20px auto 20px auto;
	clear:both;
}

.samplesmain h2{
	color:#5c6058;
	font-size:24px;
	font-weight:bold;
	padding:0 0 0 10px;
	margin:0;
	line-height:normal;
}

.samples{
	clear:both;
	font-size:14px;
	color:#5c6058;
	background:url(../images/samplessep.png) repeat-y top left;
}

.samples .leaf{
	position:absolute;
	background:url(../images/leaf.png) no-repeat;
	width:1042px;
	height:269px;
	z-index:-1;
	margin:-65px 0 0 -130px;
}

.samples .samplesc{
	float:left;
	width:214px;
	text-align:center;
	padding:30px 0 40px 0;
}

.samples hr{
	clear:both;
}

.samplesmain .facialserums{
	width:435px;
	margin:0 auto;
}

.samplesmain .cleansers{
	width:655px;
	margin:0 auto;
}

.facialserums .leaf3{
	position:absolute;
	background:url(../images/leaf3.png) no-repeat;
	width:752px;
	height:568px;
	z-index:-1;
	margin:235px 0 0 -200px;

}

.samples .leaf4{
	position:absolute;
	background:url(../images/leaf4.png) no-repeat;
	width:1105px;
	height:298px;
	z-index:-1;
	margin:250px 0 0 -115px;
}

.samplesmain .leaf5{
	position:absolute;
	background:url(../images/leaf5.png) no-repeat;
	width:839px;
	height:587px;
	z-index:-1;
	margin:-65px 0 0 -200px;
}

.samplesmain .bodycare{
	width:875px;
	margin:0 auto;
}

.samplesmain .facialserums .samples{
	background:url(../images/samplessep2.png) repeat-y top left;
}

.samples .last{
	padding-bottom:0;
}

.samples .lasttwo{
	background:url(../images/sep.png) repeat-y 210px top;
	margin:0 auto 35px auto;
	width:430px;
}

.samples h3{
	font-size:18px;
	color:#5c6058;
	line-height:25px;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0;
	min-height:50px;
}


.samples a.howtouse{
	background:url(../images/howtouse.png) no-repeat center top;
	width:100%;
	height:28px;
	display:block;
	text-indent:-9999em;
	position:absolute;
	z-index:999;
	bottom:10px;
}

.samples .howtouselink{
	position:absolute;
	width:210px;
	height:310px;
	display:block;
	margin:-30px 0 0 0;
}

.thegetaway .thegetawaylink{
	position:absolute;
	width:635px;
	height:280px;
	display:block;
	margin:-30px 0 0 0;
}

/* Pop up */

body.howtousebg{
	background:none !important;
}

#howtouse{
	clear:both;
	background-color:#fff;
}

#howtouse .headingbg{
	background-color:#2c255e;
	padding:100px 80px 20px 40px;
}

#howtouse h1{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#ffffff;
	font-size:55px;
	line-height:53px;
	letter-spacing:0.044em;
	text-align:left;
	margin:0;
	padding:0;
	text-transform:uppercase;
	background:none;
	float:left;
}

#howtouse h1.fsize{
	font-size:48px !important;
}

#howtouse .headingbg .willlast{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#ffffff;
	font-size:24px;
	letter-spacing:0.044em;
	line-height:normal;
	float:right;
	text-align:right;
}

#howtouse .headingbg .ptone{
	padding-top:45px;
}

#howtouse .headingbg .pttwo{
	padding-top:15px;
}

#howtouse .headingbg .ptthree{
	padding-top:65px;
}

#howtouse .headingbg .willlast span{
	font-family:'Bickley_Script', Helvetica, sans-serif !important;
	font-size:28px;
	line-height:normal;
	letter-spacing:0.025em;
	display:block;
}

#howtouse .headingbg .willlast small{
	font-size:21px;
	letter-spacing:normal;
}


#howtouse .howtousetxt{
	padding:65px 0 70px 0;
	background:url(../images/howtousebgtop.png) repeat-x top center;
}

#howtouse .howtousebottombg{
	background:url(../images/howtousebgbottom.png) repeat-x bottom center;
}

#howtouse p{
	font-size:16px;
	color:#5c6058;
	line-height:24px;
	padding:0 0 10px 0;
	margin:0;
	text-align:justify;
}

#howtouse .howtousetxt .products{
	clear:both;
	overflow:hidden;
	padding:0 50px 30px 70px;
	margin:0;
	background:url(../images/sep3.png) repeat-x bottom center;
}

#howtouse .howtousetxt .products .img{
	float:left;
	width:220px;
	text-align:center;
}

#howtouse .howtousetxt .products .tp1{
	margin:50px 0 0 0;
}

#howtouse .howtousetxt .products .tp2{
	margin:25px 0 0 0;
}


#howtouse .howtousetxt .products .txt{
	float:left;
	width:625px;
}

#howtouse h2{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#2c255e;
	font-size:42px;
	line-height:normal;
	letter-spacing:0.044em;
	text-transform:uppercase;
	padding:45px 0 5px 0;
	margin:0;
}


#howtouse h3{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#2c255e;
	font-size:27px;
	line-height:30px;
	letter-spacing:0.044em;
	text-transform:uppercase;
	padding:0;
	margin:0;
}


#howtouse .printclose{
	clear:both;
	float:right;
	margin:50px 0 0 0;
	padding:0 30px 0 0;
}

#howtouse .printclose a.print{
	background:url(../images/print.png) no-repeat;
	display:block;
	float:left;
	width:41px;
	height:41px;
	margin:4px 0 0 0;
}

#howtouse .printclose a.closebtn{
	background:url(../images/closebtn.png) no-repeat;
	display:block;
	float:left;
	width:81px;
	height:41px;
	text-indent:-9999em;
	margin:3px 0 0 0;
}

#howtouse .printclose span{
	display:block;
	float:left;
	width:2px;
	height:45px;
	background:url(../images/sep2.png) repeat-y;
	margin:0 18px 0 16px;
}

hr{
	background:url(../images/sep3.png) repeat-x;
    border:0;
    height:2px;
    margin:10px 0 25px 0;
    width:100%;
} 

.getacquainted{
	clear:both;
	width:640px;
	margin:0 auto;
	padding:40px 0 0 0;
	text-align:center;
}

.getacquainted h3{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#53603f;
	font-size:36px;
	line-height:24px;
	letter-spacing:0.05em;
	padding:0 0 15px 0;
}

.getacquainted p{
	text-align:center !important;
}

.getacquainted a.clickforbrochure{
	background:url(../images/clickforbrochure.png) no-repeat;
	width:287px;
	height:34px;
	display:block;
	text-indent:-9999em;
	margin:10px auto;
	padding:0 0 25px 0;
}

.benefits{
	clear:both;
	background:url(../images/benefits.jpg) no-repeat top center #ffffff;
	padding:50px 130px 0 285px;
	text-align:left;
	min-height:500px;
}

.benefits h4{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#2c255e;
	font-size:33px;
	line-height:normal;
	font-weight:normal;
	letter-spacing:0.05em;
	padding:0 0 10px 0;
	margin:0;
}

.benefits h5{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#2c255e;
	font-size:25px;
	line-height:normal;
	font-weight:normal;
	letter-spacing:0.05em;
	padding:0 0 10px 0;
	margin:0;
}

.benefits p{
	font-size:16px !important;
	text-align:left !important;
	padding:0 0 30px 0 !important;
}

.benefits ul{
	font-size:16px;
	list-style:disc;
	padding:0;
	margin:0 0 30px 15px;
}

.benefits ul li{
	padding:0 0 5px 0;
}

.benefits span.fpo{
	font-size:28px;
	color:#b16169;
}

.benefits a.morereviews{
	background:url(../images/morereviews.png) no-repeat;
	width:208px;
	height:39px;
	display:block;
	text-indent:-9999em;
	margin:30px 0 0 0;
	clear:both;
}

.benefits .quotes{
	clear:both;
	background:url(../images/sep3.png) repeat-x bottom center;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

.benefits .quotes .rating{
	clear:both;
}

.benefits .quotes .rating img{
	display:block;
	clear:both;
	float:none;
}

.benefits .quotes img{
	float:left;
}

.benefits .quotes h5{
	font-family:"Times New Roman", Times, serif;
	color:#2c255e;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
}

.benefits .quotes h6{
	font-family:'Conv_QuaverSans',Helvetica,Arial,sans-serif;
	color:#2c255e;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.benefits .quotes h6 span{
	font-family:"Times New Roman", Times, serif;
	color:#5c6058;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}

.benefits .lastquote{
	background:none;
}


/* Footer */

#footer{
	clear:both;
	background:url(../images/footerbg.png) repeat-x top center;
	padding:75px 0 40px 0;
	margin:20px 0 0 0;
	font-size:13px;
}

#footer .footerc{
	width:975px;
	margin:0 auto;
}

#footer a{
	color:#5a5e56;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer .footerc .info{
	text-align:center;
	margin:0 0 15px 0;
}

#footer .info a{
	margin:0 8px;
}

#footer .info a:last-child{
	margin:0 0 0 8px;
}

#footer p{
	font-size:13px;
	padding:0 0 5px 0;
	margin:0;
	line-height:normal;
}

#footer p.allrights{
	font-size:10px;
	text-align:center;
	line-height:14px;
	padding:0;
}