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


/* General use Styles */
img { border:none;}
.left{float:left;}
.arial{
font-family:Arial, Helvetica, sans-serif;	
}

.noPadding{padding-top:0; margin-top:0;}
.noUnderline{text-decoration:none;}

h2, h3{color:#bb8280; margin:0; padding:0;}
h2{font-size:16px;}
h3{font-size:14px;}

.leftSpace20{margin-left:20px;}
.rightSpace20{margin-right:20px;}
.leftSpace40{margin-left:40px;}
.leftSpace60{margin-left:60px;}
.topSpace40{margin-top:40px;}
.topSpace20{margin-top:20px;}
.topSpace30{margin-top:30px;}
.topSpace10{margin-top:10px;}
.topSpace250{margin-top:250px;}
.width540{width:540px;}


.grayMK{ color:#666666;	}
.roseMK { color:#faccd1; }
.boldRoseMK{color:#db9b9b;}
.white{ color:white; }
	
.normalText{font-size:12px;}
.smallText{font-size:10px;}
.bigText{font-size:14px;}
.biggerText{font-size:16px;}

.lineSpace20{
	line-height:20px;
}


/* ------------------- --------------- */



/* ----- Module use styles ------ */

.arrowLink{
	padding-right:22px;
	background:url(../images/ic-arrows.png) no-repeat center right;
	text-decoration:none;
}
.arrowLink:hover{ text-decoration:underline; }

.arrowLinkWhite{
	padding-right:22px;
	background:url(../images/arrow_white.png) no-repeat center right;
	text-decoration:none;
}
.arrowLinkWhite:hover{ text-decoration:underline; }



#twrLanding { 
width:781px;
background:url(../images/landing_intro.jpg) no-repeat top left;  height:562px;
overflow:hidden;
margin-left:10px;
}



.twrIntroBox{
	margin-left:51%;
	margin-top:140px;
	width:360px;
}

.twrIntroBox ul{  
	color:white;
	margin:0; padding:0;
}
.twrIntroBox ul li{ 
	margin-left:20px;
}

.twrBuy{
width:800px; height:360px;
background:url(../images/twrBuy.jpg) no-repeat top left;  
overflow:hidden;
position:relative;
}

.twrBuyQtyBox{
	margin-top:290px;
	margin-left:40px;
}

.btnBuy{
	width:215px; height:26px;
	background:url(../images/bt-buy.png) no-repeat;
	color: white;
    display: block;
    font-size: 12px;
    padding-top: 9px;
    text-align: center;
    text-decoration: none;
    width: 222px;
	margin-left:-5px;
	}


.twrInfo1{
width:781px; height:278px;
background:#1e1e1e url(../images/twrInfo1-bg.jpg) no-repeat 20px 40px;  
overflow:hidden;
margin-left:10px;
}

.twrInfo1TextBox{
	margin-left:250px;
	margin-top:40px;
	width:500px;
}

.twrInfo1TextBox ul{  
	color:white;
	margin:0; padding:0;
	list-style-type:none;
}


.regimenNumbers{
	font-size:22px;
	color:white;
	font-weight:bold;
	}
.regimenPct{
	color:white;
	font-size:14px;
}	







#popup1, .arial{
font-family:Arial, Helvetica, sans-serif;	
}



#tabs a{ 
float:left;
display:block;
width:403px;
height:570px;
}

.link_appStores{
	padding-right:17px;
	font-size:11px;
	background:url(../images/icon-arrows.jpg) no-repeat top right;
	text-decoration:none;
	color:#bb8280;
	line-height:20px;
}

.appBlock{
	width:210px;
	float:left;	
	}

.imgTeaser{
	width:300px;
	margin-left:20px;
	float:left;
}
.textTeaser{
	width:430px;
	margin-left:20px;
	float:left;
}




	
.blockTwo{
	width:280px;
	float:left;
	}	


.clear { clear:both; width:100%; height:1px; float:none !important;}



#uTubeCntnr{width: 640px; position:absolute; top:10%;left:35%;z-index:900;margin:0 0 0 -367px;display:none; }
#closeBtn{position:absolute;top:0px;left:750px}
#uContent{position: relative; top: 30px; left: 225px;   }

#revCntnr{ position:absolute; font-size: 11px; color:#534843;top:15%;left:50%;z-index:900;margin:0 0 0 -367px;display:none; text-align:left;}
#closeBtn1{position:absolute;top:-15px;left:710px}

#review { border:1px solid #a09da1; border-top:none;}
#brush { border:1px solid #a09da1; border-top:none;}
#review .product { font:14px Arial, Helvetica, sans-serif; color:#000;}
#review .product img { float:left;}
.imgDiv { float:left;}
.textDiv { float:left; margin-top:16px; width:672px;}

#closeBtn1 { font:16px 'myriad pro', Arial, Helvetica, sans-serif; color:#fff; white-space:nowrap; left:688px; top:-27px;}


.twrInfo2 {
		border-top:1px solid #787878;
		background:#1E1E1E url(../images/bottom_box_round.jpg) no-repeat bottom left;
		width:776px;
		margin:0 0 10px 10px;
		padding:30px 0 0 5px;
}
.clearfix:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:"";
		clear:both;
		height:0;
	}
.clearfix{
		display:inline-block;
}

.block-col {
	float:left;
	font:13px/18px arial;
	color:#fff;

}
.block-col  a {
	font-weight:bold;
	color:#e6b0b0;
	text-decoration:none;	
}
.rowText {
	padding-left:221px;
	padding-bottom:50px;
}
.rowText .block-col {
	padding-left:25px;
}
.w186px {
	width:161px;
	padding-top:16px;
}
.w188px {
	padding-top:16px;
	width:163px;
}
.width180px {	
	padding-top:16px;
	width:139px;
}
.smCharacter {
	font:10px arial;
	color:#454545;
	padding: 0 0 0 20px;
	margin: 5px 0;
 }
 .noVision {
	display:none;
 }
 .vision {
	display:block;
	border:1px solid #a09ea2;
	margin:3px;
	width:774px;
	padding:10px 13px;
	
 }
 
 .style {
	color:#222;
	font:13px/18px arial;
 }
 .style  ul{
	padding-left:17px;
	margin-top:15px;
	margin-left:0px;
 }
 .style li {
	margin-bottom:15px;
	
 }
 .legend {
	margin:30px 0;
	padding:0 0 0 4px;
	font:10px arial;
	color:#222;
 }
 .boxDidYouKnow {
	background: url(../images/bg_didYouKnow.jpg) no-repeat top left; 
	width:800px; 
	position:relative;
	left:-13px;
	height:273px;
 }
  .boxDidYouKnow img {
	float:left;
	margin:10px 0 10px 10px;
  }
  .boxDidYouKnow .toYourRight {
	float:left;
	font:13px arial;
	color:#fff;
	width:477px;
	padding:30px 20px 25px;
  }
  .boxDidYouKnow  h3 {
	color:#fff;
	font-size:13px;
  }
  .marginBottom0px {
	margin-bottom:0px;
  }
 .posImgText  {
	position:relative;
	left:-13px;
 }
 .style .list-improvement {
	margin-top:0px;
	padding-top:0px;
	color:#454545;
 }
  .style .list-improvement li {
	margin-bottom:0px;
  }
  .noMarginBottom {
	margin-bottom:0px;
  }
  .noMarginTop{
	margin-top:0px;
  }
  .marginTop {
	margin-top:0px;
  }
  #moreRealRegimentsResults.style {
	color:#454545;
  }
  .smllLegend {
	font-size:10px;
	margin-bottom:25px;
  }
  
  .beforeAfter {
	padding-top:10px;
  
  }
   .beforeAfter  img {
		margin:0 20px 0 0;
   }
  .marginTop3px {
	margin-top:3px;
  } 
  #moreRealRegimentsResults h4{
	margin-top:30px;
  }
  #moreRealRegimentsResults {
	padding-bottom:100px;
  }
  .marginTop31px {
	margin-top:31px;
  }
  
  .tabs-3{
	  width:781px;
	  margin-left:20px;
	  background:url(../images/bg-tbs-gray.jpg) repeat-x center 67px;
	  }
  
  .tab1 { 
	background:url(../images/order.jpg) no-repeat;
	width:195px;
	height:56px;
  }
  .tab2 { 
	background:url(../images/watchvideo.jpg) no-repeat;
	width:195px;
	height:56px;
  }
  .tab3 { 
	background:url(../images/specialpromo.jpg) no-repeat;
	width:195px;
	height:56px;
  }
   .tab4 { 
	background:url(../images/winkwink.jpg) no-repeat;
	width:195px;
	height:56px;
  }
  .on { 
	background-position:0px 0px;
  }
  .list-tab a { display:block;position:relative; top:1px;}
  .list-tab {
	list-style-type:none;
	border-bottom:1px solid #9e9e9e;
	margin-bottom:0px;
	width:781px;
	padding-left:0px;
	margin-left:0px;
  }
  .list-tab li {
	float:left;
  }
  
  .tabsContainer ul{line-height:26px;}
  .content { 
	display:none;
	background:white;
	border-top:none;
	padding:0;
	font:13px/18px arial;
	color:#454545;
    margin:0 0 20px 0;
  }
  
  
  .content a{text-decoration:none;}
  
  .content p { margin:0px;}
  .content.tabOverview  p{
	margin:0 0 15px 0;
  }

  
   .twrBuy a { position:absolute; left:29px; height: 15px;  }
  
  .twrBuy #link1 { 
	height:20px;
	top:150px; 
	width:397px; 
	}
  .twrBuy #link2 { 
	top: 174px;
    width: 364px; 
}
  
  .twrBuy #link3 { 
	top: 196px;
    width: 445px; 
	
  }
  .twrBuy #link4 { 
	top: 219px;
    width: 466px; 
	
  }
  .twrBuy #link5 { 
	top: 241px;
    width: 419px; 
	
  }
  
  
  
  
  .pink-link {
	font-weight:bold;
	color:#e6b0b0;
	text-decoration:none;
  }
  .content .marginTop15px {
	margin-top:15px;
  }
  
  .percent {
	font:bold 24px arial;
  }
 .content .marginBottom20px {
	margin-bottom:20px;
 }
 .content .smallChar {
	font:10px arial;
	margin: 35px 0 0 0;
	
 }
 .content .commentary {
	font:bold italic 16px "Times New Roman";
	margin:10px 0 15px ;
}
 .content .commentary span {
	font:14px arial;
	display:block;
	margin:5px 0 0 0;
 }
 .small-legend {
	font:10px arial;
	color:#454545;
	padding:0 0 0 5px;
	margin:20px 0;
 }


#twpEyecream{ 
width:781px;
background:url(../images/bg-prod-eyecream.png) no-repeat top left;  height:581px;
overflow:hidden;
position:relative;
}

#twdaytime{ 
width:781px;
background:url(../images/bg.png) no-repeat top left;  height:581px;
overflow:hidden;
position:relative;
}

#twpWP{ 
  background: url("../images/bg-prod-wp.png") no-repeat scroll left top transparent;
    height: 581px;
    margin-bottom: -37px;
    margin-left: 17px;
    overflow: hidden;
    position: relative;
    width: 781px;
}



.twrBoxes{
	margin-left:46.7%;
	margin-top:177px;
	width:390px;
}

.twpEyeCreamBox{
	margin-left: 35.7%;
    margin-top: 247px;
    width: 390px;
}

.twpSerumBox{
    margin-left: 36.7%;
    margin-top: 237px;
    width: 270px;
}

.backBoxes{ width:400px;
	margin-left:35.7%;
	margin-top:20px;
}

.twrBoxes ul li{
	margin-left:15px;
	}

.twrBoxes ul, .twpEyeCreamBox ul, .twpSerumBox ul {  
	color:white;
	margin:0; padding:0;
	line-height:19px;
}

.twpEyeCreamBox ul li, .twpSerumBox ul li{

	margin-left:13px;
}


.twrBoxes .linkCatalog{
	position:absolute;
	top:503px;
	left:312px;
	}

.linkCatalogProds{margin-top:20px;}	
	
.backBoxes .topLink{
	padding-left:22px;
	background:url(../images/ic-arrows-left.png) no-repeat center left;
	text-decoration:none;
	}

.details{
	color:#8e8d8e;
	font-size:12px;	
}

.qtyBox{
	position:absolute;
	top:250px;
	left:30px;
	}

.qtyBoxEyeCream{
	left: 540px;
    position: absolute;
    top: 490px;
	}
.qtyBoxSerum{
	left: 540px;
    position: absolute;
    top: 490px;
	
	}	
	
	
#boxInfo{
	background: url("../images/bg-infotabs-eyeCream.png") no-repeat scroll 0 0 transparent;
    height: 692px;
    margin-left: -5px;
    margin-top: -38px;
    padding-top: 170px;
    width: 790px;
	}	
	
#boxInfoSerumTab{
    height: 728px;
    margin-left: -18px;
    margin-top: -51px;
    padding-top: 5px;
    width: 796px;
}	
	

.tbl-eyeResults{
	border:0;
	text-align:left;
	padding:5px;
	margin:0;
	width:100%;
	}
.tbl-eyeResults th{
	font-weight:bold;
	border-bottom:1px solid #9e9e9e;
	} 	 
	

#overLay{
	background:#000;z-index:900;position:absolute;top:0;left:0;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
	color:#fff;
	display:none;
	}
	
#popup1, #popup2, #popup3, #popup4{
	display:none;
	position:absolute;
	top:100px;
	z-index:1000;
	width:812px;
	background:white;
	}	
	
	
#bgCntnr{
	position: relative;  
	border:1px solid #9e9e9e; 
	padding:5px; background:#fff; 
	margin:5px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	
}	

#bgCntnr ul{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	margin:0;
	padding-left:5px;
}

#bgCntnr ul li{
	margin-top:10px;
	margin-left:10px;
}

.tabStemcells{
	display:block;
	background:url(../images/tab-stemcells.png) no-repeat;
	width:116px;
	height:160px;
	float:left;
	margin-top:20px;
}
.tabPeptide{
display:block;
	background:url(../images/tab-peptide.png) no-repeat;
	width:116px;
	height:160px;
	float:left;
	margin-top:20px;
}
.tabAcidboosters{
	display:block;
	background:url(../images/tab-acidbooster.png) no-repeat;
	width:116px;
	height:160px;
	float:left;
	margin-top:20px;
}
	
#middleBox{
	background:url(../images/bg-Middle.png) no-repeat;
	width:818px;
	height:379px;
	position:relative;
	z-index:2;
}	

.productText{
	position:absolute;
	background:url(../images/t-productSerumBox.png) no-repeat;
	width:335px;
	height:210px;
	top:26px;
	left:25px;
}

.productComp{
     height: 378px;
    left: 372px;
    position: absolute;
    top: 10px;
    width: 421px;
}

.linkLearn{
	position:absolute;
	top:330px;
	left:30px;
}

#scienceBox{
	background:url(../images/bg-scienceBox.png) no-repeat;
	width:781px;
	height:353px;
	position:relative;
	margin-left: 17px;
	margin-top:-35px;
	z-index:0;
	overflow:hidden;
	position:relative;
}

.scienceText{
	position:absolute;
	top:140px;
	left:30px;
	width:720px;
}
	
.scienceText ul{
	line-height:20px;
	margin:0; padding:0;
}	
	
.scienceText ul li{
	margin-left:14px;
}

.roseBackg{
    background: url("../images/bg-Middle.png") no-repeat scroll -11px -23px transparent;
    margin-left: -25px;
    padding: 10px 31px;
    width: 738px;
}

.imgComp{
cursor:pointer;
}