/*
Theme Name: Docte
Theme URI: http://www.docte.net/
Description: This theme is for docte.net only.
Author: Docte
Author URI: http://www.docte.net/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/

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

/* 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: Arial, Helvetica, sans-serif;
  /* font-family: 'Droid Sans', sans-serif;*/
}

/* Reduce the font size to 87.5% or 14px 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; }
p {line-height:1.3em;}
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 {background:#e9dbc1; margin:52px 0 52px 0; color:#6e6859;}
/*body#home {margin:0 0 52px 0; padding-top:52px; background:url(/images/xmas_bg.jpg) repeat-x top center;}*/

#wrapper {width:100%; background:#FFF; padding:20px 0; }
/*#home #wrapper {background:none;}*/
#wrapper_inner {width:900px; margin:0 auto;}
#header {height:66px;}
#logo a {/*display:block; width:200px; height:66px; */float:left; /*text-indent:-999em;*/}
#language {-moz-border-radius: 3px; border-radius: 3px;  -webkit-border-radius: 3px; background:#625944; width:139px; height:23px;  text-align:center; margin-left:10px; margin-top:26px;}
#language span {font-size:0.92em; color:#999180; line-height:2.3em;}
#language span a:link, #language span a:visited {color:#fff; text-decoration:none;}
#language span a:hover {color:#0586ab; text-decoration:none;}
#socialmedia {padding-top:26px; width:57px;} 

#nav {border:1px solid #ebe8e1; background:url(/images/nav_bg.gif); height:35px;  clear:both; margin:0; padding:0;} /*Dropdown menu style in superfish.css*/

#breadcrumb {margin:0; color:#333333; font-size:0.85em; clear:both; letter-spacing:0em; padding:10px; height:12px; background:url(/images/breadcrumb_bg.gif) repeat-x; border-top:1px solid #fff;}
#breadcrumb ul {list-style:none; padding:0; margin:0;   }
#breadcrumb li {list-style:none; padding:0; margin:0; float:left; padding-right:8px;}
#breadcrumb a:link, #breadcrumb a:visited {color:#51442b;}
#breadcrumb a:hover {color:#333333;}

#content_home {clear:both; margin-top:0; margin-bottom:10px; }
#content {clear:both; }

#banner {width:898px; height:295px;/* border:1px solid #c3b594;*/ border:0px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255, 255, 255, 0.3))); text-indent:-999em;}

@media only screen and (max-device-width: 800px) {
#banner {-webkit-box-reflect:none;  }
 }
#banner p {text-indent:-999em; margin:0; padding:0;}
.brand {background:url(/images/banner_brand.jpg) no-repeat;}
.about {background:url(/images/banner_about.jpg) no-repeat;}
.science {background:url(/images/banner_science.jpg) no-repeat;}
.milestones {background:url(/images/banner_milestones.jpg) no-repeat;}
.company_background {background:url(/images/banner_company_background.jpg) no-repeat;}
.professional_training {background:url(/images/banner_professional_training.jpg) no-repeat;}
.skin_type {background:url(/images/banner_skin.jpg) no-repeat;}
.beauty_centres {background:url(/images/banner_beauty_centres.jpg) no-repeat;}
.contact_us {background:url(/images/banner_contact.jpg) no-repeat;}
.media {background:url(../images/banner_media.jpg) no-repeat;}
.mediaNews {background:url(/images/banner_media_news.jpg) no-repeat;}
.testimonials {background:url(/images/banner_testimonials.jpg) no-repeat;}

/***** Products Banner *******/
.skinCare {background:url(/images/banner_skincare.jpg) no-repeat;}
.products {background:url(/images/banner_products.jpg) no-repeat;}
.cleanse {background:url(/images/banner_cleanse.jpg) no-repeat;}
.toner {background:url(/images/banner_toner.jpg) no-repeat;}
.hydration {background:url(/images/banner_absolute_hydration.jpg) no-repeat;}
.soothing_sensation {background:url(/images/banner_soothing_sensation2.jpg) no-repeat;}
.eye_care {background:url(/images/banner_eye_care.jpg) no-repeat;}
.body_care {background:url(/images/banner_body_care.jpg) no-repeat;}
.spa {background:url(/images/banner_sensual_spa_indulgence.jpg) no-repeat;}
.slim_contour {background:url(/images/banner_slim_contour.jpg) no-repeat;}
.age {background:url(/images/banner_age_resilience_NEW.jpg) no-repeat;}
.lightening {background:url(/images/banner_lightening_new.jpg) no-repeat;}
.sun_care {background:url(/images/banner_sun_care.jpg) no-repeat;}
.sun_care2 {background:url(/images/banner_sun_care2.jpg) no-repeat;}
.purity {background:url(/images/banner_purity.jpg) no-repeat;}
.proteinase {background:url(/images/banner_proteinase_repair.jpg) no-repeat;}

/***** Treatments Banner *******/
.treatment {background:url(/images/banner_treatment.jpg) no-repeat;}
.face_trt {background:url(/images/banner_face_treatment.jpg) no-repeat;}
.eye_neck_trt {background:url(/images/banner_eyeneck_treatment.jpg) no-repeat;}
.vitamin {background:url(/images/banner_vitamin_trt.jpg) no-repeat;}
.antiage {background:url(/images/banner_antiage_trt.jpg) no-repeat;}
.depigmentation {background:url(/images/banner_depigmentation.jpg) no-repeat;}
.rejuvenating {background:url(/images/banner_rejuvenating_trt.jpg) no-repeat;}
.lenitive {background:url(/images/banner_lenitive.jpg) no-repeat;}
.vello {background:url(/images/banner_vello_trt.jpg) no-repeat;}
.refreshing {background:url(/images/banner_refreshing_trt.jpg) no-repeat;}
.coldmask {background:url(/images/banner_cold_mask_trt.jpg) no-repeat;}
.eye_trt {background:url(/images/banner_eye_treatment.jpg) no-repeat;}
.eye_secrets {background:url(/images/banner_eye_secrets_trt.jpg) no-repeat;}
.bust {background:url(/images/banner_bust_treatment.jpg);}
.slimming {background:url(/images/banner_slimming.jpg);}
.spa_therapy {background:url(/images/banner_spa_therapy.jpg);}
.neck {background:url(/images/banner_neck.jpg);}
.acne {background:url(/images/banner_acne_treatment.jpg) no-repeat;}
.repair_trt {background:url(/images/banner_proteinase_repair_treatment.jpg) no-repeat;}

#footer {font-size:0.92em; color:#625944; margin:10px auto; width:900px;}
/*#home #footerWrap {background:url(/images/xmas_footer.gif) repeat-x; width:100%; height:49px; padding-top:10px;}*/
a:link {color:#59401f; text-decoration:none;}
a:visited {color:#59401f; text-decoration:none;}
a:hover {color:#0586ab; text-decoration:none;}
#footer a:link {color:#625944; text-decoration:none;}
#footer a:visited {color:#625944; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:none;}


h1 {color:#0080aa; font-size:1.67em; font-weight:normal; margin-top:20px; padding-bottom:10px; }
h2 {color:#615135; font-size:1.33em; font-weight:bold; letter-spacing:0em;}
h3 {color:#414141; font-size:1.16em; font-weight:bold; letter-spacing:0em;}
h4 {color:#0080aa; font-size:1.08em; font-weight:bold;}

.textHighlight {font-size:1.14em; color:#4a370c; letter-spacing:0em; line-height:1.4em;}
.textHighlight2 {font-size:1.08em;}
.textHighlight3 {font-size:1.4em;}
.brownText {color:#4a370c;}

/* normal box */
.box {-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background:#f6f5ef; border:1px solid #ebe8e1; padding:20px; }
.box2 {-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background:#f6f5ef; border:1px solid #ebe8e1; padding-right:20px; }

/*1 column box at the left*/
.box1Col {width:244px; margin-right:20px;}
.box1Col2 {width:268px; margin-right:20px;}
/* 2 column box */
.box2Col {width:590px; }
.box2Col2 {width:630px; }

/* 1 column box at the right */
.sidebar {width:189px; background:#706752 url(/images/sidebar_bg.gif) no-repeat top right; /*background:#565043;*/ -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding:20px 20px 10px 20px; color:#fff; }

/* 1 column box in the middle */
.boxMiddle {width:320px; }

/*3 column box*/
.box3ColLeft {width:224px; padding-left:10px;}
.box3ColMiddle {width:369px;}
.box3ColRight {width:300px; }

/* Half size box*/
.boxHalf {width:590px; background:#f9f8f8; }
.boxHalf2 {width:420px; padding:10px;}
.boxHalf3 {width:420px; padding:10px; background:#f9f8f8;}


.darkerBrown {background:#e9e7dc;}

ul.contentList {list-style:none; margin-left:0px; padding-left:25px;}
.contentList li {list-style-image:url(/images/list_bullet_white_bg.gif);}

.txtAlignCenter {text-align:center;}
.txtAlignRight {text-align:right;}
.floatRight{float:right;}
.floatLeft {float:left;}
.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.marginTop0 {margin-top:0;}
.marginLeft0 {margin-left:0;}
.marginRight0 {margin-right:0;}
.marginBottom0 {margin-bottom:0;}
.marginLeft10 {margin-left:10px;}
.marginRight10 {margin-right:10px;}
.marginTop10 {margin-top:10px;}
.marginBottom10 {margin-bottom:10px;}
.marginTop5 {margin-top:5px;}
.marginBottom5 {margin-bottom:5px;}
.spaces {height:30px; }
.spaces2 {height:10px; }
/*.engwords {font-family:arial; font-size:0.92em; letter-spacing:0;}*/
.smaller {font-size:0.86em;}
.imgBorder {border:1px solid #c3b594;}
.imgSpacerBottom {margin-bottom:20px;}
.imgSpacerRight {margin-right:20px;}
.imgSpacerLeft {margin-left:20px;}
.imgSpacerTop {margin-top:20px;}
.hrule {width:100%; height:1px; border-bottom:1px dotted #c3b594;}
.hrule2 {width:100%; height:8px; background:url(/images/trt_text_separator.gif) no-repeat center center;}

#linkImg ul {margin:0; padding:0; clear:both;} 
#linkImg li {list-style:none; float:left; width:292px; display:inline; padding:0; margin-bottom:10px; }
#linkImg li.right {margin-left:6px;}
#linkImg img {border:1px solid #ebe8e1; }
#linkImg li div.label {background:#6f6652; width:292px; padding:6px 0; text-indent:0.92em; font-size:1em; color:#fff; margin:0;}
#linkImg li a:link, #linkImg li a:visited {color:#d2cdba;}
#linkImg li a:hover {color:#fff;}

.sidebar h4 {color:#fff; margin:0;}
.sidebar ul {list-style:none; margin:10px 0px; padding-left:10x;}
.sidebar li {list-style-image: url(/images/sidebar_bullet.gif); padding-bottom:4px;}
.sidebar li a:link, .sidebar li a:visited {color:#d2cdba; text-decoration:none;}
.sidebar li a:hover {color:#fff; text-decoration:none;}

.milestone ul {list-style:none; margin:10px 0; padding:0; }
.milestone li.agenda {width:32%; float:left; list-style:none; padding:8px 12px; margin:0;background:url(/images/blue_gradient_bg.gif) repeat-y #3c9bb3;  color:#fff; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; }
.milestone li.remarks {width:52%; float:right; list-style:none;  padding:3px 0;   }
.milestone li.year {font-size:1.5em; font-weight:normal; color:#507d85; width:10%; float:left; font-family:Georgia, "Times New Roman", Times, serif;}
.milestone li.agenda a:link, .milestone li.agenda a:visited {color:#dbf6fb;}
.milestone li.agenda a:hover {color:#fff;}
.milestone li a:link, .milestone li a:visited {color:#0080aa;}
.milestone li a:hover {color:#1aa2bb;}

#skincareTips {width:248px; background:url(/images/skincare_tips_repeat_bg.gif) repeat-y;}
#skincareTips .header {width:100%; height:50px; background:url(/images/skincare_tips_header.gif) no-repeat; text-indent:-999em;}
#skincareTips .content {padding:20px;}
#skincareTips li {list-style-image:url(/images/bullet_tips.gif);}
#skincareTips .footer {width:100%; height:19px; background:url(/images/skincare_tips_footer.gif) no-repeat;} 

#aboutText {background:url(/images/about_intro_text.gif) no-repeat 0% 10%; width:270px; height:156px; text-indent:-999em; float:left;}
#productText {background:url(/images/product_intro_text.gif) no-repeat 0% 0%; width:340px; height:110px; text-indent:-999em; }

a.enlarge {width:116px; height:32px; background:url(/images/btn_enlarge.gif) no-repeat;}

.imgCaption {text-align:center; color:#554d3b;}

#productNav ul {margin:0; padding:0;}
#productNav li:first-child {width:209px; clear:both; height:164px;margin-top:0px; }
#productNav li a.face {display:block; width:207px; height:162px; text-indent:-999em; background:url(/images/thumbnail_face.jpg) no-repeat; }
#productNav li {width:98px; height:92px; float:left;  margin-top:5px;  list-style:none; margin-left:0; padding-left:0;}
#productNav li a {display:block; width:96px; height:90px; text-indent:-999em; border:1px solid #ebe8e1; }
#productNav li a:hover {border-color:#4f4737;}
#productNav li a.eye {background:url(/images/thumbnail_eye.jpg) no-repeat; }
#productNav li a.body {background:url(/images/thumbnail_body.jpg) no-repeat;}
#productNav li a.slimming {background:url(/images/thumbnail_slimming.jpg) no-repeat;}
#productNav li a.spa {background:url(/images/thumnail_spa.jpg) no-repeat;}
#productNav li a.right {margin-left:12px;}
.product_separator {width:100%; height:8px;  background:url(/images/product_separator.gif) no-repeat center right; clear:both;}

#skinCareSteps h2 {background:url(/images/skincaresteps_header.gif) no-repeat; width:260px; height:58px; text-indent:-999em; margin:0; padding:0;}
#skinCareSteps ul {list-syle:none; margin:0; padding:0; margin-top:15px;}
#skinCareSteps li.step {list-style:none; width:117px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; float:left;  padding-left:70px; font-size:1.1em; line-height:1.83em; margin-left:15px;  padding-top:10px; padding-bottom:8px; }

.step1 {background:url(/images/steps1.gif) 8px  15px  #c7ebff no-repeat; }
.step2 {background:url(/images/steps2.gif) 8px center #c7ebff no-repeat; }
.step3 {background:url(/images/steps3.gif) 8px center #c7ebff no-repeat; }
.step4 {background:url(/images/steps4.gif) 8px center #c7ebff no-repeat; }
.step5 {background:url(/images/steps5.gif) 8px center #c7ebff no-repeat; }
#skinCareSteps li.remarks {width:62%; float:right; list-style:none;  padding:10px 0;  }


ul.productList {margin:0; padding:0;}
ul.productList li {list-style:none; padding:0; margin:0; float:left; display:inline; height:142px;}
ul.productList li img {float:left; }
ul.productList li a:link, ul.productList li a:visited {color:#727272;}
ul.productList li a:hover {color:#594a26;}
ul.productList li a {padding-top:90px; float:left; width:70px; padding-left:5px; }
ul.productList li a.threelines {padding-top:73px; float:left; width:70px; padding-left:5px; }
ul.productList li a.fourlines {padding-top:75px; float:left; width:85px; padding-left:5px; }
ul.productList li a.fivelines {padding-top:70px; float:left; width:100px; padding-left:5px; }

#productDetails #pic {float:left; width:145px; text-align:center; }
#productDetails #info {width:389px; float:right;}
#productDetails #info h2 {font-size:1.33em; letter-spacing:0; font-weight:bold; margin-bottom:15px; margin-top:0;}
#productDetails #info ul {clear:both; margin:0; padding:0;}
#productDetails #info ul li {list-style:none; margin:0; padding:0;}
#productDetails #info ul li .caption {margin:0; padding:0; float:left; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; background:#ebe8e1; width:80px; height:25px; text-align:center; font-size:1.08em; line-height:25px; color:#2e94ae;}
#productDetails #info ul li .caption2 {margin:0; padding:0; float:left; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; background:#ebe8e1; width:80px; height:41px; text-align:center; font-size:1.08em; line-height:16px; color:#2e94ae; padding-top:4px;}
#productDetails #info ul li.desc {width:272px; float:left; padding-bottom:25px; line-height:1.3em; padding-left:10px;}
#productDetails #info ul li.desc a {color:#0080aa; text-decoration:none;}
#productDetails #info ul li.desc a:hover {color:#3c9bb2; text-decoration:none;}
#productDetails #info ul li.desc .highlight { font-size:1.08em; display:block;  font-weight:bold; margin-bottom:3px;}
#productDetails #info ol  {padding:0; margin:0; margin-left:13px;}
#productDetails #info ol li {padding:0; margin:0; list-style-type:circle;}
#productDetails #info .attention ul, #productDetails #info .attention ul li {padding:0; margin:0;}
#productDetails #info .attention {border:1px dotted #706752; background:#fff; clear:both; padding:10px;}
#productDetails #info .attention li .caption {margin:0; padding:0; float:left; background:url(/images/icon_attention.gif) no-repeat 5px 3px; width:80px; height:25px; text-indent:8px; font-size:1.07em; line-height:25px; color:#750e0e;}
#productDetails #info .attention li.desc {width:285px; float:right; padding-bottom:5px;  padding-top:3px; line-height:1.3em;}
#productDetails #info .tips {border:1px dotted #08769a; background:#fff; clear:both; padding:10px;}
#productDetails #info .tips li .caption {margin:0; padding:0; float:left; background:url(/images/icon_tips.gif) no-repeat 5px 3px; width:110px; height:25px; text-indent:8px; font-size:1.07em; line-height:25px; color:#08769a;}
#productDetails #info .tips li.desc {width:235px; float:right; padding-bottom:5px; font-size:0.93em; line-height:1.3em; padding-top:3px;}

.ingredients ul {margin:0; padding:0;}
.ingredients ul li {width:263px; margin:0; padding:0; float:left; list-style:none; padding-left:20px;}
.ingredients ul li:first-child {padding-left:0;}
.ingredients .pic {width:221px; height:78px; padding:6px 14px 13px 6px; background:url(/images/ingredients_pic_bg.gif) no-repeat;}
.darkerBrown .pic {width:221px; height:78px; padding:6px 14px 13px 6px; background:url(/images/ingredients_pic_bg2.gif) no-repeat;}
.ingredients .desc {padding:10px 25px 10px 5px; }
.ingredients .desc h4 {font-weight:bold; font-size:1em; margin:0; padding:0;}
.ingredients h3 {color:#615135; padding-top:0; margin-top:0;}
.ingredients ol {padding:0; margin:0; margin-left:13px; font-size:1em; }
.ingredients ol li {padding:0; margin:0; margin-left:8px; list-style-type:square; width:97%;}

.borderRight {border-right:1px solid #ebe8e1;}
.borderRight2 {border-right:1px solid #f4f4f4;}


.ui-tabs span.halfCol {width:272px; display:block; }
.ui-tabs h4 {color:#357889;}
.ui-tabs .eye_treatment h5 {display:block; padding:6px; font-weight:bold; color:#FFF; background:#2e94ae;}
.ui-tabs img {border:1px solid #f4f4f4;}
img.borderCollapse { border:hidden;}


.tabs {height: 530px; min-height:530px; position: relative; z-index: 1; display: block; width:100%; border-bottom:1px solid #f6f5ee; overflow:visible;}
.tabs section {float: left; z-index: 1;}
.tabs section h3 {margin: 0;background: #6e6859 url(/images/tab_corner.gif) no-repeat top right; padding: 8px 35px 5px 10px; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px;  cursor: hand; cursor: pointer; font-size:1.08em; color:#f6f5ef;}
.tabs section.current h3 { background: #f6f5ee url(/images/tab_corner_current.gif) no-repeat top right; cursor: default; color:#756e5d;}
.tabs section div {position: absolute; left: 0; z-index: 2; height: 100%; background: #fcfcfc; /*background: #f6f5ee;*/ display: none; padding: 0 10px; width:570px;  color:#6e6859; border-top:1px solid #eee;}
.tabs section.current div { display: block; }
.tabs section ul {margin:5px; padding-left:20px; padding-bottom:15px; }
.rejuTrt .tabs {height:650px;}
.Depigment .tabs {height:560px;}
.spaTherapy .tabs {height:450px;}
.proteinaseTrt .tabs {height:540px;}
.spaTherapy .tabs section div, .beautyCentres .tabs section div {width:900px;}
.spaTherapy .tabs section span.halfCol {width:370px; display:block; margin-right:15px;}
.tabs section .eye_treatment h5 {display:block; padding:6px; font-weight:bold; color:#FFF; background:#2e94ae;}
.spaTherapy h4 {letter-spacing:0.05em;}
.spaTherapy ol {height:75px;}
.refreshingTrt .tabs {height:300px;}
.beautyCentres .tabs {height:400px;}

.ui-tabs span.clearBoth {clear:both; width:100%; display:block; height:10px;}

.treatments {width:268px; padding:10px; }
.treatments h3 {background:url(/images/blue_gradient_bg.gif) repeat-y #3c9bb3; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; color:#fff; padding:6px 10px 6px 15px; font-size:1.08em; margin-bottom:5px; line-height:1.3em; text-align:center;}
.treatmentName {text-align:center; }

.vitamin_ingredients {text-align:center; border:1px solid #f3f2af; background:#fff;  margin-top:20px; display:block;}
.vitamin_ingredients p {padding:4px 0; margin:0; }
.row1 {background:#eaeea7; font-weight:bold;}

.faq ol {margin:0; padding:0; font-size: 0.86em; }
.faq li {list-style:none; display:inline; margin:0; padding:0; padding-bottom:2px;}
.label {width:20px; float:left; }
.text {width:252px; float:right;}
.question {color:#357889; font-weight:bold;}

.video {margin:0 auto; width:550px; display:block; border:1px solid #f8f8f8; }
.plants {color:#4b4436; font-weight:bold;}
.ingredients_arrow {padding-left:10px; background:url(/images/ingredients_arrow.gif) no-repeat 2px 5px; }

.beautyCentres h5 {background:url(/images/title_exclusive_centres.gif) top center no-repeat #a7a69f; height:29px; text-indent:-999em; margin-top:0;}
.beautyCentres .address {letter-spacing:0; font-size:1em;}
.centreName {color:#2e94ae;font-weight:bold; padding-bottom:8px;}
.tel {font-weight:bold;}

 
span.exclusive {display:block; width:240px; padding:8px; background:#eee; font-size:1.08em; margin-top:10px;}

.testimonial_shorttxt {width:415px;}
#testimonial h3, .window h3 {color:#227a8e;}
#testimonial {}
.profile {border: 7px solid #fff; margin-left:25px; margin-bottom:10px;}
.window {background:#edebe2; padding:30px; }

#boxes  {display:none;}
#boxes #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}

#media ul {margin:0; padding:0;}
#media li {padding:0; margin:0; padding-left:25px; float:left; position:relative; list-style:none; }
#media li:first-child {padding-left:0;}
#media img {border:1px solid #b8b1a3;}
#media li div { color:#837d6f; margin-bottom:10px; margin-top:5px; font-weight:bold;}
#media li a {color:#00657d; text-decoration:none;}
#media li a:hover {color:#837d6f; text-decoration:none;}
#media li a:visited {color:#00657d; text-decoration:none;}

.acne_trt p, .acne_trt h4 {text-align:center;}
.acne_trt .arrow {background:url(/images/acne_arrow.gif) no-repeat 50% 50%; height:12px; margin:15px 0;}

#science_elements ul {margin:0; padding:0;}
#science_elements li {list-style:none; float:left; width:152px; margin-left:7px; }
#science_elements li:first-child {margin:0;}
#science_elements a {display:block; width:152px; height:81px; text-indent:-999em; }
#science_elements a.plants {background:url(/images/btn_science_plants.jpg) left top;}
#science_elements a.technology {background:url(/images/btn_science_technology.jpg) left top;}
#science_elements a.micronized {background:url(/images/btn_science_micronized.jpg) left top;}
#science_elements a.liposome {background:url(/images/btn_science_liposome.jpg) left top;}
#science_elements a:hover {background-position:left bottom;}
#science_elements a.current {background-position:left bottom;}

.selectBox select {border:1px solid #b9dbe4; font-size:0.6em; color:#007998; background:#f2fcff; line-height:1.1em; }
.selectBox .button {color: #fff; border: 1px solid #b9dbe4; font-weight: bold; font-size:0.65em; background:#3c9bb3; font-weight:normal; letter-spacing:0.08em;}

.new {background:url(/images/icon_new.gif) no-repeat top right; padding-right:25px; }

#skincareTips {padding-left:60px; background:url(/images/skin_care_tips.gif) no-repeat 8px 0; width:140px;  padding-top:55px; padding-right:5px; float:right; border-left:1px dotted #dcd1b6;}
#skinDesc {width:315px; float:left; }
#skin {width:100%;}
#skin ul {list-style:none; margin:0; padding:0;}
#skin ul li { width:217px; float:left; position:relative; padding-right:10px;}
#skin ul li:last-child {padding-right:0;}
#skin ul li a:link, #skin ul li a:visited{color:#0080aa;}
#skin ul li a:hover {color:#005e8f;}
#skin h2 a {color:#005e8f;}

.skinTable ul {width:100%; margin:0; padding:0; background: #ebe8e1;  border-bottom:1px solid #e6e2d8;}
.skinTable li {display:inline; list-style:none;  float:left ;background: #ebe8e1; padding:20px 10px;   }
.skinTable li.left {width:125px;  text-align:center; background: #ebe8e1;  font-size:1.07em; border-right:1px solid #e6e2d8;}
.skinTable li.right {width:403px; background:#f6f5ef;  padding:20px;}

.note {margin:0; background:url(/images/icon_attention.gif) no-repeat 5px 8px; padding:5px 10px 5px 25px; font-size:1.07em; line-height:25px; color:#750e0e; border:1px dotted #6e6859;}

#acne ul {margin:0; padding:0;}
#acne li {padding:0; margin:0; padding-left:10px; float:left; position:relative; list-style:none;width:30%; }
#acne li:first-child {padding-left:0;}
#acne li div { color:#837d6f; margin-bottom:10px; margin-top:5px; }
#acne li a {color:#00657d; text-decoration:none;}
#acne li a:hover {color:#837d6f; text-decoration:none;}
#acne li a:visited {color:#00657d; text-decoration:none;}
.txtHighlight {color:#000; font-weight:bold;}

#sitemap h2 a {color:#0080aa;}
#sitemap ul {margin-left:0; padding-left:15px;}
#sitemap li {margin-left:10px; padding:0px; background:#f9f8f8;}
#sitemap li a {padding:1px; display:block;}
#sitemap img {border:1px solid #f4f4f4;}
#sitemap ul ul, #sitemap ul ul li {background:#fff;}

ul.faceList {list-style:none; margin:0; padding:0;}
ul.faceList li {list-style:none; display:inline; margin-bottom:10px; }
ul.faceList img {border:6px solid #fff;}