/* Define the default first */

/******* em Text Delaration Start *******/

/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  font-size: 101%; /* for IE bug */
  font-family: Verdana, Arial, Helvetica, sans-serif, Simhei;
 
}

/* Reduce the font size to 68.8% or 11px size 
100% = 16
11/16 x 100
*/
body{ font-size: 75%; }

/* IE can’t read this */
html>body { font-size: 75%;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

/******* em Text Delaration End *******/

body {margin:0; background:#e9dbc1; color:#362a1d; text-align:justify; line-height:1.5em;  letter-spacing:0.2em;}

/*** Home ***/
#container {width:100%; height:586px; background:#FFFFFF; margin-top:52px;}
#logo {width:852px; height:19px; padding-top:50px; margin:0 auto; clear:both; background:url(logo.gif) no-repeat 0% 0%; text-align:right; font-size:0.9em;}
#container2 {width:850px; height:474px; border:1px solid #ddd2b6; margin:0 auto; clear:both;}
#topmenu {height:28px; width:100%; clear:both; background:#504632; }
#content {width:100%; clear:both; text-align:justify;}
#content p {text-align:justify;}
#footer {width:852px; height:41px; clear:both; margin:0 auto; font-size:0.9em;}

#homeLeft {width:445px; float:left; /*background:url(home_pic.jpg) no-repeat 0% 100%;*/ height:446px;}
#homeRight {width:393px; float:right;}

#containerSub {width:100%; background:#FFFFFF; margin-top:52px;}
#containerSub2 {width:850px;  border:1px solid #ddd2b6; margin:0 auto; clear:both; background:url(menu_bg.jpg) no-repeat 0% 100%;}
#menu {width:160px; float:left; padding-top:15px; padding-right:8px;}
.productPage {min-height:500px;}
* html .productPage {height:500px;}
#contentSub {width:600px; float:right; padding-left:20px; padding-right:40px; padding-bottom:20px; padding-top:10px;}

h1 {font-size:1.12em; color:#766341; padding-top:0; margin-top:0;}
h2 {background:url(product_skin_types.gif) no-repeat 0% 100%; margin:0; width:600px; height:65px;}


.pad1 {padding-left:27px; padding-top:10px; padding-right:55px; padding-bottom:10px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.fullWidth {clear:both; width:100%;}

.footerText {color:#766341; text-align:right;}
.footerText a:link {color:#766341; text-decoration:none;}
.footerText a:visited {color:#766341; text-decoration:none;}
.footerText a:hover {color:#504632; text-decoration:underline;}

.footnote {font-size:0.84em; font-weight:normal;}
.naviLinks {float:left; height:27px;  font-size:0.1em; display:inline-block;}


#products ul {margin:0px; padding:0px; clear:both;}
#products ul li { width:260px; height:340px; padding:5px 10px 0px 5px; text-align:center; position:relative; float:left; display:inline; margin:4px 5px 5px 5px; }
#products ul li.borderRight {border-right:1px dotted #ddd2b6; }
#products li div {text-align:justify; }
#products li div.productPic {text-align:center; height:186px;}
#products li div.productTitle {font-weight:bold; font-size:1.09em; border-bottom:1px solid #ddd2b6; display:block; text-align:left; margin-bottom:5px; width:260px; letter-spacing:0em; }
.productTitle2 {font-weight:bold; font-size:1.09em;  text-align:left; display:block; border-bottom:1px solid #ddd2b6;}
#products li div.productInfo {text-align:justify; border-bottom:1px dotted #ddd2b6; width:260px; height:119px; padding-bottom:10px; clear:both;}


#treatments ul {margin:0px; padding:0px; clear:both;}
#treatments ul li { width:260px; height:180px; padding:5px 10px 0px 5px;  position:relative; float:left; display:inline; margin:4px 5px 5px 5px; }
#treatments ul li.fullWidth { width:545px; height:160px; padding:5px 10px 0px 5px; margin:4px 0 5px 0; clear:both; border-bottom:1px dotted #ddd2b6; position:relative;}
.treatmentTitle {font-weight:bold; font-size:1.18em; display:block; text-align:left; margin-bottom:5px; width:100%; }
#treatments li div.treatmentInfo {text-align:justify; border-bottom:1px dotted #ddd2b6; width:100%; height:140px; padding-bottom:10px; clear:both;}
#treatments li.fullWidth  div.treatmentInfo {text-align:justify; border-bottom:0; width:100%; height:70px; padding-bottom:10px; clear:both;}

table.treatmentInfo tr td {border-bottom:1px dotted #ddd2b6; padding:15px;}
.treatmentInfo ul {margin:0; padding:0; list-style:none;}
.treatmentInfo ul li {padding:0; padding-left:15px; background:url(location_bullet.gif) 0 7px no-repeat; list-style:none;}

.height1 {height:186px;}
.height2 {height:160px;}
a:link {color:#168eb1; text-decoration:none;}
a:visited {color:#168eb1; text-decoration:none;}
a:hover {color:#168eb1; text-decoration:underline;}


.treatmentTitle {font-weight:bold; text-decoration:underline; text-align:left; margin-bottom:5px; color:#504632; font-size:1.08em;}
.treatmentPic {margin-left:20px; margin-bottom:20px; float:right;}

#adv ul {margin:0px; padding:0px; clear:both; list-style:none;}
#adv ul li { width:180px;  padding:2px; list-style:none; text-align:center; position:relative; float:left; display:inline; margin:2px 3px 3px 3px;}
#adv ul li.borderRight {border-right:1px dotted #ddd2b6; }
#adv li img {margin-bottom:5px; border:1px solid #ddd2b6;}
#adv li div {text-align:justify; }

img.spacerLeftTop {margin-top:10px; margin-left:10px;}
img.img_border {border:1px solid #ded5cf;}

.sitemap ul {margin:0; padding:0; list-style:none; margin-left:10px; margin-top:5px;}
.sitemap ul li {padding:0; padding-left:15px; background:url(icon_details.gif) no-repeat 0% 50%;}

#pastEvents {width:30%; float:right; padding-left:15px; border-left:1px solid #ddd2b6;}

.storeLocations {width:310px; float:right;}
.storeLocations ul {list-style:none; margin: 0; padding:0; width:35%; float:left; margin-left:18px; margin-bottom:18px;}
.storeLocations ul li {background:url(location_bullet.gif) 0 7px no-repeat; padding: 2px 0 3px 10px;}
.storeLocations p {padding-left:10px; text-align:left;}

#topmenu ul { padding:0; margin:0; list-style:none; clear:both;}
#topmenu ul li { list-style:none; float:left; position: relative; }
#topmenu a {display:block; height:28px; float:left; text-indent:-1000em;}
.top_home {width:45px; background:url(top_home.gif) no-repeat;}
.top_about {width:90px; background:url(top_about.gif) no-repeat;}
.top_products {width:90px; background:url(top_products.gif) no-repeat;}
.top_treatment {width:80px; background:url(top_treatment.gif) no-repeat;}
.top_news {width:114px; background:url(top_news.gif) no-repeat;}
.top_find {width:102px; background:url(top_find.gif) no-repeat;}
.top_customers {width:80px; background:url(top_testimonial.gif) no-repeat;}
.top_media {width:75px; background:url(top_media.gif) no-repeat;}

#topmenu a.selected {background-position: 0% 100%; display:block;}
#topmenu a:hover {background-position:0% 100%; display:block;}

#menu ul { padding:0; margin:0; list-style:none; clear:both; padding-top:25px;}
#menu ul li { list-style:none;  }
#menu a { height:23px; display:block; width:150px; text-indent:-1000em;}

.cleanse {background:url(side_navi_cleanser.gif) no-repeat; }
.toner {background:url(side_navi_toner.gif) no-repeat; }
.eye {background:url(side_navi_eye_care.gif) no-repeat; }

.age {background:url(side_navi_age.gif) no-repeat; }
.hydration {background:url(side_navi_hydration.gif) no-repeat; }
.lightening {background:url(side_navi_lightening.gif) no-repeat; }
.purity {background:url(side_navi_purity.gif) no-repeat; }
.soothing {background:url(side_navi_soothing.gif) no-repeat; }
.sun {background:url(side_navi_sun.gif) no-repeat; }
.body {background:url(side_navi_body_care.gif) no-repeat; }
.slim {background:url(side_navi_slim.gif) no-repeat; }
.spa {background:url(side_navi_spa.gif) no-repeat; }

.beauticians {background:url(side_navi_beautician.gif) no-repeat;}
.consumers {background:url(side_navi_consumers.gif) no-repeat;}

.adPress {background:url(side_navi_adpress.gif) no-repeat;}
.adVideoAudio {background:url(side_navi_advideoaudio.gif) no-repeat;}


.face_trt {background:url(side_navi_face_trt.gif) no-repeat;}
.eye_trt {background:url(side_navi_eye_trt.gif) no-repeat;}
.spa_trt {background:url(side_navi_spa_therapy.gif) no-repeat;}

#menu a.selected {background-position: 0% 100%; display:block;}
#menu a:hover {background-position: 0% 100%; display:block;} 

h2 #cleanser{background:url(title_cleansers.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #toner{background:url(title_toner.gif) no-repeat 0% 100%; width:105px; height:61px;}
h2 #eye{background:url(title_eye.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #age{background:url(title_age.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #hydration{background:url(title_hydration.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #lightening{background:url(title_lightening.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #purity{background:url(title_purity.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #soothing{background:url(title_soothing.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #sun{background:url(title_sun.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #body{background:url(title_body.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #slim{background:url(title_slim.gif) no-repeat 0% 100%; width:120px; height:61px;}
h2 #spa{background:url(title_spa.gif) no-repeat 0% 100%; width:145px; height:61px;}
h3#beauticians {background:url(title_testimonial_beautician.gif) no-repeat 0% 100%; width:100%; height:41px; display:block;}
h3#consumers {background:url(title_testimonial_consumer.gif) no-repeat 0% 100%; width:100%; height:41px; display:block;}

img.img_spacer {padding:3px 6px;}

.productsLeft {width:65%; float:left;}
.productsHighlight {width:100%; clear:both; border-top:1px dashed #d9cea4; border-bottom:1px dashed #d9cea4;padding-left:10px; margin-top:5px; background:#f1ebe7; padding-bottom:10px;}
.productsHighlight .border {padding-right:5px; float:left; margin-right:5px;}

#comments input, #comments textarea, #comments select {border:1px solid #d9cea4; background:#ebebeb;  color:#504632;}

#submit_comments a {background:url(submit_comments.gif) no-repeat; display:block; width:320px; height:38px; text-indent:-1000em; float:right;}
#submit_comments a:hover {background-position: 0% 100%; display:block;}

.box_comments {border:1px dotted #d9cea4; padding:1px; width:582px; }
.box_comments p {background:#edebe2; margin:0; padding:5px 5px 10px 5px;}
.box_comments img.profile {border-left: 2px solid #776f5f; border-bottom: 2px solid #776f5f;  border-top: 1px solid #d9cea4; border-right: 1px solid #d9cea4; margin-left:25px; margin-bottom:10px;}
.box_comments .name {color:#5c5649; font-weight:bold;}
.box_comments .shopTitle {color:#168eb1; font-weight:bold;}

.treatment_info div.row2 {padding:15px 5px; border-bottom:1px dotted #d9cea4; clear:both; width:570px;}

#find ul {letter-spacing:0em;}

.normalSpacing {letter-spacing:0em;}

.pagenum {text-align:right; clear:both;}

.fixed:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.fixed{
	display:block;
	}
/*  \*/
.fixed{
	min-height:1%;
	}
* html .fixed{
	height:1%;
	}