/* COMMON CSS
*********************************/
*		{margin:0; padding:0; outline:none; border:none; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; list-style:none}
a		{text-decoration:none}
body	{background:#839aa7; text-align:center; height:100%; overflow:hidden}
html 	{height:100%}
iframe {width:908px; height:502px; overflow:hidden; padding-top:6px; background:#FFF; position:absolute; z-index:999; display:block}

/* COMMON STRUCTURE
*********************************/
#container	{width:908px; height:570px; margin:0 auto}

/* HEADER
*********************************/
#header {padding:5px 6px 5px 0; text-align:right}
#header * {color:#FFF}
#header a {font-weight:bold}
#header a:hover {text-decoration:underline}

/* CONTENT
*********************************/
#content {width:908px; height:508px; overflow:hidden; background:#FFF url(../images/bgd_peony.gif) 0 100% no-repeat}

#subContent {width:908px; height:502px; overflow:hidden; position:relative; padding-top:6px; background:#FFF url(../images/bgd_peony.gif) 0 100% no-repeat}

#loading {width:908px; height:502px; overflow:hidden; padding-top:6px; background:#FFF url(../images/bgd_peony.gif) 0 140% no-repeat; position:absolute; z-index:1000}
#loading div {width:908px; height:502px}
#loading div p {padding:200px 0 0 0; display:block}

/* FOOTER
*********************************/
#footer {padding:3px 0 4px 0; color:#6bae1c; margin:0 6px}
#footer * {color:#FFF; padding-right:6px}
#footer a {font-weight:bold; display:inline; padding:0}
#footer a:hover {text-decoration:underline}
#footer div {float:right; width:400px; text-align:right}
#footer div p {clear:both; float:none; display:block}
#footer form {width:290px; display:block; overflow:hidden; float:left; text-align:left}
#footer form label {display:inline; width:60px}
#footer form input {color:#464646}
#footer .frmSubmit {width:80px; padding:1px}

/* CONTENT
*********************************/
.content {width:730px; height:496px; padding:0 0 0 0; float:left; text-align:left}
.contenHome {}

/* NAVIGATION
*********************************/
#nav {width:172px; height:596px; float:left; text-align:left; visibility:hidden}
#nav h1 {margin-top:175px}
#nav ul {margin-top:0px}
#nav li {display:block; background:url(../images/bgd_nav.gif) 0 100% repeat-x; padding-bottom:1px}
#nav li a {color:#787878; display:block; padding:4px 0 5px 10px; background:url(../images/bgd_nav_link.gif) 0 0 no-repeat}
#nav li a:hover {background:url(../images/bgd_nav_link.gif) 0 100% no-repeat; color:#333}
#nav .hasSub {background:url(../images/ico_subnav.gif) 0 0 no-repeat}
#nav .hasSub:hover {background:url(../images/ico_subnav.gif) 0 96% no-repeat}
#nav .subBack {font-weight:bold}

#menuMask{width:160px; height:200px; overflow:hidden; position:relative; margin:10px 0 0 6px}
#menuContainer{width:160px; position:relative;}
	.menuCol{width:160px; position:absolute; top:0;}
	.menuNormal{display:none;}
	
	/* BREADCRUMB
	*********************************/
	.breadcrumb {}
	.breadcrumb a {text-decoration:underline}
	.breadcrumb a:hover {text-decoration:none; color:#333}
	
	/* HIGHLIGHT
	*********************************/
	.highlight {width:190px; height:398px; padding:10px 0 0 10px; margin:0 16px 0 0; overflow:hidden; float:right; display:inline}
	.highlight div {margin:5px 0 4px 0; overflow:hidden; width:180px; text-align:center}
	.highlight div p {text-align:left}
	.highlight div a:hover {text-decoration:underline}
	.highlight .newsletter a {background:url(../images/ico_link.gif) 0 4px no-repeat; padding:0 0 0 8px; line-height:24px; font-weight:bold}
	
	/* PRODUCT CONTAINER
	*********************************/
	.productContainer {width:464px; padding:20px; overflow:hidden; float:left}
	.productContainer h2 {margin:10px 0; display:block; height:46px}
	
	/* SUBPAGE CONTAINER
	*********************************/
	.subPageContainer {width:470px; padding:10px 20px; overflow:hidden; float:left}
	.subPageContainer h2 {margin:10px 0; display:block}
	.subPageContainer h3 a {display:block; margin:0 0 0 0; font-weight:bold}
	.subPageContainer p {margin:0 0 0 0}
	.subPageContainer h3 {background:url(../images/bgd_accordion_open.gif) 0 8px no-repeat; padding:0 0 0 12px; font-weight:normal; display:block}
	.subPageContainer p.element {padding:0 0 0 13px; display:block}
	
	.subPageContainerNonContext {width:700px; padding:10px 0 10px 20px; overflow:hidden; float:left}
	.subPageContainerNonContext h2 {margin:10px 0; display:block}
	.subPageContainerNonContext h3 a {display:block; margin:0 0 0 0; font-weight:bold}
	.subPageContainerNonContext p {margin:0 0 0 0}
	.subPageContainerNonContext h3 {background:url(../images/bgd_accordion_open.gif) 0 8px no-repeat; padding:0 0 0 12px; font-weight:normal; display:block}
	.subPageContainerNonContext p.element {padding:0 0 0 13px; display:block}

	.subPageContainerSpecial {padding:10px 20px; overflow:hidden}
	.subPageContainerSpecial h2 {margin:10px 0; display:block}
	.subPageContainerSpecial h3 a {display:block; margin:0 0 0 0; font-weight:bold}
	.subPageContainerSpecial p {margin:0 0 0 0}
	.subPageContainerSpecial h3 {background:url(../images/bgd_accordion_open.gif) 0 8px no-repeat; padding:0 0 0 12px; font-weight:normal; display:block}
	.subPageContainerSpecial p.element {padding:0 0 0 13px; display:block}

	.toggler a {line-height:20px}
		
	.introducing {padding:10px 0 0 0}
	.introducing p {margin:0 0 10px 0; display:block; overflow:hidden; width:435px}
	.introducing p a {font-weight:bold; text-decoration:underline}
	.introducing p a:hover { text-decoration:none}
	.introducing h3 {background:none; font-weight:bold; border:none; margin:0 0 10px 0; padding:0}
	.introducing ul {margin:0 0 20px 0}
	.introducing li {font-style:italic; font-weight:bold}
	.introducing .smScrollContent {width:435px; height:390px; margin-right:5px}
	.introducing .smScrollContent li {font-size:11px; font-style:normal}
	.introducing .smScrollContent li a {background:url(../images/bgd_accordion_close.gif) 0 5px no-repeat; padding:0 0 0 12px;
										font-weight:normal; margin:0 0 0 20px}
	.introducing .smScrollContent li a:hover {text-decoration:underline}
	.introducing .smScrollContent img {margin:-20px 0 0 15px}
	
	
	.soluoc {padding:15px 0 0 0}
	.soluoc img {margin:0 15px 0 0}
	.soluoc p {padding:0 0 10px 0}

	.news {padding:10px 0 0 0}
	.news p {margin:0 0 10px 0; overflow:hidden}
	.news p a {color:#464646; text-decoration:underline; font-weight:bold}
	.news p a:hover {text-decoration:none}
	.news h3 {background:none; font-weight:bold; border:none; padding:0; margin:0 0 5px 0}
	.news img {margin:0 0 0 15px; float:right}
	.news .paging {text-align:center; font-weight:bold}
	.news .paging a {text-decoration:none}
	
	.news .smScrollContent {width:650px; height:420px!important; overflow:hidden; float:left; position:relative; margin:6px 0 0 0; padding:0!important}
	.news .smScrollContent li {background:url(../images/bgd_accordion_close.gif) 0 5px no-repeat; padding:0 0 0 12px; font-weight:normal; height:1%}
	.news .smScrollContent li , .news .smScrollContent p {text-align:justify; padding:0 0 5px 0}
	.news .smScroller {width:19px; height:320px; overflow:hidden; float:left; margin:0 0 0 20px; padding:0!important}
	.news .smScroller p {margin:0 0 10px 0}
	.news .smScroller * {border:none}
	.news .smScroller img {padding:0; margin:0; float:none}
	.news .smScrollDx {width:19px; height:284px; padding:5px 0; position:relative; text-align:center}
	.news .smScrollDx p {padding:0}
	.news .smScrollDx a {width:19px; height:48px; text-decoration:none; display:block}
	.news .smScrollDx a:hover {text-decoration:none}
	.news .smScrollUp , .smScrollDown {display:none}
	.news .smBackground {margin:-330px 0 0 0}
	.news .smBackground img {margin:0 0 0 4px}
	

	/* PRODUCT LIST
	*********************************/
	.productList {height:330px}

	/* PRODUCT DETAIL
	*********************************/
	.productDetail {height:300px}
	.productDetail .productItem img {margin-bottom:6px}
	
	.productDetailContent {width:310px; height:280px; overflow:hidden; padding:5px 0; float:left}
	.productDetailContent p {padding-bottom:10px; line-height:18px; text-align:justify}
	.productDetailContent h3 {font-size:13px; font-style:italic; margin-bottom:15px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
	
	#productDetailContainer{background:#000; width:908px; height:502px; position:absolute; z-index:998; left:0; top:0;}
	#productDetail {background:url(../images/bgd_productZoom.gif) no-repeat; width:345px; height:495px; padding:5px 0 0 0; margin:45px 0 0 0; z-index:999;  position:absolute}
	#productDetail .productDetailClose{position:absolute; cursor:pointer; top:6px; right:10px;}
	#productDetail div{position:relative; left:0; top:0;}
	.displayNone{display:none;}
	
	/* PRODUCT RELATIVE
	*********************************/
	.productRelative {padding:3px 0 0 5px}
	.productRelative h3 {line-height:18px}
	.productRelative li {margin-right:10px; display:inline}
	.productRelative a {padding:5px 0; text-decoration:underline; line-height:18px}
	.productRelative a:hover {text-decoration:underline; color:#333; text-decoration:none}
	
	/* PRODUCT CATEGORY
	*********************************/
	.productCat {width:464px; overflow:hidden; padding-top:290px}
	.productCat .scrollLeft , .productCat .scrollRight {width:24px; height:24px; float:left; overflow:hidden; margin-top:55px; visibility:hidden}
	.productCat .scrollContent {width:415px; height:170px; overflow:hidden; float:left; position:relative}
	.productCat .scrollContentWrap {position:absolute}
	.productCat .scrollContentWrap table {margin:0 auto}
	.productCat .scrollContentWrap td {width:138px; height:165px}
	.productCat .scrollContentWrap .productItem {margin:0 6px}
		
	/* SCROLLER
	*********************************/
	.smScrollContent {width:440px; height:325px; overflow:hidden; float:left; position:relative}
	.smScroller {width:19px; height:330px; overflow:hidden}
	.smScrollDx {width:19px; height:290px; padding:5px 0; position:relative; text-align:center}
	.smScrollDx p {padding:0}
	.smScrollDx a {width:19px; height:48px; text-decoration:none; display:block}
	.smScrollDx a:hover {text-decoration:none}
	.smScrollUp , .smScrollDown {display:none}
	.smBackground {margin:-330px 0 0 0}
	
	/* PRODUCT PROFILE
	*********************************/
	.productItem {width:126px; height:160px; background:url(../images/bgd_item.png) no-repeat; text-align:center; float:left; margin:2px 20px 0 0; display:inline}
	.productItem span {padding:0 4px; line-height:12px}
	.productItem img {margin:7px 0 8px 0}
	.productItem a:hover {text-decoration:underline}
	
	/* essentials
	*********************************/
	.essentials {background:url(../images/bgd_essentials.jpg) no-repeat}
	.essentialsDry {background:url(../images/bgd_essentials_dry.jpg) no-repeat}

	/* anti-age
	*********************************/
	.age {background:url(../images/bgd_age1.jpg) no-repeat}
	.ageMyoxy {background:url(../images/bgd_myoxy.jpg) no-repeat}
		.ageMyoxy .breadcrumb , .ageMyoxy .breadcrumb a:hover {color:#FFF}
		.ageMyoxy .breadcrumb * {color:#cacdcd}
		.ageMyoxy * {color:#415052}
	.agePower {background:url(../images/bgd_powerepair.jpg) no-repeat}
		.agePower * {color:#84694f}
	.ageOxy {background:url(../images/bgd_oxy.jpg) no-repeat}
		.ageOxy * {color:#a05c49}
	
	/* specialty
	*********************************/
	.specialtyCare {background:url(../images/bgd_specialtycare.jpg) no-repeat}
		.specialtyCareAcne {background:url(../images/bgd_acne.jpg) no-repeat}
		.specialtyCareAcne .breadcrumb, .specialtyCareAcne .breadcrumb * , .specialtyCareAcne .breadcrumb a:hover {color:#FFF}
		

	/* eyes lips
	*********************************/
	.eyesLips {background:url(../images/bgd_eyeslips.jpg) no-repeat}
	
	/* bathing
	*********************************/
	.body {background:url(../images/bgd_sun.jpg) no-repeat}
		.bodyBathing {background:url(../images/bgd_bathing.jpg) no-repeat}
		.bodyBathing * {color:#305a66}
		.bodyBathing .news * {color:#305a66}
		.bodyBathing .news img {}
		.bodyBathing .news a {text-decoration:underline}
		
	.bodyBathing .news .smScrollContent {width:420px; height:310px; overflow:hidden; float:left; position:relative; margin:6px 0 0 0}
	.bodyBathing .news .smScroller {width:19px; height:320px; overflow:hidden; float:left; margin:0 0 0 20px}
	.bodyBathing .news .smScroller * {border:none}
	.bodyBathing .news .smScrollDx {width:19px; height:285px; padding:5px 0; position:relative; text-align:center; margin:5px 0 0 4px}
	.bodyBathing .news .smScrollDx p {padding:0}
	.bodyBathing .news .smScrollDx a {width:19px; height:48px; text-decoration:none; display:block}
	.bodyBathing .news .smScrollDx a:hover {text-decoration:none}
	.bodyBathing .news .smScrollUp , .smScrollDown {display:none}
	.bodyBathing .news .smBackground {margin:-330px 0 0 0}
	
	/* for men
	*********************************/
	.men {background:url(../images/bgd_men.jpg) no-repeat}
	.menDetail {background:url(../images/bgd_mensub.jpg) no-repeat}
		.menDetail .breadcrumb, .menDetail .breadcrumb * , .menDetail .breadcrumb a:hover , .menDetail .productDetailContent * {color:#dbc5b3}
		.menDetail * {color:#373737}
	
	/* for hand feet
	*********************************/
	.handfeet {background:url(../images/bgd_home_handfeet.jpg) no-repeat}
		.handfeetDetail {background:url(../images/bgd_bathing.jpg) no-repeat}
		.handfeetDetail * {color:#305a66}
	
	/* for sun
	*********************************/
	.sun {background:url(../images/bgd_body.jpg) no-repeat}
	.sunDetail {background:url(../images/bgd_sundetail.jpg) no-repeat}
	.sunDetail * {color:#935720}
	
	/* for spa at home
	*********************************/
	.spathome {background:url(../images/bgd_spathome.jpg) no-repeat}
		.spathomeDetail {background:url(../images/bgd_bathing.jpg) no-repeat}
		.spathomeDetail * {color:#305a66}
	
	/* for spa / face
	*********************************/
	.spaFace {background:url(../images/bgd_spa_face.jpg) no-repeat}
	
	/* for spa / body
	*********************************/
	.spaBody {background:url(../images/bgd_spa_body.jpg) no-repeat}
	
	/* ABOUT US
	*********************************/
	.subpage {background:url(../images/bgd_main.jpg) no-repeat}
	.subpage h2 {margin:0}
	.subpage form {display:block}
	.subpage p {text-align:justify}
	.subpage form p {padding:0 0 8px 0; display:block; overflow:hidden; clear:both; width:460px}
	.subpage form p img {float:left; margin:0 0 0 8px}
	.subpage form label {width:135px; padding:2px 0 0 0; float:left}
	.subpage form input {float:left}
	.subpage .set1 {width:12px; height:12px; margin:0 4px 0 0}
	.subpage .set2 {width:50px}
	.subpage .set3 {border:1px solid #bfe8f6; padding:3px 2px; background:#FFF url(../images/bgd_input.gif) no-repeat; width:286px}
	.subpage .set3a {width:290px}

	.subpageSpecial {background:url(../images/bgd_press.jpg) no-repeat}
	.subpageSpecial h2 {margin:0}
	.subpageSpecial form {display:block}
	.subpageSpecial p {text-align:justify}
	.subpageSpecial form p {padding:0 0 10px 0; display:block; overflow:hidden; clear:both; width:460px}
	.subpageSpecial form p img {float:left; margin:0 0 0 8px}
	.subpageSpecial form label {width:135px; float:left}
	.subpageSpecial form input {float:left}
	.subpageSpecial .set1 {width:12px; height:12px; margin:0 4px 0 0}
	.subpageSpecial .set2 {width:50px}
	.subpageSpecial .set3 {border:1px solid #bfe8f6; padding:3px 2px; background:#FFF url(../images/bgd_input.gif) no-repeat; width:286px}
	.subpageSpecial .set3a {width:290px}
	
	#kwicks_container {}
	#kwicks {position:relative}
	#kwicks .kwick {display:block; width:444px; height:104px; padding:5px 5px 5px 15px ; overflow:hidden; border-bottom:1px dotted #777}
	#kwicks .kwick p {padding:0 0 3px 0; text-align:justify}
	#kwicks .kwick h2 {height:42px; padding:0; margin:0}

	#kwicks .productItem {display:block; padding:0; float:right; margin:0 0 0 15px; background:url(../images/bgd_item_new.gif) no-repeat}
	#kwicks .productItem img {margin:4px 0}
 	#kwicks .productItem p {text-align:center}
	
	/* ABOUT US
	*********************************/
	.homeContainer {width:470px; height:463px; padding:29px 15px 0 18px; overflow:hidden; float:left; background:url(../images/bgd_home_content.gif) no-repeat}
	.homeContainer ul {display:block; overflow:hidden; height:28px}
	.homeContainer li {display:block; float:left; font-weight:bold; width:121px; text-align:center; padding:5px 0}
	.homeContainer a:hover {text-decoration:underline}
	.homeContainer a.current:hover {text-decoration:none}
		.homeContainer .class1 {background:url(../images/bgd_home_tainha.jpg) no-repeat; color:#FFF}
		.homeContainer .class1 .current {color:#FFF}
		.homeContainer .class1 p {text-align:right; padding:15px 15px 0 210px}
		
		.homeContainer .class2 {background:url(../images/bgd_home_taispa.jpg) no-repeat}
		.homeContainer .class2 .current {color:#FFF}
		.homeContainer .class2 p {padding:15px 210px 0 15px; color:#CCCCCC; text-align:left}
		
		.homeContainer .class3 {background:url(../images/bgd_home_thietbi.jpg) no-repeat}
		.homeContainer .class3 p {text-align:left; padding:15px 15px 0 15px}
		
	.homeContent {width:466px; height:434px}
	.homeContentHide {position:absolute; top:-10000px; left:-5000px}