/*************************************
	CSS The Body Shop	UK
	---------------------
	> A. Generic CSS
	> B. Font CSS
	> C. Header layout CSS
		C1. Global menu
		C2. Catalog menu
		C3. Account menu 
	> D. Left Navigation CSS (common PAGES)
	> E. Catalog CSS
	> F. My account CSS (register/sign in/my account)
	> G. Checkout CSS
	> H. Loyalty CSS
	> I. Footer CSS (Newsletter)   
*************************************/

body {
	background-image: url(../../_global/img/bg_gradient.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif, Default;
	font-size: 11px;
	color: #535353;
	margin: 0;
	padding: 0;
	text-align: center;
}
IMG {
	border:none
}
.pageWIDTH {
	width: 950px;
	padding-top:5px;
	padding-bottom:52px;
}
.float_L {
	float: left;
	display:inline;
}
.colorgreen {
	color: #8fc800;
}
div #pageMAIN {
	width:950px;
	background-color: #FFFFFF;
	padding: 10px 0px 15px 0px;
}
#pageMAIN #leftNavGlobal {
	width:205px;
	float:left;
	background-color: #FFFFFF;
}
#pageMAIN #rightContentGlobal {
	width:745px;
	float:left;
	padding-top:10px;
	background-color: #FFFFFF;
}
div #page {
	position: relative;
	margin: 0 auto 0 auto;
	z-index: 1;
}
.padding10_T {
	padding-top: 10px;
}
.pad10LR {
	padding-right: 10px;
	padding-left: 10px;
}
.pad10TB {
	padding-top: 10px;
	padding-bottom: 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/_gb/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;
}
/*------------------------------------------*/ 
/* 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: 25px;
}
#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
}
.leftNavCheckoutLogin {
	background-color: #ffffff;
	width: 205px;
	padding: 15px 13px 0px 0px;
	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
}
/*------------------------------------------*/ 
/* B. Font CSS															*/
/*------------------------------------------*/  	
.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;
}
.Ablack11pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	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;
}
.Awhite10pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	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;
}
.Awhite12pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.Awhite12pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.Awhite15pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.Awhite15pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	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;
}
.Awhite20pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.Awhite20pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	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;
}
.AGrey13pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey13pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey15pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	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;
}
.AGrey17pxF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey18pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey18pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey20pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey20pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
}
.AGrey22pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	font-stretch:condensed
}
.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;
}
.AGreen15pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #74bf02;
	text-decoration: none;
	font-weight: bold;
}
.AGreen48pxR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #74bf02;
	text-decoration: none;
}
.AOrange12pxR {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	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;
}
.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;
}
.newUnitPriceLine {
	text-decoration:line-through
}
.newUnitPriceRed {
	color:#ed1c24
}
.HBlack28pxB {
	font-family:Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight:bold;
	font-stretch:ultra-condensed;
	color:#000000;
	text-decoration:none;
}
.APinkLBY11pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dc006b;
	text-decoration: none;
	font-weight: bold;
}
.APinkLBY12pxB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dc006b;
	text-decoration: none;
	font-weight: bold;
}
/*------------------------------------------*/ 
/* C. Header layout CSS			        		*/
/*------------------------------------------*/ 
.listed-none {
	list-style-type: none;
}
/*------------------------------------------*/ 
/* C1. 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/_gb/header/global_home_btn_new_off.jpg) no-repeat;
	width:55px;
	height:38px;
}
#menu1-global li.athome {
	background:url(/images/_en/_gb/header/global_athome_btn_new_off.jpg) no-repeat;
	width:111px;
	height:38px;
}
#menu1-global li.store {
	background:url(/images/_en/_gb/header/global_store_btn_new_off.jpg) no-repeat;
	width:95px;
	height:38px;
}
#menu1-global li.loyalty {
	background:url(/images/_en/_gb/header/global_rewards_btn_new_off.jpg) no-repeat;
	width:110px;
	height:38px;
}
#menu1-global li.vcampaigns {
	background:url(/images/_en/_gb/header/global_values_btn_new_off.jpg) no-repeat;
	width:149px;
	height:38px;
}
#menu1-global li.blounge {
	background:url(/images/_en/_gb/header/global_lounge_btn_new_off.jpg) no-repeat;
	width:68px;
	height:38px;
}
/* old navigation changed 240709
#menu1-global li.home 						{	background:url(/images/_en/_gb/header/global_home_btn_off.gif) no-repeat; width:55px; height:38px; }
#menu1-global li.shop 						{	background:url(/images/_en/_gb/header/global_shop_btn_off.gif) no-repeat; width:64px; height:38px; }
#menu1-global li.blounge 					{	background:url(/images/_en/_gb/header/global_b-l_btn_off.gif) no-repeat; width:83px; height:38px; }
#menu1-global li.vcampaigns					{	background:url(/images/_en/_gb/header/global_v-c_btn_off.gif) no-repeat; width:145px; height:38px; }
#menu1-global li.loyalty					{	background:url(/images/_en/_gb/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/_gb/header/global_home_btn_new_on.jpg) no-repeat;
	width:55px;
	height:38px;
}
#menu1-global li.athome:hover > a {
	background:url(/images/_en/_gb/header/global_athome_btn_new_on.jpg) no-repeat;
	width:111px;
	height:38px;
}
#menu1-global li.store:hover > a {
	background:url(/images/_en/_gb/header/global_store_btn_new_on.jpg) no-repeat;
	width:95px;
	height:38px;
}
#menu1-global li.loyalty:hover > a {
	background:url(/images/_en/_gb/header/global_rewards_btn_new_on.jpg) no-repeat;
	width:110px;
	height:38px;
}
#menu1-global li.vcampaigns:hover > a {
	background:url(/images/_en/_gb/header/global_values_btn_new_on.jpg) no-repeat;
	width:149px;
	height:38px;
}
#menu1-global li.blounge:hover > a {
	background:url(/images/_en/_gb/header/global_lounge_btn_new_on.jpg) no-repeat;
	width:68px;
	height:38px;
}
/*
#menu1-global li.home:hover > a 			{	background:url(/images/_en/_gb/header/global_home_btn_on.gif) no-repeat; width:55px; height:38px }

#menu1-global li.shop:hover > a 			{	background:url(/images/_en/_gb/header/global_shop_btn_over.gif) no-repeat; width:64px; height:38px }

#menu1-global li.blounge:hover > a 			{	background:url(/images/_en/_gb/header/global_b-l_btn_on.gif) no-repeat; width:83px; height:38px }

#menu1-global li.vcampaigns:hover > a 		{	background:url(/images/_en/_gb/header/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px }

#menu1-global li.loyalty:hover > a 			{	background:url(/images/_en/_gb/header/global_loyalty_btn_over.gif) no-repeat; width:91px; height:38px }88
*/

/* 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;
}
* html #menu1-global li.home-ie:hover {
	background:url(/images/_en/_gb/header/global_home_btn_new_on.jpg) no-repeat;
	width:55px;
	height:38px;
}
* html #menu1-global li.athome-ie:hover {
	background:url(/images/_en/_gb/header/global_athome_btn_new_on.jpg) no-repeat;
	width:111px;
	height:38px;
}
* html #menu1-global li.store-ie:hover {
	background:url(/images/_en/_gb/header/global_store_btn_new_on.jpg) no-repeat;
	width:95px;
	height:38px;
}
* html #menu1-global li.loyalty-ie:hover {
	background:url(/images/_en/_gb/header/global_rewards_btn_new_on.jpg) no-repeat;
	width:110px;
	height:38px;
}
* html #menu1-global li.vcampaigns-ie:hover {
	background:url(/images/_en/_gb/header/global_values_btn_new_on.jpg) no-repeat;
	width:149px;
	height:38px;
}
* html #menu1-global li.blounge-ie:hover {
	background:url(/images/_en/_gb/header/global_lounge_btn_new_on.jpg) no-repeat;
	width:68px;
	height:38px;
}
/*
* html #menu1-global li a:hover 			{	position:relative; background:#eb5f01; color:#c00; }
* html #menu1-global .home-ie:hover 		{	background:url(/images/_en/_gb/header/global_home_btn_on.gif) no-repeat; width:55px; height:38px }
* html #menu1-global .shop-ie:hover 		{	background:url(/images/_en/_gb/header/global_shop_btn_over.gif) no-repeat; width:64px; height:38px; }
* html #menu1-global .blounge-ie:hover		{	background:url(/images/_en/_gb/header/global_b-l_btn_on.gif) no-repeat; width:83px; height:38px }
* html #menu1-global .vcampaigns-ie:hover	{	background:url(/images/_en/_gb/header/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px }	
* html #menu1-global .loyalty-ie:hover		{	background:url(/images/_en/_gb/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 li a:hover			{	position:relative; background:#f9f9f9; color:#669900; }*/
/* 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 */

/*------------------------------------------*/ 
/* C2. 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 .sale-ie 			{	width:31px;}*/
* 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:83px;
}
/* html #menu2-shopping .mens-ie 			{	width:31px;}*/
/* html #menu2-shopping .homefragrance-ie 	{	width:88px;}*/
* html #menu2-shopping .fragrance-ie {
	width:54px;
}
/* html #menu2-shopping .wellbeing-ie 		{	width:54px;}*/
* html #menu2-shopping .hair-ie {
	width:20px;
}
* html #menu2-shopping .specials-ie {
	width:34px;
}
* html #menu2-shopping .shopbyline-ie {
	width:80px;
}
* html #menu2-shopping .lookstips-ie {
	width:68px;
}
/*------------------------------------------*/ 
/* C3. 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;
}
/*------------------------------------------*/ 
/* D. Left Navigation CSS (common PAGES)    */
/*------------------------------------------*/ 
.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;
	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
}
.leftNavGreen .table2LeftNav td.activePage {
	background-color:#8FC800;
}
.leftNavGreen .table2LeftNav 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
}
.leftNavYellow .table2LeftNav td.activePage {
	background-color:#D09E01;
}
.leftNavYellow .table2LeftNav 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
}
.leftNavOrange .table2LeftNav td.activePage {
	background-color:#EC7A23;
}
.leftNavOrange .table2LeftNav a:hover {
	color:#EC7A23
}
/*-------------------------------*/ 
/* E. Catalog CSS 							 */
/*-------------------------------*/ 
/*Used on Product Page */
.productBoxHeader {
	width:545px;
	height:4px;
	background:url(/images/_ww/_ww/webbox/boxes/productpage/1-top.gif) no-repeat;
}
.productBoxBody {
	width:545px;
	background:url(/images/_ww/_ww/webbox/boxes/productpage/2-middle.gif) repeat-y;
}
.productBoxFooter {
	width:545px;
	height:73px;
	background:url(/images/_ww/_ww/webbox/boxes/productpage/3-bottom.gif) no-repeat;
}
.productRightBoxHeader {
	width:179px;
	height:4px;
	background-image:url(/images/_ww/_ww/webbox/boxes/perfect_partners/1-top.gif);
	background-repeat:no-repeat
}
.productRightBoxBody {
	width:169px;
	padding:10px 0px 0px 10px;
	background-image:url(/images/_ww/_ww/webbox/boxes/perfect_partners/2-middle.gif);
	background-repeat:repeat-y
}
.productRightBoxFooter {
	width:179px;
	height:10px;
	background-image:url(/images/_ww/_ww/webbox/boxes/perfect_partners/3-bottom.gif);
	background-repeat:no-repeat
}
/*Used on List Page */
.productSmallBoxHeader {
	width:179px;
	height:156px;
	background:url(/images/_ww/_ww/webbox/boxes/product/1-top.gif) no-repeat;
}
.productSmallBoxBody {
	width:164px;
	height:65px;
	padding: 0px 5px 0px 10px;
	position:relative;
	background:url(/images/_ww/_ww/webbox/boxes/product/2-middle.jpg) repeat-y;
}
.productSmallBoxFooter {
	width:179px;
	height:8px;
	background:url(/images/_ww/_ww/webbox/boxes/product/3-bottom.jpg) no-repeat;
}
/*-------------------------------*/ 
/* E. Password CSS 							 */
/*-------------------------------*/ 
/*Used on Forot my Password Page */
.passwordBoxHeader {
	width:317px;
	height:4px;
	background:url(/images/_ww/_ww/webbox/boxes/password/1-top.gif) no-repeat;
}
.passwordBoxBody {
	width:317px;
	background:url(/images/_ww/_ww/webbox/boxes/password/2-middle.gif) repeat-y;
}
.passwordBoxFooter {
	width:317px;
	height:6px;
	background:url(/images/_ww/_ww/webbox/boxes/password/3-bottom.gif) no-repeat;
}
/*-------------------------------------------------*/ 
/* F. My account CSS (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/_gb/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/_gb/mybodyshop/bg_box_customerlogin.gif);
}
/*--------------------------*/ 
/* G. Checkout CSS					*/
/*--------------------------*/ 
.signin_BOX {
	height: 301px;
	width: 344px;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/_en/_gb/checkout/bg_box_new_customers.gif);
}
.signin2_BOX {
	height: 301px;
	width: 343px;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/_en/_gb/checkout/bg_box_registed_customers.gif);
}
.login {
	padding: 30px 13px 13px 13px;
}
.signintop_BOX {
	height: 19px;
	width: 696px;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/_en/_gb/checkout/bg_boxgrey_topchekout.gif);
}
/*------------------------------*/
/* H. Loyalty CSS               */
/*------------------------------*/
#loyalty_Title {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	width:463px;
}
div #loyalty_Main {
	position: relative;
	width: 100%;
	background: #ffffff;
	padding: 10px 0px 25px 0px;
	overflow:visible;
}
div #loyalty_Member {
	position: relative;
	width: 100%;
	background: #ffffff;
	padding: 10px 0px 25px 0px;
	overflow:auto;
}
#loyalty_Main #loyalty_leftNAV {
	position: relative;
	width: 184px;
	float: left;
}
#loyalty_Main #loyalty_Content {
	position: relative;
	width: 765px;
	float: right;
	height: 532px;
}
#loyalty_loginbox {
	background-color:#ec7a23;
	padding-top:18px;
	padding-left:10px;
}
#loyalty_sepline {
	background-color:#d5d5d5;
	height:1px;
}
#loyalty_FAQ_WhiteContainer {
	position: relative;
	float: none;
	background: #ffffff;
	width: 680px;
	height: 390px;
	margin-top: 25px;
	margin-left: 15px;
}
#acquiredPts {
	position: relative;
	margin-top: 20px;
	margin-left:80px;
	width:270px;
	height:215px;
}
#myOffers {
	position: relative;
	float: left;
	width: 312px;
}
#myVouchers {
	position: relative;
	float: left;
	width: 312px;
}
#whiteBox_Activation {
	position: relative;
	float: left;
	width: 340px;
	padding-left: 20px;
	margin-top: 25px;
}
/* Loyalty leftNav management */
.table2LeftNav {
	border: 0px solid #d5d5d5;
	border-top: 0px;
	border-bottom: 0px;
	background-color:#ffffff;
}
.table2LeftNav .title {
	padding:10px 0px 10px 12px
}
.table2LeftNav td {
	font-weight:bold;
	color:#ffffff;
	height:19px;
	padding-left:0px;
	text-align:left;
	border-bottom: 1px solid #d5d5d5;
}
.table2LeftNav td.subNav {
	font-weight:bold;
	color:#ffffff;
	height:auto;
	padding-left:30px;
	text-align:left;
	border-bottom: 1px solid #d5d5d5;
}
.table2LeftNav a {
	font-weight:bold;
	color:#4d4d4d;
	text-decoration:none;
	display:block;
	padding-top:4px
}
.table2LeftNav td.activePage a {
	color:#FFFFFF
}
.table2LeftNav td.activePage a:hover {
	color:#FFFFFF
}
.greenHeader {
	position: relative;
	background: url('/images/_en/_gb/common/greenHeader.gif') repeat-x;
}
.greenHeader.left {
	background: url('/images/_en/_gb/common/l_greenHeader.gif') no-repeat;
	width: 254px;
	height: 25px;
	padding-left: 13px;
}
.yellowHeader {
	position: relative;
	background: url('/images/_en/_gb/common/yellowHeader.gif') repeat-x;
}
.yellowHeader .left {
	background: url('/images/_en/_gb/common/l_yellowHeader.gif') no-repeat;
	width: 303px;
	height: 25px;
	padding-left: 15px;
}
.whiteBox {
	position: relative;
	background: #ffffff;
	padding: 8px 10px 10px 15px;
}
.whiteBoxBottom {
	background: transparent;
	width: 100%;
	height: 4px;
}
.whiteBoxBottomL {
	float: left;
	background: url('/images/_en/_gb/common/bottom_l_whitebox.gif') no-repeat;
	width: 4px;
	height: 4px;
}
.whiteBoxBottomM {
	float: left;
	background: #ffffff url('/images/_en/_gb/common/bottom_whitebox.gif') repeat-x;
	height: 4px;
}
.whiteBoxBottomR {
	float: right;
	background: url('/images/_en/_gb/common/bottom_r_whitebox.gif') no-repeat;
	width: 4px;
	height: 4px;
}
/*----------------------------------------*/
/* I. Footer CSS (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/_gb/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/_gb/common/Img_BrowsedByCollection.gif);
	background-repeat: no-repeat;
	float: right;
}
.CollectionBrowsedByTreatment {
	width: 733px;
	height: 120px;
	background-image: url(/images/_en/_gb/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/_gb/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
 */