body { background-color: #fff; }

p {line-height:17px;}


.wrapper { width:795px;background-color:#ffffff;height:auto;}

.header {
	width: 795px;
	height: 110px;
	text-align: left;	
	}
	
b {font-size: 1.2em;}

span.sidenav {padding: 0px 0px 0px 21px;
color: #ffffff;
}
a.featurenav:link, a.featurenav:visited { 
	text-decoration: none;
	color: #ffffff;
	}

a.featurenav:hover { 
	text-decoration: none;
	color: #3d5360;
	}
	
table.white	{background-color: #ffffff;}	
	
.menu_area, .menu {
	width: 772px;
	text-align: right;
	font-family: Optima, Myriad, Lucida, Tahoma, Helvetica;
	color: #7E95A3;
	text-decoration: none;
	font-size: 12px;
	height: 14px;
	}

.menu_area {
	border-bottom: 0px solid #7E95A3;}
	
.menu {
	border-bottom: 0px;}	

div.sub_menu {
	text-align: right;
	width: 188px;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 50px;
	min-height: 80px;
	border-right: 2px solid;
	}
	
div.featurenav {
	text-align: left;
	width: 153px;
	height: 300px;
	font-family: Helvetica, arial;
	background-color: #ffffff;
	font-size: 11px;
	line-height: 12px;
	background-repeat: no-repeat;
	}
	
div.white {background-color: #ffffff;}

div.featurenav_sub {
	text-align: left;
	width: 153px;
	height: 170px;
	font-family: Helvetica, arial;
	color: #ffffff;
	font-size: 11px;
	line-height: 12px;
	background-repeat: no-repeat;
	position:relative;
	}
	
.sub_menu {
	font-family: myriad, helvetica, verdana;
	font-size: 9.5px;
	line-height: 15px;
	padding:0px 0px 1px 0px;
	letter-spacing: 0.15em;
	color: #7393ab;
	border-bottom: 1px dotted #7E95A3;
	}
		
a.sub_menu:link, a.sub_menu:visited { 
	text-decoration: none;
	border-bottom: 1px dotted #7E95A3;
	}

a.sub_menu:hover { 
	font-weight: 0;
	color: #3d5360;
	}
	
.banner { 
	width: 795px;
	height: 58px; 
	z-index: 0;
	text-align: left;
	background-repeat: no-repeat;
	align: right;
	valign:top;
	padding: 0px 0px 0px 0px;
	}
	
.title_graphic {
	position: relative; 
	top: 8px; 
	left: 0px;
	background-repeat: no-repeat;
	background-image:url(images/title_bar.png);
	height:52px;
	}
	
.title_graphicprod {
	position: relative; 
	top: 8px; 
	left: 0px;
	background-repeat: no-repeat;
	background-image:url(images/title_barprod.png);
	height:52px;
	}
	
.main { 
	width: 772px;
	height: 0px;
	text-align: left;
	color: #ffffff;
	border-collapse: collapse;
	left:0px;
	border-top-width: 10pt;
	}
	
	.extra {background-color:#ffffff;}
	
td, tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
}

td.banner {
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
}

table.contact {
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
}


table.white {background-color: #ffffff;}

.home_col_01 { 
	padding: 10px 10px 5px 5px;
	float: left;
	width: 250px;
	height: 0px;
	}
	
.home_col_02 { 
	padding: 5px;
	float: left;
	width: 250px;
	height: 0px;
	}
	
.home_col_03 { 
	padding: 5px;
	height: 0px;
	}

.product_col_01 { 
	
	text-align:left;
	}
	
.product_col_02 { 
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top:8px;
	margin-left: 10px; 
	top: 20px;
	vertical-align: text-top;
	text-align:left;
	width: 600px;
	background-color:#f4f3f1;
	}
	
.skinpage { 
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top:8px;
	margin-left: 10px; 
	top: 20px;
	vertical-align: ;
	position:relative;
	text-align:left;
	width: 600px;
	background-color:#ffffff;
	}
	
.skin_col {
	padding-right: 10px;
	float: left;
	width: 230px;
}

.press_magazine {
	float: left; 
	padding-right: 20px;
	padding-top:5px;
	padding-bottom:  5px;
}

.corpIdent {
	font-size: 1.2em;
	color:#000000;
	}

.downloads {
	width: 400px;
	padding-right: 20px;
	border-bottom: 1px solid #ccc;
	padding-top:5px;
	padding-bottom:  5px;

}

.title, .product_title, .skin_title { 
	font-family: Optima, Lucida, Tahoma;
	line-height: 21px;
	letter-spacing: .75px;
	font-size: 18px;
	text-align: left;
	}
	
.pagetitles { 
	font-family: Myriad, Helvetica, Lucida, Tahoma;
	line-height: 16px;
	letter-spacing: .5px;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #7393ab;
	text-transform:;
	}
	
.productlist { 
	font-family: Myriad, Helvetica, Lucida, Tahoma;
	line-height: 20px;
	letter-spacing: .5px;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #7393ab;
	padding-left: 15pt;
	}
	
.price { 
	font-family: Myriad, Helvetica, arial, Lucida, Tahoma;;
	letter-spacing: .5px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #7393ab;
	}
	
.productlist:link, .productlist:visited, .productlist:active  { 
	font-family: Myriad, Helvetica, Lucida, Tahoma;line-height: 20px;letter-spacing: .5px;font-size: 15px;font-weight: bold;color: #7393ab;}
.productlist:hover  { 
	font-family: Myriad, Helvetica, Lucida, Tahoma;line-height: 20px;letter-spacing: .5px;font-size: 15px;font-weight: bold;color: #3d5360;}
	
.features { 
	font-family: Myriad, Helvetica, Lucida, Tahoma;
	line-height: 12px;
	letter-spacing: .5px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	color: #3d5360;
	text-transform:uppercase;
	}
	
.features_nav:link {
	font-family: Myriad, Helvetica, Lucida, Tahoma;line-height: 12px;letter-spacing: .5px;font-size: 11px;text-align: left;font-weight: bold;color: #ffffff;text-transform:uppercase;text-decoration: none;border:none;outline:none;}
.features_nav:active {
	font-family: Myriad, Helvetica, Lucida, Tahoma;line-height: 12px;letter-spacing: .5px;font-size: 11px;text-align: left;font-weight: bold;color: #ffffff;text-transform:uppercase;text-decoration: none;border:none;outline:none;}
.features_nav:visited {
	font-family: Myriad, Helvetica, Lucida, Tahoma;line-height: 12px;letter-spacing: .5px;font-size: 11px;text-align: left;font-weight: bold;color: #ffffff;text-transform:uppercase;text-decoration: none;border:none;outline:none;}
.features_nav:hover {
	font-family: Myriad, Helvetica, Lucida, Tahoma;line-height: 12px;letter-spacing: .5px;font-size: 11px;text-align: left;font-weight: bold;color: #3d5360;text-transform:uppercase;text-decoration: none;border:none;outline:none;}
	
.feature_copy { 
	font-family: myriad, helvetica, arial, verdana;
	line-height:17px; font-size: 11px;text-align:left; color: #3d5360; text-width:50px;}
	
.featurecopy { 
	font-family: myriad, helvetica, arial, verdana;
	line-height: 16px;font-size: 11px;text-align: left;color: #3d5360;}
	
.featuretext { 
	font-family: Myriad, Helvetica, arial, verdana;
	line-height: 12px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	color: #3d5360;
	}

a.featurecopy:link 	{color: #be6235; text-decoration: underline;border:none;outline:none;line-height: 16px; }
a.featurecopy:active 	{color: #be6235;border:none;outline:none;line-height: 16px;}
a.featurecopy:visited	{color: #be6235; text-decoration: underline; border:none;outline:none;line-height: 16px;}
a.featurecopy:hover { color: #3d5360;border:none;outline:none;line-height: 16px;}

a, a:hover, a:visited, a:active {
   border:none;
   outline:none;
}

.featuretext_lg { 
	font-family: Myriad, Helvetica, arial, verdana;
	line-height: 16px;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color: #3d5360;
	}

a.featuretext_lg:link 	{color: #be6235; text-decoration: underline;border:none;outline:none;font-family: Myriad, Helvetica, arial, verdana;line-height: 16px;font-size: 13px; }
a.featuretext_lg:active 	{color: #be6235;border:none;outline:none;font-family: Myriad, Helvetica, arial, verdana;line-height: 16px;font-size: 13px;}
a.featuretext_lg:visited	{color: #be6235; text-decoration: underline; border:none;outline:none;font-family: Myriad, Helvetica, arial, verdana;line-height: 16px;font-size: 13px;}
a.featuretext_lg:hover { color: #3d5360;border:none;outline:none;font-family: Myriad, Helvetica, arial, verdana;line-height: 16px;font-size: 13px;}
	
img.flowinset {
  float: right;
  clear: left;
  margin: 0px 1.25em 7px 10px;}
  
  img.flowinset2 {
  float: right;
  clear: left;
  margin: 0px 0px 7px 20px;}
  

/*.title { 
	color: #7E95A3;
	}

.product_title { 
	color: #B9B1A4;
	}*/
	
.sub_heading {
	font-family: Trebuchet MS;
	font-size: 11px;
	font-style: italic;
}
	
.call_out {
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 16px;
	font-style: bold;
	}
.call_out_gma {
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 16px;
	font-style: bold;
	color:#000000;
	}
	
.call_out_skincare {
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 30px;
	font-style: bold;
	color:#7C8B90;
	}
	
.subtitle { 
	font-family: Trebuchet MS;
	color: #8B5C29;
	line-height: 12px;
	letter-spacing: .75px;
	font-size: 10px;
	text-align: left;
	}

.product_copy, .home_copy, .skin_copy, .copy, li, .copy_area, .form{ 
	font-family: Trebuchet MS;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	}

.media {
	font-family: Trebuchet MS;
	font-size: 11px;
	line-height: 13px;
	}

.form_submit, .form_input{
color:#666;
background-color:#ffffff;
}	

.form{
text-align:right;
}

.form_submit{
cursor:pointer;
border:outset 1px #ccc;
font-weight:regular;
padding: 0px 0px;
background:url(images/formbg.gif) repeat-x left top;
}

.form_input{
	border: 1px solid gray;
	font-size: 11px;
}
	
.home_copy {
	color: #3f3f3f;
	}

.skin_copy {
	padding-left: 15px;
	padding-right: 5px;
	}
	
.copy_area {
	padding-left: 0px;
	padding-right: 5px;
	}
	
.calltoaction {
	font-family: Myriad pro, Trebuchet MS, Helvetica;
	color: #3d5360;
	line-height: 15px;
	letter-spacing: 0px;
	font-size: 13px;
	text-align: left;
	font-style: italic;
	position:relative
	}
	
.calltoactiontel {
	font-family: Myriad pro, Trebuchet MS, Helvetica; color: #be6235; line-height: 16px; letter-spacing: 0.5px;
	font-size: 14px; text-align: left;font-style: bold;}
	
a.calltoact:link 	{color: #be6235; text-decoration: underline;border:none;outline:none; }
a.calltoact:active 	{color: #be6235;border:none;outline:none;}
a.calltoact:visited	{color: #be6235;border:none;outline:none;}
a.calltoact:hover { color: #3d5360;border:none;outline:none;}

.homefeature {
	font-family: Myriad pro, Trebuchet MS, Helvetica; color: #3d5360; line-height: 16px; letter-spacing: 0.5px; font-size: 14px;text-align: left; font-style: bold;}
	
	
a.skin_link:link, a.skin_link:visited { 
	color: #395163;
	text-decoration: underline;
	padding: 0px;border:none;outline:none;
	}	
	
a.skin_link:hover { 
	color: #395163;
	text-decoration: none;
	padding: 0px;border:none;outline:none;
	}	
	
a.copy:link, a.copy:visited { 
	text-decoration: underline;
	padding: 0px;border:none;outline:none;
	}	
	
a.copy:hover { 
	text-decoration: none;
	padding: 0px;border:none;outline:none;
	}

.product_copy {
	color: #7F4C21;
	padding-left: 15px;
	padding-right: 10px;
	}	
	
a.home_copy:link, a.home_copy:active { 
	color: #8B5C29;
	text-decoration: none;border:none;outline:none;
	}
a.home_copy:hover {
	color: #8B5C29; 
	text-decoration: underline;border:none;outline:none;
	}
	
div.menu_f {
	padding-top: 2pt;
	text-align: right;
	float: right}

.menu_f {
	font-family: myriad pro, helvetica, arial;
	color: #7E95A3;
	text-decoration: none;
	font-size: 10px;}

a.menu_f:link, a.menu_f:active { 
	color: #7E95A3;
	text-decoration: none;}

a.menu_f:hover {
	color: #395163; 
	text-decoration: underline;border:none;outline:none;
	}
	
.copyright {
	font-family: myriad pro, helvetica, arial;
	color: #3d5360;
	text-decoration: none;
	font-size: 10px;
	}

.call-in {
	padding-top: 5pt;
	font-family: myriad pro, helvetica, arial;
	font-style: bold;
	color: #7E95A3;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	float: left
	}	
		
.table_clear {
	padding: 2px;
	border: 0px;
	margin: 0px;}
	
.table_white {
	padding: 2px;
	border: 0px;
	margin: 0px;
	background-color:#FFFFFF;
	}
	
.footer { 
	width: 788px;
	border-top: 1px solid #7E95A3;
	padding-bottom: 0px;
	padding-right:6px;
	background-color: #fff;
	}


.call-in2 {
	font-family: myriad pro, helvetica, arial;
	font-size: 12px;
	font-style: bold;
	color: #7E95A3;
	border-top-width: none;
	border-right-width: none;
	border-bottom-width: none;
	border-left-width: none;
	text-align: left;
	padding-left:25px;
	vertical-align: text-bottom;
}
	

	/* The containing box for the gallery. */
#container {
    position:relative; 
    width:500px; 
    height:590px; 
    margin:10px 0 0 0px;
	align:left; 
    }
	
	/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
	width:1px; 
    height:1px; 
    top:3px; 
    left:3px; 
    overflow:hidden; 
    background:#fffff;
    }
	
	/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:500px; 
    height:150px;
    }
#container li {
    float:left;
	margin:0px 0px -5px 5px;
    }
	
	/* change the thumbnail border color */
#container a.gallery:hover {
    border:0px solid #ffffff;float:left;border:none;outline:none;
    }
	
	/* styling the :hover span */
#container a.gallery:hover span {
    position:relative;
	width:200px; 
    height:350px; 
    top:270px; 
    left:0px; 
    color:#00000; 
    background:#ffffff;
	float:left;
    }

	/* Adding the thumbnail images - Normal to Dry Skin */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.carpeta {
    background:url(images/bioglycolic_bioclean_cleanser_sm.png); background-repeat:no-repeat; 
    height:140px; 
    width:76px;
	position:relative;
    }
	#container a.carpetb {
    background:url(images/c_esta_serum_sm.png); background-repeat:no-repeat; 
    height:122px; 
    width:76px;
	position:relative;
    }
	#container a.carpetc {
    background:url(images/bioglycolic_bioclear_cream_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	#container a.carpetd {
    background:url(images/age_intervention_face_serum_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
#container a.carpete {
    background:url(images/antioxidant_daily_face_spf_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	
	/* Adding the thumbnail images - Dry Skin */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.drya {
    background:url(images/bioglycolic_cream_sm.png); 
    height:130px; 
    width:76px;
	position:relative;
	background-repeat: no-repeat;
    }
	#container a.dryb {
    background:url(images/age_intervention_face_cream.png);
    height:124px; 
    width:76px;
	position:relative;
	background-repeat:no-repeat; 
    }
	
	
	/* Adding the thumbnail images - Combination Oily Skin */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.comboa {
    background:url(images/bioglycolic_bioclean_cleanser_sm.png); background-repeat:no-repeat; 
    height:140px; 
    width:76px;
	position:relative;
    }
	#container a.combob {
    background:url(images/c_esta_serum_oil_combo_sm.png);
    height:130px; 
    width:88px;
	position:relative;
	background-repeat: no-repeat;
    }
	#container a.comboc {
  background:url(images/bioglycolic_bioclear_lotion.png); 
    height:118px; 
    width:76px;
	position:relative;
	background-repeat: no-repeat;
    }
	#container a.combod {
    background:url(images/age_intervention_face_serum.png); repeat:no-repeat;
    height:135px; 
    width:76px;
	position:relative;
	background-repeat: no-repeat;
    }
		#container a.comboe {
   background:url(images/antioxidant_daily_face_spf_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	
		/* Adding the thumbnail images - Excessively Oily Skin */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.exca {
    background:url(images/bioglycolic_bioclean_cleanser_sm.png); background-repeat:no-repeat; 
    height:140px; 
    width:76px;
	position:relative;
    }
	#container a.excb {
    background:url(images/CESTA_Serum_Oil_Control_sm.png); 
    height:122px; 
    width:60px;
	position:relative;
	background-repeat: no-repeat;
    }
	#container a.excc {
  background:url(images/bioglycolic_bioclear_lotion.png);
    height:118px; 
    width:76px;
	position:relative;
	background-repeat: no-repeat;
    }
	#container a.excd {
    background:url(images/TGF_Serum_sm.png); 
    height:122px; 
    width:66px;
	position:relative;
	background-repeat: no-repeat;
    }
		#container a.exce {
   background:url(images/antioxidant_daily_face_spf_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	
	/* Adding the thumbnail images - Mild to Moderate Acne */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.mma {
    background:url(images/bioglycolic_bioclean_cleanser_sm.png); background-repeat:no-repeat; 
    height:140px; 
    width:76px;
	position:relative;
    }
	#container a.mmb {
    background:url(images/c_esta_serum_sm.png); background-repeat:no-repeat; 
    height:122px; 
    width:76px;
	position:relative;
    }
	#container a.mmc {
  background:url(images/bioglycolic_bioclear_lotion.png); 
    height:118px; 
    width:76px;
	position:relative;
	background-repeat: no-repeat;
    }
	#container a.mmd {
    background:url(images/age_face_serum_TGF_cream_sm.png); 
    height:130px; 
    width:114px;
	position:relative;
	background-repeat: no-repeat;
    }
		#container a.mme {
   background:url(images/antioxidant_daily_face_spf_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	
	/* Adding the thumbnail images - Acne Teens */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.ata {
    background:url(images/benzoyl_wash_2_sm.png); background-repeat:no-repeat; ;
    height:140px; 
    width:61px;
	position:relative;
    }
	#container a.atb {
    background:url(images/benzoyl_perox_5_sm.png); background-repeat:no-repeat; 
    height:140px; 
    width:69px;
	position:relative;
    }
	#container a.atc {
  background:url(images/antioxidant_daily_face_spf_sm.png); background-repeat:no-repeat;  
    height:135px; 
    width:76px;position:relative;
    }
	/* Adding the thumbnail images - Rosacea */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    margin:0px 0px 0px 0px; 
    text-align:left; 
	align:left;border:none;outline:none;
    }
#container a.carpeta {
    background:url(images/bioglycolic_bioclean_cleanser_sm.png); background-repeat:no-repeat; 
    height:140px; 
    width:76px;
	position:relative;
    }
	#container a.carpetb {
    background:url(images/c_esta_serum_sm.png); background-repeat:no-repeat; 
    height:122px; 
    width:76px;
	position:relative;
    }
	#container a.carpetc {
    background:url(images/bioglycolic_bioclear_cream_sm.png) ;background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	#container a.rosd {
    background:url(images/age_inter_serum_cream_sm.png); background-repeat:no-repeat; 
    height:130px; 
    width:116px;position:relative;
    }
#container a.carpete {
    background:url(images/antioxidant_daily_face_spf_sm.png); background-repeat:no-repeat; 
    height:135px; 
    width:76px;position:relative;
    }
	/* Adding the thumbnail images - Uneven Pigment */

	#container a.enea {
    background:url(images/Bioglycolic_gel_sm.png); 
    height:140px; 
    width:69px;
	position:relative;
	background-repeat: no-repeat;
    }