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

body { background-color:#7B998D; margin:0; padding:0; }
body, div, p, span, ul, li, td, th, h1, h2, h3, h4 { font-family:Verdana, Arial, sans-serif; color:#7b998d; font-size:10px; }
h1, h2, h3, h4 { font-weight:bold; }
img { border:0; }
a, input { outline:none; }
table { margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; width:auto; height:auto; }
*.clear_float { clear:both; }
*.clear_float.left { clear:left; }
*.clear_float.right { clear:right; }
br.clear_float, br.nospace {  line-height:0px; margin:0; padding:0; }


form { padding:0px; margin:0px; }
input { padding:0px; margin:0px; font-family:Verdana, Arial, sans-serif; font-size:9px; color:#333333; font-weight:normal; }
input.image { border:0px; }

ul.horizontal_menu { margin:0; padding:0; white-space:nowrap; list-style:none; }
ul.horizontal_menu li { float:left; padding:0; margin:0; vertical-align:middle; white-space:nowrap; }
ul.float_li_right li { float:right; }

#ModuleWrapper_qf { position:relative; background-color:#ffffff; margin:0 auto; padding:0; width:695px; height:auto; text-align:left; }
#globalnav_container { position:relative; width:695px; height:111px; background-color:#ffffff; overflow:visible; }
/*#main_content_container { position:relative; width:625px; height:auto; margin:0 auto; padding:5px 0 0; }*/

/* New global nav styles */
a span {  cursor:pointer; }
#globalnav_container a.gnav_rollover { position:relative; display:block; font-size:10px; color:#7b998d; text-align:center; vertical-align:middle; }
#globalnav_container a.gnav_rollover span { position:absolute; left:0; top:0; background-image:url(/images/nav/global_nav_rollovers.gif); background-repeat:no-repeat; }

#globalnav_toptier { width:695px; height:57px; background-color:#7b998d; }
#globalnav_toptier #gnav_logo_div { width:147px; margin:0 274px; }
#globalnav_toptier #offer_container{ float:left; width:204px; height:24px; margin-top:33px; }
#globalnav_toptier #offer_container a#gnav_exclusives_atag, #globalnav_toptier #offer_container a#gnav_exclusives_atag span { width:204px; height:24px; }
#globalnav_toptier #offer_container a#gnav_exclusives_atag span.offstate { background-position:0 -210px; }
#globalnav_toptier #offer_container a#gnav_exclusives_atag span.overstate { background-position:0 -258px; }

#globalnav_toptier #utilnav_container{ float:right; width:274px; height:23px; margin-top:34px; }
#globalnav_toptier #utilnav_container ul{ width:274px; height:23px; }
#globalnav_toptier #utilnav_container ul li{ height:23px; line-height:22px; }
#globalnav_toptier #utilnav_container ul li.padded{ padding-right:5px; }
a.navcartitems, a.navcartitems:link, a.navcartitems:visited, a.navcartitems:hover { color:#ffffff; white-space:nowrap; text-decoration:none; }
a.navcartitems:hover { color:#DFDFDF; text-decoration:underline; }

#globalnav_middletier { width:675px; height:24px; margin:0 auto; background-color:#ffffff; border-bottom:1px solid #bacdc4; }
#globalnav_middletier ul{ width:588px; height:24px; margin:0 auto; }
#globalnav_middletier ul li, #globalnav_middletier ul li a, #globalnav_middletier ul li a span { height:24px; line-height:24px; }


a#gnav_home, a#gnav_home span { width:58px;}
a#gnav_home span.offstate { background-position:0 0; }
a#gnav_home span.overstate { background-position:0 -24px; }
a#gnav_home span.onstate { background-position:0 -48px; }

a#gnav_miracle, a#gnav_miracle span { width:92px;}
a#gnav_miracle span.offstate { background-position:-58px 0; }
a#gnav_miracle span.overstate { background-position:-58px -24px; }
a#gnav_miracle span.onstate { background-position:-58px -48px; }

a#gnav_about, a#gnav_about span { width:98px;}
a#gnav_about span.offstate { background-position:-150px 0; }
a#gnav_about span.overstate { background-position:-150px -24px; }
a#gnav_about span.onstate { background-position:-150px -48px; }

a#gnav_stores, a#gnav_stores span { width:86px;}
a#gnav_stores span.offstate { background-position:-248px 0; }
a#gnav_stores span.overstate { background-position:-248px -24px; }
a#gnav_stores span.onstate { background-position:-248px -48px; }

a#gnav_ask, a#gnav_ask span { width:88px;}
a#gnav_ask span.offstate { background-position:-334px 0; }
a#gnav_ask span.overstate { background-position:-334px -24px; }
a#gnav_ask span.onstate{ background-position:-334px -48px; }



#gnav_search_div { width:146px; height:15px; margin:4px 0 0 0; }
#gnav_search_div table { width:146px; table-layout:fixed; }
#gnav_search_div table td.field { width:99px; height:15px;}
#gnav_search_div table td.button { width:63px; height:15px;}
#gnav_search_div input.navsearch { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:99px; height:13px; }
#gnav_search_div input.navsearch_button { width:46px; height:15px; border:none; margin:0 16px 0 1px; }

#globalnav_bottomtier { width:695px; height:28px; background-color:#ffffff; }
#globalnav_bottomtier ul{ width:566px; height:28px; margin:0 auto; }
#globalnav_bottomtier ul li, #globalnav_bottomtier ul li a, #globalnav_bottomtier ul li a span { height:28px; line-height:28px; }

a#gnav_creme, a#gnav_creme span { width:81px;}
a#gnav_creme span.offstate { background-position:0 -100px; }
a#gnav_creme span.overstate { background-position:0 -128px; }
a#gnav_creme span.onstate, a#gnav_creme span.menu_onstate { background-position:0 -156px; }

a#gnav_face, a#gnav_face span { width:139px;}
a#gnav_face span.offstate { background-position:-81px -100px; }
a#gnav_face span.overstate { background-position:-81px -128px; }
a#gnav_face span.onstate, a#gnav_face span.menu_onstate { background-position:-81px -156px; }

a#gnav_body, a#gnav_body span { width:140px;}
a#gnav_body span.offstate {background-position:-220px -100px; }
a#gnav_body span.overstate {background-position:-220px -128px; }
a#gnav_body span.onstate, a#gnav_body span.menu_onstate {background-position:-220px -156px; }

a#gnav_skin, a#gnav_skin span { width:86px;}
a#gnav_skin span.offstate { background-position:-478px -100px; }
a#gnav_skin span.overstate { background-position:-478px -128px; }
a#gnav_skin span.onstate, a#gnav_skin span.menu_onstate { background-position:-478px -156px; }

a#gnav_optin, a#gnav_optin span { width:120px;}
a#gnav_optin span.offstate { background-position:-360px -100px; }
a#gnav_optin span.overstate { background-position:-360px -128px; }
a#gnav_optin span.onstate, a#gnav_optin span.menu_onstate { background-position:-360px -156px; }

#gnav_exclusives_menu { position:absolute; left:0px; top:57px; z-index:2006; width:206px; height:auto; visibility:hidden; }
#gnav_exclusives_menu_sub { width:204px; height:auto; background-color:#ffffff; border:1px solid #7b998d; border-top:none; padding:0; margin:0; }

/* category menus -- use to position and show/hide */
*.lmnavmenu { position:absolute; top:111px; visibility:hidden; background-color:#f2f5f3; border:1px solid #bacdc4; padding:0; margin:0; width:190px; height:auto;}
#gnav_thecreme_menu{ left:68px; z-index:2000; }
#gnav_thefacetreatments_menu{ left:147px; z-index:2001; }
#gnav_thebodytreatments_menu{left:286px;z-index:2002; }
#gnav_skincolor_menu{ left:427px; z-index:2003; }
#gnav_optinemail_menu{ left:469px; z-index:2004; padding:7px; width:auto;}
#gnav_optinemail_menu input.textfield {border:1px solid #7b998c; width:168px; margin-right:3px; height:15px; padding:1px;}

/* a off and on classes */
*.lmnavmenu a.lmnavmenu_link { display:block; font-size:11px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#7b998d; text-decoration:none; padding:2px 15px; margin:0px; width:160px; }
*.lmnavmenu a.lmnavmenu_link:hover { background-color:#fafbfb; color:#f2b4a3; text-decoration:none; }

#gfoot_intl_menu { position:absolute; left:0px; top:-1000px; width:99px; z-index:1999; visibility:visible; }

/***********************************************************************************************************/
/* Styles for rounded boxes */
/*rounded box - does not float on top of anything*/
*.roundedbox_bg { background:#ffffff; }
*.roundedbox_tl { background:url(/images/box_sides/rounded_box_5px.gif) top left no-repeat; }
*.roundedbox_tr { background:url(/images/box_sides/rounded_box_5px.gif) top right no-repeat; }
*.roundedbox_br { background:url(/images/box_sides/rounded_box_5px.gif) bottom right no-repeat; }
*.roundedbox_bl { background:url(/images/box_sides/rounded_box_5px.gif) bottom left no-repeat; }
*.roundedbox_trc { background:url(/images/box_sides/rounded_box_5px_tr.gif) top right no-repeat; }
*.roundedbox_blc { background:url(/images/box_sides/rounded_box_5px_bl.gif) bottom left no-repeat; }

/*288px wide gradient box with dropshadow to 297px - meant to float above other content */
*.gradBox288 {width:297px; height:auto; background-color:transparent; }
*.gradBox288 *.top { width:297px; height:10px; margin:0; padding:0; background:url(../images/box_sides/grad_shad_288_top.png) no-repeat top left; }
*.gradBox288 *.middle { width:297px; height:auto; margin:0; padding:0; background:url(../images/box_sides/right_shadow.png) repeat-y right; }
*.gradBox288 *.middle *.middle_content { position:relative; width:266px; margin:0 9px 0 0; padding:0 10px; background:#ffffff url(../images/box_sides/grad_bg.jpg) repeat-x bottom; border-left:1px solid #bacdc4; border-right:1px solid #bacdc4; color:#577e6f; }
*.gradBox288 *.bottom { width:297px; height:19px; margin:0; padding:0; background:url(../images/box_sides/grad_shad_288_bottom.png) no-repeat top left; }

*.gradBox288 div.close_button { position:relative; width:42px; height:11px; float:right; cursor:pointer;}
*.gradBox288 div.close_button span { position:absolute; left:0; top:0; width:42px; height:11px; background-position:-333px -600px; }
*.gradBox288 div.close_button span.overstate { background-position:-333px -611px; }

/*625px wide gradient box with no dropshadow - meant to float above other content with a semi transparent layer behind it */
*.gradBox625 {width:625px; height:auto; background-color:transparent; }
*.gradBox625 *.top { width:625px; height:10px; margin:0; padding:0; background:url(../images/box_sides/grad_625_top.png) no-repeat top left; }
*.gradBox625 *.middle { width:625px; height:auto; margin:0; padding:0; }
*.gradBox625 *.middle *.middle_content { position:relative; width:603px; margin:0; padding:0 10px; background:#ffffff url(../images/box_sides/grad_bg.jpg) repeat-x bottom; border-left:1px solid #bacdc4; border-right:1px solid #bacdc4; color:#577e6f; }
*.gradBox625 *.bottom { width:625px; height:10px; margin:0; padding:0; background:url(../images/box_sides/grad_625_bottom.png) no-repeat top left; }

*.gradBox625 div.close_button { position:relative; width:42px; height:11px; float:right; cursor:pointer;}
*.gradBox625 div.close_button span { position:absolute; left:0; top:0; width:42px; height:11px; background-position:-333px -600px; }
*.gradBox625 div.close_button span.overstate { background-position:-333px -611px; }


/* Styles for rounded boxes End */


/*bigswatch*/

#big_swatch {position:absolute; left:140px; top:91px; z-index:12; visibility:hidden;}*#big_swatch div.top {width:170px; height:10px; background:url(/images/box_sides/big_swatch_top.png) no-repeat bottom left;}
#big_swatch *.bottom {width:170px; height:19px; background:url(/images/box_sides/big_swatch_bottom.png) no-repeat top left;}
#big_swatch *.middle {width:170px; height:auto; margin:0; padding:0; background:url(/images/box_sides/big_swatch_right_shadow.png) repeat-y;}
#big_swatch *.middle *.middle_content { width:159px; margin:0; padding:0; background:#ffffff; border-left:1px solid #bacdc4; border-right:1px solid #bacdc4; color:#577e6f; }
#big_swatch *.middle *.middle_content *.name { width:159px; min-height:13px; margin:0; padding:0; text-align:center; color:#999999; line-height:12px; }
#big_swatch *.middle *.middle_content *.png { width:159px; height:134px; margin:0; padding:0; }


/*Styles for NEW SPP */

	
#main_content_container { position:relative; width:625px; height:auto; margin:0 auto; padding:5px 0 20px; }
#page_header_container { width:625px; height:70px; border-bottom:1px solid #BACDC4; }
#page_header_container h1 { position:relative; float:left; width:337px; height:70px; margin:0; }
#page_header_container h1 span { position:absolute; left:0; top:0; width:337px; height:70px; }
#page_header_offer { float:right; width:288px; height:54px; margin:8px 0; }
#spp_content_container { width:625px; height:auto; margin:18px 0 0; }

*.spp_graphics { background-image:url(/images/spp/common_qf/spp_graphics.gif); background-repeat:no-repeat; }
h2.content_head { position:relative; width:278px; height:20px; margin:2px 0; font-size:10px; font-weight:bold; }
h2.content_head span { position:absolute; left:0; left:0; width:278px; height:20px;  }
h2.content_head#benefits span { background-position:0 0 }
h2.content_head#application span { background-position:0 -20px }
h2.content_head#optimal_results span { background-position:0 -40px }


/*Left Column*/
#spp_content_left { position:relative; float:left; width:301px; height:auto; }
#spp_product_shot_div { width:301px; }
#spp_product_shot_div img { margin:0 auto; display:block; }
#spp_bizarre_voice_box { width:301px; height:auto; margin:18px 0 13px; }
#spp_bizarre_voice_container { width:283px; height:105px; padding:9px; }
#optimal_results_container { width:301px; height:auto; margin:3px 0 0; }
#spp_optimal_results_container div.www_item { width:95px; height:auto; float:left; padding-right:8px; }
#spp_optimal_results_container div.www_item a.box {background-image:url(/images/spp/common_qf/spp_graphics.gif); background-position:-500px -340px; width:95px; height:95px; display:block;}
#spp_optimal_results_container div.www_item a.box:hover { background-position:-500px -435px}
#spp_optimal_results_container div.www_item a.box img {padding:2px 0 0 2px;}
#spp_optimal_results_container div.www_item a { margin:3px 0; color:#577e6f; font-weight:bold; text-align:center; display:block; }
#spp_optimal_results_container div.www_item a:hover { color:#f2b4a3; text-decoration:underline; }
#spp_optimal_results_container div.www_item p { margin:2px 0; color:#577e6f;  text-align:center;}
#spp_optimal_results_container div.last { padding-right:0; }


/*Right Column*/
#spp_content_right { position:relative; float:right; width:288px; height:auto; }

#discover_rs { width:211px; height: 19px; margin-bottom: 15px; }
#discover_rs h3 { position:relative; width:211px; height: 19px; }
#discover_rs h3 span, #discover_rs h3 span.toggle_offstate { position:absolute; width:211px; height:19px; left:0; top:0; background-position:0 -641px; }
#discover_rs h3 span.toggle_onstate, #discover_rs h3 span.off_over, #discover_rs h3 span.on_over { position:absolute; width:211px; height:19px; left:0; top:0; background-position:0 -660px; }

#spp_buy_mod_container { width:288px; height:auto; margin:0 0 10px; }
#spp_buy_mod_container table.buy_mod { width:288px; margin:0; padding:0;}
#spp_buy_mod_container table.buy_mod td { padding:0 5px 2px 0; height:23px; }
#spp_buy_mod_container table.buy_mod td.error_icon { width:24px; vertical-align:top; }
#spp_buy_mod_container table.buy_mod td.error_icon div { width:24px; height:16px; background-position:-320px -500px; }
#spp_buy_mod_container table.buy_mod td.error { color:#ff2500; padding-right:0; padding-bottom:5px;}
#spp_buy_mod_container table.buy_mod td.icon { width:24px; padding-right:0; }
#spp_buy_mod_container table.buy_mod td.icon div, #spp_buy_mod_container table.buy_mod td.icon div.toggle_offstate { width:24px; height:16px; background-position:0 -500px; }
#spp_buy_mod_container table.buy_mod td.icon div.off_over, #spp_buy_mod_container table.buy_mod td.learn_more h3 span.off_over { background-position:0 -516px; }
#spp_buy_mod_container table.buy_mod td.icon div.toggle_onstate, #spp_buy_mod_container table.buy_mod td.learn_more h3 span.toggle_onstate { background-position:0 -532px; }
#spp_buy_mod_container table.buy_mod td.icon div.on_over, #spp_buy_mod_container table.buy_mod td.learn_more h3 span.on_over { background-position:0 -548px; }
#spp_buy_mod_container table.buy_mod td.size { width:112px; }
#spp_buy_mod_container table.buy_mod td.price { width:68px; }
#spp_buy_mod_container table.buy_mod td.purchase { padding-right:0; width:76px; text-align:right; }
#spp_buy_mod_container table.buy_mod td.purchase input.purchase_button { width:66px; height:23px; border:none; }
#spp_buy_mod_container table.buy_mod td.learn_more { width:288px; padding-right:0; }
#spp_buy_mod_container table.buy_mod td.learn_more h3 { position:relative; width:288px; height:16px; }
#spp_buy_mod_container table.buy_mod td.learn_more h3 span, #spp_buy_mod_container table.buy_mod td.learn_more h3 span.toggle_offstate { position:absolute; width:288px; height:16px; left:0; top:0; background-position:0 -500px; }
#spp_buy_mod_container table.buy_mod td.select {height:18px;}
#spp_buy_mod_container table.buy_mod td.select select { width:105px; height:16px; border:1px solid #bacdc4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin:0; vertical-align:middle; }
#spp_buy_mod_container table.buy_mod td.select img {padding: 0 3px 0 5px; vertical-align:middle;}
#spp_buy_mod_container table.buy_mod td.select span#sku_error {color:#ff2500; visibility:hidden; font-size:9px; vertical-align:middle;}

#spp_buy_mod_container table.buy_mod td.spp_join_copy {text-align:justify; padding-bottom:8px;}
#spp_buy_mod_container table.buy_mod td.spp_join input#spp_join_btn {padding-left:1px}
#spp_buy_mod_container table.buy_mod td.spp_join input.spp_join_field {border:1px solid #BACDC4; padding:1px; width:150px; height:14px; vertical-align:top;}

#spp_buy_mod_container div#swatches { width:288px; border-top:1px solid #ccd0cf; padding:5px 0 2px; margin-top:5px; }
#spp_buy_mod_container div#swatches h3 { position:relative; width:288px; height:16px; }
#spp_buy_mod_container div#swatches h3 span { position:absolute; width:288px; height:16px; left:0; top:0; background-position:0 -570px; }
#spp_buy_mod_container div#swatches table.swatch_container { width:92px; height:32px; float:left; padding:0; margin:3px 4px 9px 0; }
#spp_buy_mod_container div#swatches table.last { margin-right:0; }
#spp_buy_mod_container div#swatches td.swatch { width:32px; height:32px; padding:0; margin:0; background-repeat:no-repeat; cursor:pointer; }
#spp_buy_mod_container div#swatches td.swatch_name { width:58px; height:32px; font-size:10px; line-height:11px; color:#999999; background-color:#ffffff; padding:0 0 0 2px; margin:0; vertical-align:middle; cursor:pointer; }

td.creme_specific {text-align:center}

/*Top Links Box*/
#spp_links_box_top { margin:0 0 16px; }
#spp_links_box_bottom { margin:16px 0 0; }
*.spp_link_box { width:288px; height:auto; }
*.spp_link_box *.content_container { width:270px; height:auto; padding:8px; }
*.spp_link_box *.content_container ul { width:270px; margin:0; padding:0; list-style:none; }
*.spp_link_box *.content_container ul li, *.spp_link_box *.content_container ul li h3, *.spp_link_box *.content_container ul li h3 span { width:270px; height:21px; margin:0; padding:0; }
*.spp_link_box *.content_container ul li h3 { position:relative; }
*.spp_link_box *.content_container ul li h3 span { position:absolute; left:0; top:0; }
*.spp_link_box *.content_container ul li.bigger, *.spp_link_box *.content_container ul li.bigger h3, *.spp_link_box *.content_container ul li.bigger h3 span { height:35px; }
li.how_to_apply_video span, li.how_to_apply_video span.toggle_offstate { background-position:0 -298px; }
li.how_to_apply_video span.off_over { background-position:0 -319px; }
li.how_to_apply_video span.toggle_onstate { background-position:0 -319px; }
li.how_to_apply_video span.on_over { background-position:0 -319px; }
li.email_to_a_friend span { background-position:0 -98px; }
li.email_to_a_friend span.overstate { background-position:0 -119px; }
li.consult_an_expert span, li.consult_an_expert span.toggle_offstate { background-position:-270px -98px; }
li.consult_an_expert span.off_over { background-position:-270px -119px; }
li.consult_an_expert span.toggle_onstate { background-position:-270px -140px; }
li.consult_an_expert span.on_over { background-position:-270px -161px; }
li.consult_an_expert_inactive span { background-position:-270px -298px; }
li.via_email span { background-position:0 -200px; }
li.via_phone span { background-position:-270px -200px; }

#spp_content_right div.product_copy { width:278px; height:auto; margin:13px 10px 0 0; }
#spp_content_right div.no_margin_top { margin-top:0; }
#spp_content_right p { margin: 4px 0; padding:0; }
#spp_content_right div.product_copy p { color:#444444;}

#spp_content_right div.show_hide_trigger { width:88px; height:17px; margin:13px 0; }
#spp_content_right div.show_hide_trigger h3 { width:88px; height:17px; position:relative; }
#spp_content_right div.show_hide_trigger h3 span, #spp_content_right div.show_hide_trigger h3 span.toggle_offstate { width:88px; height:17px; position:absolute; left:0; top:0; background-position:0 -400px; }
#spp_content_right div.show_hide_trigger h3 span.off_over { background-position:0 -417px; }
#spp_content_right div.show_hide_trigger h3 span.toggle_onstate { background-position:0 -434px; }
#spp_content_right div.show_hide_trigger h3 span.on_over { background-position:0 -451px; }

#replenish_info_box { position:absolute; top:0; left:5px; z-index:10; }
#replenish_options_box { position:absolute; top:0; left:0; z-index:11; }
#replenish_options_box *.middle_content { min-height:120px; }

h2.replenish_head { position:relative; width:263px; height:15px; margin:0 0 5px 3px; font-size:10px; font-weight:bold; }
h2.replenish_head span { position:absolute; left:0; top:0; width:263px; height:15px; background-position:0 -600px; }
p.replenish_copy { padding:4px 3px; margin:0; }

#replenish_options_box *.json_spinner { position:absolute; left:0; top:0; width:266px; height:120px; }
#replenish_options_box *.json_spinner img { width:32px; height:32px; margin:0 auto; padding:44px 0; }

#replenish_options_box *.error_icon { width:13px; padding-top:2px; float:left; }
#replenish_options_box *.error_text { width:240px; margin:0 0 0 20px; color:#ff0000; vertical-align:top;}
/*#replenish_options_box *.error_text p.error_copy { padding:0 0 20px 0; margin:0; color:#ff0000; }*/

ul.replenishment_options_list { width:193px; margin:5px 0 5px 73px; padding:0; list-style:none; }
ul.replenishment_options_list li { margin:2px 0; padding:0; vertical-align:middle; }
ul.replenishment_options_list li label, ul.replenishment_options_list li input { vertical-align:middle; }
ul.replenishment_options_list li label { margin-left:4px; }
#replenish_options_box div.continue_button { width:67px; height:23px; float:right; }
#replenish_options_box div.continue_button input.continue_replenish, #replenish_options_box div.continue_button img.continue_error { width:67px; height:23px; border:none; cursor:pointer; }

h3.replenish_info_link { position:relative; width:266px; height:16px; margin:10px 0 0 0; padding:0; font-size:10px; font-weight:bold; }
h3.replenish_info_link span, h3.replenish_info_link span.toggle_offstate { position:absolute; width:266px; height:16px; left:0; top:0; background-position:-720px -340px; }
h3.replenish_info_link span.off_over { background-position:-720px -356px; }
h3.replenish_info_link span.toggle_onstate { background-position:-720px -372px; }
h3.replenish_info_link span.on_over { background-position:-720px -388px; }


/*bv pages styles*/
div#BVHeadContainer {margin:25px 0 30px; width:625px;}
div#BVHeadContainer div.blockBorder {border-bottom:1px solid #bacdc4; margin-bottom:10px; width:625px;}
div#BVHeadContainer img.left {float:left; padding-left:50px;}
div#BVHeadContainer div.right {float:right; width:370px;}
div#BVHeadContainer p {margin:5px 20px 0 0; padding:0;}
div#BVHeadContainer a.topPad {margin:10px 0 0 0; display:block;}

div#BVHeadContainer h1 { position:relative; width:337px; height:70px; margin:0; }
div#BVHeadContainer h1 span { position:absolute; left:0; top:0; width:337px; height:70px; }

div#BVFrameContainer {margin:0 0 30px; width:625px;}


div#BVHeadContainer, div#BVHeadContainer div, div#BVHeadContainer a, div#BVHeadContainer p, div#BVHeadContainer span, 
div#BVFrameContainer, div#BVFrameContainer div, div#BVFrameContainer a, div#BVFrameContainer p, div#BVFrameContainer span, div#BVFrameContainer label, div#BVFrameContainer input, div#BVFrameContainer textarea, div#BVFrameContainer select, div#BVFrameContainer option { color:#444444;}
div#BVFrameContainer div.BVRRRequiredSecondary, div#BVFrameContainer span.BVRRTermsAndConditions a,  div#BVFrameContainer span.BVRRTextGuidelines a, div#BVRRRatingSummaryLinkWriteID a, span#BVRRDisplayContentLinkWriteID a, div#BVRRReviewTipsListHeader ul li a, div#BVRRReviewTipsContentDiv, div#BVRRReviewTipsContentDiv a { color:#7b998d !important ; }
div#BVFrameContainer span.BVRRTermsAndConditions a:hover,  div#BVFrameContainer span.BVRRTextGuidelines a:hover, div#BVRRRatingSummaryLinkWriteID a:hover, span#BVRRDisplayContentLinkWriteID a:hover, div#BVRRReviewTipsListHeader ul li a:hover, div#BVRRReviewTipsContentDiv a:hover { color:#f2b4a3 !important ; }

/*BVRRRatingSummaryLinkWriteID*/


/*end bv*/


/*Video Player and overlay*/
/*
#video_container { position:fixed; width:auto; height:auto; left:0; right:0; top:0; bottom:0; z-index:2020; }
*.fullscreen_overlay { position:fixed; width:auto; height:auto; left:0; right:0; top:0; bottom:0; z-index:1; }
#video_player_container { position:absolute; width:auto; height:auto; left:0; right:0; top:15px; z-index:2; }
#video_player_box { width:625px; margin:0 auto; }
#video_player_box #how_to_video_container { width:570px; height:372px; margin:0 auto; padding:27px 0 0; clear:right; }
*/

/* Overlays */

*.fullscreen_overlay { position: absolute; width: auto; height: auto; left:0; right:0; top:0; bottom:0; z-index:1; }

/*RS Sitelet Flash Overlay*/
#flash_overlay_rs_container { position:fixed; width:auto; height:auto; left:0; right:0; top:0; bottom:0; z-index:2020; }
#flash_overlay_rs_tint { background-color: #000000; }
#flash_overlay_rs_site_container { position: relative; width:695px; height:505px; margin:57px auto 0;  z-index:2; }
#flash_overlay_rs_content { width:695px; height:505px; }

/*Oceana Sitelet Flash Overlay*/
#flash_overlay_oc_container { position: fixed; width: auto; height: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 2020; }
#flash_overlay_oc_tint { background-color: #0b102b; }
#flash_overlay_oc_site_container { position: relative; width: 960px; height: auto; margin: 35px auto 0;  z-index:2; }
#flash_overlay_oc_top_bar { width: 960px; margin: 2px 0; overflow: auto; }
#flash_overlay_oc_audio { width: 100px; height: 20px; float:right; }
#flash_overlay_oc_close { width: 53px; height: 20px; margin-left: 17px; float:right }
#flash_overlay_oc_close #oceana_close_button { cursor: pointer; }
#flash_overlay_oc_content { width: 960px; height: 500px; }
#flash_overlay_oc_bottom_bar { width: 960px; overflow: auto; }
#flash_overlay_oc_bottom_bar #oc_credits { width: 557px; height: 61px; float: left; }
#flash_overlay_oc_bottom_bar #oc_share { width: 114px; height: 61px;  float: left;}
#flash_overlay_oc_bottom_bar #oc_socialnetworking { width: 97px; height: 61px;  float: left;}
#flash_overlay_oc_bottom_bar #oc_socialnetworking .icons { width: 100%; height: 16px; margin-top: 22px; overflow: auto; }
#flash_overlay_oc_bottom_bar #oc_socialnetworking .icons .icon { width: 16px; height: 16px; margin-right: 6px; float: left; }
#flash_overlay_oc_bottom_bar #oc_logos { width: 192px; height: 61px;  float: left;}


/*End Styles for NEW SPP */
/***********************************************************************************************************/

/* Styles for home page flash alternate content */

#hp_container { margin:0 auto; }
#hp_container, #hp_container #hp_flash_content { width: 695px; height: 524px; }
#hp_container #hp_flash_content { outline: none; }


/* End styles for home page flash alternate content */


/* Styles from lmcontent.css */
.lmClearFloat { clear:both; height:0; font-size:1px; line-height:0px; }

/*mp*/
#lmmaincontent {position:relative; width:695px; height:356px;}
#lmmphead {position:absolute; left:25px; top:27px; width:645px; height:64px; z-index:1901;}
#lmmpcontainer {position:absolute; left:0px; top:101px; width:695px; height:245px; z-index:1902; overflow: hidden;}
#lmmparrowl {position:absolute; left:0px; top:0px; width:24px; height:245px; z-index:1904; background-color:#FFFFFF;}
#lmmparrowr {position:absolute; left:671px; top:0px; width:24px; height:245px; z-index:1904; background-color:#FFFFFF;}
#lmmpprods {position:absolute; left:24px; top:0px; height:245px; z-index:1903;}

.prodshot { border-width:1px; border-color:#7B998D; border-style:solid; }
.prodshotover { border-width:1px; border-color:#F2B4A3; border-style:solid; }


/*about la mer*/

#aboutlamer {margin:0; padding:5px 45px 0 65px; background:#ffffff; }
#aboutlamer img {display:block;}
#aboutlamer img.main {float:right;}
#aboutlamer img.head {clear:both;}
#aboutlamer p {padding: 0 0 6px 3px; margin:0;}
#aboutlamer a {text-decoration:none; color:#7b998d;}
#aboutlamer .about_button {margin-bottom:20px;}
#aboutlamer div.about_rule {width:181px; height:1px; border-bottom: 1px solid #7b998d; margin:10px 0 10px 7px;}
#aboutlamer_left {float:left; width:340px; margin-top:25px;}
#aboutlamer_right {float:right; width:181px; margin:0 0 0 56px;}
#aboutlm_live_chat {margin:0 0 10px 340px;}

/*World Oceans Day JJones Video*/
#wod_container {
	position: relative;
	width: 695px;
	height: 350px;
	background: url("/images/wod/jjones_bg.jpg") no-repeat;
}

#wod_container #wod_text {
	position: absolute;
	top: 16px;
	left: 18px;
	width: 237px;
	height: 259px;
	z-index: 2;
}

#wod_container #wod_video {
	position: absolute;
	top: 30px;
	left: 248px;
	width: 442px;
	height: 293px;
	z-index: 1;
}

#wod_container #wod_video #wod_flash_content {
	outline: none;
}

.error {color:#ff6600;}
/* End styles from lmcontent.css */

/* Styles from lmmain.css */

body.popup { margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; font-size:10px; color:#7B998D; font-family:Verdana, Sans; background-color:#ffffff; }

sup { font-size:6px; }

td { font-size:10px; color:#7b998d; font-family:Verdana, Sans; }

a { color:#7b998d; text-decoration:none; }

a:link { color:#7b998d; text-decoration:none; }

a:visited { color:#7b998d; text-decoration:none; }

a:hover { color:#f2b4a3; text-decoration:underline; }

a.color { color:#f2b4a3; text-decoration:underline; }

a.color:link { color:#f2b4a3; text-decoration:underline; }

a.color:visited { color:#f2b4a3; text-decoration:underline; }

a.color:hover { color:#f2b4a3; text-decoration:underline; }

*.img_link_white, a.img_link_white:link, a.img_link_white:visited { color:#ffffff; }

a.navcartitems { color:#ffffff; white-space:nowrap; text-decoration:none; }

a.navcartitems:link { color:#ffffff; white-space:nowrap; text-decoration:none; }

a.navcartitems:visited { color:#ffffff; white-space:nowrap; text-decoration:none; }

a.navcartitems:hover { color:#DFDFDF; white-space:nowrap; text-decoration:underline; }

.text11dgry { font-size:11px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text11mgry { font-size:11px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text11lgry { font-size:11px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text10dgry { font-size:10px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text10mgry { font-size:10px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text10lgry { font-size:10px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.lmordernumber { font-size:11px; color:#7b998d; font-family:Verdana, Sans; font-weight:bold; }

.text10green { font-size:10px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text9dgry { font-size:9px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.text9lgry { font-size:9px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }

.arial14wht { font-size:14px; color:#ffffff; font-family:Arial, Sans; font-weight:normal; }

.arial10wht { font-size:10px; color:#ffffff; font-family:Arial, Sans; font-weight:normal; }

.arial11beige { font-size:11px; color:#EBDDD4; font-family:Arial, Sans; font-weight:normal; }

.findpag { font-size:10px; color:#F8C4B9; font-family:Arial, Sans; font-weight:normal; }

a.findpag { color:#ffffff; text-decoration:none; }

a.findpag:link { color:#ffffff; text-decoration:none; }

a.findpag:visited { color:#ffffff; text-decoration:none; }

a.findpag:hover { color:#F8C4B9; text-decoration:underline; }

.green { color:#7b998d; font-size:12px; font-family:arial, helvetia, verdana, sans; }

.green2 { color:#7b998d; font-size:10px; font-family:arial, helvetia, verdana, sans; }

.green3 {  color:#7b998d; font-size:11px; font-family:arial, helvetia, verdana, sans; }

.green4 { color:#7b998d;  font-size:11px;  font-family:arial, helvetia, verdana, sans;text-decoration:none }

.gray { color:#7b998d;  font-size:11px;  font-family:arial, helvetia, verdana, sans; }

.buymodtext { font-size:10px; color:#7b998d; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; white-space:nowrap; }

.favhead { font-size:11px; color:#7b998d; font-family:Verdana, Sans; font-weight:normal; }


.copyright { font-weight:normal; font-size:9px; color:#7b998d; font-family:Verdana, Sans; }

.lmerror { font-weight:normal; font-size:10px; color:#E68468; font-family:Verdana, Sans; }

.tos { font-weight:normal; font-size:9px; color:#7b998d; font-family:Verdana, Sans; }

.tos_shaded { font-weight:normal; font-size:9px; color:#f2b3a4; font-family:Verdana, Sans; }


.pag { font-size:10px; color:#F2B4A3; }

a.pag { color:#7b998d; }

a.pag:hover { color:#F2B4A3; }

.bgwhite { background-color:#ffffff; }

.bggreen { background-color:#7B998D; }

.bgdrkgreen { background-color:#627B71; }

.bglgry { background-color:#BACDC4; }

.bggry33 { background-color:#333333; }

.bggry9a { background-color:#9a9a9a; }

.bggryef { background-color:#efefef; }

.bggrycc { background-color:#cccccc; }

.bgborder { background-color:#ffffff; border-width:1px; border-color:#ffffff; border-style:solid; }

/* Form elements */

form { padding:0px; margin:0px; }

input { padding:0px; margin:0px; }

select { padding:0px; margin:0px; }

textarea { padding:0px; margin:0px; }

input.textfield { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:170px; height:17px; }

input.passhint { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:437px; height:17px; }

input.zip { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:63px; height:17px; }

input.navsearch { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:99px; height:15px; margin:0px; padding:0px; }

input.search { font-family:verdana; font-size:9px; color:#333333; border-width:1px; border-color:#bacdc4; border-style:solid; }

input.footemail { font-family:verdana; font-size:9px; color:#333333; border-width:1px; border-color:#bacdc4; border-style:solid; background-color:#ffffff; width:144px; height:15px; margin:0px; padding:0px; }


input.image { border:0px; }

input.qty { font-family:verdana; font-size:9px; color:#333333; text-align:center; border-width:1px; border-color:#BACDC4; border-style:solid; width:15px; height:15px; }


textarea.textfield_2 { font-family:verdana, sans; font-size:9px; color:#333333; border-width:1px; border-color:#bacdc4; border-style:solid; }

textarea.textfield { font-family:verdana; font-size:10px; color:#333333; border-width:1px; border-color:#bacdc4; border-style:solid; }

select.drop { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:170px; height:17px; }

select.dropstate { font-family:Verdana, Sans; font-size:9px; color:#333333; border-width:1px; border-color:#BACDC4; border-style:solid; width:90px; height:17px; }

.shadeBox { padding:3px; cursor:default; font-family:verdana; font-size:10px; color:#7b998d; }
/* End styles from lmmain.css */

/* Styles from lmlivechat.css */
.OperatorName, .VisitorName, .InfoType { color: #4C6C5F; font-size: 12px; font-weight: bold; font-family: arial, helvetia, verdana, sans; }
.OperatorText, .VisitorText, .InfoText { color: #7b998d; font-size: 12px; font-family: arial, helvetia, verdana, sans; }
/* End styles from lmlivechat.css */

td.cart_desc_td {width:120px;}

div#css_loading_mask { display:none; }