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

/* FF */
#ff input, #ff button { border:none; }
#ff button ,#ff input[type=radio] { cursor:pointer; }
#ff button span { display:none; }
#ff .clear { height:1px; font-size:1px; clear:both; }
#ff p { margin:0px; }
#ff ul { margin:0px; padding:0px; list-style-type:none; }
#ff p.copy { font-size:10px; color:#a1a1a1; margin:15px 0; }

#ff a.help { width:10px; height:12px; background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -44px no-repeat; margin:2px 5px 0 0; float:left; }
#ff a.help:hover { text-decoration:none; }

#ff_circ { height:100px; background:#acacac; margin:15px 0; position:relative; z-index:5; }
#ff_custom { margin:10px 0px; display:block; clear:both; }
#ff h1 { font-size:26px; color:#e0272f; font-weight:normal; margin:0px; padding:0px; }

/* FF NAV BAR */
#ff_dd_nav { padding-left:88px; border-bottom:1px solid #ededf6; height:20px; margin-top:-10px; position:relative; z-index:110; }
a.ff_nav_element { height:20px; display:block; float:left; margin:0 68px 0 0; padding-right:15px; background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) right 4px no-repeat; }
.ff_nav_dd { border:1px solid #e9e9e9; border-top:none; width:138px; position:absolute; background:#fff; padding:4px 10px; font-size:11px; height:268px; overflow-y:scroll; overflow-x:hidden; display:block; visibility:hidden; }
.ff_nav_dd ul { }
.ff_nav_dd ul li { margin-bottom:4px; font-weight:bold; width:120px; }
.ff_nav_dd ul li a { font-weight:normal; }
.ff_nav_dd.collections { top:20px; left:88px; }
.ff_nav_dd.brands { top:20px; left:239px; }
.ff_nav_dd.fragrances { top:20px; left:391px; }

/* FF TOOLTIP */
#tooltip { background:#FFF4D5 none repeat scroll 0 0; border:1px solid #D5D5EA; position:absolute; width:152px; z-index:3000; padding:10px; opacity:0.9; }
#tooltip h3, #tooltip div { font-weight:normal; margin:0; }
#tooltip h3 p { font-size:11px; }
#tooltip h3 p.title { font-size:14px; margin-bottom:5px; }

/* FF TABS */
#ff_landing_tabs { margin-bottom:-1px; }
html* #ff_landing_tabs { margin-bottom:-2px; }
#ff_landing_tabs li { float:left; width:20%; text-align:center; padding-top:5px; }
#ff_landing_tabs li a span { display:block; padding-top:5px; }
#ff_landing_tabs li a.on span { display:block; padding-top:9px; }
#ff_landing_tabs li.on { padding-top:0px; }
#ff_landing_tabs li a { display:block; border:none; border-right:1px solid #d2d2e8; height:25px; background:url(/cm/marieclaire/assets/images/ff/ff_bgs_tabs.png) repeat-x; color:#000; cursor:pointer; }
#ff_landing_tabs li a.first { border-left:1px solid #d2d2e8; margin-top:0px; }
#ff_landing_tabs li a:hover { text-decoration:none; }
#ff_landing_tabs li a.next { border:none; }
#ff_landing_tabs li a.on { height:30px; border-left:1px solid #d4d4e9; border-right:1px solid #d4d4e9; background:url(/cm/marieclaire/assets/images/ff/ff_bgs_tabs.png) 0 -27px repeat-x; }
#ff_landing_tabs li a#promos { background:url(/cm/marieclaire/assets/images/ff/ff_bgs_tabs.png) 0 -59px repeat-x; }
#ff_landing_tabs li a.on#promos { background:url(/cm/marieclaire/assets/images/ff/ff_bgs_tabs.png) 0 -86px repeat-x; }

/* FF TABBED CONTENT */
#ff_tabbed_content { border:1px solid #d2d2e8; border-top:none; background:#ededf6; overflow:hidden; margin-bottom:15px; }
.ff_tabbed_content { display:none; height:305px; padding:0 18px; overflow:hidden; }
.ff_tabbed_content.yourscent { background: #fff url(/cm/marieclaire/assets/images/ff/ff_hdr_yourscent.jpg) no-repeat; }
.ff_tabbed_content.yourscent h3 { font-size:12px; padding:170px 0 7px 0; margin:0px; font-weight:normal; border-bottom:1px solid #d2d2e8; }
.ff_tabbed_content.yourscent h4 { margin:10px 0px; padding:0px; color:#e0272f; font-size:18px; font-weight:normal; }
.ff_tabbed_content.yourscent ul { margin:0px; padding:0px; }
.ff_tabbed_content.yourscent ul li { float:left; margin:3px 0 2px 0; }
.ff_tabbed_content.yourscent ul li input:nth-of-type(1) { margin:0 0 10px; }
.ff_tabbed_content.yourscent ul li input { margin:0px; }
.ff_tabbed_content.yourscent ul li input { display:block; float:left; padding:0px; }
.ff_tabbed_content.yourscent ul li label { display:block; float:left; margin:-2px 0 0 3px; padding-right:30px; }
.ff_tabbed_content.yourscent button { width:115px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -216px; margin-top:10px; float:left; }
.ff_tabbed_content.yourscent button.on { background-position:0px -328px; }
html* .ff_tabbed_content.yourscent ul li { margin:0px; }
html* .ff_tabbed_content.yourscent button { margin-top:0px; }
html* .ff_tabbed_content.yourscent ul li label { margin-top:2px; }
.ff_tabbed_content.featured .featured_scent,
.ff_tabbed_content.promos .featured_scent { margin-top:20px; }
.ff_tabbed_content.featured .featured_scent img,
.ff_tabbed_content.promos .featured_scent img { float:left; margin-right:20px; border:1px solid #d2d2e8; }
.ff_tabbed_content.featured .featured_scent h3,
.ff_tabbed_content.promos .featured_scent h3 { margin:0px; padding:0px; font-size:18px; }
.ff_tabbed_content.featured .featured_scent h3 a,
.ff_tabbed_content.promos .featured_scent h3 a { color:#000; }
.ff_tabbed_content.featured .featured_scent h3 a:hover,
.ff_tabbed_content.promos .featured_scent h3 a:hover { text-decoration:none; }
.ff_tabbed_content.featured .featured_scent h4,
.ff_tabbed_content.promos .featured_scent h4 { margin:10px 0; padding:0px; font-size:14px; font-weight:normal; } 
.ff_tabbed_content.collections { }
.ff_tabbed_content.collections h2, .ff_tabbed_content.brands h2 { margin:0px; padding:20px 0 0 0; font-size:18px; }
.ff_tabbed_content.collections h3, .ff_tabbed_content.brands h3 { margin:6px 0 20px 0; padding:0px; font-size:12px; font-weight:normal; } 
.ff_tabbed_content.collections h4 { margin:0px; padding:0px; font-size:12px; border-top:1px solid #d2d2e8; margin:10px 0; padding:8px 0 0 0; } 
.ff_tabbed_content.collections li { float:left; width:268px; margin-bottom:6px; }
.ff_tabbed_content.brands ul { float:left; width:190px; font-weight:bold; }
.ff_tabbed_content.brands ul li { margin-bottom:6px; }
.ff_tabbed_content.brands ul li a { font-weight:normal; }
.ff_tabbed_content.brands a.see_all { width:97px; height:26px; display:block; float:right; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -131px; margin-top:20px; }
.ff_tabbed_content.brands a.see_all_on { width:97px; height:26px; display:block; float:right; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -271px; margin-top:20px; }
.ff_tabbed_content.brands a.see_all span, .ff_tabbed_content.brands a.see_all_on span{ display:none; }
.ff_tabbed_content.promos { background:#fff4d5; }

/* FF SEARCH */
.ff_search { background:#9394c9; color:#fff; width: 100%; font-size:14px; height:36px; }
.ff_search input.txt { width:176px; border:none; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:3px; }
.ff_search button.go { width:59px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0px -357px no-repeat; margin:0px 5px; }
.ff_search button.go_on { width:59px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0px -386px; margin:0 5px; }
.ff_search button.expand { width:19px; height:26px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -52px; margin:0 8px 0 4px; }
.ff_search button.expanded { width:19px; height:26px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) -21px -52px; margin:0 8px 0 4px; }
.ff_search td.hdr { width:178px; padding-left:10px; }
.ff_search td.link { width:176px; text-align:right; padding-right:5px; }
.ff_search td.link a { color:#fff; }
.ff_search td.exp { vertical-align:bottom; }

#ff_search_expnaded { background:#9394c9; padding:0 8px 8px; display:none; z-index:1; }
#ff_search_expnaded_content { background:#fff url(/cm/marieclaire/assets/images/ff/ff_bg_adv_search.png) repeat-x; border-top:2px solid #fff; padding:10px; }
#ff_search_expnaded_content p { font-weight:bold; float:left; }
#ff_search_expnaded_content a { float:right; }
#ff_search_expnaded_content button.submit_options { width:94px; height:26px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -103px; float:right; }
#ff_search_expnaded_content button.submit_options_on { width:94px; height:26px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -243px; float:right; }
#adv_search_options { clear:both; }
.option_layout { width:440px; margin-top:5px; }
.option_layout td.option_container { vertical-align:top; }
.adv_option, .adv_option.year_dd { color:#676767; margin-top:10px; position:relative; float:right; }
.adv_option table.house { width:160px; }
.adv_option table td { height:21px; }
.adv_option table td.label { padding-right:4px; }
.adv_option table td.dd_selected { width:114px; background:url(/cm/marieclaire/assets/images/ff/ff_bg_dd.png) no-repeat; overflow:hidden; padding-left:6px; cursor:pointer; } 
.adv_option table td div.selected_container { width:90px; height:16px; overflow:hidden; margin-top:2px; }
.adv_option table td.dd_btn button { width:22px; height:21px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -80px; }
.adv_option table td.selected, .adv_option table td.example { font-size:10px; font-style:italic; text-align:right; padding-right:15px; padding-top:3px; }
.dd_content { border:1px solid #e9e9e9; width:112px; height:250px; top:21px; overflow-y:scroll; overflow-x:hidden; position:absolute; background:#fff; padding:5px 0; visibility:hidden; z-index:2; font-size:11px; }
.dd_content.for { left:24px; height:auto; overflow:auto; }
.dd_content.brand { left:41px; }
.dd_content.category {left:58px; height:auto; overflow:auto; }
html* .dd_content.category { left:61px; }
.dd_content.attribute { left:50px; height:auto; overflow:auto }
html* .dd_content.attribute { left:53px; }
.dd_content.affiliation { left:117px; height:auto; overflow:auto; }
html* .dd_content.affiliation { left:120px; }
.dd_content.keynote { left:71px; }
html* .dd_content.keynote { left:74px; }
.dd_content.year { left:105px; height:auto; overflow:auto; }
.dd_content.country { left:95px; height:auto; }
html* .dd_content.country { left:98px; }
.dd_content ul { margin:5px; }
.dd_content ul li { clear:both; margin-left:5px; }
.dd_content input { margin:0px; padding:5px; display:block; float:left; }
.dd_content label { display:block; float:left; margin:-1px 0 6px 5px; width:72px; overflow:hidden; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dd_content input { margin-top:4px; }
}
html* .dd_content label { margin:3px 0 0 2px; width:64px; }

/* FF Search Nav */
table.ff_sr_nav { background:#f1f1f8; width:100%; padding:4px 10px; height:30px; }
table.ff_sr_nav td select { color:#666; }
table.ff_sr_nav td { padding:0px 10px; }
table.ff_sr_nav td span { color:#e0272f; }
table.ff_sr_nav td.page a { cursor:pointer; }

/* FF Results */
.result { background:url(/cm/marieclaire/assets/images/borders/rule_h_single.png) bottom repeat-x; padding-bottom:10px; margin-top:10px; }
.result img { float:left; }
.result a img { border:1px solid #d2d2e8; }
.result h2,
.result p { width:488px; float:right; }
.result p.discontinued { color:#E0272F; padding-bottom:4px; }
.result h2, .result h3 { margin:4px 0px; padding:0px; font-weight:normal; font-size:17px; }
.result h2 span, .result h3 span { color:#666; font-size:16px; }
.result h2 a.fragrance, .result h3 a.fragrance { font-weight:bold; }
.result p.notes { padding-bottom:4px; font-style:italic; }
.result.first { margin-top:20px; }
.result.last { background:none; margin-bottom:10px; }

/* FROM SPONSORS */
#from_sponsors { border:1px solid #d2d2e8; padding:0 10px; margin-top:20px; }
#from_sponsors h4 { margin:10px 0 15px; padding:0px; font-size:25px; color:#e0272f; font-weight:normal; }
#from_sponsors .result p { width:468px; float:right; }
#from_sponsors .result p.learn { width:90px; font-weight:bold; margin-top:8px; }
#from_sponsors .result h3 { width:378px; float:right; }
#from_sponsors a.buy { width:66px; height:26px; display:block; float:right; background:url(/cm/marieclaire/assets/images/ff/ff_btn_buy.png) no-repeat; margin-top:10px; }
#from_sponsors a.buy.on { background-position:0 -26px; }


/* FF RECOMMENDATIONS */
#recommendations { background:url(/cm/marieclaire/assets/images/ff/ff_bgs_reco.gif) repeat-y; }
#recommendations div.clear { background:url(/cm/marieclaire/assets/images/ff/ff_bgs_reco.gif) -622px 0 no-repeat; }
html* #recommendations div.clear { background-position: -622px 1px; }
.recommendation { width:177px; background:url(/cm/marieclaire/assets/images/ff/ff_bg_reco.gif) repeat-x; display:inline; float:left; padding:10px; margin-left:14px; }
html* .recommendation { margin-top:-1px; }
.recommendation h2 { margin:0px; padding:0px; font-size:16px; font-weight:normal; }
.recommendation h2 a { color:#e0272f; }
.recommendation h2 a:hover { text-decoration:none; }
.recommendation p.house { padding:3px 0; }
.recommendation p.rating { color:#656565; float:left; width:90px; }
html* .recommendation ul { width:80px; }
.recommendation ul.rating li.on, 
#reviews ul.rating li.on { background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) -13px -16px no-repeat; }
.recommendation ul.rating li.off, 
#reviews ul.rating li.off { background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) -13px -31px no-repeat; }
html* .recommendation ul.rating li.on { background-position:-13px -14px; }
html* .recommendation ul.rating li.off { background-position:-13px -29px; }
.recommendation img { margin:10px 0 10px 28px; }
.recommendation a img { border:1px solid #d2d2e8; }
.recommendation p.bite { width:105px; float:left; }
.recommendation a.go { width:62px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png); display:block; float:right; margin-top:3px; }
.recommendation a.go_on { width:62px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -26px; display:block; float:right; margin-top:3px; }

/* MEET MICHAEL EDWARDS */
#ff_meetme { border:1px solid #cbcbcb; padding:15px; background:#eeeef8; }
#ff_meetme img { float:left; margin-right:15px; }
#ff_meetme h5 { margin:0px; padding:0px; font-size:18px; font-weight:normal; }
#ff_meetme p { margin:10px 0 0 0; }
#ff_meetme ul { margin:25px 0 0 0; }
#ff_meetme ul li { display:inline; font-size:11px; margin-right:13px; }

/* FF MODULES */
.clear { height:1px; font-size:1px; clear:both; }

html* #fragrance_101 { width: 340px; }
#fragrance_101 .content { margin:0px; padding:10px 0 0 0; }
html* #fragrance_101 .content { height:1%; width:334px; margin:0px; }
#fragrance_101 .content ul { list-style-type:none; margin:0 0 0 3px; padding:0px; }
#fragrance_101 .content ul li { float:left; }
#fragrance_101 .content ul li a img { border:none; }
#fragrance_101 .content ul.attributes { margin:10px 0 10px 10px; }
#fragrance_101 .content ul.attributes li { margin-right:15px; } 
#fragrance_101 .content p { margin:10px 10px 0; }
#fragrance_101 .content a.action { width:142px; height:24px; display:inline; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -188px; float:right; margin:13px 10px 13px 0; }
#fragrance_101 .content a.action_on { width:142px; height:24px; display:inline; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -414px; float:right; margin:13px 10px 13px 0; }

html* #quiz { width: 340px; }
#quiz .content { margin:0 5px; background:url(/cm/marieclaire/assets/images/ff/ff_icon_quiz.png) 0 10px no-repeat; padding:10px 0 0 0; }
html* #quiz .content { height:1%; width:334px;  margin:0px; }
#quiz .content h4 { font-size:13px; margin:0px 0 0 58px; padding:8px 0 0 0; font-weight:normal; color:#676767; }
#quiz .content h6 { font-size:16px; color:#e0272f; font-weight:normal; margin:20px 0 0 20px; padding:0px; }
#quiz .content ul { list-style-type:none; margin:5px 0 0 15px; padding:0px; }
#quiz .content ul li { clear:both; border:1px solid #f7f7f7; }
#quiz .content ul li input { float:left; }
#quiz .content ul li label { display:block; float:right; width:285px; margin-top:1px; }
html* #quiz .content ul li label { margin-top:2px; }
#quiz .content button.start_wizard { width:62px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png); margin:10px 0; border:none; cursor:pointer; float:right; }
#quiz .content button.start_wizard.on { width:62px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) 0 -26px; margin:10px 0; border:none; cursor:pointer;  float:right; }
#quiz .content button span { display:none; }
#quiz .content.inner { background:url(/cm/marieclaire/assets/images/ff/ff_hdr_yourscent_rr.jpg) -2px 0px no-repeat; padding-top:150px; margin:0px; }
html* #quiz .content.inner { padding-top:165px; }
#quiz .content.inner h4 { margin:15px 15px 0; padding:0px; }
#quiz .content.inner h6 { margin:10px 15px 10px; padding:0px; }
#quiz .content.inner ul li label, #quiz .content ul li label { width:298px; margin-top:-3px; padding-bottom:5px; }
htm* #quiz .content.inner ul li label, htm* #quiz .content ul li label { margin-top:-4px; }
#quiz .content ul li label { width:286px; }
#quiz .content.inner button.start_wizard { margin-right:10px; }
#quiz .content.inner button.start_wizard.on { margin-right:10px; }

html* #related_articles { width:340px; }
#related_articles { padding:0px; }
#related_articles ul li { margin:0 0 6px 0; width:290px; }
html* #related_articles .content { width:334px; margin:0px; overflow:hidden;  padding:0px; }

#our_collections ul li { margin-bottom:6px; }
#our_collections ul li.hdr { margin-top:10px; font-weight:bold; }