body {
    background: #fff;
}
#main {
    background: #2a2b2e;
}

.margin-bottom-30px {
	margin-bottom: 30px;
}

/* -----------------
		HEADER
-------------------- */
#header {
	height: 56px;
	position:fixed;
	top: 0;
	min-width:980px;
	width:100%;
	z-index: 10;
}
.ie6 #header {
    position: absolute;
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.navLess #header {
	height : 56px;
}

.navLess #main {
	top: 0; /*56*/
}
.navLess #mainScroller {
	padding: 0;
}
/*.ie7 .navLess #mainScroller {
	padding: 25px 0 0;
}
.ie6 .navLess #mainScroller {
	padding: 0;
}*/

.nav li {
	display:inline-block;
}

.ie6 .nav li,
.ie7 .nav li {
	display:inline;
	zoom:1;
	padding: 0;
	margin : 0;
}

#topbar {
	background:#3a3b3c;
	font-size:10px;
	font-weight:bold;
	height:56px;
	position:relative;
	text-align:center;
	text-transform:uppercase;
        z-index: 1;
}

#topbar a {
	color:#fff;
	font-size:9px;
}

#logout-trigger {
	height:9px;
}

.ie6 #logout-trigger,
.ie7 #logout-trigger {
	position:relative;
	top:-11px;
	padding-right:2px
}

#topbar #logout-trigger a {
	background:url(../img/layout/user-logout.gif) no-repeat center bottom;
	display:block;
	height:9px;
	padding:0;
	position:relative;
	width:10px;
}

#logout-trigger a span {
	background:#2a2b2e url(../img/layout/user-logout-label.gif) no-repeat right center;
	color:#afafaf;
	height:11px;
	font-size:9px;
	padding:1px 8px 1px 4px;
	position:absolute;
	right:15px;
	top:-2px;
	visibility:hidden;
	white-space: nowrap;
}

.ie6 #logout-trigger span
.ie7 #logout-trigger span,
.ie8 #logout-trigger span {
	height:13px;
	padding:3px 8px 0 4px;
}

#logout-trigger a:hover span {
	visibility:visible;
}

#topbar #user-account-link a {
	padding:9px 9px 9px 0
}

/* Logo Dior */
#topbar-logo,
#topbar-logo a {
	height:40px;
	width:100px;
}

#topbar-logo {
	margin:0 auto;
	padding-top:8px;
}

#topbar-logo a {
	background:url(../img/logos/logo.png) no-repeat;
	display:block;
	text-indent:-9000px;
}

/* IE's bug: Dior logo can not be center if those elements are in the flux */
#univers-trigger,
#topbar-nav {
	position:absolute;
}

/* univers
-------------------- */

a#univers-trigger {
	color:#838383;
	height:33px;
	left:0;
	padding:23px 9px 0 10px;
	top:0;
}

#univers-name {
	background:url(../img/layout/univers-arrow-down.gif) no-repeat center right;
	color:#fff;
	padding-right:9px;
}


a#univers-trigger.active {
	background:#2A2B2E;
}

#univers-trigger.active #univers-name {
	background-image:url(../img/layout/univers-arrow-up.gif);
}

	/*  univers drawer
	-------------------- */

#univers-drawer {
	background:#2A2B2E;
	display:none;
	left:0;
	padding:34px 0 36px;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:56px;
	width:100%;
	z-index:100;
}

#univers-drawer-content {
	list-style:none;
	margin:0 auto;
	text-align:left;
	width:960px;
}

#univers-drawer-content ul {
	list-style:none;
}

#univers-drawer h4,
#univers-drawer h4 a {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height: 17px;
	padding-bottom:7px;
}

#univers-drawer .univers-drawer-block-main h4,
#univers-drawer .univers-drawer-block-main h4 a {
	padding-bottom: 0;
}

.univers-drawer-block-news,
.univers-drawer-block-main,
.univers-drawer-block {
	float:left;
	padding-left:30px;
}

.univers-drawer-block-main {
	border-right:1px solid #3e3f42;
	width:190px;
}

.univers-drawer-block-news {
	border-left:1px solid #3e3f42;
	margin-left:30px
}

#univers-drawer a {
	color:#666;
	font-size:10px;
}

#univers-drawer a:hover {
	color:#fff
}

.univers-drawer-block li,
.univers-drawer-block-news li {
	padding-top:8px;
}

.univers-drawer-block-news,
.univers-drawer-block {
	padding-left:30px;
	width:140px;
}

.oldie .univers-drawer-block {
	width:143px;
}

.univers-drawer-block h4 {
}

.univers-drawer-block-news {
	position:relative;
}

.univers-drawer-block-news ul {
	height:74px;
	overflow:hidden;
}

#univers-drawer-news-trigger {
	background:url(../img/layout/univers-news-down.gif) no-repeat left;
	bottom:-15px;
	height:5px;
	position:absolute;
	text-indent:-9000px;
	width:9px;
}

.open #univers-drawer-news-trigger {
	background-image:url(../img/layout/univers-news-up.gif);
}

/* common nav
----------------------- */

#topbar-nav {
	right:10px;
	top:14px;
}

#topbar-nav a {
	display:block;
	padding:9px;
}

#topbar-nav .last-child a {
	padding:9px 0 9px 9px;
}

#cart-total-preview {
	color:#787878;
}

#cart-total-preview.active {
	color : #FFF;
}

#cart-feedback-display {
	background: url(../img/layout/bkgd-cart.png);
	right: 20px;
	padding: 0 5px 21px;
	position: absolute;
	top: 33px;
	width: 206px;
	z-index: 1000;
	display: none;
}
	
.cart-feedback-display-item,
.cart-feedback-display-error,
.cart-feedback-default {
	clear:left;
	height:75px;
	overflow:hidden;
	width:100%;
	padding:0px;
}

.cart-feedback-display-item,
.cart-feedback-display-error {
	display:none;
}

.cart-feedback-default p,
.cart-feedback-display-error p  {
	font-size: 9px;
	height: 55px;
	padding-top: 35px;
	padding-left: 25px;
	text-transform: none;
	text-align: left;
	margin-top:-7px;
	color: #323232;
}

.cart-feedback-default p {
	background:url(../img/layout/ajax-loader.gif) no-repeat left center;
	margin-left: 20px;
}

.cart-feedback-display-error p {
	color:#f00;
}

.cart-feedback-display-item img {
	float:left;
	margin-right:5px;
	margin-top:-3px;
}

.cart-feedback-display-item span {
	color:black;
	display:block;
	text-transform:lowercase;
	padding-left:25px;
}

#main-nav .cart-feedback-display-item a {
	font-size:10px;
	color:#646464;
	padding-top:35px;
	color:#000
}

#topbar-nav .cart-feedback-display-item span a {
	color: black;
	padding-top: 18px;
	font-weight: normal;
	padding-right: 27px;
	padding-top: 45px;
}

#topbar-nav .cart-item-added div {
	width: 65px;
	margin: 10px 10px 10px 15px;
	float: left;
	text-align: left;
}
#topbar-nav .cart-item-added p {
	padding: 35px 0 0;
	font-size: 9px;
	text-transform: none;
	color: #323232;
	text-align: left;
}

/* search form
------------------------- */

#search-form {
	background:url(../img/layout/search-form.gif) no-repeat top right;
	display:none;
	height:31px;
	padding-top:6px;
	position:absolute;
	right:0;
	top:50px;
	width:200px;
}

#search-form.open {
	display:block;
	height:6px;
}

#search-form p {
	display:none;
}

#search-form.open p {
	display:block;
	height:0;
}

#search-form p,
#search-form input,
#search-form button {
	background:#F4F4F4;
	border:none;
	color:#000;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
}

#search-form input,
#search-form button {
	height:30px;
}

#search-form input {
	float:left;
	height:17px;
	padding:7px;
	width:145px;
}

#search-form button {
	float:right;
	margin-right:5px;
}

/* main nav
--------------------- */

#main-nav {
	background:#2a2b2e;
	border-bottom:1px solid #2d2d30;
	height:31px;
	text-align:center;
    position: relative;
}
/*.animated {
           -moz-transition : top 0.4s ease-out;
        -webkit-transition : top 0.4s ease-out;
             -o-transition : top 0.4s ease-out;
                transition : top 0.4s ease-out;
}*/
#main-nav.closed{
    top: -32px;
}
#main-nav.opened{
    top: 0;
}

#main-nav a {
    font-size:11px;
}
#main-nav .wrapMainNav a {
    color:#afafaf;
	display:inline-block;
	height:23px;
	padding:9px 20px 0;
	text-transform:uppercase;
}

#main-nav a:hover,
#main-nav a.active {
	color:#fff;
}

#main-nav a.active {
	background:url(../img/layout/main-nav-active.gif) no-repeat center bottom;
}

#sub-nav {
	background:url(../img/layout/sub-nav.png) repeat-x bottom left;
	
    position:absolute;
	left:0;
	top: 32px;
    
    text-align:center;
	width:100%;
	/*z-index: 20000;*/
    
}


#sub-nav-bkgd {
	height:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1
}

/* sub nav
--------------------- */

.sub-nav-content, 
.sub-nav-content-two-cols,
.sub-nav-content-three-cols {
	display:none;
	margin:0 auto;
	text-align:left;
	width:980px;
}

.sub-nav-content-two-cols {
	width: 595px;
}

.sub-nav-content-three-cols {
	width: 763px;
}

.sub-nav-column a,
.sub-nav-figure-legend,
.sub-nav-footer a {
	color:#9c9e9f;
	font-size:10px;
	text-transform:uppercase;
}

.sub-nav-figure {
	float:left;
	padding-top:14px;
	padding-right:10px;
	width:180px;
	padding-bottom:23px;
}

.sub-nav-figure-frame {
	display:block;
	height:180px;
	margin-bottom:13px;
	position:relative;
	width:180px;
}

.sub-nav-figure-frame img {
	display:block;
	height:180px;
	width:180px;
}

.sub-nav-figure-images {
	height:186px;
	left:0;
	position:absolute;
	top:0;
	width:180px;
	z-index:1;
}

.sub-nav-figure-legend {
	color:#e6e6e6;
	display:block;
	text-align:right;
}


.sub-nav-column {
	border-left:1px solid #3f3f42;
	float:left;
	margin-bottom:30px;
	margin-top:14px;
	padding:17px 30px 0;
	width:130px;
}

.sub-nav-column.two-cols-list {
	border: none;
}

.sub-nav-column a {
	color:#9c9e9f;
	font-size:11px;
	line-height:11px; 
}

.sub-nav-column a:hover,
.sub-nav-figure-legend:hover,
.sub-nav-footer a:hover {
	color:#fff;
}

.sub-nav-column h2 {
	line-height:1.2em;
	margin-bottom:25px;
}

.sub-nav-column h2 .times {
	color:#e6e6e6;
	display:block;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	font-weight:normal;
	text-transform:uppercase;
}

.sub-nav-column h2 .times.italic {
	display:block;
	font-size:13px;
	font-style:italic;
	text-transform:capitalize;
}

.sub-nav-column ul {
	list-style:none;
	margin-bottom:40px;
}

.sub-nav-column ul.last-child {
	margin-bottom:0;
}

.sub-nav-column ul.two-cols-list {
	margin-top: 58px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.sub-nav-column ul.two-cols-list {
		margin-top: 60.5px;
	}
}

.ie6 .sub-nav-column ul.two-cols-list,
.ie7 .sub-nav-column ul.two-cols-list {
	margin-top: 76px;
}

.sub-nav-column li {
	line-height:11px;
	margin-bottom:9px;
}

.sub-nav-column li.last-child {
	margin-bottom:0;
}

.sub-nav-footer {
	clear:left;
	overflow:hidden;
	text-align:right;
	width:100%;
}

.sub-nav-alt1 .sub-nav-footer {
	padding-bottom:10px;
}

.sub-nav-footer a {
	color: #e6e6e6;
	padding-left:10px;
}

/* subnav 09/12
-----------------*/

.sub-nav-content {
	width:100%;
}

.top-content, .bottom-content {
	width:100%;
	display: block;
	overflow: hidden;
}

.bottom-content {
	border-top:1px solid #404143;
}

.top-content {
	margin-top:28px;
	padding-bottom:30px;
}

.top-content.sans-bottom {
	border:none;
}
	
	.top-content ul, .bottom-content ul {
		list-style-type: none;
		margin:0 auto;
		padding:0;
	}
	
	.top-content ul.three-col {
		width : 724px;
	}
	
	.top-content ul.four-col {
		width : 964px;
	}
	
	.ie7 .top-content ul.four-col {
		width : 967px
	}
	
	.ie8 .top-content ul.four-col {
		width : 965px;
	}
	
	.bottom-content ul {
		width : 978px;
	}
		
		.top-content ul li {
			width : 226px;
			padding-left:14px;
			border-left:1px solid #404143;
			margin:0;
			float:left;
			min-height: 183px;
        }
        .top-content ul li.single {
            width : 232px;
			padding-left:8px;   
        }        
        
		.top-content li.first {
			border-left: none;
		}
		
		.top-content ul li#figure {
			height:12px;
			margin-bottom:30px;
		}
		
		.bottom-content ul li {
			float:left;
			margin:0;
			padding : 16px 8px;
			width : 239px;
		}
		
		.bottom-content ul li.image {
			width : 465px;
		}
		
		.bottom-content ul li.image.center {
			position:relative;
			left:50%;
			margin-left:-233px;
		}
		
		.top-content ul li#figure {
			width:211px;
			padding : 0 30px 0 0;
			border : none;
		}
		
			.top-content ul li h3, .bottom-content ul li h3 {
				font-family : arial, helvetica, sans-serif;
				color:#FFF;
				text-transform: uppercase;
				line-height: 16px;
				font-weight: normal;
				font-size: 12px;
			}
			
			.bottom-content ul li h3 {
				margin-bottom:9px;
				margin-top : 3px;
			}
			
			.top-content ul li h3.sans-st {
				margin-bottom:20px;
			}
			
			.top-content ul li h3.in-list {
				margin-top:30px;
			}

			.top-content ul li em {
				margin: 5px 0 15px;
				display: block;
				font-size: 11px;
				font-style: normal;
				color: #6a6b6d;
			}
			
			.top-content ul li img {
				padding-top:20px;
				display: block;
			}
			
			.top-content ul li a img.bw {
				margin-top: -142px;
				height: 122px;
			}
			
			.bottom-content ul li a.nav-img {
				width : 465px;
				height:80px;
				display:block;
				position: relative;
			}
			
			.bottom-content ul li a img.bw {
				position: absolute;
				top:0;
				left:0;
				height: 80px;
			}
			
			.bottom-content ul li a img {
				float:left;
			}
			
			.top-content ul li small {
				width: 195px;
				padding: 6px 8px;
				display: block;
				font-size: 11px;
				font-family:arial, helvetica, sans-serif;
				color:#6A6B6D;
				margin-bottom:24px;
				background-color: #3a3b3c;
			}
			
			.top-content ul li.figure small {
				margin-bottom:11px;
			}
			
			.top-content ul li.figure a.nav-img:hover small {
				color:#FFF;				
			}
			
			.top-content ul li a {
				display: block;
				text-transform: uppercase;
				margin-bottom: 7px;
			}
			
			.top-content ul li a.nav-img,
			.bottom-content ul li a.nav-img {
				margin-bottom: 0;
			}
			
			.top-content ul li a:hover {
				color:#FFF;
			}
			
			.bottom-content ul li a strong {
				width:239px;
				float:left;
				margin-left:8px;
				font-weight:normal;
			}
			
			.bottom-content ul li p {
				line-height:15px;
			}
			
			.top-content ul li a, .bottom-content ul li p {
				font-size: 11px;
				font-family:arial, helvetica, sans-serif;
				color:#6a6b6d;
			}

/* --------------------------
			FOOTER
----------------------------- */

#footer a,
#footer .id-country {
	color:#838383;
	display:block;
	font-size:9px;
	text-transform:uppercase;
}

/* common nav
--------------- */

#footer-nav {
	float:left;
	padding-left:1px;
}

#footer-nav li {
	float:left;
}

#footer-nav li.separator {
	background:url(../img/layout/footer-separator.gif) no-repeat bottom right;
	margin-right: 5px;
    padding-right: 5px;
}

#footer-nav li.separator span.logoCn {
	padding-top:11px;
	padding-right:6px; 
	display:block; 
	height:11px;
}

#footer-nav a,
#footer-nav .id-country {
	padding: 13px 7px 0;
}

#footer-nav a:hover {
	color:#fff;
}

#languages-trigger {
	float:right;
	height:19px;
	padding:13px 10px 0 10px;
}

#languages-trigger.active {
	background-color:#2a2b2e;
}

#footer a #language-current {
	background:url(../img/layout/arrow-up.gif) no-repeat right center;
	color:#fff;
	padding-right:10px;
}

/*  languages
--------------- */

#languages {
    background: none repeat scroll 0 0 #2A2B2E;
    bottom: 32px;
    display: none;
    font-size: 11px;
    padding: 30px 35px;
    position: absolute;
    right: 0;
    width: 125px;
    z-index: 160;
}

#languages h6{
	font-size:10px;
}

#languages ul, 
#languages li {
	margin:0;
	padding:0;
	list-style-type:none;	
}

#languages li {
	line-height:15px;
}

#languages li li {
	margin-bottom:5px;
}

#languages h6 {
	color: #666;
	cursor:pointer;
	margin-bottom:5px;
	font-weight:normal;
	text-transform:uppercase;
}


#languages h6:hover,
#languages h6.active  {
	color:#fff;
}

#languages .active h6 {
	margin-bottom:15px;
}

#languages li ul {
	display: none;
	padding-bottom: 10px;
}
#languages li.last ul {
	margin-bottom: 0;
}
#languages li ul.default {
	display:block;
}
#languages a {
	color:#666;
}

#languages a:hover,
#languages span {
	color:#fff;	
}

/* ----------------------------------
                LOADING
------------------------------------ */
#loader {
    width : 100%;
    height : 100%;
    position : fixed;
    top : 0;
    left : 0;
    z-index : 11;
    background:#000;
    display: none;
}
#loader-zoom {
    width : 100%;
    height : 100%;
    position : fixed;
    top : 0;
    left : 0;
    background: #fff;
}

.ie6 #loader {
    position : absolute;
    display: block;
}
.ie6 #loader-zoom {
    position : absolute;
}

.canvas-loader div {
    width : 30px;
    height : 30px;
    position : absolute;
    left : 50%;
    top : 50%;
    margin-left : -15px;
    margin-top: -15px;
}

.lte9 .canvasloader {
	background: transparent url(../img/ie-loader.gif) no-repeat center center;
	width : 50px;
	height : 50px;
}