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

*{margin:0; padding:0}
img{border:none}
.clear{clear:both}
body{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#3c2568;
background:#ffffff;
}
a{text-decoration:none; color:#3c2568;}
a:hover{text-decoration:underline}
.container{
width:896px;
margin:0 auto;
position:relative;
}
.header{
height:75px;
overflow:hidden;
background:url(../images/header_bg.png) no-repeat top left;
}
.logo{
	width:329px;
	height:52px;
	background:url(../images/site_logo.png) no-repeat top left;
	position:absolute;
	top:8px; left:60px}
.logo a{width:329px; height:52px; display:block}
.logo a span{display:none}

.nav{
height:30px;width:460px;
background:url(../images/nav_bg.png) no-repeat top left; 
position:absolute; z-index:900;
top:9px; right:38px;
font-size:12px; 
} 
.nav a{color:#fff; width:100%;display:block; background-color:transparent}
.nav a:hover{color:#e6f5fe; text-decoration:none}
.nav li{list-style:none;}
.nav ul{font-weight:bold}
.nav ul li{position:relative}
.nav ul li.pos1{float:left; width:105px; text-align:center; height:30px; line-height:30px;}
.nav ul li.pos2{float:left; width:100px; text-align:center; height:30px; line-height:30px}
.nav ul li.pos3{float:left; width:200px; text-align:center; height:30px; line-height:30px}
.nav ul li.pos4{float:left; width:75px; text-align:center; height:30px; line-height:30px}
.nav ul li.pos5{float:left; width:125px; text-align:center; height:30px; line-height:30px}
.nav ul ul.level2{width:165px; padding: 5px 40px 5px 20px; height:auto; background:url(../images/nav_sub_bg.png) no-repeat top left!important;background:url(../images/nav_sub_bg.gif) no-repeat top left; text-align:left; line-height:22px; position:absolute; top:30px; left:-5px; display:none;  z-index:998}
.nav ul li.over ul{display:block;}
.nav ul ul li{border-top:1px solid #80dbf8; position:relative; font-weight:normal; width:160px; float:left}
.nav ul ul li.sub_first{border-top:none}
.nav ul ul li.over a{background:#46c9f5;}
.nav ul ul ul.level3{font-size:11px; line-height:12px;  width:166px; padding: 10px 30px 10px 20px; height:auto; background:url(../images/nav_sub2_bg.png) no-repeat top left!important; background:url(../images/nav_sub2_bg.gif) no-repeat top left;position:absolute; left:160px; top:-30px; z-index:999; display:none}
.nav ul li.over ul ul{display:none}
.nav ul ul li.over ul{display:block}
.nav ul ul ul li{width:166px; float:left; border-top:1px solid #a3e4fa;}
.nav ul ul .over ul li a{width:100%; display:block; padding:5px 0; margin:0}
.itlic { font-style: italic; }
.subheader{height:71px; background:url(../images/subheader.png) repeat-x top left; position:relative;}
.subheader h1{color:#ffffff; font-size:3em; line-height:1.3em; position:absolute; bottom:25px; left:20px; font-weight:normal; background-color:transparent; width:810px}

.home_main{}
.home_headline{background:url(../images/home_main_bg.png) no-repeat 0 0; height:310px; padding:18px 42px 0 64px }
.home_headline_flash{height:328px;}
.home_headline .pos1{width:464px; float:left; height:273px; position:relative;overflow:hidden}
.home_headline .pos2{padding-top:7px; width:302px; float:right; height:130px; position:relative;overflow:hidden}
.home_headline .pos3{padding-right:24px; margin-top:0; width:297px; float:right; height:145px; position:relative;overflow:hidden}
.home_headline .pos1 h1{position:absolute; color:#fff; bottom:10px; left:30px; font-size:6.0em; font-weight:bold; line-height:1.0em; background-color:transparent}

.home_headline .pos2 h1{position:absolute; color:#fff; bottom:25px; right:50px; font-size:3.5em; font-weight:bold; line-height:1.3em; text-align:right; background-color:transparent}
.home_headline .pos2 h2{position:absolute; color:#fff; bottom:57px; right:50px; font-size:2.0em; font-weight:bold; line-height:1.3em; text-align:right; background-color:transparent}

.home_headline .pos3 h1{position:absolute; color:#fff; bottom:48px; left:32px; font-size:3.5em; font-weight:bold; line-height:1.3em; text-align:left; background-color:transparent}
.home_headline .pos3 h2{position:absolute; color:#fff; bottom:80px; left:32px; font-size:2.0em; font-weight:bold; line-height:1.3em; text-align:right; background-color:transparent}

.home_headline .pos1 .button{width:121px; height:39px; position:absolute; right:0; bottom:4px}
.home_headline .pos1 .button a{width:107px; height:39px; display:block; background:url(../images/home_button01.png) no-repeat top; font-size:14px; font-weight:bold;color:#fff; line-height:36px; padding-left:14px}
.home_headline .pos2 .button{width:146px; height:38px; position:absolute; right:0; bottom:0}
.home_headline .pos2 .button a{width:126px; height:38px; display:block; background:url(../images/home_button02.png) no-repeat top; font-size:12px; font-weight:normal;color:#fff; line-height:42px; padding-left:20px}
.home_headline .pos3 .button{width:146px; height:54px; position:absolute; right:0; bottom:0}
.home_headline .pos3 .button a{width:134px; height:44px; display:block; background:url(../images/home_button03.png) no-repeat top; font-size:12px; font-weight:normal;color:#fff; line-height:14px; padding-left:12px; padding-top:10px}
.home_headline .button span{display:none}

.home_slide{width:540px; height:185px; margin:0 auto; overflow:hidden;position:relative} /* 2009/04/16 added height to prevent that the footer moves to sifr creation */
.home_slide .prev{width:10px; height:132px; background:url(../images/home_scroll_left.png) no-repeat top left; position:absolute; top:0; left:0 }
.home_slide .next{width:10px; height:132px; background:url(../images/home_scroll_right.png) no-repeat top left; position:absolute; top:0; right:0}
.home_slide .prev a, .home_slide .next a{width:10px; height:132px; display:block}
.home_slide .prev a span, .home_slide .next a span{display:none}
.home_slide_wrap{width:500px; overflow:hidden; height:132px; margin:0 20px}
.home_slide_wrap ul{width:2000px; padding:0 100px;}
.home_slide_wrap ul li{float:left; width:100px; list-style:none}
.home_slide_wrap ul li img{height:129px}
.home_slide h1{color:#00b7f1; font-size:1.8em; font-weight:normal; line-height:1.2em; text-align:center; padding:5px 0}

.footer{
clear:both;
padding-top:10px;
padding-bottom:20px;
text-align:center;
color:#BEBEBE;
}
.footer ul{text-align:center; padding-top:24px; background:url(../images/footer_bg1.png) no-repeat top left;}
.footer ul li{display:inline; padding:0 25px; font-size:1.1em; color:#00b7f1; line-height:1.5em}
.footer ul a{color:#00b7f1;}
.footer p{text-align:center; padding-top:30px; background:url(../images/footer_bg2.png) no-repeat top left; font-size:1em; line-height:1.5em; color:#999999}
.footer p a {color:#999999;}

 /* faqs */
.faqs {background:url(../images/blueline.gif) repeat-y 616px 0px;}
.faqs .sider{width:280px; float:right; position:relative;}
.faqs .main{width:555px; float:left; position:relative; padding:10px 20px;}
.faqs h2 {font-size: 1.3em; font-weight: bold;}
.faqs p {font-size: 1.1em; }
.faqs_rt {padding:10px 20px;}
.faqs_rt p { padding-bottom: 10px;}

/*Product*/
.product{}
.product .sider{width:230px; float:left; position:relative} /* 2009-05-05 SIFR CORRECTION */
.product .main{width:615px; float:right; position:relative}

.product .sider h1{padding-left:20px; color:#3c2568; font-weight:normal; font-size:2em; line-height:1.3em; padding-bottom:15px; }
.product .sider ul{padding-left:20px; color:#3c2568; font-weight:normal; font-size:1.2em; line-height:1.3em; padding-bottom:15px; }
.product .sider li{padding-left:20px; padding-bottom:5px; list-style:none; background:url(../images/product_arrow.png) no-repeat 2px 0.3em; position:relative}
.product .sider li a{color:#3c2568;}

.product .main_product{background:url(../images/product_main_bg.png) repeat-x bottom left; padding-bottom:30px; margin-bottom:20px}
/* .product .main_product h1{color:#3c2568; font-weight:normal; font-size:2em; line-height:1.3em; padding-bottom:15px; background:url(../images/blueline.gif) repeat-x 0 1em; display:block; height:1.3em} */
.product .main_product h1{color:#3c2568; font-weight:normal; font-size:2em; height:1.3em; padding-left:20px; background:url(../images/blueline.gif) repeat-x 0 1em; width: 570px; }
.product .main_product_pic{width:240px; float:left; text-align:center}
.product .main_product_detail{padding:0 45px 10px 250px; font-size:1.1em; line-height:1.3em;  }
.product .main_product_detail p{margin-bottom:1em; position:relative}
.product .main_product_detail h2{font-size:1.1em; margin-bottom:1em; position:relative}
.product .main_product_detail ul{margin-bottom:1em; position:relative;}
.product .main_product_detail li{list-style:none; padding-left:35px; background:url(../images/product_square.png) no-repeat 25px 0.5em}
.product .product_next_link{margin-left:250px; margin-right:50px; line-height:1.5em; text-align:right; font-size:1.2em; font-weight:bold; background:url(../images/product_arrow.png) no-repeat right 0.5em;}
.product .product_next_link a{padding-right:15px; color:#c00}

.main_more_product{border-bottom:1px solid #7fdbf8; margin-bottom:20px; }
.main_more_product h1{width:100px; float:left; color:#3c2568; font-weight:normal; font-size:2em; line-height:1.3em; padding-bottom:15px}
.main_more_product ul{margin-left:100px; }
.main_more_product li{width:90px;float:left; list-style:none; padding:0 30px; text-align:center; font-size:1.1em; margin-bottom:20px}
.main_more_product .clear{width:1px; height:1px; overflow:hidden; float:none; clear:both; margin:0; padding:0}

.main_others{font-size:1.2em; margin-bottom:20px}
.main_others a{color:#c00;}
.main_others a span{background-image:url(../images/product_arrow.png);background-repeat:no-repeat; padding-right:10px; background-position: right;}

.main_others .main_others_pos1{ width:180px; float:left; text-align:center; padding-left:80px}
.main_others .main_others_pos2{ width:180px; float:left; text-align:center; padding-left:80px}
.main_others .main_others_pos1 img, .main_others .main_others_pos2 img{margin-top:5px}

.overview{background:url(../images/blueline.gif) repeat-y 280px 0}
.overview .main{ padding-left:5px; width:610px}
.product_overview_header{height:145px; background:url(../images/skincare_header.jpg) no-repeat top left; padding-left: 20px; padding-top: 10px;}
.product_overview_header h1 {color:#ffffff; font-size:2.2em; line-height:1.3em; bottom:25px; left:20px; font-weight:normal; background-color:transparent; width:315px}
.product_overview_header h2 {color:#e2f7fe; font-size:1.8em; line-height:1.3em; bottom:25px; left:20px; font-weight:normal; background-color:transparent; width:310px;}
.overview .main_more_product h1{float:none; font-size:1.2em; line-height:1.5em; color:#c50606; width:auto; font-weight:bold; padding-left:20px; padding-bottom:10px}
.overview .main_more_product ul{margin-left:0; }
.overview .main_more_product li{padding:0 40px 0 20px}
.overview .main_others_pos1{padding-left:40px}
.overview .main_others_pos2{padding-left:60px}

/* product category
.productcategory .sider{width:280px; float:left; position:relative; }
.productcategory .sider .head {font-weight: bold; color: #D50048; font-size: 1.3em; }
.productcategory .sider a {font-size: 1.2em; }

.productcategory .main{width:615px; float:left; position:relative; }
 */

/*skincare*/
.skincare{background:url(../images/blueline.gif) repeat-y 616px 0px;}
.skincare .sider{width:280px; float:right; position:relative}
.skincare .main{width:615px; float:left; position:relative; }
.skincare_header{height:145px; background:url(../images/skincare_header.jpg) no-repeat top left; padding-left: 20px; padding-top: 10px;}
.skincare_header h1 {color:#ffffff; font-size:2.2em; line-height:1.3em; bottom:25px; left:20px; font-weight:normal; background-color:transparent; width:315px}
.skincare_header h2 {color:#e2f7fe; font-size:1.8em; line-height:1.3em; bottom:25px; left:20px; font-weight:normal; background-color:transparent; width:310px;}
.skincare .main_more_product{margin-right:7px}
.skincare .main_more_product ul{margin-left:50px; }
.skincare .main_others_pos1{padding-left:40px}
.skincare .main_others_pos2{padding-left:80px}

.skincare_form{padding:0 20px 0 20px; }
.skincare_form p{font-size:1.2em; margin-bottom:10px}
.skincare_form_box{width:230px; float:left; padding-right:20px; line-height:3em}
.skincare_form_box h3{font-size:1.2em; font-weight:normal}
.skincare_form_box p{margin-bottom:0; font-size:1.1em; line-height:1em; margin-bottom:0.5em}
.skincare_form_box p input{width:1.1em; height:1.1em; vertical-align:middle; margin-right:5px}
.skincare_form .pos1{width:200px}
.skincare_form .pos2{width:250px}
.skincare_form .pos3{width:80px; padding-right:0; padding-top:9em}
.skincare_form_button{background:url(../images/product_arrow.png) no-repeat right; border:none; font-size:1.3em; font-weight:bold; color:#c50606 ; cursor:pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; height:2em; text-align: right; padding-right: 12px; }

.skincare_rt{margin-bottom:30px}
.skincare_rt h1{margin-left:18px; font-size:2em; line-height:1em; font-weight:normal; color:#3c2568; padding:0.8em 0}
.skincare_rbox{margin-left:7px; clear:both; border-top:1px solid #7fdbf8; padding:1em 0 }
.skincare_rbox .icon{width:60px; height:60px; float:left; background-repeat:no-repeat; background-position:top center; position:relative}
.skincare_rbox h2{margin-left:70px; font-size:1.1em; font-weight:bold; }
.skincare_rbox p{margin-left:70px; font-size:1.1em; }
.skincare_rt .pos1 .icon{background-image: url(../images/skincare_r1.png)}
.skincare_rt .pos2 .icon{background-image: url(../images/skincare_r2.png)}
.skincare_rt .pos3 .icon{background-image: url(../images/skincare_r3.png)}
.skincare_rt .pos4 .icon{background-image: url(../images/skincare_r4.png)}
.skincare_rt .pos1{border-top:none}
.skincare_rt .selected{background:url(../images/skincare_r_current.jpg) repeat-x top left; position:relative}

.skincare_rb{width:260px; height:193px; background:url(../images/skincare_rb.png) no-repeat top left; margin-left:20px; position:relative}
.skincare_rb h1{font-size:1.7em; margin:0; padding:10px; width: 230px; } /* 2009-05-05 SIFR CORRECTION */
.skincare_rb h2{font-size:1.2em; margin:0; padding:10px; position:absolute; bottom:0; right:10px; }
.skincare_rb h2 a{color:#c50606; padding-right:14px; background:url(../images/product_arrow.png) no-repeat right}

.promotions { height: auto;}
.promotions p { font-size:1.1em; line-height:1.25em; padding-bottom: 1.1em;}
.promotions .left, .promotions .right { width:436px; float: left;}
.promotions .right { margin-left: 15px; }
.promotions hr { height: 1px; border: solid #7fdbf8 1px; margin-top: 20px; margin-bottom: 30px;}


.subheader2{ width: 896px; height:26px; background:#fff; background:url(../images/blueline.gif) repeat-x 0 20px; }
.subheader2 h1{ font-size:2em; height:1.3em; color:#3c2568; margin-left:20px; font-weight:normal; }

.skincare_detail{}
.skincare_detail .main{padding:0 20px; width:575px}
.skincare_detail .main img{float:right; padding:30px}
.skincare_detail .main h1{font-size:4em; color:#e98400; font-weight:normal; line-height:1em; }
.skincare_detail .main p{font-size:1.2em; line-height:1.3em; padding-top:1.2em; }
.skincare_detail .main ul{padding-left:3em; font-size: 1.2em; line-height:1.3em;padding-top:1.2em; }

.skincare_detail .skin_layers {position: relative; margin-top: 1.5em; width: 100%; text-align: center; height: 290px;}
.skincare_detail .skin_layers img{float:none; padding:0px}
.skincare_detail .skin_layers  div {line-height: 1.15em; position: absolute; font-weight: bold;}
.skincare_detail .skin_layers .layer1 {left: 380px; top: 3px; width: 190px;  text-align: left; }
.skincare_detail .skin_layers .layer2 {left: 395px; top: 25px; width: 175px; text-align: left; }
.skincare_detail .skin_layers .layer3 {left: 440px; top: 95px; width: 130px; text-align: left; }
.skincare_detail .skin_layers .layer4 {left: 440px; top: 130px; width: 130px; text-align: left; }
.skincare_detail .skin_layers .layer5 {left: 440px; top: 164px; width: 130px; text-align: left; }
.skincare_detail .skin_layers .layer6 {left: 440px; top: 194px; width: 130px; text-align: left; }
.skincare_detail .skin_layers .layer7 {left: 265px; top: 272px; width: 80px; text-align: center; }
.skincare_detail .skin_layers .layer8 {left: 172px; top: 272px; width: 80px; text-align: center; }
.skincare_detail .skin_layers .layer9 {left: 0px; top: 73px; width: 133px; text-align: right; }
.skincare_detail .skin_layers .layer10 {left: 0px; top: 126px; width: 133px; text-align: right; }
.skincare_detail .skin_layers .layer11 {left: 0px; top: 207px; width: 133px; text-align: right; }


.skincare_detail .back{margin-top:2em; font-size:1.4em; font-weight:bold;  margin-bottom:1em}
.skincare_detail .back a{ color:#c50606; padding-left:16px; background:url(../images/product_arrow_left.png) no-repeat 0 0.4em;}

.tvads {height: auto;  }
.tvad_element {width:436px; height: 189px; background: url(../images/bg_box.jpg) no-repeat left; background-color:#f9f9f9; float:left; margin-right:10px;margin-bottom:15px;}
.tvad_spacer {padding:17px;}
.tvad_img { float:left; margin-right:15px; height: 150px;}
.tvad_header {float:left; width: 230px;}
.tvad_header h1 { font-size: 20px; line-height: 25px; padding-bottom:15px; color: #C1272D; }
.tvad_header h2 { font-size: 13px; line-height: 13px; color: #C1272D;}
.tvad_text {font-size:1.1em; line-height:1.3em; padding-bottom:15px;} 

.contactus {}
.contactus p{font-size:1.2em; margin-bottom:10px}
.contactus .contactform {}
.contactus .contactform  .form_txt { font-size: 1.3em; margin-right: 5px; }
.contactus .contactform  .form_fld input { width: 250px; }
.contactus .contactform  textarea { width: 400px; } 
.contactus_submit_button{ width: 395px; background:url(../images/product_arrow.png) no-repeat right; border:none; font-size:1.3em; height:2em; font-weight:bold; color:#c50606 ; cursor:pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; padding-right: 12px; }

.error_msg { width:430px; font-size:1.3em; color:red; font-weight:bold; padding:10px; margin-bottom:10px; border:solid red 1px; }

.sitemap ul { margin-left: 30px; }
.sitemap ul  ul { margin-left: 20px; }
.sitemap li { list-style:none; }

.promotion_main {padding:20px 0 0 0;}
.promotion_main ul{padding-left:20px; color:#3c2568; font-weight:normal; font-size:1.2em; line-height:1.3em; padding-bottom:15px; }
.promotion_main li{padding-left:20px; padding-bottom:5px; list-style:none; background:url(../images/product_arrow.png) no-repeat 2px 0.3em; position:relative}
.promotion_main2 {padding:20px 0 0 0; position:absolute; z-index:100; margin:0 0 0 0;}
.promotion_main2 ul{padding-left:20px; color:#3c2568; font-weight:normal; font-size:1.2em; line-height:1.3em; padding-bottom:15px; }
.promotion_main2 li{padding-left:20px; padding-bottom:5px; list-style:none; background:url(../images/product_arrow.png) no-repeat 2px 0.3em; position:relative}
.promotion_text {padding:0 0 0 20px;}
.promotion_text h2 {font-size:20px;}
.promotion_winners {position:absolute; margin:0 0 0 290px;}