@charset "utf-8";
/* CSS Document */

/* ======================== $__reset: ======================================*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#636363;
	font-weight:normal;
	text-decoration:none;
}

body {
	background: #ffffff; 
	line-height: 1;

}

img, a img {
border:0px;
}


ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

a:focus { 
    outline: none; 
}


/* ======================== $__reset: ======================================*/ 

.cb{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.cap{text-transform: uppercase;}
h2{ color: #4c2e82; font-size: 1.88em;}

/* ======================== $_main-structure ===============================*/

#main-wrapper{ position: relative; width: 798px; height: 564px; margin: 0 auto;}

#flash-wrapper{ width: 100%; height:472px; min-height:465px; top:65px; position:absolute}

#fragrance-wrapper{ width: 100%; height:472px; min-height:465px; top:65px; position:absolute; background:#f7f7f8 url(/skin/i18n/default/images/fragrance_bg.jpg) no-repeat top left}


#logo-nav-wrapper{ width: 158px; padding: 0; position: absolute; left: 0; top: 0;z-index: 9999;}

#logo-wrapper{ width: 182px; height: 65px;}


/* Left nav */

ul.main-menu{ width: 152px; margin-bottom: 22px;}
ul.main-menu li{ width: 152px;}
ul.main-menu li a{display: block; text-indent: -9999px; cursor: pointer; margin-bottom: 5px;}


ul.main-menu li a.home{ background: url(../images/nav-home.gif) no-repeat left top; height: 19px;}
ul.main-menu li a.home:hover, ul.main-menu li.active a.home{ background: url(../images/nav-home.gif) no-repeat -210px top;}

ul.main-menu li a.woman{ background: url(../images/nav-woman.gif) no-repeat left top; height: 19px;}
ul.main-menu li a.woman:hover, ul.main-menu li.active a.woman{ background: url(../images/nav-woman.gif) no-repeat -210px top;}

ul.main-menu li a.man{ background: url(../images/nav-man.gif) no-repeat left top; height: 18px;}
ul.main-menu li a.man:hover, ul.main-menu li.active a.man{ background: url(../images/nav-man.gif) no-repeat -210px top;}

ul.main-menu li a.sp{ background: url(../images/nav-sp.gif) no-repeat left top; height: 19px;}
ul.main-menu li a.sp:hover, ul.main-menu li.active a.sp{ background: url(../images/nav-sp.gif) no-repeat -210px top;}

ul.main-menu li a.freesample{ background: url(../images/nav-freesample.gif) no-repeat left top; height: 19px;}
ul.main-menu li a.freesample:hover, ul.main-menu li.active a.freesample{ background: url(../images/nav-freesample.gif) no-repeat -210px top;}


ul.other{ width: 152px;}
ul.other li a{display: block; text-indent: -9999px; cursor: pointer; background: url(../images/nav-other.gif) no-repeat left top; height: 29px;}
ul.other li a:hover{background: url(../images/nav-other.gif) no-repeat -210px top; height: 29px;}


/* Left nav */



/* Language menu **/
#langmenu-wrapper{ width: 90px; position: absolute; z-index: 9999; right: 0; top: 44px; text-transform: uppercase; padding:0; text-align: right;}
#langmenu-wrapper a.lang-drop{ font-size: 0.63em; color: #502d7f; text-decoration: none; display: block;}

#language-open-wrap{ background: url(/skin/i18n/default/images/bg-language.png) no-repeat top center; width: 121px; height: 140px; position: absolute; z-index: 10001; top: 0; left: 0; display: none; text-align: right; padding: 15px 46px 23px 13px;}
#language-open-wrap p.lang{ font-size: 0.63em; color: #502d7f; text-decoration: none; display: block; text-transform: uppercase;}
#language-open-wrap ul{ margin-top: 19px;}
#language-open-wrap ul li{ color: #636363; margin-bottom: 8px; text-transform: uppercase; font-size: 0.63em;}
#language-open-wrap ul li.last{ padding-bottom: 0;}
#language-open-wrap ul li a{ color: #636363; text-decoration: none; }

#language-open-wrap ul li a:hover, #language-open-wrap ul li a.active-country{color:#4c2e82; text-decoration: none; /*font-weight: bold;*/}


#language-outer{position:absolute; display: none; z-index: 10000; left: 0; top: 0; width: 100%; background: #900; opacity: 0;}
/* Language menu **/

/* topleftMenu */
#topleftMenu{width: 350px;position: absolute;z-index: 9999; right:83px; top: 39px; }
#topleftMenu ul{ overflow: hidden; float: right;}
#topleftMenu ul li{ padding: 0 5px; float: left; color: #502d7f; font-size: 0.63em;}
#topleftMenu ul li.sep{ height: 19px; width: 1px;}
#topleftMenu ul li a{ padding-top: 5px; color: #502d7f; text-transform: uppercase; text-decoration: none; display: block;}
#topleftMenu ul li a:hover{ text-decoration: none;}
#topleftMenu ul li.copy{ padding-top: 5px; padding-right:0 }
/* topleftMenu */


/* fragrance*/

/* fragrance*/

#fragMenu{height:27px; width:100%;	position: absolute; z-index: 998; top:0; left:0; padding:11px 0 0 10px; clear:both}
#fragMenu ul{ overflow: hidden; float: left;}
#fragMenu ul li{ padding: 0 4px 0 5px; float: left; color: #502d7f; font-size: 0.63em;}
#fragMenu ul li.sep{ height: 19px; width: 1px;}
#fragMenu ul li a{ padding-top: 5px; color: #502d7f; text-transform: uppercase; text-decoration: none; display: block;}
#fragMenu ul li a:hover{ text-decoration: none;}
#fragMenu ul li.copy{ padding-top: 5px; padding-right:0 }


#fragContent{position:absolute; top:124px;width:100%;height:100%;}
#fragContentImage{width:48%;height:100%; float:left; text-align:right; padding-right:2%}
#fragContentCopy{width:50%;height:100%; float:right; color:#000;}
#fragContentCopy .header{color:#000; font-weight:bold; display:block; margin-bottom:18px;}
#fragContentCopy .fragCopy{color:#000;font-weight:normal; font-size:0.67em; line-height:14px; width:200px; display:block;}

/* Footer */

#footer{
	width: 566px;
	height: 19px;
	position: absolute;
	z-index: 9999;
	right: 0px;
	top: 542px;
}
#footer ul{ overflow: hidden; float: right;}
#footer ul li{ padding: 0 5px; float: left; color: #502d7f; font-size: 0.56em;}
#footer ul li.sep{ height: 19px; width: 1px;}
#footer ul li a, #footer ul li span{ padding-top: 5px; color: #502d7f; text-transform: uppercase; text-decoration: none; display: block;}
#footer ul li a:hover{ text-decoration: none;}
#footer ul li.copy{ padding-top: 5px; padding-right:0 }
/* Footer */
/* ======================== $_main-structure ===============================*/