@charset "utf-8";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select { *
	font-size: 100%;
}

legend {
	color: #000;
}

del,ins {
	text-decoration: none;
}

body {
	font: 13px/ 1.231 arial, helvetica, clean, sans-serif; *
	font-size: small; *
	font: x-small;
}

select,input,button,textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace; *
	font-size: 108%;
	line-height: 100%;
}
/********************End**********************/



/* Base Layout Css 

	Table of Contents:
	Base
	Browser Fixes
			
*/


/* Base
---------------------------------------------------------------------------------------- */ 

.noCssMenu {
	display:none;
}

html {
	background-color:#1E1946;
}

body {
	/*background:url(../images/bodybg_01.gif) no-repeat 50% 0;
	font-size:12px;*/
	min-width:950px;
	_width:expression((documentElement.clientWidth < 950) ? "950px" : "auto" );
}

.clear {
	clear:both;
	font-size:0;
	height:0;
	overflow:hidden;
}

a {
	color:#6F506A;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* form */

.textbox {
	border:#A6A6A6 1px solid;
	background-color:#FFFFFF;
	height:18px;
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
}

/********/
 
.container {
	width:930px;
	margin:0 auto;
	position:relative;
	background:url(../../img/header/logo.jpg) no-repeat left top;
	z-index:2;
}

.riband {
	position:absolute;
	top:0;
	left:0;
	background:#4B414D url(../../img/header/logobg.gif) no-repeat left top;
	height:80px;
	width:100%;
	z-index:1;
}

.logo {
	width:152px;
	height:80px;
}

.logo a {
	display:block;
	height:80px;
	text-indent:-2000px;
	overflow:hidden;
}

#core {
	overflow:hidden;
	_zoom:1;
	clear:both;
}

#AAB-footer {
	clear:both;
	overflow:hidden;
	_zoom:1;
	width:100%;
	height:70px;
	background-color:#1E1946;
	text-align:center;
}

#AAB-footer ul {
	width:930px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

#AAB-footer li {
	display:inline;
	padding-left:31px;
	padding-right:31px;
	text-align:center;
}

#AAB-footer li.last {
	padding-right:0;
}

#AAB-footer li a {
	color:#FFF;
}

#AAB-footer .copyright {
	color:#AAA;
}

.actions a {
	display:block;
	background-color:#967090;
	padding-left:7px;
	padding-right:7px;
	height:19px;
	line-height:19px;
	color:#FFF;
}

.actions a span {
	width:100%;
	display:block;
	/*background:url(../../img/checkout/icon_arrow01.gif) no-repeat right center;*/
	text-align:center;
	cursor:pointer;
}

/*header*/
#AAB-header{ height:94px; width:100%; background:#130c35; position:relative; z-index:89;} 
#AAB-header .content{ display:block; width:1010px; height:94px;background:url(../../aab/img/l10n/nav/headbg.jpg?ver=201105261330) no-repeat 0 0; margin:0 auto; position: relative;}
#AAB-header a{ color:#fff; font-size:12px; }
.logo{ float:left; text-indent:-9999px;}

#AAB-header .pageLocation {
	clear:both;
	position:absolute;
	left:0px;
	top:0px;
	display:block; 
	width:300px;
	height:55px;
}
#AAB-header .pageLocation li {
	float:left;
	padding-right:12px;
	margin-right:13px;
	background:url(../../aab/img/header/libg.gif) no-repeat right center;
}

#AAB-header .pageLocation li a {
	display:block;
	line-height:15px;
}

#AAB-header .pageLocation li a:hover {
	text-decoration:underline;
}

#AAB-header .pageLocation li.selected a {
	text-decoration:underline;
	background:none;
}

#AAB-header .pageLocation li.selected a:hover {
	text-decoration:none;
}

#functionBar{ float:right; padding:12px 0 0 0; color:#fff; line-height:17px; }
#functionBar li{ float:left; padding-left:20px; font-size:12px; }
#functionBar li.loginOut a { background:url(../../aab/img/header/button01.jpg) no-repeat left top; display:block; width:65px; height:17px; text-align:center;}
#functionBar li.myPortfolio { position:relative;}
#functionBar li.myPortfolio a { background:url(../../aab/img/l10n/nav/icon_arrow.jpg) no-repeat right center; display:block; width:83px; height:17px; text-align:center;}
#functionBar li.myPortfolio .portfolioList { position:absolute; z-index:10; width:147px; background-color:#C3B9C2; border:#BAB0B9 1px solid; padding-top:24px; padding-bottom:13px; top:24px; right:0;}
#functionBar li.myPortfolio .portfolioList li { float:none; margin-left:11px; margin-right:21px; padding-left:6px; /*background:url(../../aab/img/header/sectiontitlebg.gif) repeat-x left bottom;*/ padding-top:3px; padding-bottom:3px;}
#functionBar li.myPortfolio .portfolioList a { background:none; text-align:left; display:inline;}
#functionBar li.myPortfolio .portfolioList .close a { background:url(../../aab/img/header/close.gif) no-repeat left top; display:block; width:11px; height:11px; text-indent:-4000px; position:absolute; top:3px; right:7px;}

#navi { width:788px;top:56px; left:0px;}
#navi li{ float:left;}
#navi .community{ display:block; height:24px;padding-top:12px; /*width:83px; background:url(../../aab/img/l10n/nav/nav-community.jpg) no-repeat left bottom;*/ }
#navi .biotherm{ display:block; height:38px; width:92px; background:url(../../aab/img/l10n/nav/menu_08.jpg?ver=201105261330) no-repeat 0px 0px;}
#navi .armani{ display:block; height:38px; width:129px; background:url(../../aab/img/l10n/nav/menu_02.jpg?ver=201105261330) no-repeat 0px 0px;}
#navi .lancome{ display:block;height:38px; width:103px; background:url(../../aab/img/l10n/nav/menu_03.jpg?ver=201105261330) no-repeat 0px 0px;}
#navi .kiehls{ display:block; height:38px; width:81px; background:url(../../aab/img/l10n/nav/menu_04.jpg?ver=201105261330) no-repeat 0px 0px;}
#navi .shuuemura{ display:block; height:38px; width:124px; background:url(../../aab/img/l10n/nav/menu_05.jpg?ver=201105261330) no-repeat 0px 0px;}
#navi .helenarubinstein{display:block; height:38px; width:61px; background:url(../../aab/img/l10n/nav/menu_hr.jpg) no-repeat 0px 0px;}
#personalAccount a{ display:block; width:56px; background:url(../../aab/img/l10n/nav/icon_arrow.jpg) center right no-repeat scroll;}

#shoppingBag{ position:absolute; right:0; bottom:0; height:38px; width:122px; padding-left:36px; background:url(../../aab/img/l10n/nav/headbag.jpg) no-repeat right 0; padding-bottom:3px;line-height:38px;}
/*riband*/
#riband {	position:absolute;	top:0;	left:0;	background:#4B414D url(../../img/header/logobg.gif) no-repeat left top;	height:80px;	width:100%;	z-index:1;}
#main_CNTNR{margin:0 auto;position:relative;width:930px;z-index:2;}
/*footer*/
#AAB-footer{ clear:both; font-size:12px;}
/*hidden content*/
/*biotherm*/
#form-login{ display:none;}

.wrapper {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
/*hidden content end*/
/* Browser Fixes
---------------------------------------------------------------------------------------- */ 



/* Jh 2010-04
---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
/* Armani header change 20100628
---------------------------------------------------------------------------------------- */
#navi {
	position:absolute;
}
#navi ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
}
#navi li {
	height:38px;
	overflow:hidden;
}
#navi li a {
	display:block;
}
#navi .on a, #navi li a:hover {
	background-position:0px -38px;
}



/*==head luckydraw==*/
#navi .home, #navi .home:hover{ display:block; height:32px;width:30px; /*background:url(../../aab/img/l10n/nav/icon-menu-home.jpg)*/ center 2px no-repeat;}
#navi .luckydraw, #navi .luckydraw:hover{ display:block; height:38px;width:190px; background:url(../../aab/img/l10n/nav/menu-luckydraw.jpg?ver=201009091839) 0 0px no-repeat;}
#luckydraw {
	width:980px;
	margin:0 auto;
	background:url(../../aab/img/l10n/nav/bg-luckdraw.jpg);
	height:0px; overflow:hidden;
	position:absolute; left:0; top:85px;
	font-size:13px;
}

#luckydraw .recommend {
	width:212px; height:200px;
	background:url(../../aab/img/l10n/nav/title-luckdraw-welcome.jpg) no-repeat;
	float:left;
	position:relative;
}

#luckydraw .recommend a {
	width:112px; height:17px;
	display:block;
	text-indent:-1000em;
	position:absolute; left:37px;
}

#luckydraw .btnWhatshot {
	background:url(../../aab/img/l10n/nav/btn-luckydraw-hot.jpg) no-repeat;
	top:117px;
}

#luckydraw .btnWhatsnew {
	background:url(../../aab/img/l10n/nav/btn-luckydraw-new.jpg) no-repeat;
	top:139px;
}

#luckydraw .btnRecommend {
	background:url(../../aab/img/l10n/nav/btn-luckydraw-cov.jpg) no-repeat;
	top:161px;
}

#luckydraw .aboutus {
	width:318px; height:200px;
	background:url(../../aab/img/l10n/nav/text-luckdraw-eyegeltest.jpg) no-repeat;
	float:left;
	position:relative;
}

#luckydraw .aboutus h4, #luckydraw .aboutus p, #luckydraw .aboutus li, #luckydraw .brand p, #luckydraw .luckyform label, #luckydraw .recommend h4 {
	text-indent:-1000em;
	display:block;
}

#luckydraw .aboutus a {
	position:absolute; left:143px; top:125px;
	background:url(../../aab/img/l10n/nav/blank.gif);
	width:98px; height:30px;
	display:block;
	text-indent:-1000em;
	overflow:hidden;
}

#luckydraw .brand {
	width:450px; height:200px;
	background:url(../../aab/img/l10n/nav/img-luckdraw.jpg) no-repeat;
	float:left; position:relative;
}

#luckydraw .brand .linkaward {
	color:#8d89b6;
	position:absolute; left:65px; top:162px; 
	text-decoration:underline;
}

#luckydraw .luckyform, #luckydraw .step2, #luckydraw .step3 {
	width:257px; height:200px;
	position:absolute;left:193px;top:0;
	float:left;
}

#luckydraw .luckyform span {
	width:257px; height:48px;
	background:url(../../aab/img/l10n/nav/bg-luckdraw-input.gif) 0 0 no-repeat; 
	position:absolute; left:-5px; top:68px;
}

#luckydraw .luckyform span input {
	width:208px; height:24px;
	line-height:24px;
	margin:14px 0 0 19px;
	_margin:13px 0 0 19px;
	padding:0 4px;
	border:0;
	color:#1d1679;
	background:transparent;
}

#luckydraw .luckyform .inputon {
	background:url(../../aab/img/l10n/nav/bg-luckdraw-input.gif) 0 -54px no-repeat;
}

#luckydraw .luckyform .btn {
	width:102px; height:43px;
	background:url(../../aab/img/l10n/nav/btn-luckdraw-submit.gif) no-repeat;
	border:none;
	position:absolute; left:130px; top:134px;
	cursor:pointer;
}

#luckydraw .step2 {
	background:url(../../aab/img/l10n/nav/img-luckdraw-step2.jpg) no-repeat;
}

#luckydraw .step2 .emailconfirm {
	position:absolute; left:27px; top:65px;
	font-size:19px;
	color:#fdeec5;
	width:220px;
	word-wrap:break-word;
}

#luckydraw .step2 a, #luckydraw .step3 a {
	position:absolute; left:142px; top:167px;
	color:#e5d398;
	text-decoration:underline;
}

#luckydraw .step2 .btnstep2, #luckydraw .step3 .btnstep3 {
	width:86px; height:36px;
	background:url(../../aab/img/l10n/nav/btn-luckdraw-confrim.gif) no-repeat;
	border:none;
	position:absolute; left:52px; top:153px;
	cursor:pointer;
}

#luckydraw .step3 {
	background:url(../../aab/img/l10n/nav/img-luckdraw-step3.jpg) no-repeat;
}

#luckydraw .step3 #luckydrawmobile {
	position:absolute; left:20px; top:109px;
	width:192px; height:22px;
	line-height:22px;
	border:0;
	padding:0 4px;
}

#luckydraw p.errorinfo {
	color:#f00;
	text-indent:0;
	line-height:25px;
	position:absolute; left:15px; top:105px;
}

#luckydraw .step3 p.errorinfo {
	top:133px;
}

#luckydrawfeedback {
	width:472px; height:483px;
	overflow:hidden;
	position:absolute; 
	z-index:99;
	display:none;
	font-size:12px;
}

#luckydrawfeedback .ld-1, .ld-2, .ld-3, .ld-4  {
	width:472px; height:483px;
	position:absolute; left:0; top:0;
	z-index:8;
	
}

#luckydrawfeedback .ld-1{
	background:url(../../aab/img/l10n/nav/bg-luckydraw.gif) no-repeat;
}

#luckydrawfeedback .ld-2{
	background:url(../../aab/img/l10n/nav/text-luckdraw-type2.jpg) no-repeat;
}

#luckydrawfeedback .ld-3{
	background:url(../../aab/img/l10n/nav/text-luckdraw-type3.jpg) no-repeat;
}

#luckydrawfeedback .ld-4{
	background:url(../../aab/img/l10n/nav/text-luckdraw-type4.jpg) no-repeat;
}


#luckydrawfeedback div h2, #luckydrawfeedback div h3, #luckydrawfeedback div h4, #luckydrawfeedback div h5, #luckydrawfeedback div p, #luckydrawfeedback div li {
	text-indent:-1000em;
}

#luckydrawfeedback .ld-1 p, #luckydrawfeedback .ld-1 li {
	color:#9090c5;	
}

#luckydrawfeedback .ld-1 p {
	position:absolute;left:38px; top:120px;
	text-indent:0;
}

#luckydrawfeedback .descript ul {
	position:absolute;left:38px; top:200px;
	line-height:20px;
}

#luckydrawfeedback .descript li {
	background:url(../../aab/img/l10n/nav/dot-luckydraw.gif) 0 center no-repeat;
	padding-left:10px;
	text-indent:0;
}

#luckydrawfeedback .emailrepeat {
	position:absolute;left:38px; top:330px;
}

#luckydrawfeedback .emailrepeat label, #luckydrawfeedback .bookemail label {
	text-indent:-1000em;
	display:block;
	width:100px;
	float:left;
}

#luckydrawfeedback .emailrepeat div {
	float:left;
	color:#fff; font-size:14px;
}

#luckydrawfeedback .bookemail {
	position:absolute;left:38px; top:356px;
}

#luckydrawfeedback .bookemail label {
	width:192px;
}

#luckydrawfeedback .bookemail div {
	width:240px;
	font-size:14px;
	float:left;
}

#luckydrawfeedback .bookemail div li {
	width:120px;
	float:left;
	line-height:30px;
	color:#fff;
	text-indent:0;
}

#luckydrawfeedback .bookemail li input {
	margin-right:20px;
	vertical-align:-2px;
}

#luckydrawfeedback .btnClose {
	width:7px; height:7px;
	background:url(../../aab/img/l10n/nav/btn-newsletter-close.gif) no-repeat;
	position:absolute;right:7px; top:7px;
	text-indent:-1000em;
	z-index:9; overflow:hidden;
	display:block;
}


#luckydrawfeedback .btnRegister {
	width:107px; height:22px;
	background:url(../../aab/img/l10n/nav/btn-luckydraw-register.jpg) no-repeat;
	position:absolute;left:50px; top:278px;
	text-indent:-1000em;
	z-index:9; overflow:hidden;
	display:block;
}

#luckydrawfeedback .ld-1 .btnRegister, #luckydrawfeedback .ld-1 .btnnewsletter {
	width:107px; height:22px;
	background:url(../../aab/img/l10n/nav/btn-luckydraw-register.gif) no-repeat;
	position:absolute;left:38px; top:278px;
	text-indent:-1000em;
	z-index:9; overflow:hidden;
	display:block;
}


#luckydrawfeedback .ld-1 .btnnewsletter {
	top:408px;
	background:url(../../aab/img/l10n/nav/btn-luckdraw-newsletter.gif) no-repeat;
}

#luckydrawfeedback .ld-1 .disable {
	background:url(../../aab/img/l10n/nav/btn-luckdraw-newsletter-disabled.gif) no-repeat;
}

#luckydrawfeedback .message {
	position:absolute;left:38px; top:437px;
	color:#65656a;
}


#rewardPop {
	width:544px; min-height:313px; _height:313px;
	position:absolute; right:0; top:85px;
	background:#000 url(../../aab/img/l10n/nav/bg-award-new.jpg) no-repeat;
	display:none;
	border:1px solid #6a6456;
	font-size:12px;
}

#rewardPop .winuser {
	position:absolute; left:230px; top:70px;
	font-weight:bold; font-size:17px;
	color:#fff;
	letter-spacing:1px;
}

#rewardPop .awardlist {
	width:294px;
	color:#fff;
	position:absolute; left:270px; top:126px;
	font-size:13px;
}

#rewardPop .awardlist ul {
	overflow:hidden;
}

#rewardPop .awardlist li {
	line-height:20px;
}

#rewardPop h5 {
	display:block;
	text-indent:-1000em;
}

#rewardPop li div {
	color:#7a76a3;
	margin-left:12px;
	font-size:12px;
}

#rewardPop .awardlist a {
	color:#7a76a3;
	overflow:hidden;
	text-decoration:underline;
}

#rewardPop p {
	width:100%;
	text-align:center;
	color:#5c597a;
	position:absolute; left:0; bottom:10px;
	line-height:18px;
}

#rewardPop .btnawardClose {
	width:15px; height:15px; 
	background:url(../../aab/img/l10n/nav/btn-award-close.gif) no-repeat;
	text-indent:-1000em;
	display:block;
	position:absolute; top:8px; right:12px;
	overflow:hidden;
}

#rewardPop .historywinner {
	/*font: 11px 'Microsoft Yahei', Verdana, Arial, Helvetica, sans-serif;*/
	color:#b7b4cf;
	margin-top:2px;
	width:100%;
}
#rewardPop .historywinner li{
	padding-left:130px;
}

#newsletterbox {
	position:absolute;left:0px;top:0px;
	z-index:99;display:none;
	filter:alpha(opacity=0);opacity:0;
}

#newsletterbox #closeBtn{
	background:url(../../aab/img/header/bg-newsletter-close.gif) no-repeat;
	text-indent:-9999em;
	position:absolute; right:34px; top:288px;
	width:79px; height:22px;
	display:block;
	overflow:hidden;
}

.btnLiveChat {
	position:absolute; right:0;top:3px;
	text-align:left;

}

.btnLiveChat a{
	display:block; 
	width:112px; height:38px;
	background:url(../../aab/img/l10n/nav/btn-contact-online.gif);
	text-indent:-1000em;
	overflow:hidden;
}

.btnLiveChat .offline{
	background:url(../../aab/img/l10n/nav/btn-contact-offline.gif);
}

.btnLiveChat div {
	color:#f00;
	padding-left:5px;
}