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

/* FF */
#ff { font-family:Georgia, "Times New Roman", Times, serif; width:620px;  }
#ff input, #ff button { border:none; }
#ff button { 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; font-family:Arial, Helvetica, sans-serif; }

#ff a.help { width:24px; height:14px; background:url(/cm/realbeauty/site_images/ff/ff_bg_braces.png) 0 -33px no-repeat; margin:2px 5px 0 0; float:left; }
#ff a.help:hover { text-decoration:none; }

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

/* FF NAV BAR */
#ff_dd_nav { padding-left:54px; border-bottom:1px dotted #ededf6; border-top:1px dotted #ededf6; height:20px; margin-top:-14px; position:relative; z-index:110; }
a.ff_nav_element { height:20px; display:block; float:left; margin:2px 58px 0 0; padding-right:15px; background:url(/cm/realbeauty/site_images/virals/viral_share_arrow_d.gif) right 4px no-repeat; text-transform:uppercase; color:#01a0a0 !important; font-size:13px; } 
.ff_nav_dd { border:1px solid #e9e9e9; border-top:none; width:138px; position:absolute; background:#fff; padding:4px 10px; font-size:12px; 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:48px; }
.ff_nav_dd.collections a { color:#01a0a0 !important; }
.ff_nav_dd.brands { top:20px; left:239px; }
.ff_nav_dd.fragrances { top:20px; left:391px; }

/* FF TOOLTIP */
#tooltip { background:#f0f0f0 none repeat scroll 0 0; border:1px solid #dbdbdb; 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.on a { color:#ff3365; }
#ff_landing_tabs li a { display:block; border:none; border-right:1px dotted #fff; height:27px; background:url(/cm/realbeauty/site_images/ff/ff_bgs_tabs.png) repeat-x; color:#fff; 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; color:#fff !important; }
#ff_landing_tabs li a.on:hover { color:#ff3365 !important; } 
#ff_landing_tabs li a.next { border:none; }
#ff_landing_tabs li a.on { height:30px; border-left:1px solid #efefef; border-right:1px solid #efefef; background:url(/cm/realbeauty/site_images/ff/ff_bgs_tabs.png) 0 -34px repeat-x; }
/* REMOVED on 4/29/10 - Athena 35300
#ff_landing_tabs li a#promos { background:url(/cm/realbeauty/site_images/ff/ff_bgs_tabs.png) 0 -59px repeat-x; }
#ff_landing_tabs li a.on#promos { background:url(/cm/realbeauty/site_images/ff/ff_bgs_tabs.png) 0 -86px repeat-x; }
*/

/* FF TABBED CONTENT */
#ff_tabbed_content { overflow:hidden; margin-bottom:15px; }
.ff_tabbed_content { display:none; height:302px; padding:0 18px; overflow:hidden; background:url(/cm/realbeauty/site_images/ff/bg_tabbedcontent.jpg) no-repeat; }
.ff_tabbed_content.yourscent { background: #fff url(/cm/realbeauty/site_images/ff/ff_hdr_yourscent.jpg) no-repeat; }
.ff_tabbed_content.yourscent h3 { display:none; }
.ff_tabbed_content.yourscent h4 { margin:195px 0 10px 0; 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:4px 0 10px 0; }
.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:84px; height:22px; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png); margin-top:10px; float:left; }
.ff_tabbed_content.yourscent button.on { background-position:0px -166px; }
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:10px; }
.ff_tabbed_content.featured .featured_scent img,
.ff_tabbed_content.promos .featured_scent img { float:left; margin-right:20px; border:1px solid #eee; background:#F7F6F6; padding:7px; }
.ff_tabbed_content.featured .featured_scent h3,
.ff_tabbed_content.promos .featured_scent h3 { margin:0px; padding:10px 0 0 0; font-size:15px; }
.ff_tabbed_content.featured .featured_scent h3 a,
.ff_tabbed_content.promos .featured_scent h3 a { color:#01a0a0 !important; }
.ff_tabbed_content.featured .featured_scent h3 a:hover,
.ff_tabbed_content.promos .featured_scent h3 a:hover { }
.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.featured .featured_scent p,
.ff_tabbed_content.promos .featured_scent p { font-style:italic; font-size:13px; line-height:19px; }
.ff_tabbed_content.featured .featured_scent p a,
.ff_tabbed_content.promos .featured_scent p a { color:#01a0a0 !important; }
.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 10px 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.collections li a { color:#01a0a0 !important; }
.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.ltr_hdr { background:url(/cm/realbeauty/site_images/ff/ff_bg_braces.png) no-repeat; font-size:24px; padding-left:20px; }
.ff_tabbed_content.brands ul li a { font-weight:normal;  color:#01a0a0 !important; }
.ff_tabbed_content.brands a.see_all { width:64px; height:20px; display:block; float:right; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -297px; margin-top:10px; }
.ff_tabbed_content.brands a.see_all_on { width:64px; height:20px; display:block; float:right; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -320px; margin-top:10px; }
.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:#fafafa; color:#ff3366; width: 100%; font-size:14px; height:40px; border:1px solid #e5e5e5; }
.ff_search input.txt { width:220px; height:32px; border:none; background:url(/cm/realbeauty/site_images/ff/ff_bg_search.png) 0 4px no-repeat; float:right; font-size:18px; padding:8px 3px 0; color:#585858; }
.ff_search button.go { width:31px; height:32px; background:url(/cm/realbeauty/site_images/ff/ff_bg_search.png) 0 -48px no-repeat; }
.ff_search button.go_on { width:31px; height:32px; background:url(/cm/realbeauty/site_images/ff/ff_bg_search.png) 0 -98px no-repeat; }
.ff_search button.expand { width:10px; height:10px; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0px -51px; margin:0 8px 0 4px; }
.ff_search button.expanded { width:10px; height:10px; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) -12px -51px; 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:3px; }
.ff_search td.link a { color:#01a0a0 !important; }
.ff_search td.exp { }

#ff_search_expnaded { display:none; z-index:1; }
#ff_search_expnaded_content { background:#fff; border:1px solid #eee; }
#ff_search_expnaded_content p { float:left; display:inline; margin:10px; font-style:italic; }
#ff_search_expnaded_content a { float:right; display:inline; margin:10px; color:#01a0a0 !important; font-style:italic; }
#ff_search_expnaded_content button.submit_options { width:63px; height:24px; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -25px; float:right; margin:0 10px 10px 0; }
#ff_search_expnaded_content button.submit_options_on { width:63px; height:24px; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -191px; float:right; margin:0 10px 10px 0; }
#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:170px; }
.adv_option table td { height:21px; }
.adv_option table td.label { padding-right:4px; text-transform:uppercase; font-size:12px; }
.adv_option table td.dd_selected { width:114px; background:url(/cm/realbeauty/site_images/ff/ff_bg_dd.png) no-repeat; overflow:hidden; padding-left:6px; cursor:pointer; font-style:italic; font-size:12px; color:#939393; } 
.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-family:Arial, Helvetica, sans-serif; color:#a6a6a6; text-transform:uppercase; font-size:10px; 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; }
/* +14px */
.dd_content.for { left:28px; height:auto; overflow:auto; }
.dd_content.brand { left:50px; }
.dd_content.category {left:79px; height:auto; overflow:auto; }
html* .dd_content.category { left:82px; }
.dd_content.attribute { left:68px; height:auto; overflow:auto }
html* .dd_content.attribute { left:71px; }
.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:88px; }
.dd_content.year { left:122px; height:auto; overflow:auto; padding-right:0px; }
.dd_content.country { left:120px; height:auto; }
html* .dd_content.country { left:123px; }
.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:#f7f6f6; width:100%; padding:4px 10px; height:30px; text-transform:uppercase; font-size:13px; }
table.ff_sr_nav td select { color:#666; }
table.ff_sr_nav td { padding:0px 10px; }
table.ff_sr_nav td a { cursor:pointer; color:#01a0a0 !important; }
table.ff_sr_nav td span { color:#01a0a0; }
table.ff_sr_nav td.page a { cursor:pointer; color:#01a0a0 !important; }


/* FF Results */
.result { padding-bottom:10px; margin-top:10px; border-bottom:1px dotted #d0d0d0; }
.result img { float:left; }
.result a img { border:1px solid #eee; }
.result h2,
.result p { width:468px; float:right; font-style:italic; font-size:13px; line-height:19px; }
.result h2, .result h3 { margin:4px 0px; padding:0px; font-weight:normal; font-size:13px; font-style:normal; text-transform:uppercase; }
.result h2 span, .result h3 span { color:#909090; font-size:16px; font-style:normal; }
.result h2 a.fragrance, .result h3 a.fragrance { font-weight:bold; color:#01a0a0 !important; text-transform:none; font-size:15px; }
.result p.notes { padding-bottom:10px; font-style:normal; font-size:13px; color:#666; }
.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/realbeauty/site_images/ff/ff_bg_recos.png) repeat-y center; font-size:13px; }
#recommendations div.clear {  }
html* #recommendations div.clear { background-position: -622px 1px; }
.recommendation { width:177px; display:inline; float:left; padding:10px; margin-left:14px; }
html* .recommendation { margin-top:-1px; }
.recommendation h2 { margin:0px; padding:0px; font-size:15px; font-weight:normal; }
.recommendation h2 a { color:#01a0a0 !important; font-style:normal; }
.recommendation h2 a:hover { text-decoration:none; }
.recommendation p.house { padding:3px 0; font-style:italic; color:#000; }
.recommendation p.rating { color:#656565; float:left; width:90px; font-style:italic; color:#000; }
html* .recommendation ul { width:80px; }
.recommendation ul.rating li.on, 
#reviews ul.rating li.on { background: url(/cm/realbeauty/site_images/ff/ff_icons_detail.png) 0 0px no-repeat; margin-top:2px; }
.recommendation ul.rating li.off, 
#reviews ul.rating li.off { background: url(/cm/realbeauty/site_images/ff/ff_icons_detail.png) 0 -15px no-repeat; margin-top:2px; }
/*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 21px; }
.recommendation a img { border:1px solid #eee; padding:7px; background:#F7F6F6; }
.recommendation p.bite { width:125px; float:left; font-style:italic; }
.recommendation a.go { width:36px; height:22px; background:url(/cm/realbeauty/site_images/ff/ff_btn_go.png); display:block; float:right; margin-top:3px; }
.recommendation a.go:hover { width:36px; height:22px; background:url(/cm/realbeauty/site_images/ff/ff_btn_go.png) 0 -26px; display:block; float:right; margin-top:3px; }

/* MEET MICHAEL EDWARDS */
#ff_meetme { padding:15px; border-bottom:1px dotted #d0d0d0; }
#ff_meetme img { float:left; margin-right:15px; border:1px solid #eee; padding:7px; background:#F7F6F6; }
#ff_meetme a { color:#41b8b8; }
#ff_meetme h5 a { color:#000; }
#ff_meetme h5 a:hover { text-decoration:none; color:#000 !important; }
#ff_meetme h5 { margin:0px; padding:0px; font-size:18px; font-weight:normal; }
#ff_meetme h5 strong { color:#ff3366; font-weight:normal; }
#ff_meetme p { margin:10px 0 0 0; font-style:italic; }
#ff_meetme ul { margin:25px 0 0 0; }
#ff_meetme ul li { display:inline; font-size:12px; padding:0 12px 0 10px; border-right:1px dotted #000; text-transform:uppercase; }
#ff_meetme ul li.last { border:none; }

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

#ff_right_rail { }

#fragrance_101 { width:322px; font-family:Georgia, "Times New Roman", Times, serif; background:url(/cm/realbeauty/site_images/ff/ff_hdr_tout.png) no-repeat; padding-top:25px; margin-left:10px; }
#fragrance_101 ul.family {}
#fragrance_101 ul.family li { float:left; margin }
#fragrance_101 ul.family li a { width:40px; height:40px; display:block; background:url(/cm/realbeauty/site_images/ff/ff_icons_category_side.png); }
#fragrance_101 ul.family li a.floral_oriental { background-position: 0 0px; }
#fragrance_101 ul.family li a.soft_oriental { background-position: 0 -43px; }
#fragrance_101 ul.family li a.oriental { background-position: 0 -86px; }
#fragrance_101 ul.family li a.woody_oriental { background-position: 0px -129px; }
#fragrance_101 ul.family li a.woods { background-position: 0 -172px; }
#fragrance_101 ul.family li a.mossy_woods { background-position: 0 -215px; }
#fragrance_101 ul.family li a.dry_woods { background-position: 0 -258px; }
#fragrance_101 ul.family li a.citrus { background-position: 0 -301px; }
#fragrance_101 ul.attributes { margin:10px 0; }
#fragrance_101 ul.attributes li { float:left; border-right:1px dotted #c0c0c0; padding:0 10px; }
#fragrance_101 ul.attributes li a { text-transform:uppercase; }
#fragrance_101 ul.attributes li.brace { border:none; padding:0px; color:#ccc; font-weight:bold; }
#fragrance_101 ul.attributes li.last { border:none; }
#fragrance_101 p { margin-top:10px; font-style:italic; font-size:15px; line-height:22px; }
#fragrance_101 a.action { width:101px; height:20px; display:block; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -118px; float:right; }
#fragrance_101 a.action_on { width:101px; height:20px; display:block; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -245px; float:right; }
#fragrance_101 .clear.hr { border-bottom:1px dotted #d0d0d0; padding-top:6px; }

#quiz_tout { width:322px; font-family:Georgia, "Times New Roman", Times, serif; background:url(/cm/realbeauty/site_images/ff/ff_hdr_tout.png) -323px 0px no-repeat; padding-top:30px; margin-top:40px; margin-left:10px; }
#quiz_tout h4 { background:url(/cm/realbeauty/site_images/ff/ff_bg_quiz_tout.jpg) no-repeat; height:125px; padding:25px 0 0 130px; margin:0px; font-weight:normal; font-style:italic;  font-size:15px; line-height:22px; }
#quiz_tout h6 { margin:-20px 0 10px 0; padding:0px; font-size:18px; color:#ff3366; font-weight:normal; }
#quiz_tout ul { }
#quiz_tout ul li { }
#quiz_tout ul li input { float:left; }
#quiz_tout ul li label { float:left; width:290px; margin:0 0 10px 2px; font-size:13px; line-height:19px; }
#quiz_tout button { float:right; background:url(/cm/realbeauty/site_images/ff/ff_btns_landing.png) 0 -141px; width:36px; height:22px; border:none; cursor:pointer; }
#quiz_tout button span { display:none; }
#quiz_tout button.on { background-position:0 -268px; }

#related_articles { background:url(/cm/realbeauty/site_images/ff/ff_hdr_tout.png) -646px 0 no-repeat; padding-top:30px; margin-top:40px; margin-left:10px; font-family:Georgia, "Times New Roman", Times, serif; }
#related_articles ul { margin:0 0 0 20px; padding:0px; color:#999; }
#related_articles ul li { font-size:13px; list-style-type:disc; margin-bottom:5px; font-size:15px; }

#our_collections { background:url(/cm/realbeauty/site_images/ff/ff_hdr_tout.png) -970px 0 no-repeat; padding-top:30px; margin-top:40px; margin-left:10px; font-family:Georgia, "Times New Roman", Times, serif; }
#our_collections ul { margin:0 0 0 20px; padding:0px; color:#999; }
#our_collections ul li { font-size:13px; list-style-type:disc; margin-bottom:5px; font-size:15px; }

#ff_virals { float:right; }
#ff_virals a { color:#01a0a0; }