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

#ff a.help { width:auto; height:auto; background:none; margin:0 0 0 0; float:none; }
#ff a.help:hover { text-decoration:none; }

#ff p.body { margin:0px; font-size:13px; }
#ff h3.reco_hdr { font-size:20px; font-weight:normal; margin:25px 0 10px 0; padding:0px; }
#ff h3.reco_hdr span { color:#e0272f; }
#ff p.tell_me_more { text-align:right; padding:10px 0 15px 0; background:url(/cm/marieclaire/assets/images/borders/rule_h.png) bottom repeat-x; }
#ff p.tell_me_more a.help { width:10px; padding-right:7px; background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -44px no-repeat; margin-left:2px; }
#ff p.tell_me_more a.help:hover { text-decoration:none; }

/* FF TOOLS OVERLAYS */
#ff_messages { position:relative; z-index:888; }
#ff_messages button { float:right; width:10px; height:10px; background:url(/cm/marieclaire/assets/images/ff/ff_btn_close.gif) no-repeat; display:inline; margin:5px; }

#ff_messages #ff_sign_in { display:none; position:absolute; border:1px solid #d5d5ea; top:35px; left:238px; width:356px; height:156px; background:#fff4d5; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; } 
html* #ff_messages #ff_sign_in { top:-2px; }
#ff_messages #ff_sign_in h6 { font-size:18px; margin:10px 0 0 10px; float:left; width:300px; display:inline; }
#ff_messages #ff_sign_in span { font-size: 10px; color:#E0272F; }
#ff_messages #ff_sign_in label { float:left; width:130px; margin-left:10px; font-size:13px; color:#666; margin:6px 5px 0 0; text-align:right; }
#ff_messages #ff_sign_in input.txt { float:left; width:200px; display:inline; padding:2px; border-top:2px solid #f2f2f2; border-left:2px solid #f2f2f2; margin:4px 0 2px 0; }
#ff_messages #ff_sign_in p { float:left; margin:25px 0 0 10px; display:inline; font-size:11px; line-height:135%;  }
#ff_messages #ff_sign_in form button { float:right; width:91px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btn_signin.gif) no-repeat; display:inline; margin:10px 14px 0 0; }

#ff_messages #ff_message { display:none; position:absolute; border:1px solid #d5d5ea; top:-34px; left:204px; width:356px; height:64px; background:#fff4d5; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; } 
* html #ff_messages #ff_message { top:-71px; }
#ff_messages #ff_message p { margin:15px 10px 0 10px; line-height:135%; }
#ff_messages #ff_message p a { font-size:11px; }

#ff p.discontinued { font-size:16px; font-weight:bold; }

/* FF DETAIL CONTENT */
#ff_detail {  }
#ff_detail img { float:left; border:1px solid #d2d2e8; }

#ff_fragrance_info { width:235px; float:right; background:#f1f1f8; border:1px solid #d2d2e8; padding:15px 0 10px 0; overflow:hidden; }
#ff_fragrance_info h2 { margin:0 0 0 10px; padding:0px; font-size:16px; font-weight:normal; width:135px; float:left; display:inline;  }
#ff_fragrance_info ul.rating, 
.recommendation ul.rating,
#reviews ul.rating { float:right; margin:4px 10px 0 0; }
#ff_fragrance_info ul.rating li, 
.recommendation ul.rating li,
#reviews ul.rating li { width:11px; height:13px; display:block; float:left; margin-left:4px; }
#ff_fragrance_info ul.rating li.on { background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -16px no-repeat; }
#ff_fragrance_info ul.rating li.off { background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -31px no-repeat; }
#ff_fragrance_info p.desc { font-size:13px; margin:4px 10px; }

#ff_fragrance_info ul.attributes { margin:15px 10px 0; }
#ff_fragrance_info ul.attributes li { padding:6px 0 6px 40px; border-top:1px solid #d2d2e8; font-style:italic;  }
#ff_fragrance_info ul.attributes li a { font-style:normal; }
#ff_fragrance_info ul.attributes li a:hover { text-decoration:none; }
#ff_fragrance_info ul.attributes li.category { background:url(/cm/marieclaire/assets/images/ff/ff_icons_category.png) no-repeat; }
#ff_fragrance_info ul.attributes li.category.Fruity{ background-position:5px 0px; }
#ff_fragrance_info ul.attributes li.category.Floral { background-position:5px -34px; }
#ff_fragrance_info ul.attributes li.category.Floral.Oriental { background-position:5px -70px; }
#ff_fragrance_info ul.attributes li.category.Dry.Woods { background-position:5px -103px; }
#ff_fragrance_info ul.attributes li.category.Citrus { background-position:5px -136px; }
#ff_fragrance_info ul.attributes li.category.Aromatic { background-position:5px -170px; }
#ff_fragrance_info ul.attributes li.category.Woody.Oriental{ background-position:5px -205px; }
#ff_fragrance_info ul.attributes li.category.Water { background-position:5px -236px; }
#ff_fragrance_info ul.attributes li.category.Soft.Oriental{ background-position:5px -268px; }
#ff_fragrance_info ul.attributes li.category.Soft.Floral { background-position:5px -299px; }
#ff_fragrance_info ul.attributes li.category.Oriental { background-position:5px -332px; }
#ff_fragrance_info ul.attributes li.category.Mossy.Woods { background-position:5px -364px; }
#ff_fragrance_info ul.attributes li.category.Green { background-position:5px -393px; }
#ff_fragrance_info ul.attributes li.intensity { background:url(/cm/marieclaire/assets/images/ff/ff_icons_intensity.png) no-repeat; }
#ff_fragrance_info ul.attributes li.intensity.Fresh { background-position:30px -60px; }
#ff_fragrance_info ul.attributes li.intensity.Crisp { background-position:20px -39px; }
#ff_fragrance_info ul.attributes li.intensity.Classical { background-position:10px -16px; }
#ff_fragrance_info ul.attributes li.intensity.Rich { background-position:0px 8px; }
#ff_fragrance_info ul.attributes li a.help { width:10px; padding-right:7px; background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -43px no-repeat; margin-left:2px; }
#ff_fragrance_info ul.attributes li a.help:hover { text-decoration:none; }

#notes { border-top:1px solid #d2d2e8; border-bottom:1px solid #d2d2e8; margin:0 10px; font-size:11px; background:url(/cm/marieclaire/assets/images/ff/ff_bg_notes.gif) 0 10px no-repeat; min-height:132px; }
* html #notes { height:132px; }
#notes ul { margin:20px 0 0 50px; }
#notes ul li { font-style:italic; margin-bottom:5px; }
#notes ul li a { font-style:normal; }
#notes ul li a:hover { text-decoration:none; }
#notes a.help { width:10px; height:10px; display:block; background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -46px no-repeat; float:left; margin-top:12px; }

#ff_fragrance_info ul.additional { margin:10px 10px 0; }
#ff_fragrance_info ul.additional li { margin-bottom:4px; }
#ff_fragrance_info ul.additional li span { font-style:italic; }

#google_buy { width:237px; float:right; background:#9e9ece; padding:10px 0 10px; overflow:hidden; margin-top:15px; }
#google_buy img { float:right; }
#google_buy a img { border:none; margin:4px 5px 0 0; }
#google_buy  p { font-size:16px; color:#fff; margin-left:5px; float:left; display:inline; }
#google_buy input.txt { margin:5px; width:120px; float:left; padding:2px; border-top:2px solid #f2f2f2; border-left:2px solid #f2f2f2;  }
#google_buy button {  width:92px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) -1px -104px; float:right; margin:4px 5px 0 0; }
#google_buy button.on {  width:92px; height:24px; background:url(/cm/marieclaire/assets/images/ff/ff_btns_landing.png) -1px -244px; float:right; margin:4px 5px 0 0; }

#google_buy_sponsored_links { text-align:center; }

h5.me_says { font-size:16px; color:#E0272F; margin:15px 0 5px; padding:0px; }

/* FF REVIEWS */
#reviews { }
#reviews #reviews_hdr { background:url(/cm/marieclaire/assets/images/borders/rule_h_single.png) bottom repeat-x; height:34px; padding-top:8px; overflow:hidden; }
#reviews #reviews_hdr h4 { width:328px; float:left; color:#e0272f; font-size:18px; font-weight:normal; margin:0px; padding:0px; }
#reviews #reviews_hdr p.rating { float:left; color:#666; padding-top:4px; }
#reviews #reviews_hdr ul.rating { float:left; margin:5px 0 0 2px; }
#reviews #reviews_hdr p.reviews { float:right; margin-top:4px; }
.review { padding:6px 0; display:none; }
.review.top_review { display:block; }
.review .review_info { float:left; width:88px; padding-top:4px; }
.review .review_info ul { float:none; margin:0px; padding:0px; }
#reviews .review .review_info ul.rating li { margin:0px; margin-right:4px; }
.review .review_info p { font-size:11px; color:#666; padding: 0 3px; }
.review .review_info p.by { padding:12px 3px 5px; }
.review .review_content { width:512px; float:right; }
.review .review_content h5 { font-size:16px; margin:5px 0 11px 0; padding:0px; }
.review .review_content p { color:#666; }

#comment_form { margin-top:15px; }
#comment_hdr { border:1px solid #d2d2e8; padding:6px 0 0 10px; width:436px; float:left; border-bottom:none; background:#fdfdfd; }
#comment_hdr h6 { font-size:13px; margin:0px; width:136px; float:left; }
#comment_hdr p.username { float:left; width:118px; color:#666; margin-top:1px; }
#comment_hdr a { font-size:11px; float:right; margin-right:20px; display:inline; }
#comment_hdr span { font-size:11px; float:right; margin-right:20px; display:inline; }

#read_all { border-bottom:1px solid #d2d2e8; width:172px; float:right; text-align:right; margin-top:6px; padding-bottom:2px; }
#read_all a { cursor:pointer; }

#form_container { border:1px solid #d2d2e8; border-top:none; margin-top:-2px; padding:10px; font-size:13px; background:#fdfdfd; }
#form_container p.rating { float:left; width:92px; margin-top:4px; }
#form_container label.review { float:left; width:92px; margin:0px; padding:0px; }
#form_container p.char_count { float:left; font-size:10px; color:#666; margin:8px 0 0 94px; display:inline; }
#form_container ul.rating { float:left; margin:6px 0 0 0; padding:0px; }
#form_container ul.rating li { cursor:pointer; }
#form_container label.subject { float:left; display:inline; margin:4px 0 0 90px; }
#form_container input.txt { width:278px; margin-bottom:6px; border-top:2px solid #e7e7e7; border-left:2px solid #e7e7e7; border-bottom:1px solid #f6f6f6; border-right:1px solid #f6f6f6; float:right; padding:3px 0; }
html* #form_container input.txt { margin-bottom:0px; }
#form_container textarea { width:500px; float:right; margin:0px; height:78px; border-top:2px solid #e7e7e7; border-left:2px solid #e7e7e7; border-bottom:1px solid #f6f6f6; border-right:1px solid #f6f6f6; font-family:Verdana, Arial, Helvetica, sans-serif; }
#form_container button { float:right; background:url(/cm/marieclaire/assets/images/ff/ff_btns_detail.png); width:91px; height:24px; margin-top:10px; }

#form_container_login { border:1px solid #d2d2e8; border-top:none; margin-top:-2px; padding:10px; font-size:13px; background:#fdfdfd; }
#form_container_login p { color:#666; font-size:11px; width:220px; float:left; margin-top:15px; }
#form_container_login table { float:right; }
html* #form_container_login table { margin-top:10px; }
#form_container_login table td { vertical-align:middle; padding:4px; }
#form_container_login table input.txt { width:180px; border-top:2px solid #e7e7e7; border-left:2px solid #e7e7e7; border-bottom:1px solid #f6f6f6; border-right:1px solid #f6f6f6; float:right; padding:3px 0; }
#form_container_login table button { float:right; background:url(/cm/marieclaire/assets/images/ff/ff_btns_detail.png); width:91px; height:24px; }

/* FF VIRALS */
#ff .viral_toolbar { text-align:left; float:left; margin:0px; width:100%; background:url(/cm/marieclaire/assets/images/borders/rule_h_single.png) top repeat-x; padding:8px 0 4px 0; margin-top:5px; }
#ff .viral_toolbar li a.save { background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -111px no-repeat; margin-left:0px; cursor: pointer; width: 185px;}
#ff .viral_toolbar li a.edit { background:url(/cm/marieclaire/assets/images/ff/ff_icons_detail.png) 0 -126px no-repeat; cursor: pointer;  width: 170px;}

/* For Bio Pages */
#bio_article { padding-top:10px; clear:both; }
#bio_article p { margin-bottom:10px; line-height:150%; font-size:13px; }