/* ------------------------------------------------------------------------
	Import
------------------------------------------------------------------------- */

	@import url('titles.css');
	@import url('menu.css');
	@import url('buttons.css');
	@import url('jScrollPane.css');


/* ------------------------------------------------------------------------
	Content Redefintion
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }

	body {
		font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
		color: #6B615D;
		background: #fff url(/media/images/all/backgrounds/bodyBackground.gif) top left repeat-x;
	}
		body.noScroll { position: relative; width: 100%; overflow-x: hidden; }

	input, textarea, select {
		font: 1em/1.2 Arial, Verdana, Sans-Serif;
		color: #867974;
	}
	
	select {
		border-top: 1px #b3b3b2 solid;
		border-left: 1px #b3b3b2 solid;
		margin: 0 0 10px 0;
	}
		select option { padding: 0 2px; }

	a { color: #000; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a:focus { outline: none; }


/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.cLeft { clear: left; }
	.cBoth { clear: both; }
	
	.fLeft { float: left; }

	.hide { display: none !important; }

	.padding { padding: 15px; }
	.noPaddingTop { padding-top: 34px !important; }
	.noPaddingLeft { padding-left: 0 !important; }
	.noPaddingRight { padding-right: 0 !important; }
	
	.marginTop { margin-top: 10px !important; }
	.noMarginTop { margin-top: 0 !important; }
	.smallMarginBottom { margin-bottom: 5px !important; }

	.error { 
		color: #ee3b33; 
		padding: 0 0 10px !important;
	}
	
	.count { font-size: 0.8em; }
	
	table.noLabel label { display: none !important; }
		table.noLabel td div.radio { float: left; width: 85px; }
		
		table.noLabel td div.radio input { width: auto !important; margin: 0 0 0 10px; }
	
	div.error-message,
	p.error-message { color: #ee3b33; }
	.form-error { border: 1px #f0726c solid !important; }	
	p.error{  margin: 0 0 0 10px !important; border-top: 0 !important; }

	div.message {
		margin: 10px 0 0 0;
		font-size: 1.2em;
		color: #000;
	}

	.topmessage {
		width: 100%;
		text-align: center;
		background: url(/media/images/all/backgrounds/noflash_pattern.gif) top left repeat-x;
	}

	ul.dropdown {
		float: left;
		height: 19px; overflow: hidden;
		list-style: none;
		color: #000;
		text-transform: uppercase;
		background: url(/media/images/all/backgrounds/dropdownPattern.gif) top right no-repeat;
	}
		ul.dropdown li {
			display: none;
			line-height: 19px;
			margin: 0 1px 0 0;
			border-left: 1px #c9c7c7 solid;
			border-right: 1px #c9c7c7 solid;
		}
			ul.dropdown li a { display: block; text-decoration: none; color: #000; background: #f1efee; padding: 0 0 0 6px; }
			ul.dropdown li a:hover { color: #ed037c; }
	
		ul.dropdown li.selected {
			display: block;
			height: 17px;
			cursor: pointer;
			padding: 0 23px 0 6px;
			margin: 0 0 1px 0;
			border-left: 1px #cac6c5 solid; border-right: 0;
			background: url(/media/images/all/backgrounds/dropdownArrow.gif) 97% 53% no-repeat;
		}
		ul.dropdown li.selected:hover { color: #ed037c; }
		
	.stars {
		display: block; float: left;
		width: 60px; height: 12px; overflow: hidden;
		margin: -1px 0 0 4px;
		background: url(/media/images/all/backgrounds/rating.gif) top left repeat-x;
	}
		.stars span { display: block; height: 12px; background: url(/media/images/all/backgrounds/rating.gif) 0 -12px repeat-x; text-indent: -10000px; }
		.stars .star_1 { width: 12px; }
		.stars .star_2 { width: 24px; }
		.stars .star_3 { width: 36px; }
		.stars .star_4 { width: 48px; }
		.stars .star_5 { width: 60px; }

	ul.linkList {
		float: left;
		list-style: none;
		margin: -3px 0 0 10px;
	}
		ul.linkList li {
			font-size: 0.8em;
			display: block; float: left;
			padding: 0 0 0 6px !important;
			margin: 0 8px 0 0 !important;
			background: url(/media/images/all/backgrounds/arrowBullet.gif) center left no-repeat !important;
		}
			ul.linkList li a { color: #867974; text-decoration: none; }
			ul.linkList li a:hover { color: #ed037c; }
			
	#sidebar ul.linkList {
		margin: 0 0 15px 1px;
	}
		
		#sidebar ul.linkList li { float: none; margin: 0 0 3px 0 !important; color: #000; text-transform: uppercase; font-size: 0.95em; }
	
			#sidebar ul.linkList li a { text-transform: uppercase; color: #000; text-decoration: underline; }
				#sidebar ul.linkList li a:hover { color: #ed037c; }
	
	ul.tabs {
		list-style: none;
	}
	
		ul.tabs li {
			display: block; float: left;
			margin: 0 0 0 10px;
			padding: 0 10px 0 0;
			background: url(/media/images/all/backgrounds/menuSeparator.gif) center right no-repeat;
		}
			ul.tabs li.last { margin-right: 0; padding-right: 0; background: none; }
		
			ul.tabs li a {
				display: block;
				text-indent: -10000px;
				height: 11px;
			}
			
				ul.tabs li a:hover,
				ul.tabs li.selected a { background-position: 0 -13px !important; }
				
				body#fr ul.tabs li a { height: 13px; }

					body#fr ul.tabs li a:hover,
					body#fr ul.tabs li.selected a { background-position: 0 -13px !important; }
	
	ul.steps {
		float: left;
		margin: 5px 0 0 15px;
		list-style: none;
	}
		ul.noWidth { margin: 0; }
	
		ul.steps li {
			display: block; float: left;
		}
		
			ul.steps li a {
				display: block;
				width: 24px; height: 20px;
				text-indent: 10px;
				line-height: 24px;
				color: #636060;
				text-decoration: none;
				background: url(/media/images/all/backgrounds/tabNormal.gif) top left no-repeat;
			}
			
			ul.noWidth li a { width: auto; }
			
			ul.steps li a:hover { color: #ed037c; }
			
			ul.steps li.firstSelected a {
				position: relative; bottom: -1px;
				background: url(/media/images/all/backgrounds/tabFirst_s.gif) top left no-repeat !important;
			}
			
			ul.steps li.lastSelected a {
				position: relative; bottom: -1px;
				background: url(/media/images/all/backgrounds/tabLast_s.gif) top left no-repeat !important;
			}
			ul.steps li.selected a {
				position: relative; bottom: -1px;
				background: url(/media/images/all/backgrounds/tabSelected.gif) top left no-repeat !important;
			}
			ul.steps li.first a { background: url(/media/images/all/backgrounds/tabFirst.gif) top left no-repeat; }
			ul.steps li.last a { width: 25px; background: url(/media/images/all/backgrounds/tabLast.gif) top left no-repeat; }

	p.arrowBullet a{
		font-size: 0.9em;
		color: #867974 !important;
		text-transform: uppercase;
		background: url(/media/images/all/backgrounds/arrowBullet.gif) no-repeat 0 2px;
		padding: 0 0 0 9px;
	}
		p.arrowBullet a:hover { text-decoration: none; color: #ed037c !important; }



/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#page {
		position: relative;
		width: 1280px; overflow: hidden;
		margin: 0 auto;
	}
	
		#header {
			width: 1150px;
			margin: 0 auto;
			height: 137px;
			background: url(/media/images/all/backgrounds/headerGradient.jpg) bottom center no-repeat;
		}
		
		#content-container {
			width: 1150px;
			margin: 0 auto;
		}
		
			#content-container #content {
				float: left;
				width: 560px;
				font-size: 1.2em !important;
			}
			
				#content-container #content .colLeft {
					float: left;
					width: 280px;
					margin: 0 60px 0 0;
				}
			
				#content-container #content .colRight {
					float: left;
					width: 200px;
				}
			
			#content-container .genericContent {
				min-height: 450px;
				width: 472px !important;
				padding: 70px 0 0 93px;
				background: url(/media/images/all/backgrounds/genericContentBackground.jpg) top left no-repeat;
			}
			
				#content-container .genericContent p { margin: 0 0 12px 2px; }

		#sidebar {
			width: 429px;
			float: left;
		}
		
		.bottom_utilities {
			clear: both;
			width: 488px;
			margin: 0 auto;
			padding: 10px 572px 10px 0;
		}
			body#fr .bottom_utilities { padding-right: 410px; }
		
			.bottom_utilities li {
				display: block; float: right;
				margin: 0 10px 0 0;
			}
		
		#footer {
			width: 671px;
			margin: 0 auto;
			padding: 18px 0 90px 379px;
			background: url(/media/images/all/backgrounds/footerGradient.jpg) top center no-repeat;
		}
		
			#footer ul {
				float: left;
				list-style: none;
				clear: both;
				margin: 0;
			}
			
				#footer ul li {
					display: block;
					float: left;
					margin: 0 16px 0 0;
				}
					body#fr #footer ul li { margin-right: 12px; }
				
					#footer ul li a {
						display: block;
						height: 10px;
						text-indent: -10000px;
					}
						#footer ul li a:hover,
						#footer ul li.selected a { background-position: 0 -12px !important; }

			#footer p {
				float: left; clear: both;
				width: 350px;
				margin: 8px 0 0 1px;
			}


/* ------------------------------------------------------------------------
	MENU
------------------------------------------------------------------------- */
	#header ul {
		zoom:1;
	}

	ul.menu {
		list-style: none;
		margin:9px 0 0 81px !important;
		float:left;
	}
	
	*:first-child+html ul.menu {
		margin: 9px 120px 0 0 !important;
		float: right;
		clear: right;
	}
	
	* html ul.menu {
		margin-right:60px !important;
		float: right;
		clear: right;
	}

		ul.menu li {
			display: block;
			float: left;
			background: url(/media/images/all/backgrounds/menuSeparator.gif) center right no-repeat;
			padding: 0 12px 0 0;
			margin: 0 0 0 12px;
			height: 16px;
		}
			body#fr ul.menu li { margin-left: 8px; padding-right: 8px; }
			body#fr ul.menu li.last { padding: 0; } 
			body#fr ul.menu li.doubleLines { padding-right: 13px; margin-right: 1px; }
		
			ul.menu li.last { padding: 0; background: none; } 
			ul.menu li.doubleLines { background: url(/media/images/all/backgrounds/menuDoubleSeparator.gif) center right no-repeat; padding: 0 17px 0 0; margin-right: -3px; }
	        
			ul.menu li a { display: block; text-indent: -10000px; height: 15px; }
			ul.menu li a:hover,
			ul.menu li.selected a { background-position: bottom left !important; }


/* ------------------------------------------------------------------------
	PARANAV
------------------------------------------------------------------------- */


	ul.paranav {
		float: right;
		list-style: none;
		margin: 20px 123px 0 0;
	}

		ul.paranav li {
			display: block;
			float: left;
			margin: 0 17px 0 0;
		}
			ul.paranav li.last { margin-right: 0; margin-left: 4px; }
			
			body#fr ul.paranav li { margin-right: 12px; }
			body#fr ul.paranav li.last { margin-right: 0; margin-left: 6px; }

			ul.paranav li a { display: block; text-indent: -10000px; height: 9px; }
			ul.paranav li.selected a,
			ul.paranav li a:hover { background-position: 0 -12px !important; }

			ul.paranav li form {
				width: 234px;
				position: relative; top: -6px;
			}

				ul.paranav li form label {
					float: left; display: none;
					margin: 3px 3px 0 0;
				}
					ul.paranav li form label.js {
						display: block;
						float: none; margin: 0; /* Redefine the default values */
						position: absolute;
						top: 0; left: 0;
						width: 145px; height: 15px;
						padding: 3px 0 0 8px;
					}

				ul.paranav li form input {
					float: left;
					border-left: 1px #b3b3b2 solid;
					width: 196px; padding: 1px 8px 2px 8px;
					text-transform: uppercase;
					background: #fff url(/media/images/all/backgrounds/site_search_pattern.gif) top left repeat-x;
				}
					ul.paranav li form input.submit { width: 21px; height: 16px; padding: 0; border: 0; }


/* ------------------------------------------------------------------------
	SUBMENU
------------------------------------------------------------------------- */

	ul.submenu {
		width: 598px;
		float: right;
		list-style: none;
		margin: 14px 123px 0 0;
	}
	
		ul.submenu li {
			display: block; float: left;
			margin: 0 19px 0 0;
		}
			ul.submenu li.last { margin-right: 0; }
		
			ul.submenu li a { display: block; height: 23px; text-indent: -10000px; }
				ul.submenu li a:hover,
				ul.submenu li.selected a { background-position: 0 -25px !important; }
			


/* ------------------------------------------------------------------------
	HOME PAGE
------------------------------------------------------------------------- */

	#flashBanner { position: relative; z-index: 0; }
	
		#flashBanner .controls {
			position: absolute; z-index: 100;
			z-index: 1000;
			top: -10px; right: 180px;
			width: 62px; height: 17px;
			padding: 5px 0 0 10px;
			background: url(/media/images/all/backgrounds/backgroundControls.png) top left no-repeat;
			display:none;
		}
		
			#flashBanner .controls .counter {
				position: relative;
				top: -3px;
				float: left;
			}
			
			#flashBanner .controls .btnNext,
			#flashBanner .controls .btnPrevious {
				display: block; float: left;
				overflow: hidden;
				width: 11px; height: 7px;
				text-indent: -10000px;
			}
			#flashBanner .controls .btnNext { background: url(/media/images/all/buttons/control_next.gif) top right no-repeat; }
			#flashBanner .controls .btnPrevious { background: url(/media/images/all/buttons/control_previous.gif) top left no-repeat; }
			
			#flashBanner .controls .btnNext:hover { background-position: 100% -7px; }
			#flashBanner .controls .btnPrevious:hover { background-position: 0 -7px; }

				#flashHolder { position: relative; z-index: 0; }


/* ------------------------------------------------------------------------
	SIDEBAR
------------------------------------------------------------------------- */

	#sidebar .fadedCorner { background: url(/media/images/all/backgrounds/topRightFade.jpg) top right no-repeat; }
	#sidebar .fadedFadeCorner { background: url(/media/images/all/backgrounds/topRightFadedFade.jpg) top right no-repeat; }
		#sidebar .fadedFadeCorner .cta { float: right; margin: 60px 0 20px 0; }

	#sidebar .fadedLine {
		position: relative;
		padding: 0 0 2px 0;
		background: url(/media/images/all/backgrounds/sidebarFadedLine.gif) bottom right no-repeat;
	}

	#sidebar .product {
		position: relative;
		width: 297px; height: 204px;
		float: right;
	}
	
	#sidebar .fragrance,
	#sidebar .skincare,
	#sidebar .makeup,
	#sidebar .search { height: 134px; }
	
	#sidebar .centerContent { padding: 20px 30px 0 0; } /*Can't use margin 0 auto, so padd the content to center it*/
	
	#sidebar .filter {
		position: relative;
		float: right;
		width: 252px;
		padding: 16px 0 0 13px;
		margin: 0 0 25px 0;
	}
	
		#sidebar .filter h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #000;
			margin: 0 0 40px 15px;
		}

		#sidebar .filter .dropdown { position: absolute; width: 200px; }
		
		#sidebar .filter .sorting { float: left; clear: left; margin: 8px 0 0 50px; }

	/* Sidebar images */
	#sidebar .makeup             { background: url(/media/images/all/backgrounds/makeup_titles_background.jpg) bottom right no-repeat; }
	#sidebar .skincare           { background: url(/media/images/all/backgrounds/skincare_titles_background.jpg) bottom right no-repeat; }
	#sidebar .fragrance          { background: url(/media/images/all/backgrounds/fragrances_titles_background.jpg) bottom right no-repeat; }
	#sidebar .search             { background: url(/media/images/all/backgrounds/fragrances_titles_background.jpg) bottom right no-repeat; }
	#sidebar .lips               { background: url(/media/images/all/backgrounds/lips_titles_background.jpg) bottom right no-repeat; }
	#sidebar .nails              { background: url(/media/images/all/backgrounds/nails_titles_background.jpg) bottom right no-repeat; }
	#sidebar .accessories        { background: url(/media/images/all/backgrounds/accessories_titles_background.jpg) bottom right no-repeat; }
	#sidebar .eyes               { background: url(/media/images/all/backgrounds/eyes_titles_background.jpg) bottom right no-repeat; }
	#sidebar .face               { background: url(/media/images/all/backgrounds/face_titles_background.jpg) bottom right no-repeat; }
	#sidebar .body               { background: url(/media/images/all/backgrounds/body_titles_background.jpg) bottom right no-repeat; }
	#sidebar .moisturizers       { background: url(/media/images/all/backgrounds/moisturizers_titles_background.jpg) bottom right no-repeat; }
	#sidebar .eyeandlips         { background: url(/media/images/all/backgrounds/eyesLips_titles_background.jpg) bottom right no-repeat; }
	#sidebar .cleansers          { background: url(/media/images/all/backgrounds/cleansers_titles_background.jpg) bottom right no-repeat; }
	#sidebar .intensive-targeted { background: url(/media/images/all/backgrounds/intensiveTreatments_titles_background.jpg) bottom right no-repeat; }
	#sidebar .toners             { background: url(/media/images/all/backgrounds/toners_titles_background.jpg) bottom right no-repeat; }
	#sidebar .anti-age           { background: url(/media/images/all/backgrounds/anti-age_titles_background.jpg) bottom right no-repeat; }

	.genericSidebar {
		width: 241px !important;
		padding: 35px 35px 0 157px;
		font-size: 1.1em;
		background: url(/media/images/all/backgrounds/genericSidebarBackground.jpg) top right no-repeat;
	}

		.genericSidebar p {
			margin: 0 0 12px 2px;
		}

		.genericSidebar h4 {
			font-weight: normal;
			text-transform: uppercase;
			margin: 0 0 2px 2px;
		}
		
		.genericSidebar a { text-decoration: underline; }
		.genericSidebar a:hover { color: #ed037c; text-decoration: none; }
			

/* ------------------------------------------------------------------------
	PRODUCT LISTING
------------------------------------------------------------------------- */

	.productlist-content { background: url(/media/images/all/backgrounds/productListFirstBackground.jpg) top left no-repeat; }
				
		.productlist-content .loader { margin: 27px 0 0 20px; }


/* ------------------------------------------------------------------------
	PRODUCT DETAILS PAGE
------------------------------------------------------------------------- */

	#productHeader {
		position: relative;
		width: 1000px; height: 205px;
		margin: 0 0 0 22px;
		font-size: 1.2em;
		line-height: 1.4em;
		background: url(/media/images/all/backgrounds/applicationBackground.gif) top right no-repeat;
	}
		
		#productHeader img.applicationBG { position: absolute; top: 0; left: 0; z-index: 0; }
				
				#productHeader .breadcrumb {
					position: absolute;
					top: -10px; right: -7px;
					z-index: 1000;
					height: 20px; line-height: 18px;
					padding: 0 10px 0 5px;
					border-left: 1px #e9e9e9 solid;
					background: url(/media/images/all/backgrounds/breadcrumbBackground.gif) top right no-repeat;
				}
					#productHeader .breadcrumb a {
						font-size: 0.8em;
						color: #696969;
						text-transform: uppercase;
						padding: 0 0 0 10px;
						background: url(/media/images/all/backgrounds/breadcrumbBack.gif) center left no-repeat;
					}
						#productHeader .breadcrumb a:hover { color: #ed037c; text-decoration: none; }
				
				#productHeader .productDetails {
					position: relative; z-index: 100;
					float: right;
					width: 335px; height: 177px;
					margin: 15px -13px 0 0;
				}
					#productHeader .productDetails h2 { font-weight: normal; margin: 0 0 7px 0; }
					#productHeader .productDetails p { margin: 0 0 2px 2px; }
					
					#productHeader .productDetails .utilities {
						position: absolute;
						bottom: -5px; left: 1px;
						list-style: none;
						width: 100%;
					}
						#productHeader .productDetails .utilities li {
							display: block; float: left;
							padding: 3px 5px 3px 0;
							margin: 0;
							background: url(/media/images/all/backgrounds/menuSeparator.gif) center right no-repeat;
						}
							#productHeader .productDetails .utilities p { float: left; }
							#productHeader .productDetails .utilities li.last { background: none; padding-right: 0; margin-right: 0; }
				
				#productHeader .productImage {
					position: absolute; z-index: 50;
					top: 11px; left: 435px;
				}
				
				#productHeader .zoomedProduct {
					display: none;
					position: absolute;	z-index: 100;
					top: 0; left: 360px;
					width: 305px;
					padding: 25px 0 0 0;
					text-align: center;
					background: url(/media/images/all/backgrounds/zoomedProductFadedLine.png) top left no-repeat;
				}
					#productHeader .zoomedProduct .btn_zoom {
						position: absolute;
						top: 9px; left: 20px;
					}
				
	.productInfos {
		font-size: 1.1em;
		width: 1121px;
		padding: 0 0 0 29px;
	}
	
		.productInfos .colLeft {
			float: left;
			width: 270px;
			padding: 62px 0 0 130px;
			font-size: 1.1em;
			background: url(/media/images/all/backgrounds/relatedFade.jpg) top left no-repeat;
		}
		
			.productInfos .colLeft p.caption {
				font-size: 0.9em;
				margin: -45px 0 19px 0;
				padding: 0 20px 0 0;
			}

			.productInfos .colLeft ul.productList { width: auto; }
				
				.productInfos .colLeft ul.productList li { width: 110px; }
		
					.productInfos .colLeft ul.productList li.last p.title { padding-right: 25px; }
	
		.productInfos .colRight {
			float: left;
			width: 610px;
			padding: 18px 0 0 0;
			background: url(/media/images/all/backgrounds/productFade.jpg) top left no-repeat;
		}
	
			.productInfos .colRight ul.tabs {
				float: left;
				margin: 0 0 0 259px;
			}
		
		.productInfos .selectedShade {
			float: left; clear: left;
			width: 210px;
			margin: 33px 30px 0 29px;
		}
		
			.productInfos .selectedShade .shade { margin: 11px 0 0 -3px; }
			
				.productInfos .selectedShade .shade img { float: left; margin: 0 4px 0 0; }
			
				.productInfos .selectedShade .shade p { clear: left; float: left; width: 115px; margin: 5px 0 0 5px; }

			.productInfos .selectedShade .productDetails {
				width: 100%;
				float: left; clear: left;
				padding: 0 0 8px 0;
				margin: 0 0 10px 0;
				background: url(/media/images/all/backgrounds/horizontalFadedLine.gif) bottom left no-repeat;
			}

			.productInfos .selectedShade .price {
				display: block;
				margin: 10px 0 5px 2px;
				color: #000;
			}
			
				.productInfos .selectedShade .price span { font-family: Trebuchet MS,Trebuchet, Arial; font-size: 1.6em; margin: 0 3px 0 0; }
			
			.productInfos .selectedShade .productDetails .dark { margin: 0 0 0 6px; color: #000; }
		
		.productInfos .productTabs {
			float: left;
			width: 310px;
			margin: 35px 0 0 0;
		}
		
			.productInfos .productTabs h5 { font-size: 1em; text-transform: uppercase; margin: 0 0 8px 0; font-weight: normal; } 
		
			.productInfos .productTabs p { font-size: 1.1em; margin: 0 0 10px 0; }
				
				.productInfos .productTabs p.fLeft { width: 290px; }
				
				.productInfos .productTabs p a.arrow { float: left; font-size: 0.9em; }
			
			.productInfos .productTabs a.thumbnail {
				float: left;
				display: block; position: relative;
				width: 120px; height: 69px;
				margin: 0 10px 0 -3px;
				background: url(/media/images/all/backgrounds/videoThumbnailBackground.gif) top left no-repeat;
			}
			
				.productInfos .productTabs a.thumbnail img { position: absolute; top: 3px; left: 6px; }



/* ------------------------------------------------------------------------
	BEAUTY CLIPS
	Details: This is pretty much a template on his own
------------------------------------------------------------------------- */

	#beautyClips { background: url(/media/images/all/backgrounds/genericContentFade.jpg) top center no-repeat; }
	
		#beautyClips .content-container {
			padding: 0 0 10px 219px;
			margin-bottom: 10px;
			background: url(/media/images/all/backgrounds/beautyClipsFloor.jpg) bottom center no-repeat;
		}
		
		#beautyClips .sidebar {
			position: relative;
			width: 180px;
			float: left;
			padding: 34px 0 0 0;
		}
			#beautyClips .dropdown {
				position: absolute; z-index: 1000;
				top: 53px; left: 0;
				width: 180px;
			}
			
			#beautyClips .clips {
				margin: 8px 0 0 0;
				padding: 0 0 0 5px;
			}
			
				#beautyClips .clips .container {
					width: 179px;
					margin: 9px 0 0 -5px;
					padding: 10px 0 20px 0;
					background: #f2f1ef url(/media/images/all/backgrounds/clipsContainer.jpg) top left no-repeat;
				}
			
				#beautyClips .clips .container ul {
					list-style: none;
					margin: 0 0 0 15px;
					width: 120px; height: 280px;
					overflow: hidden;
				}
				
					#beautyClips .clips .container ul li { margin: 0 0 8px 0; }
				
					#beautyClips .clips .container ul .thumbnail {
						position: relative; display: block;
						width: 113px; height: 67px; overflow: hidden;
						margin: 0 0 9px 0; padding: 0;
						background: #f2f1ef url(/media/images/all/backgrounds/thumbnailHolder.gif) top left no-repeat;
					}
					
						 #beautyClips .clips .container ul li .thumbnail span {
							position: absolute; display: block;
							z-index: 10;
							top: 3px; left: 4px;
						}
						
							#beautyClips .clips .container ul li a.thumbnail:hover span,
							#beautyClips .clips .container ul li.selected a.thumbnail span {
								width: 98px; height: 52px;
								border: 4px #fff solid;
							}
							
							#beautyClips.clips .container ul li.selected a,
							#beautyClips.clips .container ul li:hover a { color: #ed037c; }
					
						#beautyClips .clips .container ul .thumbnail img {
							position: relative;
							margin: 3px 0 0 4px;
							top: 0; left: 0;
						}
					
					#beautyClips .clips .container ul a {
						font-size: 0.95em;
						display: block;
						margin: 0 0 0 2px;
						padding: 0 0 0 10px;
						color: #867974;
						text-decoration: none;
						text-transform: uppercase;
						background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
					}
					
					#beautyClips .clips .container ul a:hover { color: #ed037c; }
					
		#beautyClips .videoPlayer {
			width: 510px;
			float: left;
			margin: 15px 0 0 9px;
			font-size: 1.2em;
		}
		
			#beautyClips.videoPlayer h3 { width: 100%; font-weight: normal; letter-spacing: -0.147em; }
		
			#beautyClips .videoPlayer .top {
				width: 510px; height: 8px; overflow: hidden;
				background: url(/media/images/all/backgrounds/videoPlayerTop.gif) top left no-repeat;
			}
			
			#beautyClips .videoPlayer .content {
				padding: 5px 15px 0 20px;
				background: url(/media/images/all/backgrounds/videoPlayerContent.gif) top left repeat-y;
			}
			
				#beautyClips .videoPlayer .content div.steps {
					clear: left;
					width: 434px;
					min-height: 90px;
					padding: 15px 17px 40px 17px;
					border-top: 1px #d4d1d2 solid;
					background: url(/media/images/all/backgrounds/stepHolder.jpg) top left no-repeat;
				}
				
					#beautyClips .videoPlayer .content div.steps ol {
						list-style: none;
					}
					
						#beautyClips .videoPlayer .content div.steps ol li {
							margin: 0 0 10px 0;
						}

			#beautyClips .videoPlayer .bottom {
				width: 510px; height: 12px; overflow: hidden;
				background: url(/media/images/all/backgrounds/videoPlayerBottom.gif) top left no-repeat;
			}
			
		#beautyClips .videoPlayerSidebar {
			width: 187px;
			float: left;
			margin: 27px 0 0 0;
		}
			#beautyClips .videoPlayerSidebar .top {
				width: 187px; height: 5px; overflow: hidden;
				background: url(/media/images/all/backgrounds/videoPlayerSideTop.gif) top left no-repeat;
			}

			#beautyClips .videoPlayerSidebar .content {
				padding: 3px 0 0 0;
				background: url(/media/images/all/backgrounds/videoPlayerSideContent.gif) top left repeat-y;
			}
			
				#beautyClips .videoPlayerSidebar .content a.arrowButton { background-position: 0 1px; }

				#beautyClips .videoPlayerSidebar .container { padding: 0 0 3px 0; }
			
				#beautyClips .videoPlayerSidebar .container ul {
					list-style: none;
					margin: 0 0 0 15px;
					width: 150px; height: 375px;
					overflow: hidden;
					font-size: 1.1em;
				}
				
					#beautyClips .videoPlayerSidebar .container ul li {
						padding: 0 0 10px 19px;
						margin: 0 0 10px 0;
						background: url(/media/images/all/backgrounds/productsFeaturedSeparator.gif) bottom left no-repeat;
					}
					
						#beautyClips .videoPlayerSidebar .container ul li p.title {
							font-size: 1em;
							font-weight: normal;
							padding: 0 0 0 9px;
							background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
						}
						#beautyClips .videoPlayerSidebar .container ul li p.title span { text-transform: uppercase; color: #363333; }
						#beautyClips .videoPlayerSidebar .container ul li a { display: block; color: #867974; text-decoration: none; }
						#beautyClips .videoPlayerSidebar .container ul li a:hover p.title span { color: #ed037c; }

			#beautyClips .videoPlayerSidebar .bottom {
				width: 187px; height: 5px; overflow: hidden;
				background: url(/media/images/all/backgrounds/videoPlayerSideBottom.gif) top left no-repeat;
			}
		


/* ------------------------------------------------------------------------
	FRAGRANCES 
------------------------------------------------------------------------- */
		
		#fragrance_flash { position: relative; margin: 0 0 0 155px; height: 455px; overflow: hidden; }
		
		.overlayProduct {
			position: absolute;
			bottom: 108px; right: 40px;
			height: 455px;
			overflow: hidden;
		}

			.overlayProduct .content {
				float: right;
				width: 745px; height: 100%;
				padding: 27px 0 0 15px;
				background: url(/media/images/all/backgrounds/overlayProductsBackground.png) top left no-repeat;
			}

				.overlayProduct .content .description {
					float: left;
					width: 105px;
				}

					.overlayProduct .content .description h5 { margin: 0 0 7px 0; font-weight: normal; }
					.overlayProduct .content .description p { font-size: 1.1em; }
				
				.overlayProduct .content ul.productList {
					margin-top: -20px;
				}

				.overlayProduct .closedContent {
					margin: 0 0 0 25px;
					width: 190px; height: 456px;
					background: url(/media/images/all/backgrounds/overlayProductsBackgroundClosed.png) top left no-repeat;
				}

				.overlayProductClosed {
					width: 190px;
				}

			.overlayProductClosed .content { position: absolute; top: -10000px; }


/* ------------------------------------------------------------------------
	ABOUT US
------------------------------------------------------------------------- */

	#aboutus {
		position: relative;
		background: url(/media/images/en/headers/about_back.jpg) 77px 0 no-repeat;
		padding: 345px 0 0 0;
	}
		body#fr #aboutus { background: url(/media/images/fr/headers/about_back.jpg) 77px 0 no-repeat; }

		#aboutus .bottom_utilities { float: left; width: auto !important; margin-left: 222px !important; }

		#aboutus h2 { position: absolute; top: -10000px; left: -10000px; }

		#aboutus #flashPlayer {
			position: absolute;
			top: 36px; left: 225px;
		}
	
		#aboutus #content {
			padding: 7px 0 0 225px;
			font-size: 1.2em;
			line-height: 1.7em;
		}
		
			#aboutus #content ul.tabs { float: left; width: 100%; margin: 0 0 25px -8px; }
		
			#aboutus #content ul.tabs a {
				display: block;
				height: 12px;
				overflow: hidden;
			}
				#aboutus #content ul.tabs a:hover,
				#aboutus #content ul.tabs li.selected a { background-position: 0 -14px !important; }
		
			#aboutus #content p { margin: 0 0 13px 0; }
			
			#aboutus #content .col_1,
			#aboutus #content .col_2,
			#aboutus #content .col_3 {
				float: left;
				width: 270px;
				margin: 0 20px 0 0;
			}
			
				#aboutus #content .col_1 ul,
				#aboutus #content .col_2 ul,
				#aboutus #content .col_3 ul {
					margin: 0 0 0 15px;
				}
				
					#aboutus #content .col_1 ul li,
					#aboutus #content .col_2 ul li,
					#aboutus #content .col_3 ul li {
						margin: 0 0 10px 0;
						line-height: 1.2em;
					}
					
					#aboutus #content .col_1 ul li p.title span,
					#aboutus #content .col_2 ul li p.title span,
					#aboutus #content .col_3 ul li p.title span { text-transform: uppercase; color: #000; }
					
					#aboutus #content .col_1 ul li p.title,
					#aboutus #content .col_2 ul li p.title,
					#aboutus #content .col_3 ul li p.title {
						font-size: 0.9em;
						font-weight: normal;
						margin: 0;
				}
			
			#aboutus #content .holder {
				position: absolute;
				z-index: 10000;
				text-indent: -10000px;
			}
			
			/* Specific height */
			#aboutus #philosophy_content { height: 365px; clear:both; }
			
			/* Specific holder images */
			#aboutus #philosophy_content .holder {
				top: 250px; right: 152px;
				width: 324px; height: 386px;
				background: url(/media/images/all/placeholders/tabs_philosophy.png) top left no-repeat;
			}
			
			#aboutus #founder_content .col_1 { padding-top: 340px; }
			#aboutus #founder_content .col_1 .holder {
				top: 391px; left: 225px;
				width:298px; height: 331px;
				background: url(/media/images/all/placeholders/new_lise.png) top left no-repeat;
			}
			
			#aboutus #founder_content .col_3 { padding-top: 260px; }
			#aboutus #founder_content .col_3 .holder {
				top: 247px; right: 168px;
				width: 314px; height: 389px;
				background: url(/media/images/all/placeholders/old_lise.png) top left no-repeat;
			}
			
			#aboutus #uniquebrand_content .col_1 { padding-bottom: 270px; }
			#aboutus #uniquebrand_content .col_1 .holder {
				top: 735px; left: 220px;
				width: 194px; height: 253px;
				background: url(/media/images/all/placeholders/tabs_lexperience.jpg) top left no-repeat;
			}
				body#fr #aboutus #uniquebrand_content .col_1 .holder { top: 785px; }
			
			#aboutus #uniquebrand_content .col_3 .holder {
				top: 350px; right: 185px;
				width: 289px; height: 163px;
				background: url(/media/images/all/placeholders/tabs_poudre.jpg) top left no-repeat;
			}
			
			#aboutus #uniquebrand_content .col_3 .bottom {
				top: 630px; right: 180px;
				width: 272px; height: 241px;
				background: url(/media/images/all/placeholders/tabs_desirable.jpg) top left no-repeat;
			}
			
			
			#aboutus #awards_content .col_1 { padding-bottom: 375px; }
			#aboutus #awards_content .col_1 .holder {
				top: 550px; left: 220px;
				width: 242px; height: 360px;
				background: url(/media/images/en/placeholders/tabs_neige.jpg) top left no-repeat;
			}
				body#fr #aboutus #awards_content .col_1 .holder { top: 600px; background: url(/media/images/fr/placeholders/tabs_neige.jpg) top left no-repeat; }

			#aboutus #awards_content .col_2 { padding-top: 45px; }
			#aboutus #awards_content .col_3 { padding: 45px 0 200px 0; }
				body#fr #aboutus #awards_content .col_3 { padding: 45px 0 220px 0; }

			#aboutus #awards_content .col_3 .holder {
				top: 215px; right: 268px;
				width: 214px; height: 181px;
				background: url(/media/images/all/placeholders/tabs_fard.png) top left no-repeat;
			}
			
			#aboutus #awards_content .col_3 .bottom {
				top: 755px; right: 290px;
				width: 186px; height: 177px;
				background: url(/media/images/all/placeholders/tabs_palette.jpg) top left no-repeat;
			}
				body#fr #aboutus #awards_content .col_3 .bottom { top: 810px; }



/* ------------------------------------------------------------------------
	CUSTOMER SERVICES
------------------------------------------------------------------------- */

		#customer {
			background: url(/media/images/all/backgrounds/customerFloor.jpg) no-repeat 116px bottom;
			width: 100%;
			padding-bottom: 98px;
			float: left;
		}
		
		#customer a { text-decoration: underline; }
		#customer a:hover { color: #ed037c; text-decoration: none; }

			#customer #content-container {
				background: url(/media/images/all/backgrounds/customerBackground.jpg) no-repeat center -2px;
				width: 1047px;
			}

			#customer #content {
				width: 600px;
				padding: 36px 18px 0 141px;
				float: left;
			}
			
				#customer #content p { margin: 0 0 10px 0; }

				#customer #content form {
					background: url(/media/images/all/backgrounds/formBackground.gif) repeat-x left top;
					min-height: 215px;
					margin: 15px 0 0 0;
					padding: 15px 0 0 5px;
				}

					#customer #content form p{
						clear: both;
						padding: 10px 0 0 0;
						margin: 15px 15px 15px 10px;
						border-top: 1px solid #d6d3d4;
					}

				#customer #content .colLeft{ width: 280px; margin: 0 10px 0; }
				
				#customer #content .colRight { width: 280px; }

			#customer #sidebar {
				position: relative;
				width: 224px; height: 100%;
				min-height: 285px;
				padding: 20px 0 0 30px;
				margin: 75px 0 0;
				float: left;
			}

				#customer #sidebar p { padding: 5px 0; }



/* ------------------------------------------------------------------------
	THE LINE FOR YOU
------------------------------------------------------------------------- */

	#lineforyou {
		width: 900px;
		margin: 0 auto;
		padding: 30px 0 0 0;
		background: url(/media/images/all/backgrounds/lineforyou_fade.gif) top center no-repeat;
	}

		#lineforyou .content {
			position: relative; z-index: 2;
			float: left;
			width: 220px;
			font-size: 1.1em;
			line-height: 1.6em;
			margin: 0 0 0 29px;
			padding: 0 20px 0 0;
		}
	
			#lineforyou .content p { margin: 0 0 15px 3px; }
		
		#lineforyou ul {
			position: relative; z-index: 0;
			right: 48px;
			list-style: none;
			float: left;
			width: 720px;
			margin: 34px -90px 0 0;
		}
			body#fr #lineforyou ul { margin-top: 75px; }
		
			#lineforyou ul li {
				position: relative;
				display: block; float: left;
				height: 301px;
			}
			
				#lineforyou ul li.twenty_plus  { width: 203px; background: url(/media/images/all/backgrounds/model_20plus.jpg) bottom left no-repeat; }
				#lineforyou ul li.thirty_plus  { width: 138px; background: url(/media/images/all/backgrounds/model_30plus.jpg) bottom left no-repeat; }
				#lineforyou ul li.fourthy_plus { width: 142px; background: url(/media/images/all/backgrounds/model_40plus.jpg) bottom left no-repeat; }
				#lineforyou ul li.fifty_plus   { width: 236px; background: url(/media/images/all/backgrounds/model_50plus.jpg) bottom left no-repeat; }
				
				#lineforyou ul li div.label_20_plus,
				#lineforyou ul li div.label_30_plus,
				#lineforyou ul li div.label_40_plus,
				#lineforyou ul li div.label_50_plus { position: absolute; top: 0; width: 42px; height: 23px; }
				
				#lineforyou ul li div.label_20_plus { left: 85px; background: url(/media/images/all/backgrounds/small_20plus.jpg) top left no-repeat; }
				#lineforyou ul li div.label_30_plus { left: 24px; background: url(/media/images/all/backgrounds/small_30plus.jpg) top left no-repeat; }
				#lineforyou ul li div.label_40_plus { left: 25px; background: url(/media/images/all/backgrounds/small_40plus.jpg) top left no-repeat; }
				#lineforyou ul li div.label_50_plus { left: 21px; background: url(/media/images/all/backgrounds/small_50plus.jpg) top left no-repeat; }
				
				#lineforyou ul li a { display: block; height: 300px; }
					#lineforyou ul li a:hover div.link span { background-position: bottom left !important; }
				
				#lineforyou ul li div.link {
					position: absolute;
					top: 32px; right: 4px;
					padding: 0 0 0 6px;
					background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
				}
				
					#lineforyou ul li.thirty_plus div.link { right: 0; }
					#lineforyou ul li.fourthy_plus div.link { right: 3px; }
					#lineforyou ul li.fifty_plus div.link { right: 102px; }
						body#fr #lineforyou ul li.fifty_plus div.link { right: 80px; }


	.pickyourline_age .genericSidebar { background: url(/media/images/all/backgrounds/shadow_sidebar_line.jpg) no-repeat right top !important; min-height: 379px; }

		.pickyourline_age .genericSidebar ul { list-style: none; }
		
			.pickyourline_age .genericSidebar ul li { padding: 5px 0; }
			
				 .pickyourline_age .genericSidebar ul li a {
					display: block;
					height: 9px; overflow: hidden;
					text-indent: -10000px;
					background-repeat: no-repeat;
					background-position: top left;
				}
					
					.pickyourline_age .genericSidebar ul li.selected a { background-position: 0 -10px; }



	.pickyourline_age #content {
		background: url(/media/images/all/backgrounds/sidebarRightGradient.png) no-repeat left bottom;
		left: -4px;
		width: 594px !important;
		margin-bottom: 20px;
		position: relative;
	}

	.pickyourline_age .twentyplus,
	.pickyourline_age .thirtyplus,
	.pickyourline_age .fourtyplus,
	.pickyourline_age .fiftyplus {
		position: absolute;
		left: 270px; top: 0px;
		width: 358px;height: 254px;
		z-index: 5;
	}
	
	.pickyourline_age .twentyplus { background: url(/media/images/all/backgrounds/product_20plus.png) no-repeat left top; }
	.pickyourline_age .thirtyplus { height: 242px; background: url(/media/images/all/backgrounds/product_30plusnew.png) no-repeat left top; }
	.pickyourline_age .fourtyplus { background: url(/media/images/all/backgrounds/product_40plus.png) no-repeat left top; }
	.pickyourline_age .fiftyplus  { background: url(/media/images/all/backgrounds/product_50plus.png) no-repeat left top; }

	.pickyourline_age .bg_20plus,
	.pickyourline_age .bg_30plus,
	.pickyourline_age .bg_40plus,
	.pickyourline_age .bg_50plus{
		float: left;
		width: 100%;
		padding: 28px 0 60px 4px;
	}
	
	.pickyourline_age .bg_20plus { background: url(/media/images/all/backgrounds/bg_20plus.jpg) no-repeat 4px top !important; }
	.pickyourline_age .bg_30plus { background: url(/media/images/all/backgrounds/bg_30plus.jpg) no-repeat 4px top !important; }
	.pickyourline_age .bg_40plus { background: url(/media/images/all/backgrounds/bg_40plus.jpg) no-repeat 4px top !important; }
	.pickyourline_age .bg_50plus { background: url(/media/images/all/backgrounds/bg_50plus.jpg) no-repeat 4px top !important; }

	.pickyourline_age .bg_20plus #detailsSection,
	.pickyourline_age .bg_30plus #detailsSection,
	.pickyourline_age .bg_40plus #detailsSection,
	.pickyourline_age .bg_50plus #detailsSection {
		padding: 25px 260px 0 18px;
		position: relative;
	}

	.pickyourline_age .bg_20plus #detailsSection { background: url(/media/images/all/backgrounds/shadow_detailsSection_20.jpg) no-repeat left top; }
	.pickyourline_age .bg_30plus #detailsSection { background: url(/media/images/all/backgrounds/shadow_detailsSection_30.jpg) no-repeat left top; }
	.pickyourline_age .bg_40plus #detailsSection { background: url(/media/images/all/backgrounds/shadow_detailsSection_40.jpg) no-repeat left top; }
	.pickyourline_age .bg_50plus #detailsSection { background: url(/media/images/all/backgrounds/shadow_detailsSection_50.jpg) no-repeat left top; }

	.pickyourline_age #detailsSection p { margin: 0 0 15px 0; }
	
	.pickyourline_age #detailsSection strong{
		color: #000;
		font-size: 1.2em;
	}

	.pickyourline_age .bg_20plus #productName,
	.pickyourline_age .bg_30plus #productName,
	.pickyourline_age .bg_40plus #productName,
	.pickyourline_age .bg_50plus #productName {
		width: 168px;
		padding: 15px 0 0 15px;
		position: absolute;
		right: 45px; top: 131px;
	}

	.pickyourline_age .bg_30plus .productView{
		background: url(/media/images/all/products/product_30plus.jpg) no-repeat left top;
		position: absolute;
		right: 45px; top: 690px;
	}

	#en .pickyourline_age .bg_30plus .productView{
		right: 45px; top: 620px;
	}

	.pickyourline_age .bg_30plus .productView #productName{
		position: relative;
		margin-top: 75px;
		right: 0;
	}
	
	.pickyourline_age .bg_20plus #productName { background: url(/media/images/all/backgrounds/bg_productsection_20.jpg) no-repeat left top; }
	.pickyourline_age .bg_30plus #productName { background: url(/media/images/all/backgrounds/bg_productsection_30.jpg) no-repeat left top; }
	.pickyourline_age .bg_40plus #productName { background: url(/media/images/all/backgrounds/bg_productsection_40.jpg) no-repeat left top; }
	.pickyourline_age .bg_50plus #productName { background: url(/media/images/all/backgrounds/bg_productsection_50.jpg) no-repeat left top; }
	
	.pickyourline_age #productName ul { list-style: none; margin: 10px 0 0 0; }

		.pickyourline_age #productName ul li { margin: 0 0 3px 0; }

		body#en .pickyourline_age #productName ul li.new { background: url(/media/images/en/labels/label_new.gif) 10px 100% no-repeat; padding: 0 0 15px 0; }
		body#fr .pickyourline_age #productName ul li.new { background: url(/media/images/fr/labels/label_new.gif) 10px 100% no-repeat; padding: 0 0 15px 0; }
	
			.pickyourline_age #productName li a {
				display: block;
				font-size: 0.9em;
				color: #867974;
				text-transform: uppercase;
				background: url(/media/images/all/backgrounds/arrowBullet.gif) no-repeat left 2px;
				padding-left: 10px;
			}
			
			.pickyourline_age #productName li a:hover { color: #ed037c; text-decoration: none; }



/* ------------------------------------------------------------------------
	NEWS & COMMUNITY
------------------------------------------------------------------------- */

	.news .genericSidebar { 
		min-height: 379px;
	}
		
		.news .genericSidebar ul {
			float: left;
			list-style: none;
			margin: 10px 0 0 0;
		}
			.news .genericSidebar ul li {
				margin: 0 0 12px 0;
			}
				.news .genericSidebar ul li a {
					text-indent: -10000px;
					background-repeat: no-repeat;
					background-position: left top;
					height: 9px;
					overflow: hidden;
					display: block;
				}
					body#fr .news .genericSidebar ul li a { height: 13px; }
					
					.news .genericSidebar ul li a:hover,
					.news .genericSidebar ul li.selected a {
						background-position: 0 -10px;
					}					
						body#fr .news .genericSidebar ul li a:hover,
						body#fr .news .genericSidebar ul li.selected a {
							background-position: 0 -14px;
						}


	ul.communityListing {
		position: relative; left: -7px;
		width: 684px;
		list-style: none;
		background: url(/media/images/all/backgrounds/communityListingBackground.jpg) 0 180px no-repeat;
	}
		ul.dragBackground { background-position: 0 146px; }
	
		ul.communityListing li {
			display: block; float: left;
		}
		
			ul.communityListing li.t_journalNewsletter  { width: 209px; }
			ul.communityListing li.t_journalEvents      { width: 181px; }
			ul.communityListing li.t_journalWhatTheySay { width: 218px; }
			ul.communityListing li.t_browserFacebook    { width: 208px; }
			ul.communityListing li.t_browserYoutube     { width: 182px; }
			ul.communityListing li.t_browserBlogs       { width: 178px; padding-right: 40px; }
			
			ul.communityListing ul {
				list-style: none;
				margin: 15px 0 0 30px;
			}
				ul.communityListing li.t_journalEvents ul,
				ul.communityListing li.t_journalWhatTheySay ul,
				ul.communityListing li.t_browserYoutube ul,
				ul.communityListing li.t_browserBlogs ul { margin-left: 6px; }
				
				ul.communityListing ul li { float: none; margin: 0 0 7px 0; }
				
				ul.communityListing li.last {
					margin: 20px 0 0 0;
					padding: 6px 0 0 0;
					background: url(/media/images/all/backgrounds/fadedSeparator.gif) 8px 0 no-repeat;
				}
				
				ul.communityListing ul li a {
					display: block;
					padding: 0 0 0 8px;
					background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
				}
				
					ul.communityListing ul li a.title {
						text-transform: uppercase;
						color: #313131;
						font-size: 0.9em;
					}
						ul.communityListing ul li a.title:hover { color: #ed037c; text-decoration: none; }
					
					ul.communityListing ul li p { font-size: 0.9em; margin: 0 0 0 8px; }
						
					ul.communityListing ul li p.date {
						color: #616161;
						margin-bottom: 2px;
						margin-top: 1px;
					}
					
					ul.communityListing ul.linkList {  }
						ul.communityListing ul.linkList li { background: none !important; padding: 0 !important; margin: 0 0 10px 0 !important; } 
						ul.communityListing ul.linkList a {
							padding: 0;
							background: none;
							color: #000;
							font-size: 1.2em;
							text-decoration: underline;
						}
						ul.communityListing ul.linkList a:hover { color: #ed037c; }
				
		
		a.l_latestNewsletter span,
		a.l_becomeFan span,
		a.l_newsletterArchives span,
		a.l_seeAllEvents span,
		a.l_seeAllPressClipings span,
		a.l_subscribeChannel span,
		a.l_subscribeNewsletter span,
		a.l_latestMediaCoverage span {
			display: block;
			text-indent: -10000px;
			height: 10px; overflow: hidden;
		}
		
		a.l_latestNewsletter:hover span,
		a.l_becomeFan:hover span,
		a.l_newsletterArchives:hover span,
		a.l_seeAllEvents:hover span,
		a.l_seeAllPressClipings:hover span,
		a.l_subscribeChannel:hover span,
		a.l_subscribeNewsletter:hover span,
		a.l_latestMediaCoverage:hover span {
			background-position: 0 -10px !important;
		}
		

	.news #content {
		background: url(/media/images/all/backgrounds/sidebarRightGradient.png) no-repeat scroll left bottom;
		left: -4px;
		width: 594px !important;
		padding: 28px 0 60px 11px;
		margin-bottom: 20px;
		position: relative;
	}
		.box {
			background: url(/media/images/all/backgrounds/boxTopBackground.gif) no-repeat 13px 15px;
			width: 283px;
			padding: 19px 0 0 14px;
			float: left;
		}
			.box .contentBox {
				background: url(/media/images/all/backgrounds/boxBackground.gif) no-repeat left bottom;
				padding: 22px 17px 11px;
			}

	.news #content .colLeft {
		margin: 0 !important;
		width: 295px !important;
	}
		.news #content .colLeft p {
			color: #000;
			padding-bottom: 5px;
		}

		.news #content hr {
			background: url(/media/images/all/backgrounds/news_separator.gif) no-repeat left center;
			padding: 5px 0 10px;
			border: 0;
		}

		.placeholderBox{
			background: url(/media/images/all/backgrounds/placeholderTopBox.gif) no-repeat left top;
			width: 250px;
			padding: 3px 0 10px;
		}
		.contentPlaceholderBox{
			background: url(/media/images/all/backgrounds/placeholderBox.gif) no-repeat left bottom;
			padding: 0 4px 2px 4px;
		}
		
		ul.sections {
			list-style: none;
			width: 100%;
			margin: 25px 0 0 -7px;
			float: left;
		}
		
		ul.sections li {
			width: 100%;
			background: url(/media/images/all/backgrounds/productListBackground.jpg) top left no-repeat;
			padding: 15px 0 30px 20px;
		}
	
			ul.sections li.first {
				background: none;
				padding-top: 0;
			}
	
				ul.sections li div.fLeft { width: 180px; margin: 0 10px 0 0; }
		
				ul.sections li div.fLeft p { margin: 0 0 10px 0; }
		
				ul.sections li div.placeholderBox { float: left; }




/* ------------------------------------------------------------------------
	VIP Club
------------------------------------------------------------------------- */

	.vip .genericSidebar{
		background:transparent url(/media/images/all/backgrounds/vipSidebarBackground.jpg) no-repeat right -1px !important;
		height:269px;
	}

		.vip #content {
			background: transparent url(/media/images/all/backgrounds/shadow_vip.jpg) no-repeat left top;
			padding: 28px 126px 0 30px;
			position: relative;
			width: 420px !important;
			min-height: 435px;
		}
	
			.vip #content ul{
				list-style: none;
				padding: 10px 0;
			}
				.vip #content ul li{
					padding: 5px 15px 5px 0;
					margin-right: 15px;
					float: left;
				}
		
				.vip #content .contest_winner {
					position: absolute; top: 48px; right: -100px;
					width: 200px;
					padding: 25px 0 40px 37px;
					color: #342f2d;
					background: transparent url(/media/images/all/backgrounds/winner_corner_gradient.gif) no-repeat left top;
				}
		
				.vip #content .contest_winner p { margin: 0 0 10px 0; }


	.slash{ background: transparent url(/media/images/all/backgrounds/menuSeparator.gif) no-repeat right top; }

	#vipForm,
	#InviteFriendForm { padding: 15px 0; clear: both; }
	
	#vipForm div.error-message,
	#InviteFriendForm div.error-message { margin-top: 5px; font-size: 1.1em; }

	#vipForm form,
	#InviteFriendForm form {
		background: #fcfcfc url(/media/images/all/backgrounds/formBackground.gif) repeat-x left top;
		margin: 15px 15px 0 0;
		padding: 0 0 20px 20px;
	}

		#vipForm form p,
		#InviteFriendForm form p {
			clear: both;
			padding: 10px 0 0 0;
			margin: 15px 15px 15px 0;
			border-top: 1px solid #d6d3d4;
		}

	#vipForm label,
	#InviteFriendForm label { padding: 10px 0 2px; display: block; }

	#vipForm input,
	#InviteFriendForm input,
	#InviteFriendForm textarea {
		border: 1px solid #e6e6e6;
		border-top: 1px solid #b3b3b2;
		border-bottom: 0;
		width: 275px;
		padding: 2px 0 2px 5px;
	}
	
		#vipForm input.number { width: 50px; }

	#vipForm fieldset,
	#InviteFriendForm fieldset { margin: 20px 0; }
	
	#vipForm legend,
	#InviteFriendForm legend { color: #000; }
	
		#vipForm fieldset.checkbox input,
		#vipForm input.button,
		#InviteFriendForm input.button {
			width: auto;
			margin: 10px 0 0;
			clear: left;
			float: left;
		}
		
		#vipForm input.button,
		#InviteFriendForm input.button { padding: 0; border: 0; }

		#vipForm fieldset.checkbox label {
			width: 340px;
			padding: 10px 0 0 5px;
			float: left;
		}

		#vipForm table {
			margin-top: 15px;
			width: 95%;
			border-collapse: collapse;
		}
			#vipForm table tbody th { text-align: left; }
			#vipForm table th#yes { width: 100px; }
			#vipForm table td { text-align: center; padding: 5px; }
			#vipForm table tbody th,
			#vipForm table tbody td { margin: 0; border-top: 1px dotted #867974; }

			.strong { color: #000; }



/* ------------------------------------------------------------------------
	SITEMAP
------------------------------------------------------------------------- */

	#content-container .sitemap {
		width: 520px !important;
		padding-bottom: 30px;
	}
	
		.sitemap .colLeft {
			padding: 0 10px 0 0 !important;
			margin: 0 !important;
			width:240px !important;
		}

		.sitemap .colRight{
			width:245px !important;
			padding-left: 23px !important;
		}

	ul.sitemapList li {
		list-style: none;
		padding: 5px 0 0 0;
		margin: 0 0 0 10px;
	}
		ul.sitemapList li a {
			color: #6B615D;
			text-transform: uppercase;
			font-size: 0.9em;
		}
			ul.sitemapList li li{
				padding: 10px 0 0 0;
				margin: 0;
			}
				ul.sitemapList li li a {
					background: url(/media/images/all/backgrounds/arrowBullet.gif) no-repeat 0 2px;
					padding: 0 0 0 9px;
				}
					ul.sitemapList li li a:hover { color: #ed037c; text-decoration: none; }

					ul.sitemapList li li li { padding: 5px 0 0 10px; }

	.homepage {
		background: url(/media/images/all/backgrounds/horizontal_separator_section.gif) no-repeat left bottom;
		padding-bottom: 35px !important;
		display: block;
		width: 502px;
	}

		.homepage a { background: url(/media/images/all/backgrounds/arrowBullet.gif) no-repeat 0 2px; padding: 0 0 0 9px; }

	.verticalSeparator {
		background: url(/media/images/all/backgrounds/vertical_separator.gif) no-repeat right bottom;
		padding-right: 80px;
	}

	.horizontalSeparator {
		background: url(/media/images/all/backgrounds/news_separator.gif) no-repeat right bottom;
		padding-bottom: 15px !important;
		margin-bottom: 15px !important;
	}



/* ------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------- */

	ul.lateralProducts {
		position: relative;
		width: 1050px;
		margin: -10px auto 11px auto;
		padding: 0 0 0 253px;
		list-style: none;
		background: url(/media/images/all/backgrounds/homeProductsGradient.gif) 50% 25px no-repeat;
	}
		ul.lateralProducts li {
			position: relative;
			display: block; float: left;
			width: 234px; height: 130px;
			margin: 0 16px 0 0;
			padding: 0 0 0 18px;
		}
			
			ul.lateralProducts li span {
				position: absolute; z-index: 0;
				top: 0; left: 0;
				width: 252px; height: 130px;
				background: url(/media/images/all/backgrounds/lateralProductHolder.gif) bottom left no-repeat;
			}
			
			ul.lateralProducts li a { position: relative; z-index: 10000; display: block; }
		
			ul.lateralProducts li div.product {
				position: relative; top: 0;
				float: left;
				width: 78px; height: 121px;
				margin: 0 20px 0 0;
			}
		
			ul.lateralProducts li.makeup div.product { background: url(/media/images/all/products/product_portfolio_dark.png) top center no-repeat; }
			ul.lateralProducts li.skincare div.product { background: url(/media/images/all/products/product_resistage.png) top center no-repeat; }
			ul.lateralProducts li.fragrance div.product { background: url(/media/images/all/products/product_foliesneiges.png) top center no-repeat; }
			
			ul.lateralProducts li.makeup a:hover p { background-position: 0 -39px !important; }
				body#fr ul.lateralProducts li.makeup a:hover p { background-position: 0 -39px !important; }
			ul.lateralProducts li.skincare a:hover p { background-position: 0 -34px !important; }
				body#fr ul.lateralProducts li.skincare a:hover p { background-position: 0 -37px !important; }
			ul.lateralProducts li.fragrance a:hover p { background-position: 0 -39px !important; }
				body#fr ul.lateralProducts li.fragrance a:hover p { background-position: 0 -39px !important; }
			
			ul.lateralProducts li h2 { float: left; margin: 42px 0 8px 0; }
			ul.lateralProducts li p { float: left; }
	
	ul.sorting {
		list-style: none;
	}
		ul.sorting li {
			padding: 0 0 0 9px;
			margin: 0 0 3px 0;
			color: #867974;
			text-transform: uppercase;
			background: url(/media/images/all/backgrounds/arrowBullet.gif) center left no-repeat;
		}
			ul.sorting li a { color: #867974; text-decoration: none; }
				ul.sorting li a:hover { color: #ed037c; }
				
	ul.categoryList {
		width: 100%;
		list-style: none;
		position: relative; left: -4px;
		padding: 0 0 0 5px;
		background: url(/media/images/all/backgrounds/sidebarRightGradient.png) bottom left no-repeat;
	}
	
		ul.categoryList .noResults {
			float: left;
			font-size: 1.1em;
			margin: 43px 0 0 0;
		}
			body#fr ul.categoryList .noResults { margin-top: 63px; margin-bottom: 20px; }
			
			ul.categoryList .noResults p { margin: 0 0 10px 0; }
			
			ul.categoryList .noResults ul {
				list-style: none;
				margin: -5px 0 0 0;
				padding: 0;
			}
				ul.categoryList .noResults ul li {
					margin: 0 0 5px 0; padding: 0; background: none;
				}
				
					ul.categoryList .noResults ul li a {
						font-size: 0.9em;
						padding: 0 0 0 9px;
						text-transform: uppercase;
						background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
					}
	
		.overlayProduct ul.categoryList {
			left: 0;
			padding: 0;
			background: none;
			font-size: 1.1em;
		}

		ul.categoryList li {
			padding: 10px 0 0 20px;
			background: url(/media/images/all/backgrounds/productListBackground.jpg) top left no-repeat;
		}
			.overlayProduct ul.categoryList li { padding-top: 25px !important; }
			.overlayProduct ul.categoryList li.first {
				padding: 10px 0 0 20px !important;
				background: none;
			}

		ul.categoryList li.first { padding-top: 27px; background: none; }
			ul.categoryList li.first_age_20_plus { background: url(/media/images/all/backgrounds/productListFirstBackground_20_plus.jpg) top left no-repeat; }
			ul.categoryList li.first_age_30_plus { background: url(/media/images/all/backgrounds/productListFirstBackground_30_plus.jpg) top left no-repeat; }
			ul.categoryList li.first_age_40_plus { background: url(/media/images/all/backgrounds/productListFirstBackground_40_plus.jpg) top left no-repeat; }
			ul.categoryList li.first_age_50_plus { background: url(/media/images/all/backgrounds/productListFirstBackground_50_plus.jpg) top left no-repeat; }
			
			ul.categoryList li.age_20_plus { background: url(/media/images/all/backgrounds/productListBackground_20_plus.jpg) top left no-repeat; }
			ul.categoryList li.age_30_plus { background: url(/media/images/all/backgrounds/productListBackground_30_plus.jpg) top left no-repeat; }
			ul.categoryList li.age_40_plus { background: url(/media/images/all/backgrounds/productListBackground_40_plus.jpg) top left no-repeat; }
			ul.categoryList li.age_50_plus { background: url(/media/images/all/backgrounds/productListBackground_50_plus.jpg) top left no-repeat; }
			
			div.label_20_plus,
			div.label_30_plus,
			div.label_40_plus,
			div.label_50_plus { width: 51px; height: 28px; text-indent: -10000px; margin: 0 0 5px 2px; }
			div.label_20_plus { background: url(/media/images/all/backgrounds/20plus.gif) top left no-repeat; }
			div.label_30_plus { background: url(/media/images/all/backgrounds/30plus.gif) top left no-repeat; }
			div.label_40_plus { background: url(/media/images/all/backgrounds/40plus.gif) top left no-repeat; }
			div.label_50_plus { background: url(/media/images/all/backgrounds/50plus.gif) top left no-repeat; }

			ul.categoryList li div.content { overflow: hidden; }

			ul.categoryList li div.description {
				float: left;
				width: 120px;
				margin: 14px 15px 0 0;
				position: relative;
			}
				body#fr ul.categoryList li div.description { width: 135px; margin-right: 0; }
			
				ul.categoryList li div.description h5 {
					margin: 0 0 8px 0;
					font-size: 1.6em;
					letter-spacing: 0.1em;
				}
				ul.categoryList li.loading div.description h5 {
					padding: 0 0 0 20px;
					background: url(/media/images/all/placeholders/small-loader.gif) 0 2px no-repeat;
				}
				
				ul.categoryList li div.description p { margin: 0 0 10px 0; }
				
				ul.categoryList li div.description a.fakeHover {
					display: block;
					position: absolute; z-index: 2000;
					top: 0; left: 0;
					width: 100%; height: 100%;
					text-indent: -10000px;
				}
				
			.overlayProduct ul.categoryList li div.description {
				margin: 0;
			}
				.overlayProduct ul.categoryList li div.description h5 { margin: 0 0 8px 0; }
				.overlayProduct ul.categoryList li div.description p { margin: 0 0 10px 0; }
			
			
			ul.categoryList li a.productOverlay {
				position: absolute; z-index: 10000;
				top: 0; left: 0;
				width: 530px; height: 40px;
				text-indent: -1000px;
			}
				ul.categoryList li.first a.productOverlay { height: 70px; top: -25px; }
				
				.overlayProduct ul.categoryList li a.productOverlay { top: -25px; }
			
		ul.rootListing li {
			position: relative;
			padding: 0 0 0 20px;
			height: 118px;
		}
	
			ul.rootListing li div.description {
				width: 160px;
			}
			
				ul.rootListing li img.lineImage {
					position: absolute;
					bottom: 1px; left: 175px;
				}
		
			
	ul.productList {
		width: 405px;
		float: left;
		list-style: none;
	}
	
		ul.productList li {
			display: block; float: left;
			width: 120px;
			height: 195px; overflow: hidden; /* I case some content is longer */
			position: relative;
			background: none;
			padding: 0 8px 0 0;
			margin: 0 12px 8px 0;
			background: url(/media/images/all/backgrounds/productListSeparator.gif) top right no-repeat;
		}
			ul.productList li.last { background: none; margin-right: 0; padding: 0; }
			.overlayProduct ul.productList li { height: 175px; }
		
			ul.productList li a { display: block; color: #6B615D; text-decoration: none; }
			ul.productList li a:hover p.title span { color: #ed037c; }
		
			ul.productList li .label {
				position: absolute;
				bottom: 88px; left: 0;
			}
			
			ul.productList li img { margin-bottom: -3px; }
			
			ul.productList li p.title {
				font-size: 0.9em;
				font-weight: normal;
				padding: 0 0 0 9px;
				background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
			}
				ul.productList li p.title span { text-transform: uppercase; color: #000; }
				
	ul.shadeList {
		width: 340px;
		margin: 10px 0 0 0;
		list-style: none;
	}
	
		ul.shadeList li {
			display: block; float: left;
			margin: 0 15px 10px 0;
		}
		
			ul.shadeList li a {
				display: block;
				padding: 0 0 5px 0;
			}
			
				ul.shadeList li a:hover,
				ul.shadeList li.selected a:hover { background: url(/media/images/all/backgrounds/shadesArrow.gif) bottom center no-repeat; }
			
				ul.shadeList li.selected a { background: url(/media/images/all/backgrounds/shadesArrow_o.gif) bottom center no-repeat; }
	
	ul.simpleList { margin: 0 0 0 15px; }

		ul.simpleList li { margin: 0 0 3px 0; }
				
	
	div#storeResults h5 {
		clear: both;
		margin: 13px 0 5px 0;
		padding: 12px 0 0 0;
		font-size: 1em;
		font-weight: normal;
		color: #000;
		text-transform: uppercase;
		background: url(/media/images/all/backgrounds/horizontal_separator_section.gif) top left no-repeat;
	}
	
	div#storeResults h6 { font-size: 1.1em; margin: 0 0 5px 0; font-weight: normal; }
	
	div#storeResults ul {
		width: 125px;
		float: left;
		list-style: none;
		margin: 0 30px 10px 0;
		padding: 0 10px 0 0 0;
	}
	
		div#storeResults ul li { margin: 0 0 5px 0; }
		
			div#storeResults ul li a {
				display: block;
				text-transform: uppercase;
				font-size: 0.9em;
				padding: 0 0 0 8px;
				background: url(/media/images/all/backgrounds/arrowBullet.gif) 0 2px no-repeat;
			}
				div#storeResults ul li a:hover { color: #ed037c; text-decoration: none; }


/* ------------------------------------------------------------------------
	Forms
------------------------------------------------------------------------- */

	form.genericForm {
		margin: 10px 0 0 0;
	}

		form.genericForm label {
			display: block;
			text-transform: uppercase;
			font-size: 0.8em;
			margin: 0 0 5px 0;
			color: #000;
		}
		
		div.error-message {
			display: block;
			font-size: 0.9em;
			margin: -5px 0 5px 0;
		}
	
		form.genericForm input {
			border-top: 1px #b3b3b2 solid;
			border-left: 1px #e6e6e6 solid;
			border-right: 1px #e6e6e6 solid;
			border-bottom: 1px #f5f4f4 solid;
			margin: 0 0 10px 0;
			padding: 2px;
			width: 455px;
		}
			form#customerServices input { width: 270px; }
		
		form.genericForm textarea {
			border-top: 1px #b3b3b2 solid;
			border-left: 1px #e6e6e6 solid;
			border-right: 1px #e6e6e6 solid;
			border-bottom: 1px #f5f4f4 solid;
			margin: 0 0 10px 0;
			padding: 2px;
			width: 275px; height: 106px;
		}
	
		form.genericForm input.submit,
		form#customerServices input.submit { float: left; width: 53px; height: 17px; padding: 0; border: 0; margin: 0; }
		
		body#fr form.genericForm input.submit,
		body#fr  form#customerServices input.submit { width: 66px; }
		
		form.genericForm div.colLeft {
			float: left;
			width: 220px;
			margin: 0 15px 0 0;
		}
		
		form.genericForm div.colRight {
			float: left;
			width: 220px;
		}
		
			.prettyPopin form.genericForm div.colLeft input,
			.prettyPopin form.genericForm div.colRight input {
				width: 220px;
			}


/* ------------------------------------------------------------------------
	Beljob CSS redefinition
------------------------------------------------------------------------- */

	#Table_Script_Beljob td {
		padding: 5px;
	}
	
		#Table_Script_Beljob td a { color: #000; text-decoration: underline; }
			#Table_Script_Beljob td a:hover { color: #ed037c; text-decoration: none; }
			

/* ------------------------------------------------------------------------
	Star Rating
------------------------------------------------------------------------- */

	.rating { font-size: 0.8em; line-height: 0.8; margin: 2px 4px 0 4px !important; }

	.star-rating,
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus,
	.star-rating .current-rating{
		background: url(/media/images/all/backgrounds/star_rating.gif) left -1000px repeat-x;
	}

	.star-rating{
		position: relative;
		width: 60px;
		height: 11px;
		overflow: hidden;
		list-style: none;
		background-position: left top;
		float: left;
	}

	.star-rating li{ display: inline !important; margin: 0 !important; padding: 0 !important; background: none !important; }

	.star-rating a,
	.star-rating .current-rating{
		position:absolute;
		top:0; left:0;
		text-indent:-1000em;
		height: 11px;
		line-height: 11px;
		outline:none;
		overflow:hidden;
		border: none;
	}
	
	.star-rating span { display: block; text-indent: -10000px; }
	
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus {
		background-position: left center;
	}
	
	.star-rating a.voted:hover,
	.star-rating a.voted:active,
	.star-rating a.voted:focus {
		cursor: default;
		background: none;
	}
	
	.star-rating a.one-star { width:20% !important; z-index:6; }
	.star-rating a.two-stars { width:40% !important; z-index:5; }
	.star-rating a.three-stars { width:60% !important; z-index:4; }
	.star-rating a.four-stars { width:80% !important; z-index:3; }
	.star-rating a.five-stars { width:100% !important; z-index:2; }
	.star-rating .current-rating { z-index:1; background: url(/media/images/all/backgrounds/star_rating.gif) left bottom repeat-x !important; }


/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	div.small { overflow: hidden; height: 20px !important; border: 1px red solid; }

	#template {
		display: none;
		position: absolute;
		top: 0; left: 50%;
		opacity: 0.7;
		margin: 18px 0 0 -635px;
		z-index:10000;
		height: 650px; overflow: hidden;
	}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */