﻿/************************************************************************************************************/
/* 		START CSS Body Shop																					*/
/************************************************************************************************************/
* body	 
{
	margin: 0px 0px 0px 0px;
	background-image: url(/images/bg_facade_gradient.jpg);
 	background-color: #ffffff;
 	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
 
IMG			 	   	{ 	border:none }
  
.pageWIDTH 				{ 	width: 950px; padding-top:18px; padding-bottom:52px; }
.pageWIDTH2 				{ 	width: 950px;}
.float_L 			  	{ 	float: left; display:inline; }
.colorgreen 			{ 	color: #8fc800; }

div #pageMAIN 									{width:950px; background-color: #FFFFFF; padding: 10px 0px 15px 0px; overflow:auto}
div #pageMAINIframe 								{width:920px; background-color: #FFFFFF; overflow:auto}
#pageMAIN #leftNavGlobal				{width:205px; float:left;}
#pageMAIN #rightContentGlobal		{width:730px; float:left; margin-right:15px;  /*background:url('/images/_ww/_ww/common/bg_global-content_fade.jpg')repeat-x #f2f2f2;*/  padding-top:10px}

div	#page 				{position: relative; margin: 0 auto 0 auto; z-index: 1;}

.padding10_T 			{ 	padding-top: 10px; }
.pad10LR 			  	{ 	padding-right: 10px; padding-left: 10px; }
.pad15LR 			  	{ 	padding-left: 15px; padding-right: 15px; }
.pad15L 		  		{ 	padding-left: 15px; }
.pad43T       			{ 	padding-left: 43px; }
.padCartShop {padding : 6px 10px 0px 0px;}
.spacer_8H 				{ 	position: relative;	height: 8px;}
.spacer_20H   			{ 	position: relative;	height: 20px;}
.spacer_107H 			{	position: relative;	height: 107px;}

.None 					{ 	display:none; }

.BackgroundItemAdded	{	background-image: url(/images/_en/_ww/common/item_added_to_cart.gif); position: relative; width: 302px; height: 497px; background-repeat: no-repeat; }

.margain6T 				{	margin-top: 6px; }
.margain19L 			{	margin-left: 19px; }
.margain7T 				{	margin-top: 7px; top: 7; }
.margain11R 			{	margin-right: 11px; }

/*------------------------------------------*/  
/* Error									*/
/*------------------------------------------*/

.error10pxR  			{	font-family:Arial, Helvetica, sans-serif; font-size:10px;	font-weight:normal; color:#FF0000; text-decoration: none;}
.error					{	font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#FF0000; text-decoration: none;}
.AGrey11pxR_error		{ 	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#FF0000; text-decoration: none;}							
.msg_error				{	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ed1c24;}

					  	 
/*------------------------------------------*/ 
/* Font Arial								*/
/*------------------------------------------*/  	
.Ablack9pxR				{	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; }
.Ablack10pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; }
.Ablack10pxB			{	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }
.Ablack11pxBUC			{	font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; font-stretch:ultra-condensed; }
.Ablack11pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #000000; text-decoration: none; }
.Ablack12pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
.Ablack12pxB			{	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; color: #000000; text-decoration: none;}
.Ablack13Boldpx  		{ 	font-family : Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold; color: #000000;	text-decoration: none;	}
.Ablack13Regularpx		{ 	font-family : Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: normal; color: #000000;	text-decoration: none;	}
.Ablack17pxTT 			{ 	font-family : Arial, Helvetica, sans-serif;	font-size: 17px; font-weight: bold; color: #000000;	text-decoration: none; }
.Ablack30pxB			{	font-family : Arial, Helvetica, sans-serif;	font-size: 30px; font-weight: bold; color: #000000;	text-decoration: none; }

.Awhite10pxB 			{ 	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #ffffff; text-decoration: none; }
.Awhite11pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #ffffff; text-decoration: none; }
.Awhite11pxB			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #ffffff; text-decoration: none; }
.Awhite16pxB			{	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;color: #ffffff; text-decoration: none; }


.AGris11pxB				{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }
.AGris12pxR				{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; text-decoration: none; }

.AGrey9pxR				{	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;color: #4d4d4d; text-decoration: none; }
.AGrey10pxR 			{ 	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;color: #4d4d4d; text-decoration: none; }
.AGrey10pxB 			{ 	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #4d4d4d; text-decoration: none; }
.AGrey11pxR 			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #4d4d4d; text-decoration: none; }
.AGrey11pxB 			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #4d4d4d; text-decoration: none; }
.AGrey12pxR 			{ 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;color: #4d4d4d; text-decoration: none; }
.AGrey12pxB 			{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #4d4d4d; text-decoration: none; }
.AGrey16pxB 			{	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;color: #4d4d4d; text-decoration: none; }
.AGrey17pxB 			{	font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;color: #4d4d4d; text-decoration: none; }
.AGrey24pxR     		{	font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal;color: #4d4d4d; text-decoration: none; }
.AGrey32pxR     		{	font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal;color: #4d4d4d; text-decoration: none; }
	
.AGreen10pxB 			{	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #74bf02; text-decoration: none; }
.AGreen10pxR 			{	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #74bf02; text-decoration: none; }
.AGreen11pxB			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #74bf02; text-decoration: none; font-weight: bold;}
.AGreen11pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #74bf02; text-decoration: none;}		
.AGreen12pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #74bf02; text-decoration: none;}

.AOrange12pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ec7a23; text-decoration: none;}
.AOrange13pxB			{	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ec7a23; text-decoration: none;}	

.Aquote12pxR			{	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #4d4d4d; text-decoration: none;}	

.ADarkGreen12pxB      	{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #669900; text-decoration: none; font-weight: bold;}    
.AYellow15pxB      	{	font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffff00; text-decoration: none; font-weight: bold;}  
.AGreen15pxB      	{	font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #74bf02; text-decoration: none; font-weight: bold;}  

/*------------------------------------------*/ 
/* Font Helvetica							*/
/*------------------------------------------*/
 
.HBlack28pxB  			{ 	font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:bold; font-stretch:ultra-condensed; color:#000000; text-decoration:none; }		   				

/*------------------------------------------*/ 
/* CSS for PAGE LAYOUT						*/
/*------------------------------------------*/
 
#botNAV 				{ 	background-color: #ffffff; width:920px; padding:0px 15px 24px 15px; position:absolute; z-index:1}
#botNavGlobal 			{ 	background:url(/images/_ww/_ww/footer/global_bg-bottom.gif) no-repeat bottom; width:920px; height:20px; padding:0px 15px 0px 15px; position:absolute; z-index:1}
#TOPCOUNTRY				{ 	background-image: url(/images/_ww/_ww/header/changecountry-bg.gif);	height: 23px; }
#TOPNAV					{ 	background-image: url(/images/_ww/_ww/common/bg_header_repeatline.gif); background-repeat: repeat-x; height: 52px;}
#secNAV 				{ 	padding:0px; margin:0px; background-color: #FFFFFF; height: 42px; }
.leftNav				    { 	background-color: #ffffff; width: 205px; padding: 0px 13px 0px 13px; vertical-align:top}
.leftNavCheckOut    { 	background-color: #ffffff; width: 177px; padding: 20px 13px 0px 13px; vertical-align:top}
.leftNavCheckOutimg { 	background-color: #ffffff; width: 177px; padding: 0px 0px 0px 0px; vertical-align:top}
.rightContent			{ 	background-color: #ffffff; width: 745px; padding-right:10px; vertical-align:top }

/*------------------------------------------*/ 
/* CSS for HEADER LAYOUT			        */
/*------------------------------------------*/ 
.listed-none	{list-style-type: none;}
/* Global menu  */
/* ------------ */
/* Common CSS */
#menu1-global, #menu1-global ul, #menu1-global ul ul	{padding:0; margin:0; list-style-type: none;} /* Get rid of the margin, padding and bullets in the unordered lists */
#menu1-global li 							{float:left;}	/* Set up the list items */
#menu1-global li ul 						{display:none; background: #FFFFFF; border:1px solid #999999; border-width: 0px 1px 1px 1px;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
/* Common CSS > OFF li first level */
#menu1-global a, #menu1-global a:visited 	{display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#4d4d4d; height:19px; text-decoration:none; text-indent:7px;} /* Set up the link size, color and borders */
#menu1-global li.home 						{background:url(/images/_en/_ww/header/global_home_btn_off.gif) no-repeat; width:55px; height:38px;}
#menu1-global li.shop 						{background:url(/images/_en/_ww/header/global_shop_btn_off.gif) no-repeat; width:64px; height:38px;}
#menu1-global li.blounge 					{background:url(/images/_en/_ww/header/global_b-l_btn_off.gif) no-repeat; width:83px; height:38px;}
#menu1-global li.vcampaigns				{background:url(/images/_en/_ww/header/global_v-c_btn_off.gif) no-repeat; width:145px; height:38px;}
#menu1-global li.loyalty					{background:url(/images/_en/_ww/header/global_loyalty_btn_off.gif) no-repeat; width:58px; height:38px;}

/* Common CSS > OFF li second level */
#menu1-global li li a, #menu1-global li li a:visited {width:150px; margin: 3px 0px 3px 0px; vertical-align:middle} /* Set up the link size, color and borders */


/* For Non-IE browsers and IE7 CSS */
#menu1-global li:hover 					{position:relative;}	
#menu1-global li:hover > ul 			{display:block; position:absolute; top:0px; left:-1px; margin-top:38px;} /*make the sublevels visible on list hover. This is all it needs */
/* For Non-IE browsers and IE7 CSS > OVER li first level */
#menu1-global li.home:hover > a 		{background:url(/images/_en/_ww/header/global_home_btn_on.gif) no-repeat; width:55px; height:38px} /* For accessibility of the top level menu when tabbing */
#menu1-global li.shop:hover > a 		{background:url(/images/_en/_ww/header/global_shop_btn_over.gif) no-repeat; width:64px; height:38px} /* For accessibility of the top level menu when tabbing */
#menu1-global li.blounge:hover > a 		{background:url(/images/_en/_ww/header/global_b-l_btn_on.gif) no-repeat; width:83px; height:38px} /* For accessibility of the top level menu when tabbing */
#menu1-global li.vcampaigns:hover > a 	{background:url(/images/_en/_ww/header/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px} /* For accessibility of the top level menu when tabbing */
#menu1-global li.loyalty:hover > a 		{background:url(/images/_en/_ww/header/global_loyalty_btn_over.gif) no-repeat; width:58px; height:38px} /* For accessibility of the top level menu when tabbing */
/* For Non-IE browsers and IE7 CSS > OVER li second level */
#menu1-global li.shop li:hover > a 				{background:#f9f9f9; color:#669900; width:150px} /* Make the hovered list color persist */
#menu1-global li.loyalty li:hover > a 			{background:#f9f9f9; color:#ec7a23; width:150px} /* Make the hovered list color persist */


/* For IE5.5 and IE6 CSS */
#menu1-global table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}/* get rid of the table */
/* For IE5.5 and IE6 CSS > OVER li first level */
* html #menu1-global li a:hover {position:relative; background:#eb5f01; color:#c00;}
* html #menu1-global .home-ie:hover 		{background:url(/images/_en/_ww/header/global_home_btn_on.gif) no-repeat; width:55px; height:38px}
* html #menu1-global .shop-ie:hover 		{background:url(/images/_en/_ww/header/global_shop_btn_over.gif) no-repeat; width:64px; height:38px;}
* html #menu1-global .blounge-ie:hover		{background:url(/images/_en/_ww/header/global_b-l_btn_on.gif) no-repeat; width:83px; height:38px}
* html #menu1-global .vcampaigns-ie:hover	{background:url(/images/_en/_ww/header/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px}	
* html #menu1-global .loyalty-ie:hover		{background:url(/images/_en/_ww/header/global_loyalty_btn_over.gif) no-repeat; width:58px; height:38px}
/* For IE5.5 and IE6 CSS > OVER li second level */
* html #menu1-global li.shop li a:hover 	{position:relative; background:#f9f9f9; color:#669900;}
* html #menu1-global li.loyalty li a:hover 	{position:relative; background:#f9f9f9; color:#ec7a23;}
/* For IE5.5 and IE6 CSS > Necessary to make the sublevels appear */
* html #menu1-global li ul {visibility:hidden; display:block; position:absolute; margin:10px 0px 0px 30px;}/* change the drop down levels from display:none; to visibility:hidden; */
#menu1-global li a:hover ul {visibility:visible; left:-31px; top:28px;}/* make the second level visible when hover on first level link and position it */

/* Catalog menu  */
/* ------------- */
/* Common CSS */
#menu2-shopping, #menu2-shopping ul, #menu2-shopping ul ul	{padding:0; margin:0; list-style-type: none;} /* Get rid of the margin, padding and bullets in the unordered lists */
#menu2-shopping li 						{float:left; background:url(/images/_ww/_ww/header/catalog-nav_v-separator.jpg) no-repeat top right;}	/* Set up the list items */
#menu2-shopping li li						{background:none}	/* Set up the list items */
#menu2-shopping li ul 						{display:none; background: #FFFFFF; border:1px solid #999999; border-width: 0px 1px 1px 1px;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
/* Common CSS > OFF li first level */
#menu2-shopping a, #menu2-shopping a:visited {display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; height:25px; text-decoration:none; padding: 5px 7px 0px 7px;} /* Set up the link size, color and borders */

/* Common CSS > OFF li second level */
#menu2-shopping li li a, #menu2-shopping li li a:visited {width:200px; margin: 2px 0px 2px 0px; vertical-align:middle; font-weight:normal; color:#666666; padding: 0px 7px 0px 7px; height: 15px} /* Set up the link size, color and borders */

#menu2-shopping li:hover > a {background-color:#FFFFFF; color:#000000;}

/* For Non-IE browsers and IE7 CSS */
#menu2-shopping li:hover 				{position:relative;}	
#menu2-shopping li:hover > ul 			{display:block; position:absolute; top:0px; left:-1px; margin-top:25px;} /*make the sublevels visible on list hover. This is all it needs */
/* For Non-IE browsers and IE7 CSS > OVER li second level */
#menu2-shopping li li:hover > a 			{background:#f9f9f9; color:#669900; width:200px} /* Make the hovered list color persist */


/* For IE5.5 and IE6 CSS */
#menu2-shopping table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}/* get rid of the table */
/* For IE5.5 and IE6 CSS > OVER li first level */
* html #menu2-shopping li a:hover {position:relative; background:#FFFFFF; color:#000000;}
/* For IE5.5 and IE6 CSS > OVER li second level */
* html #menu2-shopping li li a:hover {position:relative; background:#f9f9f9; color:#669900;}
/* For IE5.5 and IE6 CSS > Necessary to make the sublevels appear */
* html #menu2-shopping li ul {visibility:hidden; display:block; position:absolute; margin:10px 0px 0px 30px;}/* change the drop down levels from display:none; to visibility:hidden; */
#menu2-shopping li a:hover ul {visibility:visible; left:-31px; top:15px;}/* make the second level visible when hover on first level link and position it */

* html #menu2-shopping .wellbeing-ie {width:54px;}
* html #menu2-shopping .gifts-ie {width:24px;}
* html #menu2-shopping .makeup-ie {width:50px}
* html #menu2-shopping .bathbody-ie {width:65px}
* html #menu2-shopping .skincare-ie {width:51px}
* html #menu2-shopping .mens-ie {width:31px}
* html #menu2-shopping .homefragrance-ie {width:88px;}
* html #menu2-shopping .fragrance-ie {width:54px}
* html #menu2-shopping .hair-ie {width:20px}
* html #menu2-shopping .specials-ie {width:46px}
* html #menu2-shopping .shopbyline-ie {width:67px}

/* Account menu  */
/* ------------- */
#menu2-account {list-style-type: none; float:right}
#menu2-account li  {float:left;}
#menu2-account li, #menu2-account a,  #menu2-account a:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; height:20px; text-decoration:none} /* Set up the link size, color and borders */
#menu2-account a {display:block; height:20px; padding:5px 7px 0px 7px;}
#menu2-account a:hover {color:#000000; background-color:#FFFFFF;}

* html #menu2-account .signin-ie {width:52px;}
* html #menu2-account .register-ie {width:48px;}
* html #menu2-account .myaccount-ie {width:78px;}

/*------------------------------------------*/ 
/* CSS for common PAGES - Left nav mgmt     */
/*------------------------------------------*/ 

.menu_border			{	border: 1px solid #d5d5d5; border-top: 0px; height:23px; padding-left:12px; background-color:#FFFFFF; }
.menu_border_fix	{	border: 1px solid #d5d5d5; border-top: 0px; height:23px; padding-left:12px; background-color:#99cc33; color:#FFFFFF; }
.menu_loyalty_border		{	height:20px; background-color:#FFFFFF; }
.menu_loyalty_border_fix	{	height:20px; background-color:#99cc33; color:#FFFFFF; }

/* Common Left Nav */
.tableLeftNav									{border: 1px solid #d5d5d5; border-top: 0px; border-bottom: 0px; background-color:#ffffff; }
.tableLeftNav .title					{padding:10px 0px 10px 12px}
.tableLeftNav td							{font-weight:bold; color:#ffffff; height:23px; padding-left:12px; text-align:left; border-bottom: 1px solid #d5d5d5;}
.tableLeftNav td.subNav				{font-weight:bold; color:#ffffff; height:auto; padding-left:30px; text-align:left; border-bottom: 1px solid #d5d5d5;}
.tableLeftNav a								{font-weight:bold; color:#4d4d4d; text-decoration:none; display:block; height:19px; padding-top:4px}
.tableLeftNav td.activePage a 		{color:#FFFFFF}
.tableLeftNav td.activePage a:hover {color:#FFFFFF}

/* Green Left Nav : shop/home */
div .leftNavGreen {margin: 0 auto 0 auto;}
.leftNavGreen .tableLeftNav td.activePage		{background-color:#8FC800;}
.leftNavGreen .tableLeftNav a:hover					{color:#8FC800}

/* Blue Left Nav : values & campaigns */
div .leftNavBlue {margin: 0 auto 0 auto;}
.leftNavBlue .tableLeftNav td.activePage		{background-color:#0198CB;}
.leftNavBlue .tableLeftNav a:hover					{color:#0198CB}


/* Pink Left Nav : Beauty lounge */
div .leftNavPink {margin: 0 auto 0 auto;}
.leftNavPink .tableLeftNav td.activePage		{background-color:#EC008C;}
.leftNavPink .tableLeftNav a:hover					{color:#EC008C}


/* Yellow Left Nav : Loyalty */
div .leftNavYellow {margin: 0 auto 0 auto;}
.leftNavYellow .tableLeftNav td.activePage		{background-color:#D09E01;}
.leftNavYellow .tableLeftNav a:hover					{color:#D09E01}

/* Orange Left Nav : About Us*/
div .leftNavOrange {margin: 0 auto 0 auto;}
.leftNavOrange .tableLeftNav td.activePage		{background-color:#EC7A23;}
.leftNavOrange .tableLeftNav a:hover					{color:#EC7A23}



/*------------------------------------------*/ 
/* CSS for PAGES REGISTER/SIGN IN/MY ACCOUNT*/
/*------------------------------------------*/ 

.leftRegister			{ 	background-color: #FFFFFF; width: 205px; vertical-align: top; }
.titlegrey 				{	width:732px; height:20px; background-color:#f0f0f0; vertical-align:middle; text-align:left; padding-left:5px; }

.signinMyBodyShop_BOX 	{	height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; 
							background-image: url(/images/_en/_ww/mybodyshop/bg_box_newcustomer.gif); }
.signinMyBodyShop2_BOX 	{	height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat;
							background-image: url(/images/_en/_ww/mybodyshop/bg_box_customerlogin.gif); }

/*------------------------------------------*/ 
/* CSS for PAGE CHECKOUT					*/
/*------------------------------------------*/ 


.signin_BOX 			{height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; 
							background-image: url(/images/_en/_ww/checkout/bg_noregister_step1.gif); }
.signin2_BOX 			{height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat;
							background-image: url(/images/_en/_ww/checkout/bg_register_step1.gif); }
.login  				{ padding: 30px 13px 13px 13px; }

/*------------------------------------------*/
/* CSS for SECTION Loyalty                  */
/*------------------------------------------*/

#loyalty_Content
{
	position: relative;
	float: right;
	width: 765px;
	height: 532px;
}

#loyalty_Title
{
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 45px;
}
		
#loyalty_leftNAV
{
	position: relative;
	float: left;
	width: 184px;
}
		
#loyalty_Main
{
	position: relative;
	background: #ffffff;
	width: 100%;
	padding-top: 10px;
}

#loyalty_FAQ_WhiteContainer
{
	position: relative;
	float: none;
	background: #ffffff;
	width: 680px;
	height: 136px;
	margin-top: 15px;
	margin-left: 15px;
}

#acquiredPts
{
	position: relative;
	float: left;
	margin-top: 37px;
}
	
#myOffers
{
	position: relative;
	float: left;
	width: 343px;
}

#myVouchers
{
	position: relative;
	float: left;
	width: 343px;
	margin-left: 28px;
}

#whiteBox_Activation
{
	position: relative;
	float: left;
	width: 340px;
	margin-top: 15px;
}

.greenHeader
{
	position: relative;
	background: url('/images/_en/_ww/common/greenHeader.gif') repeat-x;
}

.greenHeader.left
{
	background: url('/images/_en/_ww/common/l_greenHeader.gif') no-repeat; 
	width: 254px; 
	height: 25px;
	padding-left: 13px;
}

.whiteBox
{
	position: relative;
	background: #ffffff;
	padding: 10px 20px 10px 20px;
}

.whiteBoxBottom
{
	background: transparent;
	width: 100%;
	height: 4px;
}

.whiteBoxBottomL
{
	float: left;
	background: url('/images/_en/_ww/common/bottom_l_whitebox.gif') no-repeat; 
	width: 4px;
	height: 4px;
}

.whiteBoxBottomM
{
	float: left;
	background: #ffffff url('/images/_en/_ww/common/bottom_whitebox.gif') repeat-x;
	height: 4px;
}

.whiteBoxBottomR
{
	float: right;
	background: url('/images/_en/_ww/common/bottom_r_whitebox.gif') no-repeat; 
	width: 4px;
	height: 4px;
}


/*------------------------------------------*/
/* CSS for footer > Newsletter              */
/*------------------------------------------*/

.input-newsletter input 		{width:200px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#737373;}
.input-newsletter_error input {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ed1c24; border:1px solid #ed1c24}


/************************************************************************************************************/
/* 		END CSS Body Shop																					*/
/************************************************************************************************************/

/**************************************************************************************************************/

 
/*
 * START - BEAUTYSCHOOL
 */
*{padding:0px;margin:0px;}

.NMA_homeON {
	background-color: #CCC4C8;
}

#index_shopPNL_HLDR {
	height: 375px;
	width: 160px;
	margin: 45px 0px 7px 7px;
}
#index_shopPNL {
	position: absolute;
	width: 140px;
	padding: 35px 10px 10px 10px;
	height: 325px;
}
.index_shopPNL_TEXT {
	width: 140px;
	position: relative;
	padding: 5px 0px 5px 0px;
}

.tdvalignT 
{
	vertical-align:top;
}


/*
 * END - BEAUTYSCHOOL
 */

/*
 * START - CATEGORY >> DELETED
 */


/*
 * START - global_GEN
 */

a
{
	text-decoration: none;
}



.float_R {
	float: right;
}

	




#copyright {
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
}

/* FONT > DELETED */

/* JFY > DELETED */

.recviewHOLDERbg {
	position: relative;
	width: 733px;
	height: 120px;
	background-image: url(/images/_en/_ww/common/bg_recently_reviewed.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	/*padding-bottom: 5px;
	float: right;
	/*margin-bottom: 20px;*/
	margin-top: 8px;
}
.CollectionBrowsedByCollection
{
	width: 733px;
	height: 120px;
	background-image: url(/images/_en/_ww/common/Img_BrowsedByCollection.gif);
	background-repeat: no-repeat;
	float: right;
	
}
.CollectionBrowsedByTreatment
{
	width: 733px;
	height: 120px;
	background-image: url(/images/_en/_ww/common/Img_browsedbyTreatment.gif);
	background-repeat: no-repeat;
	padding-top:8px;
	margin-top:8px;

	float: right;
	
}

/* TO DELETE ? */
.recviewPRODmask {

	position: absolute;
	width: 191px;
	height: 50px;
	overflow: hidden;
}

/* TO DELETE ? */
.recviewPRODholder {

	position: absolute;
}

/* TO DELETE ? */
.subCAT_pnlswatchHLDR {

	position: relative;
	left: 10px;
	margin-top: 3px;
	width: 390px;
	border-bottom-width: 1px;
	padding-bottom: 3px;
}

.hideit {
	visibility: hidden;
}

.quickshop_btn {
	position: absolute;
	margin-top: -5px;
	margin-left: -10px;
}


.bg_TL {
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_TR {
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_BR {
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bg_BL {
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg_MID {
	background-repeat: no-repeat;
	background-position: center center;
}
.LTgrey_BRDR {
	border: 1px solid #D0D0D0;
}


.grey_BRDR {
	border: 1px solid #858585;
}
.pink_BRDR {
	border: 1px solid #F9DAE8;
}
.RL_grey1px {
	border-right: 1px solid #CDCDCD;
}
.LL_grey1px {
	border-left: 1px solid #CDCDCD;
}
.BL_grey1px {
	border-bottom: 1px solid #CDCDCD;
}
.BL_indexPNL_1px {
	border-bottom: 1px solid #AC8B74;
}


.TL_grey1px {
	border-top: 1px solid #CDCDCD;
}
.BL_pink1px {
	border-bottom: 1px solid #F9DAE8;
}
.BL_pink2px {
	border-bottom: 2px solid #F9DAE8;
}
.LL_pink2px {
	border-left: 2px solid #F9DAE8;
}


.BL_green1px
{
	border-bottom: 1px solid #8fc800;
}

.pnkBGgreyBRDR {
	background-color: #FAF0F5;
	border: 1px solid #C7C7C7;
}
.OPACITY50 {
	filter: Alpha(Opacity=50);
	-moz-opacity: 0.50;
}
.OPACITY60 {
	filter: Alpha(Opacity=60);
	-moz-opacity: 0.60;
}
.OPACITY70 {
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.70;
}
.OPACITY80 {
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.80;
}
.OPACITY90 {
	filter: Alpha(Opacity=90);
	-moz-opacity: 0.90;
}
.alignC {
	margin-right: auto;
	margin-left: auto;
}
.padding02_A {
	padding: 2px;
}
.pad02TB {
	padding-top: 2px;
	padding-bottom: 2px;
}


.padding03_T {
	padding-top: 3px;
}
.padding03_A {
	padding: 3px;
}
.padding03_L {
	padding-left: 3px;
}

.padding03_B {
	padding-bottom: 3px;
}



.padding05_A {
	padding: 5px;
}
.padding05_T {
	padding-top: 5px;
}
.padding05_B {
	padding-bottom: 5px;
}
.padding05_L {
	padding-left: 5px;
}
.padding05_R {
	padding-right: 5px;
}




.padding10_A {
	padding: 10px;
}


.padding10_B {
	padding-bottom: 10px;
}
.padding10_R {
	padding-right: 10px;
}
.padding10_L {
	padding-left: 10px;
}
.pad05LR {
	padding-right: 5px;
	padding-left: 5px;
}




.padding15_A {
	padding: 15px;
}

.padding_15T {
	padding-top: 15px;
}

.padding_15L {
	padding-left: 15px;
}
.padding15_R {
	padding-right: 15px;
}

.padding15_B {
	padding-bottom: 15px;
}


.padding20_A {
	padding: 20px;
}
.padding20_T {
	padding-top: 20px;
}
.padding20_L {
	padding-left: 20px;
}
.padding20_R {
	padding-right: 20px;
}


.padding20_B {
	padding-bottom: 20px;
}

.pad20LR {
	padding-right: 20px;
	padding-left: 20px;
}
.padding25_T {
	padding-top: 25px;
}

.padding25_L {
	padding-left: 25px;
}
.padding25_R {
	padding-right: 25px;
}
.padding25_B {
	padding-bottom: 25px;
}

.padding30_R {
	padding-right: 30px;
}
.padding40_R {
	padding-right: 40px;
}


.SPACER_05H {
	position: relative;
	height: 5px;
}
.SPACER_10H {
	position: relative;
	height: 10px;
}
.SPACER_15H {
	position: relative;
	height: 15px;
}

.SPACER_30H {
	position: relative;
	height: 30px;
}
.margain2px {
	margin: 2px;
}
.margain2T {
	margin-top: 2px;
}

.margain3L {
	margin-left: 3px;
}
.margain3T {
	margin-top: 3px;
}
.margain5T {
	margin-top: 5px;
}
.margain5L {
	margin-left: 5px;
}
.margain10_R {
	margin-right: 10px;
}

.margain10T {
	margin-top: 10px;
}
.margain10L {
	margin-left: 10px;
}

.margain10B {
	margin-bottom: 10px;
}

.margain15T {
	margin-top: 15px;
	top: 15;
}
.margain15R {
	margin-right: 15px;
}

.margain15L {
	margin-left: 15px;
}
.margain20T {
	margin-top: 20px;
}
.margain20L {
	margin-left: 20px;
}
.margain20_B {
	margin-bottom: 20px;
}

.margain25_T {
	margin-top: 25px;
}
.margain25_L {
	margin-left: 25px;
}

.margain25_R {
	margin-right: 25px;
}
.margain30_T {
	margin-top: 30px;
}



.margain30L {
	margin-left: 30px;
}
.margain35_T {
	margin-top: 35px;
}

.margain40_T {
	margin-top: 40px;
}
.margain40_L {
	margin-left: 40px;
}

.margain50_L {
	margin-left: 50px;
}

.margain60_L {
	margin-left: 60px;
}

.tabHLDR {

	position: relative;
	height: 17px;
}
.tab {

	position: absolute;
}
.tabZfoward {

	z-index: 10;
}

.pinkPNL_BG {
	background-image: url(../images/pinkcrnr_BG.gif);
	background-repeat: no-repeat;
	position: relative;
}
.pnkBGgreyBRDR_DRK {

	background-color: #FBDFEC;
	border: 1px solid #A1A1A1;
}

.benefitAndTechnology_ON
{
	background-color:#F2F2F2;
}

.benefitAndTechnology_OFF
{
	background-color:#FFFFFF;
}

/*
 * END - global_GEN
 */

/*
 * START - global_NAV
 */

/* **********************************************
* CSS for PAGE LAYOUT
*  **********************************************
*/


ul#secondaryNAV{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
ul#secondaryNAV a {
	text-decoration: none;
	color: #FFFFFF;
}
ul#secondaryNAV li {

}


ul#subLFTNAV {
	list-style-type: none;
	text-indent: 20px;
}

ul#subLFTNAV a {
	text-decoration: none;
	color: #6E6E6E;
}

ul#subLFTNAV a:hover {
	text-decoration: none;
	text-transform: none;
	background-color: #8F8F8F;
}

ul#subLFTNAV li {
	text-indent: 0px; 
	list-style-type: none; 
	text-transform: none;
	position:relative;
	width: 119px;
	/*left:-20px;*/
	left:15px;
	margin-top:2px;
}

.LFTNAV_on {
	background-color: #8F8F8F;
	margin-top: 2px;
}



#firstNAV {
	background-color: #FFFFFF;
	height: 18px;
	padding:0px;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
}


#secNAV_FSbtn_OPAC {
	background-color: #A88496;
	position: absolute;
	width: 136px;
	height: 18px;
	margin-top: 0px;
	margin-left: -140px;
}
.secNAVdropmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 17px;
	background-color: #666666;
	width: 125px;
	padding-left: 10px;
	padding-top: 10px;
	height: auto;
	padding-bottom: 10px;
	position: absolute;
	visibility: hidden;
}
#FSbanner {
	position: absolute;
	height: auto;
	margin-top: 18px;
	visibility: visible;
}
/* modifié par azza*/
#COdrop {
	position: absolute;
	width: 288px;
	margin-left: -140px;
	background-color: #FFFFFF;
	margin-top: 18px;
	
}
#COdropQuickShop {
	position: absolute;
	width: 288px;
	margin-left: -140px;
	margin-top: 18px;
	background-color: #000000;
}

.subcatNAVSpacer
{
	width: 135px;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}

#subcatNAV {
	width: 150px;
/*	position: relative;*/
	margin-right: auto;
	margin-left: auto;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7; */
}

#colorexplorer {
	position: relative;
	width: 135px;
	padding-top: 10px;
	padding-bottom: 10px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1; */
	margin-right: auto;
	margin-left: auto;
}

#justforyou {
	width: 128px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	position: relative;
	border: 1px solid #D0D0D0;
	padding: 10px 15px 10px 15px;
	background-position: top;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
}


#quickshop {

	width: 130px;
	margin-top: 18px;
	position: relative;
	left: 18px;
}
#mymakeupkit {


	width: 130px;
	margin-top: 5px;
	position: relative;
	left: 18px;
}

/*
 * END - global_NAV
 */

/*
 * START - global_PNL
 */

#subCAT_allshades {
	position: absolute;
	width: 415px;
}

#subCAT_pnlAS_btn {
	position: absolute;
	left: 325px;
	margin-top: 4px;
}
#subCAT_title_close {

	position: absolute;
	left: 28px;
	width: 372px;
	margin-top: 8px;
}
#pnl_HLDR {
	background-image: url(../images/pnl_mid_BG.gif);
	background-repeat: repeat-y;
	position: absolute;
	z-index: 2;
	background-position: 100%;
	background-color: #FFFFFF;
	width: 330px;
	margin-right: auto;
	margin-left: auto;
}

#closeBTN {

	
	margin-top: 12px;
	margin-left: 275px;
}
#pnl_bot {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
#pnl_shadename {
	position: absolute;
	margin-top: 90px;
	margin-left: 25px;
}
#pnl_SM_HLDR {

	background-image: url(/images/pnl_SM_mid_BG.gif);
	background-repeat: repeat-y;
	width: 150px;
	position: absolute;
	z-index: 2;
}

/*
 * END - global_PNL
 */

/*
 * START - mylancome
 */

.ML_HDR {
	position: relative;
	margin-top: 15px;
	margin-left: 15px;
}
.ML_pnlTXT {
	position: absolute;
	z-index: 2;
}
.ML_secpnl_BG {
	background-image: url(/images/ML_secpnl_BG.gif);
	height: 75px;
	position: relative;
}

/*
 * END - mylancome
 */

/*
 * START - product
 */

.mainHDR {

	position: relative;
	left: 10px;
	margin-top: 10px;
	width: 609px;
}
#FRG_btleHLDR {
	position: relative;
	width: 605px;
	/* left: 15px; */
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
	/* padding-bottom: 5px; */
}

#prod_HLDR {
	position: relative;
	width: 554px;
	left: 15px;
	margin-top: 2px;
	padding-right: 50px;
}
#shop_HLDR {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	position: relative;
	width: 565px;
	left: 37px;
	padding-top: 1px;
	padding-bottom: 22px;
}
#swatchname {
	position: relative;
}
#lwr_HDR {

	background-color: #9D9D9D;
	position: relative;
	height: 19px;
}
.lwr_LAYOUT {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.MU_lwr_SP_swtchPNL {
	position: relative;
	width: 400px;
	padding-bottom: 3px;
	padding-top: 2px;
}
#MU_lwr_BT_hdrHLDR {
	position: relative;
	height: 34px;
}
#MU_lwr_techHDR {

	height: 22px;
}

.MU_lwr_BT_LtText {
	position: absolute;
	height: 35px;
	margin-top: 5px;
	left: 20px;
}
.MU_lwr_BT_RtText {
	position: absolute;
	margin-left: 302px;
	width: 240px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C8C8C8;
	padding-left: 19px;
	height: 38px;
	padding-top: 5px;
}
.MU_lwr_BT_whiteBOX {
	position: relative;
	height: 42px;
}
#MU_lwr_SP_pwrsystem {
	width: 142px;
	background-image: url(../images/pinkcrnr2pxOL_whiteBG.gif);
}
.prod_allureedch {

	position: absolute;
	margin-top: 175px;
	margin-left: 175px;
}
.SC_lwr_PF_HLDR {
	position: relative;
	width: 556px;
	margin-top: 5px;
	padding-bottom: 10px;
}
#yourskinroutine {
	width: 124px;
	background-color:#FFFFFF;
	position: relative;
	border: 1px solid #D0D0D0;
	padding: 10px 15px 10px 15px;
	background-position: top;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
}
/*
 * END - product
 */

/*
 * START - subcat
 */

#mainHDR {
	position: relative;
	margin-left: 10px;
	margin-top: 15px;
	width: 400px;
}
#mainTAG {
	position: relative;
	width: 585px;
	/*left: 15px;*/
	/*margin-top: 20px;*/
}
#explorecheck {
	position: relative;
	margin-top: 10px;
	/*margin-left: 15px;*/
	width: 595px;
}

#checkitout {
	height: 46px;
	width: 174px;
	background-color: #FEE3F1;
	background-image: url(/images/checkitout_bg.gif);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 4px;
}

.exploreDROPboxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 94px;
}

.prodswtchHLDR {
	margin-top: 20px;
	position: relative;
	width: 605px;
}

.swtchHLDRbg {
	background-image: url(/images/subcatPROD_bg.gif);
	width: 390px;
	height: 100px;
	background-repeat: no-repeat;
}

.swatchMASK {
	position: absolute;
	width: 300px;
	height: 80px;
	margin-top: 17px;
	margin-left: 5px;
	overflow: hidden;
}
.swatchNEXTPREV {
	position: absolute;
	width: 70px;
	margin-left: 312px;
	margin-top: 25px;
}

.swtchHLDR {
	position: absolute;
	width: 100%;
}
.pageVIEW {


	position: relative;
	margin-top: 10px;
	width: 602px;
	height: 18px;
	background-color: #FAF0F5;
	border: 1px solid #C7C7C7;
}
tbody th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
}
.CE_mainHLDR {
	position: relative;
	width: 558px;
	margin-left: 20px;
	margin-right: 10px;
	height: 230px;
}
#CE_featured {
	width: 182px;
	position: relative;
	background-image: url(/images/whitecrnrOL_BG.gif);
	padding: 7px 5px 7px 10px;
}
#CO_thankyouBS {
	background-image: url(/images/CO_thankyou_BG.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C8C8C8;
	border-bottom-color: #C8C8C8;
	padding: 6px;
}

#CE_coloressentials {
	width: 182px;
	position: relative;
	background-image: url(/images/whitecrnrOL_BG.gif);
	top: 7px;
	height: 222px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.CE_tab {
	position: absolute;
	margin-top: -17px;
	padding-left: 5px;
	height: 17px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cbcbcb;
	width: 120px;
	background-image: url(/images/CE_tab_BG.gif);
	background-repeat: repeat-x;
	z-index: 2;
}

#CE_ViewProd {

	
	width: 765px;
	position: relative;
	margin-left: 20px;
	
}
#CE_prodMASK {
	position: relative;
	width: 710px;
	overflow: hidden;
}

.width_135
{
	width: 135px;
}
/* **********************************************
* CSS for Images PNG
*  **********************************************
/* CSS for Quick shop icône*/ 

.BackgroundQuickShop 
{
	background-image:url(/images/_en/_ww/common/quickshop_med_ICN.png);
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:900;
}

/* CSS for shopping card: items added*/
 .BackgroundBottom_Item
 {
	background: url('/images/_ww/_ww/common/Img_item_bottom.png') repeat ;
	width:302px;
	height:14px;
	MARGIN-RIGHT: -7px;
}
.BackgroundMiddle_Item
{
	background: url('/images/_ww/_ww/common/Img_item_middle.png') repeat ;
	width:302px ;
	margin-right:-3px 
	
}
.BackgroundTop_Item
{
	background: url('/images/_ww/_ww/common/Img_top_item.png') ;
	height:9px;
	width:302px;
	margin-right:-7px;
}

/*
 * END - subcat test
 */

 
 
 

 
 
/* ********************************************** */
/*                             LOUNGE                             */
/*  ********************************************* */
 
 
#bglounge {background:#FFFFFF url('/images/_en/_ww/beauty-lounge/bg.jpg') repeat-x top center;}  

#lounge {margin:0; padding:0;}
#lounge a{color:#75bf00; text-decoration:none;}
#lounge a:hover {color:#75bf00; text-decoration:underline;}

#lounge #lounge_breadcrumbs {position:relative; margin:0 0 5px 17px; text-align:left;}
#lounge #lounge_breadcrumbs .txt1 {font-family:Arial, sans-serif; font-size:11px; font-weight:bold; color:#74bc00;}
#lounge #lounge_breadcrumbs .txt2 {font-family:Arial, sans-serif; font-size:11px; font-weight:bold; color:#4d4d4d;}

#lounge #lounge_colA {float:left; width:613px; margin-left:10px; _margin-left:5px; text-align:left;}
#lounge #lounge_colA .lounge_colA1 {float:left; width:302px; text-align:left;}
#lounge #lounge_colA .lounge_colA2 {float:right; width:302px; text-align:left;}

#lounge #lounge_colB {float:right; width:310px; margin-right:10px; _margin-right:5px;}
#lounge #lounge_colB .block_sociallinks {position:relative; width:100%; text-align:left;}
#lounge #lounge_colB .block_video {position:relative; width:100%; margin-top:15px;}
#lounge #lounge_colB .block_highlights {position:relative; width:100%; margin-top:15px;}
#lounge #lounge_colB .block_poll {position:relative; width:100%; margin-top:15px;}
#lounge #lounge_colB .block_loveyourbody {position:relative; width:100%; margin-top:15px;}
 
#lounge #lounge_colA .blockbigtop {position:relative; width:100%; height:17px; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-big-bgtop.gif') no-repeat top center;}
#lounge #lounge_colA .blockbigcontent {position:relative; width:100%; padding:1px 0; text-align:center; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-big-bgmiddle.gif') no-repeat bottom center;}
#lounge #lounge_colA .blockbigcontent .blockbigalign {width:94%; margin:0 auto; text-align:left;}
#lounge #lounge_colA .blockbigcontent .blockbigalign .image {float:left; margin:0 10px 0 0;}
#lounge #lounge_colA .blockbigcontent .blockbigalign .new {margin-top:5px;}
#lounge #lounge_colA .blockbigcontent .blockbigalign .btn {position:absolute; bottom:0px; right:18px; text-align:right;}
#lounge #lounge_colA .blockbigbottom {position:relative; width:100%; height:21px; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-big-bgbottom.gif') no-repeat top center;}

#lounge #lounge_colA .lounge_colA1 .block_newA11 {position:relative; margin-top:15px;}
#lounge #lounge_colA .lounge_colA1 .block_newA12 {position:relative; margin-top:15px;}
#lounge #lounge_colA .lounge_colA1 .block_newA13 {position:relative; margin-top:15px;}
#lounge #lounge_colA .lounge_colA2 .block_newA21 {position:relative; margin-top:15px;}
#lounge #lounge_colA .lounge_colA2 .block_newA22 {position:relative; margin-top:15px;}
#lounge #lounge_colA .lounge_colA2 .block_newA23 {position:relative; margin-top:15px;}

#lounge #lounge_colA .blocktop {position:relative; width:100%; height:14px; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-bgtop.gif') no-repeat top center;}
#lounge #lounge_colA .blockcontent {position:relative; width:100%; padding:1px 0; text-align:center; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-bgbottom.gif') no-repeat bottom center;}
#lounge #lounge_colA .blockcontent .blockalign {width:265px; margin:0 auto; text-align:left;}
#lounge #lounge_colA .blockcontent .blockalign .image {position:relative; margin-top:10px;}
#lounge #lounge_colA .blockcontent .blockalign .btn {position:relative; text-align:right; padding:10px 0 20px 0;}


#lounge #lounge_colB .blocktop {position:relative; width:100%; height:11px; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-right-bgtop.gif') no-repeat top center;}
#lounge #lounge_colB .blockcontent {position:relative; width:100%; padding:1px 0; text-align:left; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-right-bgbottom.gif') no-repeat bottom center;}
#lounge #lounge_colB .blockcontent .blockalign {width:265px; margin:0 auto; text-align:left;}
#lounge #lounge_colB .blockcontent .blockalign .image {position:relative; margin-top:10px;}
#lounge #lounge_colB .blockcontent .blockalign .btn {position:relative; text-align:right; padding:10px 0 20px 0;}
#lounge #lounge_colB .blockcontent .blockalign .margin {margin-top:10px;}
#lounge #lounge_colB ul {margin-top:10px; list-style-type:none}
#lounge #lounge_colB ul li{margin-top:2px;}

#lounge h3{font-family:Arial, sans-serif; font-size:20px; font-weight:bold; color:#666666; margin-top:3px; margin-bottom:5px;}
#lounge h4{font-family:Arial, sans-serif; font-size:14px; font-weight:bold; color:#666666;}
#lounge .normaltxt {font-family:Arial, sans-serif; font-size:12px; color:#868686;}
#lounge .coloredtxt {font-family:Arial, sans-serif; font-size:12px; font-weight:bold; color:#7dc200;}
#lounge #lounge_colA a{font-family:Arial, sans-serif; color:#75bf00; font-size:12px; font-weight:bold; text-decoration:none;}
#lounge #lounge_colA a:hover {color:#75bf00; text-decoration:underline;}






/* *********SPECIAL ARTICLE ************************************* */

#lounge #lounge_colA .blockartbigtop {position:relative; width:100%; height:24px; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-artbig-bgtop.gif') no-repeat top center;}
#lounge #lounge_colA .blockartbigcontent {position:relative; width:100%; margin-top:-2px; _margin-top:-3px; -margin-top:-3px; text-align:center; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-artbig-bgmiddle.gif') no-repeat bottom center;}
#lounge #lounge_colA .blockartbigcontent .blockartbigalign {width:94%; margin:0 auto; text-align:left;}
#lounge #lounge_colA .blockartbigcontent .blockartbigalign .image {float:left; margin:0 10px 0 0;}
#lounge #lounge_colA .blockartbigcontent .blockartbigalign .new {margin-top:5px;}
#lounge #lounge_colA .blockartbigcontent .blockartbigalign .btn {position:absolute; bottom:0px; right:18px; text-align:right;}
#lounge #lounge_colA .blockartbigbottom {position:relative; width:100%; height:23px; margin-bottom:20px; background:transparent url('/images/_en/_ww/beauty-lounge/bloc-artbig-bgbottom.gif') no-repeat top center;}

#lounge #lounge_colA .art1txt {position:relative; margin:0 0 10px 17px; font-family:Arial, sans-serif; font-size:14px; color:#666666;}
#lounge #lounge_colA .art2txt {position:relative; margin:0 0 10px 17px; font-family:Arial, sans-serif; font-size:12px; color:#666666;}

#lounge #lounge_colA .lounge_colArt1 {position:relative; margin-left:17px; text-align:left;}
#lounge #lounge_colA .lounge_colArt1 .photography {float:right; position:relative; margin:0 0 5px 15px; width:293px;}
#lounge #lounge_colA .lounge_colArt1 .photography .bgtop {position:relative; width:100%; height:20px; background:transparent url('/images/_en/_ww/beauty-lounge/article_photo_bgtop.gif') no-repeat top center;}
#lounge #lounge_colA .lounge_colArt1 .photography .bgmiddle {position:relative; text-align:center; width:100%; background:transparent url('/images/_en/_ww/beauty-lounge/article_photo_bgmiddle.gif') no-repeat top center;}
#lounge #lounge_colA .lounge_colArt1 .photography .bgbottom {position:relative; width:100%; height:21px; background:transparent url('/images/_en/_ww/beauty-lounge/article_photo_bgbottom.gif') no-repeat top center;}

#lounge #lounge_colA .lounge_colArt2 {position:relative; margin-top:10px; text-align:left;}
#lounge #lounge_colA .lounge_colArt2 .photography {float:left; position:relative; margin:0 25px 5px 0; width:293px;}
#lounge #lounge_colA .lounge_colArt2 .photography .bgtop {position:relative; width:100%; height:20px; background:transparent url('/images/_en/_ww/beauty-lounge/article_photo_bgtop.gif') no-repeat top center;}
#lounge #lounge_colA .lounge_colArt2 .photography .bgmiddle {position:relative; text-align:center; width:100%; background:transparent url('/images/_en/_ww/beauty-lounge/article_photo_bgmiddle.gif') no-repeat top center;}
#lounge #lounge_colA .lounge_colArt2 .photography .bgbottom {position:relative; width:100%; height:21px; background:transparent url('/images/_en/_ww/beauty-lounge/article_photo_bgbottom.gif') no-repeat top center;}

