/* ############################################# */ /* # Estee Lauder # */ /* # ......................................... # */ /* # RUBIX MEDIA LLC # */ /* # P.Gold - 22 Mar 2008 # */ /* ############################################# */ @import "reset.css"; @import "dropdown.css"; /* ********************************************* */ /* COLOR PALETTE */ /* */ /* GRAY #666666 */ /* GOLD #c8a051 */ /* TAN #f8e9b3 */ /* DK BLUE #003066 */ /* LT BLUE #728e9f */ /* */ /* ********************************************* */ /* ********************************************* */ /* GLOBAL DEFINITIONS */ /* ********************************************* */ .clear { clear: both; height:0px; font-size: 0px; } .nowrap { white-space: nowrap; } html { overflow-y:scroll; } body { font-family: arial,helvetica,sans-serif; font-size: 11px; background: #0d091a; color: #ccc; min-width: 990px; width: 100%; } table { width: 100%; } th { text-align: left; } td { vertical-align: top; } a img { border: none; } a { text-decoration: none; color: #535353; } a:hover { text-decoration: underline; } .nolink:hover { text-decoration: none; } img { display: block; } dfn { font-style: normal; } hr { border: 0; padding: 1px 0 6px; background: url(/images/common/bg_dotted.gif) repeat-x left; } .clearfix:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} /* ..... border and corner styles ..... */ .bdr_t { background-repeat: repeat-x; background-position: top; } .bdr_r { background-repeat: repeat-y; background-position: right; } .bdr_b { background-repeat: repeat-x; background-position: bottom; } .bdr_l { background-repeat: repeat-y; background-position: left; } .cnr_tl { background-repeat: no-repeat; background-position: top left; } .cnr_tr { background-repeat: no-repeat; background-position: top right; } .cnr_br { background-repeat: no-repeat; background-position: bottom right; } .cnr_bl { background-repeat: no-repeat; background-position: bottom left; } /* ********************************************* */ #module_wrapper { position: relative; } #main_container { } #header { background: url(/images/common/goldbar_top_shadow.png) repeat-x center bottom; _background-image: url(/images/common/goldbar_top_navy.jpg); padding: 15px 0 5px; } #footer .copyright, #footer .footer_links, #main_content_wrapper, .masthead { margin: 0 auto; position: relative; text-align: left; width: 970px; } .masthead { z-index: 1000; } .logo { height: 56px; margin: 0 auto 15px; position: relative; width: 441px; z-index: 9999; } /* ***** UTILITY NAVIGATION ***** */ #utilitynav_wrapper { position: absolute; right: 9px; top: 16px; text-align: right; z-index: 5000; } #utilitynav {} #utilitynav .utilitynav_menu { display: block; float: right; clear: both; padding-bottom: 18px; } .utilitynav_menu .menu_item { background: url(/images/common/bg_dotted_y.gif) repeat-y right; display: inline; float: left; font-size: 11px; line-height: 12px; margin-right: 5px; padding-right: 6px; } .utilitynav_menu li.last { background: none; margin-right: 0; padding-right: 0; } #utilitynav .shoppingbag_size { font-weight: bold; text-transform: uppercase; color: #656565; } #utilitynav a { color: #ebcd92; } /* ***** SHOPPING BAG LAYER ***** */ /* .............................. */ .overlay_layer { position: absolute; z-index: 9000; } .close_btn { background: url(/images/btn/btn_close.gif) no-repeat right center; color: #666; float: right; font-size: 10px; line-height: 13px; padding-right: 18px; text-transform: uppercase; } #utilitynav a.close_btn { color: #666; } #shoppingbag_layer { /*display: none;*/ padding-top: 16px; right: 0; top: -999em; margin-top: 45px; /* this is the actual [top] value */ } #shoppingbag_layer .shoppingbag_wrapper { background: #fff url(/images/gnav/globalnav_bag_bdr_gold.jpg) repeat-x left top; width: 340px; border: 1px solid #e4e4e4; border-top: 0; text-align: left; } #shoppingbag_layer .shoppingbag_container { padding: 16px 15px; padding-bottom: 0; margin-bottom: 10px; } #shoppingbag_layer .shoppingbag_contents { padding-top: 1px; background: url(/images/common/bg_dotted.gif) repeat-x left top; margin-top: 7px; width: 100%; } #shoppingbag_layer .shoppingbag_contents th, #shoppingbag_layer .shoppingbag_contents td { background: url(/images/common/bg_dotted.gif) repeat-x left bottom; padding: 8px 0 12px 0; } #shoppingbag_layer .shoppingbag_contents .prod_item { min-width: 209px; _width: 209px; } #shoppingbag_layer .shoppingbag_contents .prod_item .prod_image a .prod_thumb img { margin-top: 2px; } #shoppingbag_layer .shoppingbag_contents .prod_item .prod_container { margin: 0; } #shoppingbag_layer .shoppingbag_contents .prod_details { padding-left: 103px; } #shoppingbag_layer .shoppingbag_contents .prod_qty { padding-left: 10px; } #shoppingbag_layer .shoppingbag_contents .shade { padding-left: 0px; } #shoppingbag_layer .shoppingbag_contents .prod_qty .filter_select_container .select_drop_pane a { padding-left: 5px; padding-right: 5px; } #shoppingbag_layer .shoppingbag_contents .prod_total { text-align: right;padding-left: 15px;} #shoppingbag_layer .shoppingbag_footer { padding: 8px 0 0; } #shoppingbag_layer .shoppingbag_footer .shoppingbag_details:after, #shoppingbag_layer .shoppingbag_footer:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #shoppingbag_layer .shoppingbag_footer .shoppingbag_details {} .shoppingbag_details .note {font-size: 9px; line-height: 11px; margin-bottom: 6px; padding-top: 0; } .shoppingbag_details .alert { /*color: #fa2e2e;*/ } #shoppingbag_layer .shoppingbag_footer .shoppingbag_subtotal { float: right; } .shoppingbag_subtotal .subtotal { display: block; font-weight: bold; margin-bottom: 5px; } .shoppingbag_subtotal .form_submit { position: relative; margin-right: -2px; } #shoppingbag_layer .rel_container { background: url(/images/common/bg_bevel_t.gif) repeat-x left top; padding: 10px 0px 0 0px; margin: 15px -15px 0 -15px; position: relative; clear: left; } #shoppingbag_layer .rel_container .prod_container { width: 100%; padding: 0; } /* overridden in global_ie6.css */ #shoppingbag_layer .rel_container .prod_details { padding-right: 100px; width: 120px; } /* overridden in global_ie.css */ #shoppingbag_layer .rel_container .prod_title .note { font-size: 11px; margin-bottom: 1em; } #shoppingbag_layer .rel_container .prod_options .shade .note { display: inline; padding-right: 3px; color: #666; } #shoppingbag_layer .rel_container .prod_options .action_btn { /* overridden in global_ie.css */ position: relative; float: right; width: 90px; height: 22px; margin-top: -40px; margin-right: -103px; margin-bottom: -3px; } /* ***** GLOBAL NAVIGATION ***** */ #globalnav_wrapper { padding: 3px 0 0px 0; /* removed 1px bottom padding (hairline) */ } #globalnav { border-color: #5d607a; border-style: solid; border-width: 1px 0 0; position: relative; z-index: 1000; } #globalnav:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #globalnav li.section_item { display: inline; position: relative; float: left; margin: 0 15px 0 0; /* overriden in global_ie6.css */ } #globalnav li.section_item .menu_item { color: #666; display: block; float: left; /* IE */ margin: -3px 0 0 0; padding: 13px 11px 0px; position: relative; text-transform: uppercase; z-index: 11000; } #globalnav.progress_nav li.section_item .menu_item { padding-bottom: 10px; } #globalnav.progress_nav li.over .menu_item, #globalnav.progress_nav li.section_item:hover .menu_item, #globalnav.progress_nav li.section_item .menu_item:hover { background: none; border: 0; color: inherit; cursor: text; padding-right: 11px; padding-left: 11px; } .progress_nav .menu_item img { background-position: left center; background-repeat: no-repeat; padding-left: 14px; } .progress_nav .progress_nav_1 .menu_item img { background-image: url(/checkout/images/gnav/nav_num_1.gif); } .progress_nav .progress_nav_2 .menu_item img { background-image: url(/checkout/images/gnav/nav_num_2.gif); } .progress_nav .progress_nav_3 .menu_item img { background-image: url(/checkout/images/gnav/nav_num_3.gif); } .progress_nav .progress_nav_4 .menu_item img { background-image: url(/checkout/images/gnav/nav_num_4.gif); } .progress_nav .progress_nav_5 .menu_item img { background-image: url(/checkout/images/gnav/nav_num_5.gif); } .progress_nav .progress_nav_6 .menu_item img { background-image: url(/checkout/images/gnav/nav_num_6.gif); } #globalnav.progress_nav li.progress_nav_1 .selected img{ background-image: url(/checkout/images/gnav/nav_num_1_on.gif); } #globalnav.progress_nav li.progress_nav_2 .selected img{ background-image: url(/checkout/images/gnav/nav_num_2_on.gif); } #globalnav.progress_nav li.progress_nav_3 .selected img{ background-image: url(/checkout/images/gnav/nav_num_3_on.gif); } #globalnav.progress_nav li.progress_nav_4 .selected img{ background-image: url(/checkout/images/gnav/nav_num_4_on.gif); } #globalnav.progress_nav li.progress_nav_5 .selected img{ background-image: url(/checkout/images/gnav/nav_num_5_on.gif); } #globalnav.progress_nav li.progress_nav_6 .selected img{ background-image: url(/checkout/images/gnav/nav_num_6_on.gif); } #globalnav.progress_nav li.selected:hover .menu_item, #globalnav.progress_nav li.selected .menu_item, #globalnav li.selected .menu_item, #globalnav li.over .menu_item, #globalnav li.section_item:hover .menu_item, #globalnav li.section_item .menu_item:hover { background: transparent url(/images/gnav/globalnav_bdr_gold.jpg) repeat-x left top; border-color: #5d607a; border-style: solid; border-width: 0 1px; color: #c8a051; margin-bottom: -1px; padding-right: 10px; padding-left: 10px; text-decoration: none; } #globalnav #globalnav_whats_new.over .menu_item, #globalnav li.section_item:first-child:hover .menu_item, #globalnav li.section_item:first-child .menu_item:hover { border-left-color: #E3E3E3; } #globalnav li.progress_nav_1:first-child:hover .menu_item, #globalnav li.progress_nav_1:first-child .menu_item:hover { border-left-color: #5D607A; } #globalnav li.over .menu_item, #globalnav li.section_item .menu_item:hover, #globalnav li.section_item:hover .menu_item, #contact_cs_layer .callout_wrapper { background-color: #FFFFFF; } #globalnav li.section_item .menu_label { display: block; float: left; height: 10px; margin: -10px -10px 0px; _margin-left: -5px; _margin-right: -5px; padding: 10px; position: relative; } #globalnav li.over .menu_label, #globalnav li.has_menu_pane:hover .menu_label { border-bottom: 1px solid #fff; margin-bottom: -1px; } #globalnav.progress_nav li.over .menu_label, #globalnav.progress_nav li.has_menu_pane:hover .menu_label { border-bottom: 0; margin-bottom: 0; } #globalnav li.section_item .menu_item .alt_txt { left: -999em; position: absolute; } #globalnav li.section_item .menu_item .globalnav_default { display: block; height: 10px; } #globalnav li.over .menu_item .globalnav_default, #globalnav li.section_item:hover .menu_item .globalnav_default, #globalnav li.section_item .menu_item:hover .globalnav_default { display: none; } #globalnav li.section_item .menu_item .globalnav_over { cursor: pointer; display: none; height: 10px; } #globalnav li.over .menu_item .globalnav_over, #globalnav li.section_item:hover .menu_item .globalnav_over, #globalnav li.section_item .menu_item:hover .globalnav_over { display: block; } #globalnav li#global_search { /* overrides exist in global_ie.css */ display: inline; float: right; /*overflow: hidden;*/ padding: 5px 11px 0px 0px; text-align: right; width: 177px; } #global_search form { display: inline; position: relative; z-index: 10000; } #global_search .form_label { display: none; } #global_search .form_text { background: #FFFFFF; border-color: #5d607a; color: #888888; font-family: arial; font-size: 10px; letter-spacing: 0.25px; height: 15px; padding: 3px 0 0 2px; vertical-align: top; width: 109px; float: left; } #global_search .form_submit { float: right; } #global-typeahead-search-box { background: transparent url(/images/gnav/globalnav_bdr_gold.jpg) repeat-x left top; height: 33px; position: absolute; right: 0; top: -3px; width: 199px; } .typeahead-search-wrapper { border: solid #5d607a; border-width: 0 1px; height: 29px; left: auto !important; position: relative; right: 0; top: 3px !important; } .typeahead-search-content { background: #5d607a; padding: 1px; position: absolute; right: -1px; text-align: left; top: 29px; } .typeahead-search-inner { background: #0d091a; padding: 1px 1px 7px; width: 290px; } .typeahead-heading, .typeahead-products-wrapper, .typeahead-content-wrapper, .typeahead-seeall { background: #fff; padding: 0 5px; } .typeahead-heading { padding-top: 10px; } .typeahead-heading .typeahead-close-link { color: #888; font-size: 10px; letter-spacing: 0.03em; position: absolute; right: 10px; text-transform: uppercase; top: 9px; } .typeahead-heading .typeahead-summary, .typeahead-heading .typeahead-seeall { display: none; } .typeahead-products-wrapper { padding-bottom: 15px; } .typeahead-search-content h3 { background: transparent url(/images/common/goldbar_separator.png) repeat-x center bottom; color: #c8a051; font-family: Optima,arial,helvetica,sans-serif; font-size: 13px; padding: 0 0 3px 5px; } .typeahead-search-content .browse-products { border: solid #dfdfe4; border-width: 0 1px 1px; margin: 0 1px 0 -1px; position: relative; } .typeahead-search-content .browse-products .content-thumb-row { padding: 8px 10px 0px; } .typeahead-search-content .browse-products .content-thumb-row li { background: transparent url(/images/common/bg_dotted.gif) repeat-x left bottom; overflow: hidden; padding-bottom: 11px; } .typeahead-search-content .browse-products ul.last li, .typeahead-search-content .browse-products .content-thumb-row.last li { background: none; padding-bottom: 10px; } .typeahead-search-content .thumb_wrapper dt { float: left; padding-right: 10px; width: 75px; } .typeahead-search-content .thumb_wrapper dt img { background: #ccc; } .typeahead-search-content .browse-products dd { margin-left: 85px; } .typeahead-search-content .browse-products .title a { color: #666; } .typeahead-search-content .browse-products .price { color: #666; font-size: 11px; letter-spacing: 0.025em; } .typeahead-search-content .browse-products .rating { float: none; margin: 0; width: auto; } .typeahead-search-content .browse-products .add { font-size: 10px; letter-spacing: 0.03em; line-height: 1em; padding-top: 6px; text-transform: uppercase; } .typeahead-search-content .browse-products .add a { color: #20558a; } .typeahead-seeall { font-size: 11px; letter-spacing: 0.03em; line-height: 1em; padding: 7px 8px 5px; text-align: right; text-transform: uppercase; } .typeahead-seeall a { color: #20558a; } /* ***** DROP NAV ***** */ #globalnav .menu_pane_layer { left: -999em; position: absolute; top: -999em; z-index: 3000; } #globalnav li.over .menu_pane_layer, #globalnav li.has_menu_pane:hover .menu_pane_layer { top: 30px; left: 0; position: relative; } #globalnav .menu_pane { background: #fff; padding: 1px; border-color: #e3e3e3; border-style: solid; border-width: 1px 1px 1px 1px; min-width: 13em; left: -150px; position: absolute; z-index: 3500; } #globalnav .menu_pane:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #globalnav li.first .menu_pane { left: 0; } #globalnav .menu_pane .prod_container {} #globalnav .menu_pane .prod_container li { /* border-bottom: 1px solid #e3e3e3; */ padding-bottom: 1px; } #globalnav .menu_pane .prod_container li.last { border-bottom: 0; margin-bottom: -1px; } #globalnav .menu_pane .pane_content { padding: 24px; } #globalnav .pane_content .col { float: left; width: 100px; } #globalnav .category_menu { min-width: 6.5em; } #globalnav .category_menu h3 { color: #daad5b; font-size: 13px; font-weight: normal; margin: 1.7em 0 0 0; white-space: nowrap; } #globalnav .category_menu h3 .alt_txt { position: absolute; left: -999em; } #globalnav .tout_list_category_menu li, #globalnav .standard_list_2 li, #globalnav .category_menu li { font-size: 11px; line-height: 1.2em; margin: 10px 0 0 0; background: url(/images/common/bullet.gif) no-repeat 0 0.4em; padding: 0 0 0 10px; } #globalnav .standard_list_2 li a, #globalnav .category_menu li, #globalnav .category_menu li a { color: #787878; } #globalnav .standard_list_2 li a:hover, #globalnav .category_menu li a:hover { color: #003066; } #globalnav .category_menu li em { font-style: italic; } #globalnav #globalnav_re_nutriv .category_menu .sub_set { margin-top: 10px; padding-top: 1px; background: url(/images/common/bg_dotted.gif) repeat-x left top; } /* ..... SIBLING COLUMNS ..... */ /* :: Layout Table Generated in global.js :: */ #globalnav .sibling_cols .sibling_table { border-collapse: collapse; /* required for IE6 */ width: 100%; } #globalnav .pane_content .sibling_table .col { float: none; width: auto; } #globalnav .sibling_cols .sibling_col_last .sibling_col_first .col, #globalnav .pane_content .sibling_table .col { padding-right: 24px; } #globalnav .sibling_cols .sibling_cols .category_menu, #globalnav .sibling_cols .category_menu { /*margin-right: 24px;*/ margin-top: -1.7em; position: relative; float: none; width: auto; } #globalnav .sibling_cols .sibling_col_last .category_menu { margin-right: 0px; } #globalnav .sibling_cols .sibling_col_last .col { padding-right: 0; } #globalnav .sibling_cols .sibling_col_last .sibling_cols .sibling_col_last .col { margin-right: 0; } #globalnav .sibling_cols .category_menu .category_menu { margin-top: 0; } /* ..... GLOBAL NAV PROMOS ..... */ #globalnav .menu_pane .promos_area { clear: both; margin-top: -19px; position: relative; } #globalnav .menu_pane .promos_area:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #globalnav #globalnav_whats_new .menu_pane .promos_area { margin-top: -1px; } #globalnav #globalnav_looks_tips .menu_pane .promos_area { margin-top: -1px; } .menu_pane .promos_area .promo { color: #848484; } .menu_pane .promos_area .sibling_cell { border-right: 1px solid #e3e3e3; } .menu_pane .promos_area .sibling_col_last { border-right: 0; } .menu_pane .sibling_cols .promo { float: left; min-width: 210px; width: 100%; } .menu_pane .promos_area .last { border-right: 0; } .menu_pane .promo .promo_image img { float: left; margin-right: 10px; } .menu_pane .promo .promo_detail { float: left; padding: 10px 5px 0 0; } .menu_pane .promo h3 .alt_txt { position: absolute; left: -999em; } .menu_pane .promo p { display: block; clear: left; margin: 0; padding: 2px 0 3px 0; line-height: 1.2em; } .promos_area .promo .action_set { margin: 8px 0 0; } .promos_area .promo .action_set .action_btn { margin-top: 2px; } .menu_pane .promo a, .menu_pane .promos_area .promo .action_btn { color: #003066; } .menu_pane .promos_area .tout_action_btn, .menu_pane .promos_area .promo .action_btn { text-transform: uppercase; font-size: 10px; white-space: nowrap; } /* ..... Promo with swatch image ..... */ .menu_pane .promos_area .swatch_col .promo_image { float: left; width: 60px; height: 75px; position: relative; } .menu_pane .promos_area .swatch_col .promo_image a { position: absolute; top: -8px; left: -5px; } /* :: promo boxes have non-standard width based on pane size :: */ .menu_pane .sibling_cols .promo .promo_detail { width: auto; } #globalnav_makeup .menu_pane .sibling_cols .promo .promo_detail { width: 9em; } #globalnav_makeup .menu_pane .sibling_cols .swatch_col .promo_detail{ width: 13em; } #globalnav_makeup .sibling_cell { width: 90px; } /* ..... SPECIAL OFFERS MENU ..... */ #globalnav #globalnav_special_offers .menu_label { border-bottom-width: 0; margin-bottom: 0; } #globalnav_special_offers_menu_pane * { z-index:9999; } #globalnav_special_offers_menu_pane.menu_pane { background: transparent; } #globalnav_special_offers .menu_pane { border: 0; } #globalnav #globalnav_special_offers .menu_pane .promos_area { background: transparent; border-top: 0; margin: -1px 0 0; padding: 0; } #globalnav_special_offers .promo .reflect { position: relative; margin: 0 0 -14px 0; } #globalnav_special_offers .menu_pane .promos_area .promo .promo_detail { color: #c29745; padding: 0 5px 0 0; } #globalnav_special_offers .menu_pane .category_menu strong { font-weight: bold; } #globalnav_special_offers .menu_pane .action_btn { display: block; font-size: 11px; } #globalnav_special_offers .menu_pane, #globalnav_special_offers .menu_pane .category_menu li { color: #c29745; font-size: 12px; } #globalnav_special_offers .menu_pane a, #globalnav #globalnav_special_offers .menu_pane a:hover, #globalnav_special_offers .menu_pane .category_menu a, #globalnav_special_offers .menu_pane .action_btn, #globalnav_special_offers .menu_pane .action_mark { color: #9c701c; } /* ************************* */ /* LEFTNAV */ /* ************************* */ #sidebar_left { float: left; width: 140px; padding-right: 20px; padding-bottom: 20px; position: relative; } .has_sidebar_right #sidebar_left { display: none; } #sidebar_right h4, #sidebar_left h4 { color: #666; font-size: 10px; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase; } .sidebar_nav ul { padding-bottom: 12px; } .sidebar_nav li, .sidebar_nav li a { color: #333; font-size: 9px; letter-spacing: 0.07em; text-transform: uppercase; } .sidebar_nav li .cat_hdr { display: block; padding: 2px 0 5px 0; } .sidebar_nav li .cat_hdr, .sidebar_nav li .cat_hdr a { font-size: 14px; color: #bf9034; } .sidebar_nav li li { line-height: 1.2em; margin-bottom: 0; padding: 3px 0; } .sidebar_nav li li, .sidebar_nav li li a { color: #666; } .sidebar_nav li li.selected, .sidebar_nav li li.selected a { font-weight: bold; color: #222; } .sidebar_nav li.extra { /* padding-top: 1em; border-top: 1px dotted #c8a051; */ } a.sidenav_on { font-weight: bold; color: #222; } /* ************************* */ /* GLOBAL FOOTER */ /* ************************* */ #footer { background: url(/images/common/goldbar_bottom_shadow.png) repeat-x center top; _background-image: url(/images/common/goldbar_bottom_navy.jpg); clear: both; color: #ddd; margin-top: 0px; /* removed 1px top margin (hairline) */ margin-bottom: 20px; padding-top: 5px; position: relative; width: 100%; z-index: 10; } #footer:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #footer .footer_links { border-color: #5d607a; border-style: solid; border-width: 0 0 1px; text-align: left; padding: 4px 0; } #footer .footer_links:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #footer .footer_links li { float: left; padding: 0 16px 0 10px; } #email_signup label, #footer .footer_links li { margin: 4px 0 0 0; } #email_signup label, #footer .footer_links li, #footer .footer_links a { color: #ddd; } #footer .footer_links a:hover { /*color: #20558a;*/ } #footer #email_signup { float: right; margin: 0; padding: 1px 10px 0 0; white-space: nowrap; } #email_signup form, #email_signup input { display: inline; vertical-align: top; } #email_signup input { background: #FFFFFF; border-color: #5d607a; color: #888888; font-family: arial; font-size: 10px; letter-spacing: 0.25px; margin-bottom: -1px; position: relative; padding-left: 2px; } #email_signup .form_submit { background: transparent; padding-left: 0px; } #email_signup label { float: left; margin-top: 3px; padding-right: 5px; } #signup_email_address { width: 109px; height: 15px; font-size: 9px; } #email_signup #signup_error { background-color: #fff; border: 1px solid #ccc; color: #fe2e2e; display: none; left: 157px; _left: 0px; padding: 2px 4px; position: absolute; top: -21px; z-index: 1000; } #footer .copyright { padding-top: 7px; text-align: center; color: #ddd; font-size: 11px; letter-spacing: 0.025em; line-height: 25px; clear: both; width: 970px; } #footer .copyright a, #footer .copyright span { margin-right: 17px; } #footer .copyright a { color: #ddd; } #footer .copyright a:hover { /*color: #20558a;*/ } #footer .copyright .privacy { font-size: 10px; text-transform: uppercase; } #footer #footer_country_chooser { display: inline; font-size: 11px; color: #666666; /* padding-left: 150px;*/ /* this would make opera happy :: debug this */ /* padding-right: 150px; */ padding-left: 0px; /* Ken here. I'm not sure why these other padding values were used here, but this one fixes bug https://www.esteeonline.com/bugzilla/domestic/show_bug.cgi?id=23492 */ } #footer #footer_country_chooser select { background: #fff; color: #888; border: 1px solid #999; font-size: 9px; letter-spacing: .25px; height: 17px; } /* *************************************************** */ /* ------ START ------ */ /* CSS styles for template for Esteelauder.com */ /* implementation of Generic.Form.DropDownSelect */ /* *************************************************** */ select.orig_select { display: none; visibility: hidden; } .select_dropdown { /* replaces dojoxDropDownSelect */ height:22px; margin: 0; padding: 0; border: none; } .select_dropdown:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .drop_select_button:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .drop_select_button { /* replaces dijitButtonNode */ background: #fff; border: 1px solid #E3E3E3; color: #999; cursor:pointer; margin:0; padding:0; vertical-align: baseline; width:100%; } .select_dropdownLabel { /* replaces dojoxDropDownSelectLabel */ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; background:transparent; border: none; margin-top: 2px; padding: 0 3px; overflow: hidden; } .select_right { float:right; margin: 0; padding: 0; text-align:right; width:16px; } .select_right img { border-left: 1px solid #e3e3e3; margin: 0; padding: 0; } .field_mid { float:left; text-align:left; } /* Menu */ .menutable_wrapper { /* IE 6/7: menu_container needs this outer div for overlow scrolling */ border: none; } .select_dropdownMenu { /* replaces dojoxDropDownSelectMenu & dijitMenu */ background-color: #fff; } .menutable_container { border: 1px solid #ccc; margin-bottom: -1px; max-height: 300px; /* IE6 max height set in widget */ overflow-y: auto; overflow-x: hidden; position: relative; } .dijitPopup { position: absolute; background-color: transparent; padding: 0; margin: 0; overflow: visible; text-align:left; } .select_MenuTable { background-color: #fff; width: 100%; } /* tr in menu table */ .select_MenuItem{ border: 1px solid #fff; float: none; margin: 0; padding: 0; white-space: nowrap; width: 100%; } .select_MenuTable .dijitMenuItemHover { background-color: #efefff; border: 1px solid #666; cursor: pointer; } /* td in menu table */ .select_MenuItemLabel { color: #999; font-size: 11px; overflow: hidden; padding: 3px 10px; position: relative; vertical-align: middle; white-space: nowrap; width: 100%; } .select_dropdownLabel { /* replaces dojoxDropDownSelectLabel */ font-size:11px; background:transparent; border:none; overflow: hidden; white-space: nowrap; } /* *************************************************** */ /* ------ END ------ */ /* CSS styles for template for Esteelauder.com */ /* implementation of Generic.Form.DropDownSelect */ /* *************************************************** */ .filter_controls { z-index: 1000; } .filter_controls:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .filter_controls .filter_select_container { float: left; } .filter_select_container { position: relative; white-space: nowrap; height: 20px; display: block; } .filter_select_container:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .filter_select_container form, .filter_select_container .filter_selected_win, .filter_select_container .filter_control img { display: inline; vertical-align: middle; } .filter_select_container .filter_selected_win { background: #fff; border: 1px solid #E3E3E3; color: #999; display: inline; float: left; height: 16px; padding-top: 2px; } #main_content .form_filter_select, #main_content .filter_select_container .filter_selected_win, #main_content .filter_select_container .select_drop_pane a { color: #c8a051; font-size: 9px; text-transform: uppercase; } #main_content select.form_filter_select { color: #666; } select.orig_select option.disabled { font-weight: bold; } #main_content .filter_select_container .select_drop_pane a { color: #999; } #main_content .filter_select_container .select_drop_pane a span { color: #999; } .filter_select_container .filter_selected_win .filter_selected_win_content { line-height: 1.2em; padding: 3px 4px 0 4px; } .filter_select_container .filter_control { display: block; float: left; width: 17px; } .filter_select_container .filter_control img { background: #fff; border: 1px solid #e3e3e3; border-left: 0; cursor: pointer; height: 16px; margin: 0; padding: 1px; width: 15px; } .filter_select_container .select_drop_pane { background: #fff; border: 1px solid #e3e3e3; border-top-width: 0; left: -999em; padding: 2px 0; position: absolute; text-align: left; top: 20px; _top: 16px; z-index: 100; } .is_visible .select_drop_pane { display: block; left: 0; } .filter_select_container .select_drop_pane ol { padding: 0; } .filter_select_container .select_drop_pane li {} .filter_select_container .select_drop_pane a { cursor: pointer; text-decoration: none; white-space: nowrap; display: block; padding: 2px 15px; } .filter_select_container .select_drop_pane a:hover { background-color: #efefff; } .has_ico .select_drop_pane a { padding-left: 35px; } .has_ico .form_text { padding-right: 6px; } .has_price .form_text { padding-right: 29px; } .filter_select_container .option_ico { display: block; float: left; height: 14px; margin-left: -30px; margin-right: 5px; overflow: hidden; width: 25px; } .filter_select_container .option_ico img { display: inline; vertical-align: middle; } .filter_select_container .option_price { margin-left: 10px; } #footer_country_chooser { position: relative; } #footer_country_chooser .filter_select_container { position: absolute; left: 0; top: -4px; z-index: 100; } #footer_country_chooser .filter_select_container .filter_selected_win { color: #999; font-size: 11px; /* padding-right: 10px;*/ text-transform: none; } #footer_country_chooser .filter_select_container .filter_selected_win_content { padding-top: 2px; text-align: left; } #footer_country_chooser .filter_select_container .filter_control { margin-right: 0px; } #footer_country_chooser .filter_select_container .select_drop_pane { bottom: 23px; background: #fff url(/images/gnav/globalnav_bdr_t.gif) repeat-x left top; top: auto; margin-left: 2px; padding-right: 5px; } #footer_country_chooser .filter_select_container .select_drop_pane ol { padding: 24px 0px 18px 24px; display: block; float: left; } #footer_country_chooser .filter_select_container .select_drop_pane li { background: url(/images/common/bullet.gif) no-repeat 0 0.4em; padding: 0 0px 0.25em 10px; margin-top: 0.25em; float: left; clear: left; } #footer_country_chooser .filter_select_container .select_drop_pane a { padding: 0; } #footer_country_chooser .filter_select_container .select_drop_pane a:hover { background-color: transparent; text-decoration: underline; color: #003066; } /* ***** GLOBAL FORM DEFINITIONS ***** */ .form_text { height: 15px; font-size: 10px; } .form_text, textarea { border: 1px solid #e3e3e3; padding: 3px 0 0 3px; color: #333; } textarea { overflow: auto; font-family: inherit; font-size: 11px; } .form_note { color: #999; display: block; font-size: 9px; } .form_label .form_note { color: inherit; display: inline; font-size: inherit; } dfn.form_note { line-height: 1.22em; margin-top: 10px; width: 280px; } .form_submit { cursor: pointer; } .form_btn_quick_buy, .form_btn_add_to_bag, .form_btn_add_to_bag_with_popup { height: 22px; width: 90px; } .form_btn_checkout { height: 22px; width: 86px; } .form_btn_shop_now { height: 22px; width: 84px; } .fieldset dt { clear: left; font-weight: bold; line-height: 1.3em; padding-bottom: 20px; } .fieldset dd { padding-bottom: 25px; } .fieldset:after, .fieldset dd:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .contact_form_block { margin-top: 20px; } .contact_form_block .form_sub_block { /*margin-bottom: 0;*/ } #main_content .contact_form_block h3 { font-size: 13px; margin-bottom: 20px; margin-top: 1em; } .contact_form_block .fieldset dt { padding-bottom: 0.5em; } .contact_form_block #disc_prod_text { color: #fe2e2e; display: block; font-size: 10px; line-height: 1.3em; padding: 0 0 0 20px; width: 360px; } .contact_form_block #disc_prod_text.hidden { display: none; } .contact_form_block .form_note { clear: both; margin-bottom: 4px; } .contact_form_block .form_item textarea, .contact_form_block .form_item .select_button, .contact_form_block .form_item .form_text { width: 252px; } .form_multi_input:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .form_multi_input { margin-top: -5px; position: relative; } .form_bool_input, .form_bool .form_bool_input { clear: left; float: left; margin: 5px 2px 0px 0; } .form_multi_label, .form_bool .form_multi_label, .form_bool label { display: block; line-height: 1.4em; padding: 5px 5px 5px 20px; } .form_multi_label span { display: block; } .form_multi_input .multi_set { float: left; padding-right: 10px; } /*.form_item select, */ .form_item .select_button, .form_item textarea, .form_item .form_text { border-color: #ccc; margin-bottom: 5px; width: 180px; } .form_item .select_button { width: auto; } /* allow variable-width select boxes */ .field_pair{} .field_pair:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .field_pair .form_item { float: left; } .form_item .filter_select_container { padding-bottom: 5px; } .form_item .filter_select_container .filter_selected_win, .form_item .filter_select_container .filter_control img { border-color: #ccc; } .form_item .form_label { margin: 3px 0; } .required_mark { color: #003066; padding-right: 5px; } .required_note { margin: 20px 0; font-size: 10px; } .form_btn_set:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .form_btn_set .action_btn { padding-bottom: 30px; float: left; } .form_btn_set .form_submit { display: block; margin-right: 10px; _margin-right: 5px; padding-bottom: 0; } /* ERRORS */ .error_header_text { color:#333333; font-weight: bold; font-size: 15px; padding-bottom: 7px; } .label_err, .form_item_err label, .form_errors { color: #fe2e2e; } .form_errors { margin-bottom: 20px; } .err_list li { font-weight: bold; } .field_err, .form_item .field_err, .form_item_err .form_text, .form_item_err select, .form_item_err textarea { border-color: #fe2e2e; } .form_item_select_err { border: 1px solid #fe2e2e; } .form_block {} .form_sub_block { margin-bottom: 30px; } .form_sub_block_last { margin-bottom: 0; } #main_content .form_sub_block h3 { margin-bottom: 0; } #main_content .form_sub_block .required_note { margin-top: 0.3em; } .form_select { height:20px; padding-top:0; } /* ***** CONTENT AREA ***** */ #content_wrapper { background: #fff; text-align: left; color: #333; } #main_content_wrapper { padding: 11px 0px 30px 20px; z-index: 10; } #content_wrapper.content_full #main_content_wrapper { padding-bottom: 0; } #main_content_wrapper:after, #main_content_wrapper.frame:after, #content_wrapper:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #main_content_wrapper.frame { border:1px solid; _float: left; /* IE6 */ margin: 20px 10px 25px 0; padding: 18px 8px 0 18px; } #main_content_wrapper.frame #main_content { padding-top: 0; } #content_wrapper.content_full #main_content_wrapper #main_content object, #content_wrapper.content_full #main_content_wrapper #main_content embed { display: block; } /* make flash video display flush to borders */ #main_content_controls { padding: 11px 10px 0px; margin: 0 auto -6px; min-height: 1em; text-align: left; width: 950px; } #main_content_wrapper #main_content_controls { margin: 0; padding: 0 10px 5px 0; } #contact_cs { background: url(/images/common/arr_bf9034.gif) no-repeat right center; float: right; font-size: 10px; margin-top: -1px; padding: 0 10px 0 0; position: relative; z-index: 1; } #contact_cs .btn_label { background: transparent url(/images/btn/btn_chat_live_with_a_beauty_advisor.gif) no-repeat 0 0; color: #20558A; display: block; font-size: 11px; height: 12px; text-indent: -999em; text-transform: lowercase; width: 163px; } #contact_cs.open, #contact_cs.over, #contact_cs:hover { background-image: url(/images/common/arr_dn_bf9034.gif); z-index: 800; } #contact_cs_layer { position: absolute; left: -999em; z-index: 800; } #contact_cs.open #contact_cs_layer, #contact_cs.over #contact_cs_layer, #contact_cs:hover #contact_cs_layer { left: auto; right: 0; } #contact_cs_layer .callout_wrapper { background: #fff url(/images/common/bdr_cs_layer.gif) no-repeat left top; border-top: 4px solid #fff; height: 70px; overflow: hidden; text-align: right; text-transform: none; width: 190px; } .callout { border: 1px solid #ccc; padding: 12px 10px 10px 12px; } #contact_cs_layer .callout { border: 0; color: #888; padding-top: 9px; } .callout_hdr { /* padding-bottom: 10px; */ text-align: right; font-size: 12px; letter-spacing: 0.015em; color: #666666; line-height: 16px; } .callout_content { /* background: url(/images/common/bg_dotted.gif) repeat-x left top; */ font-size: 11px; letter-spacing: 0.025em; line-height: 18px; /* padding-top: 8px; */ text-align: right; color: #999999; } .callout_content a { color: #20558a; } #contact_cs_layer .callout_content a { text-decoration: underline; } #contact_cs_phone { position: relative; margin-top: 3px; margin-bottom: -2px; } #contact_cs_phone:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #contact_cs_phone img { float: right; width: 242px; } #breadcrumb { color: #bababa; font-size: 9px; margin: 0 0 0 -3px; _margin-left: -1px; padding: 0 0 14px 0; text-transform: uppercase; } #breadcrumb a, #breadcrumb span { padding: 0 3px; } #breadcrumb a { color: #888; } #breadcrumb a:hover { color: #666; } #breadcrumb span { color: #333; } #breadcrumb a br, #breadcrumb span br { display: none; } /* remove line-breaks */ /* ..... MAIN CONTENT LAYOUT :: IF HAS SIDEBARS ..... */ #main_content { min-height: 440px; } #main_content:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #content_wrapper.content_full #main_content { float: none; width: 100%; margin: 0; padding-bottom: 0; } #content_wrapper.has_sidebar_left #main_content { float: left; width: 800px; } #content_wrapper.has_sidebar_right #main_content { float: left; width: 663px; } #content_wrapper.has_sidebars #main_content { float: left; width: 523px; } .main_content_header { padding: 0px 0px 14px 0px; } .main_content_footer { padding: 0 0 17px 0; } .main_content_header:after, .main_content_footer:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #sidebar_right { float: right; width: 195px; padding: 40px 10px 20px 0; } .has_sidebar_left #sidebar_right { display: none; } #main_content_wrapper.frame #sidebar_right { padding-top: 0; } #col_right { line-height: 1.36em; } #col_right a, #col_right .action_mark { color: #003169; } /* ..... MULTI-IMAGE ..... */ .component_multi_image {} .component_multi_image li { position: absolute; left: -999em; } .component_multi_image li.selected { position: static; left: auto; } .prod_image blockquote, .component_multi_image li blockquote { line-height: 1.27em; margin-top: -55px; padding-left: 25px; position: relative; width: 255px; } .confirm_screen { margin: 12px auto 25px 74px; width: 793px; } .confirm_screen .container_inner { height: auto; padding: 45px 60px 50px 50px; } .confirm_screen .container_inner:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .confirm_screen .shadow_table .container_inner { height: auto; } .confirm_screen #prod_area { padding-top: 15px; } .confirm_screen .prod_image blockquote { color: #666; } .confirm_screen .prod_features_wrapper { padding: 0 0 0 10px; width: 315px; } .confirm_screen .prod_features_wrapper h1 { font-weight: normal; margin-bottom: 16px; margin-left: -2px; position: relative; } #main_content .confirm_screen .prod_features_wrapper p { line-height: 1.27em; } .confirm_screen .prod_features_wrapper p a { color: #003169; text-decoration: underline; } .cert_details { margin-bottom: 20px; } .cert_details dt { font-weight: normal; margin-bottom: 3px; } .cert_details dd { font-size: 16px; line-height: 21px; } /* ***** CONTENT ***** */ #main_content h1 { font-size: 20px; color: #c8a051; font-weight: normal; text-transform: uppercase; } #main_content h2 { font-size: 20px; color: #c8a051; font-weight: normal; text-transform: uppercase; } #main_content h2.prod_title_primary { font-size: 20px; color: #c8a051; font-weight: bold; line-height: 1.3em; display: block; text-transform: none; } #main_content h4.prod_title_primary { color: #c8a051; font-weight: bold; line-height: 1.3em; display: block; text-transform: none; } h2.branded_hdr { margin-top: -4px; position: relative; } #main_content h3 { font-size: 15px; } #main_content h4 { } #main_content h5 { } #main_content h6 { } #main_content p { line-height: 1.5em; margin-bottom: 1.25em; } #main_content p.list_intro { margin-bottom: 0; } #main_content strong { font-weight: bold; } .standard_list { margin: 0 0 1.5em 10px; } .standard_list li { margin: 0.3em 0 0 0; } ol.standard_list { list-style: decimal; margin-left: 10px; padding-left: 1em; } ul.standard_list { list-style: none; } ul.standard_list li { background: url(/images/common/bullet.gif) no-repeat 0 0.4em; padding: 0 0 0 10px; } .note { color: #c8a051; display: block; font-size: 10px; line-height: 1.3em; padding: 2px 0 0 0; text-transform: uppercase; } .checkout_att_label { color: #c8a051; text-transform: uppercase; font-size: 10px; letter-spacing: .3px; } .checkout_att_value { text-transform: uppercase; font-size: 9px; letter-spacing: .3px; color: #666666; } .checkout_attributes { padding-top: 5px; } .checkout_prod_price { color: #666666; text-transform: uppercase; font-size: 11px; letter-spacing: .3px; } .checkout_prod_price_text { color: #666666; text-transform: uppercase; font-size: 10px; letter-spacing: .3px; } .alert { color: #fa2e2e; font-size: 11px; } /* ***** CONTAINERS ***** */ .container { margin: 0 0 0px 0; } .container .container_inner { /*padding: 10px;*/ } /* ..... SHADOW CONTAINER ..... */ .shadow_container { background: none; margin: -2px; padding: 0; position: relative; } .shadow_container_bg { background-color: #fff; } .shadow_container .bdr_t { background-image: url(/images/shadow/shd_bdr_t.png); } .shadow_container .bdr_r { background-image: url(/images/shadow/shd_bdr_r.png); } .shadow_container .bdr_b { background-image: url(/images/shadow/shd_bdr_b.png); } .shadow_container .bdr_l { background-image: url(/images/shadow/shd_bdr_l.png); } .shadow_container .cnr_tl { background-image: url(/images/shadow/shd_cnr_tl.png); } .shadow_container .cnr_tr { background-image: url(/images/shadow/shd_cnr_tr.png); } .shadow_container .cnr_br { background-image: url(/images/shadow/shd_cnr_br.png); } .shadow_container .cnr_bl { background-image: url(/images/shadow/shd_cnr_bl.png); } .shadow_table { width: 100%; height: 100%; border-collapse: collapse; } /* set width to fix exactly to container (especially important for IE6) */ .shadow_table .cnr_tl { height: 6px; width: 6px; } .shadow_table .cnr_br {height: 6px; width: 6px; } .shadow_table .shadow_table_inner { height: 100%; } .shadow_table .container_inner { height: 100%; position: relative; margin: -3px; } /* ***************************************************** */ /* GLOBAL PRODUCT DEFINITIONS */ /* ..................................................... */ /* + Overriden in global_ie.css */ /* ..................................................... */ .prod_container { position: relative; min-height: 92px; z-index: 1; } .prod_container:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .prod_title_primary { font-weight: bold; color:#666666; } .prod_title { margin-bottom: 1em; } .prod_title dfn {} /* See h2.prod_title_primary above. */ .prod_title .prod_title_secondary { font-weight: normal; } .prod_title a:hover span { text-decoration: underline; } .prod_title a.nolink:hover span { text-decoration: none; cursor: text; } .prod_details { float: left; padding-left: 110px; position: relative; } .prod_descr {} .prod_descr p { margin: 0 0 1em 0; } .prod_options {} .prod_options .shade { font-size: 9px; margin: 0 0 20px 0; text-transform: uppercase; } .prod_options .shade span.note_detail { color: #888888; font-size: 8px; } .prod_options .prod_price { margin: 10px 0 0 0; } .prod_options .action_btn { margin: 0px 0 0 0; text-transform: uppercase; } .prod_options .action_btn a { color: #333; /* #c8a051; */ } .prod_options .prod_action_set { margin-bottom: 1em; } .rating { float: left; margin-bottom: 9px; width: 100%; } .rating .rating_image { float: left; /*margin-bottom: 3px;*/ } .prod_gift_set .rating { margin-bottom: 0px; } .prod_gift_set .rating .review_num { padding-left: 1px; } .rating .review_num { float:left; padding-top: 2px; padding-bottom: 3px; padding-left: 5px; font: 11px arial; color: #888888; letter-spacing: .02em; } .prod_attributes { margin-bottom: 10px; clear: both; } .prod_attributes dt { color: #c8a051; font-size: 9px; font-weight: normal; margin-top: -1px; position: absolute; text-transform: uppercase; } .prod_attributes dd { color: #666666; padding-left: 62px; /* reduced from 60 to allow for longer text strings */ /*white-space: nowrap;*/ /* :: removing to resolve bug # 24078 :: */ } .prod_gift_set .prod_attributes dd { padding-left: 0; } .prod_image { height: 100%; position: absolute; top: 0; width: 92px; z-index: 11; } .prod_image a, .prod_image_span a, .prod_image .prod_thumb img { /*background: #dcd; -fpo- */ bottom: 0; display: block; height: 92px; left:0; right: 0; margin: auto; position: absolute; top: 0; width: 92px; z-index: 15; } .prod_image a .prod_thumb img, .prod_image_span a .prod_image_span img { border: 0; bottom: auto; left:auto; position: static; right: auto; top: auto; z-index: 14; } #samples_content_header h1 { margin-bottom: 20px; } .grid_samples .prod_title { font-size: 12px; font-weight: normal; line-height: 15px; } .grid_samples .prod_title .prod_title_primary { color: #666; font-size: 12px; font-weight: bold; } .grid_samples .grid_cell .prod_sample .prod_image { top: auto; width: 112px; } .grid_samples .grid_cell .prod_sample .prod_image .prod_thumb img, .grid_samples .grid_cell .prod_sample .prod_image .prod_thumb, .grid_samples .grid_cell .prod_sample .prod_image a { height: 175px; width: 110px; } .grid_samples .grid_cell .prod_sample .prod_image .prod_thumb, .grid_samples .grid_cell .prod_sample .prod_image a { bottom: -25px; position: absolute; top: auto; } .grid_samples .grid_cell .prod_sample .prod_details { height: auto; padding-left: 120px; padding-right: 20px; width: 163px; } .grid_samples .grid_cell .prod_sample .prod_options .action_btn { font-size: 9px; } .grid_samples .form_item .selected label { color: #c8a051; } .samples_prod_title_primary{ color:#666666; font-size:12px; font-weight:bold; } #main_content .promo_content h1 { font-size: 20px; font-weight: normal !important; font-weight: bold; /* IE6 */ text-transform: none; } #main_content .promo_content h1 span.substring { display: block; font-size: 16px; } /* ..... overlay swatch icon ..... */ /* :: [PG: 6 May 08] - KNOWN ISSUES: layer order sitting this above parent anchor :: */ .prod_image .swatch_ico { border: 1px solid #e6e6e6; display: block; height: 29px; left: 0; position: absolute; top: 21%; width: 29px; } .prod_image .swatch_ico img { border: 2px solid #fff; height: 25px; width: 25px; } .prod_image a .swatch_ico img { /* background: #dbb; */ } .swatch_container_scroll_message { color:#abaaaa; float:right; font-size:8px; position:relative; } /* ***** PROMO ***** */ #promos_area { clear: left; margin-left: -12px; margin-bottom: 15px; position: relative; width: 974px; /* z-index: 100; */ } #promos_area .container_inner { padding: 20px 20px 20px 20px; } #promos_area .shadow_table .container_inner {} #promos_area .scroll_area { width: 928px; } #promos_area .note { margin: 0 0 13px 0; padding: 0; } #promos_area .promo_items { margin: 0 0 0 -20px; /*overflow: hidden;*/ position: relative; width: 912px; } .promo_items .promo { display: block; float: left; padding: 0 0 0 22px; position: relative; width: 92px; } .promo_items .promo_left { display: block; float: left; padding: 0 0 0 20px; position: relative; width: 92px; } .promo_items .promo_right { display: block; float: left; padding: 0 20px 0 23px; position: relative; width: 92px; } .promo_items .promo_thumb img { display: block; height: 92px; width: 92px; } /* ..... quickbuy item ..... */ .promo_items a { color: #666; } .promo_items a:hover { color: #666; text-decoration: none; } .promo_item_quickbuy span { display: block; font-size: 10px; letter-spacing: 0.03em; line-height: 1.2em; } .promo_items .prod_title { margin-bottom: 0; } .promo_items .prod_title .prod_title_primary, .promo_items .prod_title .prod_title_secondary { font-weight: normal; } .promo_item_quickbuy .promo_thumb img { margin-bottom: 10px; -moz-opacity: 0.99; opacity: 0.99; } .promo_item_quickbuy:hover .promo_thumb img { /* overridden in global_ie.css */ -moz-opacity: 0.7; opacity: 0.7; } .promo_item_quickbuy .action_btn { display: block; left: -999em; position: absolute; top: 35px; z-index: 20; } .promo_item_quickbuy:hover .action_btn { left: 24px; } /* ..... BESTSELLERS ..... */ #promos_area.promos_bestsellers {margin-left: -20px; width: auto;} #promos_area.promos_bestsellers .scroll_area { width: 780px; } #promos_area.promos_bestsellers .scroll_x .scrollpane { width: 740px; } #promos_area.promos_bestsellers .promo_items { float: none; width: auto; margin-left: 0px; } #promos_area.promos_bestsellers .scroll_area .scroll_control { margin-top: 120px; } #promos_area.promos_bestsellers .promo_items .promo { width: 175px; padding: 0 5px; } #promos_area.promos_bestsellers .promo_items .promo_thumb { display: block; } #promos_area.promos_bestsellers .promo_items .prod_details, #promos_area.promos_bestsellers .promo_items .prod_details span { display: block; } #promos_area.promos_bestsellers .promo_items .prod_details { float: none; padding: 0 0 0 20px; position: static; } #promos_area.promos_bestsellers .promo_items .prod_title_primary { font-weight: bold; } #promos_area.promos_bestsellers .promo_items .prod_status { line-height: 1.3em; margin-top: 0; text-transform: uppercase; } #promos_area.promos_bestsellers .promo_items .note { margin-top: 11px; margin-bottom: 0; } #promos_area.promos_bestsellers .promo_items .note img { margin-top: -11px; position: relative; } #promos_area.promos_bestsellers .promo_items .prod_price, #promos_area.promos_bestsellers .promo_items .prod_buy { margin-top: 5px; } /* ****** GRID LAYOUT ***** */ #main_content .grid_layout_wrapper { /*overflow: hidden;*/ } #content_wrapper.has_sidebar_left #main_content .grid_layout_wrapper { width: 800px; } #main_content .grid_layout_wrapper:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} #content_wrapper #main_content .grid_layout { } #content_wrapper.has_sidebar_left #main_content .grid_layout { margin-left: -20px; /* FIX IE6 WRAP */ width: 820px; } #main_content .grid_layout:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .grid_cell { float: left; padding: 0 0 15px 20px; } .grid_cell .cms_wysiwyg { min-height: 230px; min-width: 382px; position: relative; } .grid_cell .shadow_table { width: auto; } .grid_cell .prod_container { min-height: 230px; } .prod_grid_tall .grid_cell .prod_container { min-height: 270px; } .prod_grid_tall .grid_cell .prod_image { margin-top: 40px; } #why_account .shadow_table .shd_row_bot .bdr_b { width: 331px; } /* ***** PAGINATION ***** */ .pagination { float: right; padding-top: 8px; } .pagination li { border-left: 1px solid; color: #666; float: left; line-height: 10px; /* overridden for IE6 */ margin: 0 0 0 3px; padding: 0 3px 0 6px; text-align: center; } .pagination li.first { border-left: 0; } .pagination li, .pagination li a { color: #666; } .pagination li span, .pagination li a { float: left; margin: -1px 0 0 0; position: relative; } .pagination li a { color: #003066; text-decoration: none; } .pagination li a:hover { color: #003066; text-decoration: underline; } .pagination li span { color: #333; font-weight: bold; } /* ***************************************************** */ /* RBX TAB CONTAINER */ /* ..................................................... */ .rbx_tab_container { background: #fff; position: relative; } .rbx_tab_container .rbx_tab { clear: left; height: 1px; left: -999em; position: absolute; top: -999em; width: 1px; } .rbx_tab_container li.selected { background:transparent url(/images/tab/tab_bg_lt_selected.png) no-repeat scroll left top; background-color: #fff; margin-bottom: -3px; } .rbx_tab_container div.selected { /* overridden in global_ie.css */ clear: left; height: auto; left: 0; position: relative; margin-top: 2px; /* Safari */ top: auto; width: auto; z-index: 8; } .rbx_tab_container .tab_control_set { position: relative; z-index: 9; margin-bottom: 2px; } .rbx_tab_container .tab_control, .rbx_tab_container .tab_control .tab_button, .rbx_tab_container .tab_control .tab_title { cursor: pointer; display: block; float: left; } .rbx_tab_container .tab_control { /* overridden in global_ie.css */ background: url(/images/tab/tab_bg_lt.png) no-repeat left top; font-size: 9px; letter-spacing: 0.07em; line-height: 1em; margin: 0 1px -4px -2px; padding: 0 0 0px 6px; position: relative; text-transform: uppercase; } .rbx_tab_container li.tab_first { background-image:url(/images/tab/tab_first_bg_lt.png); } .rbx_tab_container li.tab_first.selected { background-image:url(/images/tab/tab_first_bg_lt_selected.png); } .rbx_tab_container .tab_control a:hover { text-decoration: none; } .rbx_tab_container .tab_control .tab_button { background: url(/images/tab/tab_bg_rt.png) no-repeat right top; padding: 0 6px 0 0; } .rbx_tab_container .tab_control .tab_title { background: url(/images/tab/tab_bg_mid.png) repeat-x center top; color: #666; min-height: 11px; padding: 9px 13px 6px 13px; text-align: center; /* fixed-width tabs display: block; width: 92px; */ } .rbx_tab_container .selected .tab_button { background:transparent url(/images/tab/tab_bg_rt_selected.png) no-repeat scroll right top; } .rbx_tab_container .selected .tab_title { background: #FFFFFF url(/images/shadow/shd_bdr_t.png) repeat-x scroll top center; color:#C8A051; letter-spacing: 0.7px; } .rbx_tab_container .rbx_tab .tab_content { _height: 300px; min-height: 300px; } .rbx_tab_container .rbx_tab .tab_content .container_inner { padding: 20px; } .rbx_tab_container .tab_content .content_block, #main_content .rbx_tab_container .tab_content .content_block p { line-height: 1.33em; } .rbx_tab_container .tab_content .content_block { clear: both; color: #666666; font-size: 12px; max-height: 175px; _height: 175px; letter-spacing: 0.025em; margin-top: 10px; overflow: auto; padding-right: 20px; } .rbx_tab_container .tab_content .full_block { max-height: 380px; _height: 380px; } .rbx_tab_container .tab_content .content_block_sub { background: url(/images/common/bg_dotted.gif) repeat-x left top; /*border-top: 1px solid #ccc;*/ margin-top: -1em; padding-top: 1em; } .rbx_tab_container .tab_content .content_block hr { margin: 0 0 9px 0; } .rbx_tab_container .tab_content .content_block br { line-height: 10px; } .rbx_tab_container .tab_content .content_block_nav { /*text-align: right; margin-bottom: -2em;*/ float: right; clear: right; } .rbx_tab_container .tab_content .content_block_nav li { font-size: 10px; padding-bottom: 0.15em; text-align: right; text-transform: uppercase; } .rbx_tab_container .tab_content .content_block_nav li, .rbx_tab_container .tab_content .content_block_nav li a { color: #666; } .rbx_tab_container .tab_content p a { color: #003066; } #main_content .tab_content .action_btn, #main_content .tab_content .action_btn a { color: #20558A; text-transform: uppercase; font-size: 10px; } .tab_content .standard_list { /*font-size: 11px;*/ line-height: 15px; margin-bottom: 1.5em; } .tab_content font b, .tab_content h5 { color: #c8a051; font-size: 11px; font-weight: normal; line-height: 1.3em; text-transform: uppercase; } .tab_content h6 { font-size: 11px; font-weight: bold; } .tab_content p { margin: 0 0 1.25em 0; } .tab_content strong { font-weight: bold; } .tab_content .prod_options { margin-bottom: 1em; } .tab_content .prod_options_augmented { margin-top: -5px; margin-left: 195px; margin-bottom: 0px; } .prod_sell_info { } .prod_sell_info .prod_buy, .prod_sell_info .prod_price, .prod_sell_info .note, .prod_sell_info .prod_buy .form_submit { display: inline; vertical-align: middle; } .prod_sell_info .prod_buy .form_submit { margin-left: 12px; } .prod_sell_info .shipping_message { padding: 10px 0px 15px 0px; background: transparent url(/images/common/bg_dotted.gif) repeat-x scroll left bottom; color:#FA2E2E; } .prod_sell_info .note { font-size: 11px; text-transform: none; padding-top: 1px; } # Checkout page, mostly. See # sites/esteelauder/us/checkout/includes/shipping_message.tmpl div.shippingmsg { width: 420px; font-size: 11px; color: #fa2e2e; } div.shippingmsgedit { width: 301px; font-size: 11px; color: #fa2e2e; } div.shippingmsgreview { width: 415px; float: left; padding-top: 0px; padding-bottom: 26px; padding-right: 15px; margin-top: -5px; font-size: 11px; color: #fa2e2e; line-height: 1.4em; } div.shippingmsg p, div.shippingmsgedit p, div.shippingmsgreview p { margin-bottom: 1em; } div.shippingmsg ul, div.shippingmsgedit ul, div.shippingmsgreview ul { margin-bottom: 1em; list-style-type: disc; list-style-position: inside; } /* ..... SHADES / SWATCHES ..... */ .shade_selector { width: 336px; margin-left: -6px; } .shade_selector:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .shade_selector .shade { padding: 0 0px 5px 6px; float: left; height: 27px; position: relative; } .shade_selector .shade:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .shade_selector .selected_shade { padding-left: 7px; } .shade_selector .selected_shade, .shade_selector .selected_shade * { cursor: default; } .shade_selector .shade_duo, .shade_selector .shade_quad { padding-bottom: 5px; height: 27px; } .shade_selector .sel_shade_quads { padding-bottom: 2px; } .shade_quad { padding-right: 0; } .shade .swatch_set { float: left; position: relative; } .selected_shade .swatch_set { border: 1px solid #eddabc; padding: 1px 0; } .shade_quad .swatch_set, .shade_duo .swatch_set { border: 1px solid #fff; padding: 1px 0; } .sel_shade_quins .swatch_set { height: 25px; width: 175px; background: transparent url(/product/images/common/swatch_ico_highlight_quin.gif) no-repeat scroll 1px 0; padding-left: 4px; } .sel_shade_sexts .swatch_set { height: 25px; background: transparent url(/product/images/common/swatch_ico_highlight_sext.gif) no-repeat scroll 0px 0; padding-left: 4px; } .sel_shade_quads .swatch_set, .sel_shade_duos .swatch_set { border: 1px solid #eddabc; height: 22px; } .sel_shade_quins .swatch_set .swatch, .sel_shade_sexts .swatch_set .swatch { height: 17px; width: 33px; margin: 4px 0 0 0; padding: 0 2px 0 0; } .sel_shade_quins .swatch_set .swatch_ico, .sel_shade_sexts .swatch_set .swatch_ico { height: 17px; width: 33px; } .sel_shade_quads .swatch_set .swatch, .sel_shade_duos .swatch_set .swatch { height: 22px; } .sel_shade_quads .swatch_set .over, .sel_shade_duos .swatch_set .over { top: -2px; } .sel_shade_quins .swatch_set .first .swatch, .sel_shade_sexts .swatch_set .first .swatch { padding-right: 3px; } .sel_shade_quins .swatch_set .first .swatch, .sel_shade_sexts .swatch_set .first .swatch, .sel_shade_quins .swatch_set .first .swatch_ico, .sel_shade_sexts .swatch_set .first .swatch_ico { padding-left: 1px; width: 28px; } .sel_shade_quins .swatch_set .last .swatch, .sel_shade_sexts .swatch_set .last .swatch, .sel_shade_quins .swatch_set .last .swatch_ico, .sel_shade_sexts .swatch_set .last .swatch_ico { padding-right: 1px; width: 30px; } .sel_shade_quads .swatch_set .first .over, .sel_shade_duos .swatch_set .first .over { margin-left: -1px; } .sel_shade_quads .swatch_set .last .over, .sel_shade_duos .swatch_set .last .over { margin-right: -1px; } .sel_shade_quads .firstSelected, .sel_shade_duos .firstSelected { margin-left: 1px; } .sel_shade_quads .lastSelected, .sel_shade_duos .lastSelected { margin-right: 1px; } .shade .swatch { cursor: pointer; display: block; float: left; padding: 0 1px; height: 25px; overflow: hidden; width: 33px; } .selected_shade .swatch { height: 21px; width: 33px; } .selected_shade .first .swatch, .selected_shade .last .swatch { width: 31px; } .selected_shade .solo .swatch { border-right: 1px solid #fff; padding-right: 0; width: 29px; } .sel_shade .swatch, .shade .set_item .over, .shade .swatch:hover { background: url(/product/images/common/swatch_ico_highlight.gif) no-repeat 1px 0; height: 19px; padding: 3px 4px; position: relative; width: 27px; } .sel_shade_quins .set_item .over, .sel_shade_sexts .set_item .over { background: none !important; padding: 0 2px 0 0px; width: 33px; margin-top: 3px; height: 18px; } .selected_shade .set_item .over, .selected_shade .swatch:hover { margin: -2px 0px; } .selected_shade .first .over, .selected_shade .first .swatch:hover { margin-left: -2px; } .selected_shade .last .over, .selected_shade .last .swatch:hover { margin-right: -2px; } .selected_shade .solo .over, .selected_shade .solo .swatch:hover { margin: -2px; border-right: 0; } .shade .swatch_ico { display: block; width: 33px; height: 25px; overflow: hidden; } .sel_shade_quins .swatch_ico, .sel_shade_sexts .swatch_ico { width: 33px; height: 17px; } .sel_shade .swatch_ico { width: 27px; height: 19px; } .selected_shade .swatch_ico { width: 33px; height: 21px; } .selected_shade .first .swatch .swatch_ico, .selected_shade .last .swatch .swatch_ico { width: 31px; } .shade .set_item .over .swatch_ico, .shade .swatch:hover .swatch_ico { width: 27px; height: 19px; } .sel_shade_quins .first .over .swatch_ico, .sel_shade_sexts .first .over .swatch_ico, .sel_shade_quins .first .swatch:hover .swatch_ico, .sel_shade_sexts .first .swatch:hover .swatch_ico { width: 28px !important; } .sel_shade_quins .last .over .swatch_ico, .sel_shade_sexts .last .over .swatch_ico, .sel_shade_quins .last .swatch:hover .swatch_ico, .sel_shade_sexts .last .swatch:hover .swatch_ico { width: 30px !important; } .sel_shade_quins .set_item .over .swatch_ico, .sel_shade_sexts .set_item .over .swatch_ico, .sel_shade_quins .swatch:hover .swatch_ico, .sel_shade_sexts .swatch:hover .swatch_ico { width: 33px; height: 18px; margin: 1px 0 0 0; } .shade_quin .swatch_set { margin-right: 2px; } .shade_sext .swatch_set { margin-right: 3px; } .sel_shade_quins .swatch_set { margin-right: -2px; } .sel_shade_sexts .swatch_set { margin-right: -1px; width: 210px; } .shade .set_item .over .swatch_ico img, .shade .swatch:hover .swatch_ico img { margin: 0px; position: relative; left: -3px; top: -3px; } .sel_shade .set_item .swatch_ico img { position: relative; left: -3px; top: -3px; } .selected_shade .set_item .over .swatch_ico img, .selected_shade .swatch:hover .swatch_ico img { margin: -1px 0 0 -3px; } .selected_shade .solo .over .swatch_ico img, .selected_shade .solo .swatch:hover .swatch_ico img, .selected_shade .first .over .swatch_ico img, .selected_shade .first .swatch:hover .swatch_ico img { margin: -1px 0 0 -1px; } .shade_info { display: block; float: left; font-size: 9px; letter-spacing: -0.1px; line-height: 1em; overflow: hidden; padding: 3px 0 0 3px; text-transform: uppercase; width: 111px; } .shade_info .note, #main_content .shade_info strong, .shade_info strong { font-size: 8px; font-weight: normal; letter-spacing: 0.115em; } .shade a:hover .shade_info { text-decoration: none; } .shade a:hover .shade_info strong { text-decoration: underline; } .selected_shade .shade_info { padding-left: 6px; } .shade_duo .shade_info { width: 76px; } .shade_quad .shade_info { width: 164px; } #main_content .shade_info strong span, .shade_info strong span { color: #888; } /* **************************************************** */ /* CUSTOM SCROLL BAR AND SCROLLABLE CONTENT */ /* .................................................... */ .scrollpane { display: block; height: 450px; position: relative; } /* scrollable div area */ .scrollable { float: left; height: 100%; overflow-x: hidden; position: relative; width: 100%; } .scrollable .scrollable_inner { padding-right: 8px; } /* scroll_track_wrap to make sure that image area is clickable */ .scroll_track_wrap { float: right; width: 17px; height: 100%; border: 1px solid #eadbba; position: relative; overflow: hidden; background: #fff; } /* top image of scrollTrack */ .scroll_track_top { position: relative; background: #eadbba; padding-bottom: 1px; border-bottom: 1px solid #fff; } .scroll_track_bottom a, .scroll_track_top a { display: block; width: 15px; height: 16px; border: 1px solid #fff; background-color: #fff; } .scroll_track_top a { background: transparent url(/images/controls/ico_arr_up.gif) no-repeat top left; } /* vertical scrollTrack */ .scroll_track { position: absolute; height: 100%; background: transparent url(/images/controls/scr_track_bg.jpg) repeat-y left bottom; left: 1px; } .scroll_track_bottom { position: absolute; bottom: 18px; background: #eadbba; padding-top: 1px; border-top: 1px solid #fff; } .scroll_track_bottom a { background: transparent url(/images/controls/ico_arr_dn.gif) no-repeat bottom left; } /* vertical scrollTrack handle */ .scroll_handle { height: 41px; position: relative; /*margin-top: -8px;*/ /* overridden in base-ie6.css */ display: block; } .scroll_handle img { width: 14px; height: 41px; position: relative; /*cursor: all-scroll;*/ } .scroll_area { width: 928px; } .scroll_area:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .scroll_area .scroll_control { float: left; display: block; width: 19px; margin: 37px 0 0 0; position: relative; z-index: 200; } .scroll_area .scroll_control img { position: absolute; top: 0; z-index: 201; } .scroll_area .scroll_arr_next img { float: right; right: 0; } .scroll_x .scrollpane { height: auto; width: 890px; float: left; } /* ***************************************************** */ /* SHOPPING BAG */ /* ..................................................... */ .shoppingbag { margin-bottom: 40px; } .shoppingbag th, .shoppingbag td { border-bottom: 1px solid #dfc288; padding: 15px 15px 20px 0; } .shoppingbag td { padding-bottom: 10px; } .shoppingbag td.prod_shop { padding-right: 0; } .shoppingbag_total_row th, .shoppingbag_total_row td { border-bottom: 0; } .shoppingbag thead th, .shoppingbag thead td { /* background: #dcc786 url(/checkout/images/common/bg_grad_thead.gif) repeat-x left top; */ border-bottom: 0; color: #fff; height: auto; padding: 8px 15px 7px 0; } .shoppingbag thead { background: #e9cb8f url(/checkout/images/common/bg_grad_vert_thead.gif) no-repeat left top; } .shoppingbag thead th { padding-left: 10px; } .shoppingbag a { color: #003169; } .shoppingbag .prod_image, .shoppingbag .prod_image a { height: 92px; left: auto; position: relative; top: auto; } .shoppingbag .prod_title .prod_title_secondary { font-weight: normal; color:#666666; } .shoppingbag .prod_descr p { margin: 0; line-height: 1.25em; } .shoppingbag .prod_options { /* margin-bottom: 0px; ORIGINAL VALUE*/ margin-bottom: 0px; } .shoppingbag .prod_total .action_btn { margin-top: 10px; } /* ***** ORDER SUMMARY ***** */ .shoppingbag td .order_summary { margin-right: -15px; position: relative; } .order_summary table { /*float: right;*/ /*width: 203px;*/ width: auto; } .shoppingbag_total_row .order_summary table { float: right; } .order_summary th, .order_summary td { padding: 2px 5px; border: 0; } .shoppingbag_total_row .order_summary th, .shoppingbag_total_row .order_summary td { padding: 2px 15px; } .order_summary td { text-align: right; } .order_summary tr.total th, .order_summary tr.total td { border-color: #dfc288; border-style: solid; border-width: 0 0 1px 0; padding-bottom: 10px; } .order_summary tr.post_total_row th, .order_summary tr.post_total_row td { padding-top: 10px; } .cc_num { white-space: nowrap; } .gift_details { line-height: 1.3em; padding-bottom: 0.1em; } .gift_details span { display: block;} #main_content .prod_alert p { margin: 0; } .print_btn img { margin-bottom: 17px; display: block; } .faq {} .faq dt, .faq dd { padding-bottom: 1.5em; margin-left: 1.6em; position: relative; } .faq dt { font-weight: bold; } .faq_marker { position: absolute; left: -1.6em; } #main_content .faq p { margin-bottom: 0; margin-top: 1.25em; } .faq cite { font-weight: normal; font-style: italic; white-space: nowrap; } /* ***************************************************** */ /* DOJO OVERRIDES */ /* ..................................................... */ ol li, ul li { /*dojo.css (line 63)*/ line-height: 1.3em; } .dijitTextBox, .dijitComboBox, .dijitSpinner { /*dijit.css (line 334)*/ border:1px solid #e0e0e0; width: 130px; } .dijitTextBox input, .dijitComboBox input, .dijitSpinner input { /*dijit.css (line 354)*/ text-transform: uppercase; font-size: 10px; color: #c8a051; } .dijitButtonNode { border-color: #e0e0e0; } .dijitComboBox .dijitButtonNode { border-width: 0 0 0 1px; } /* ****** DEV ****** */ #main_content .sitemap h1 { font-size: 16px; color: #c8a051; margin: 1em 0 0.5em; } #main_content .sitemap h3 { font-size: 10px; color: #728e9f; margin-left: 9px; margin-bottom: -4px; font-weight: normal; text-transform: uppercase; } .sitemap:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;} .sitemap .standard_list { font-size: 12px; float: left; padding-right: 25px; margin-bottom: 35px; } .sitemap .standard_list li { margin-bottom: 0.75em; margin-left: 10px; } .sitemap .standard_list li li { margin-bottom: 0; } .sitemap .standard_list .alert { font-size: 10px; padding-left: 5px; font-style: italic; } #modal_mask img { border: none; } #modal_mask { display: none; position: absolute; top: 0; left: 0; width: 100%; background-image: url(/images/bg/white_popup_mask.png); } #modal_mask_line_edit img { border: none; } #modal_mask_line_edit { display: none; position: absolute; top: 0; left: 0; width: 100%; background-image: url(/images/bg/white_popup_mask.png); } .modal_mask { display: none; position: absolute; top: 0; left: 0; width: 100%; background-image: url(/images/bg/white_popup_mask.png); } /* **** POPUP LAYER **** */ iframe.popup { border: 0; z-index: 900; } #sample_detail_layer .close_btn_container { position: absolute; text-align: right; z-index: 1100; } .popup_close_btn_container { padding: 8px 10px 0 0; height: 26px; } .floating_close_btn { position: absolute; z-index: 1101; } /* **** helpful stuff **** */ .hidden { display: none; } .clickable { cursor: pointer; } .nopadding { padding:0; margin:0; border:none; } /* **** MISC **** */ address { font-style: normal; } #noflash1 { display: none; } .links_lnav { color: #666; font-size: 9px; letter-spacing: 0.07em; text-transform: uppercase; } strong .links_lnav, b .links_lnav, .links_lnav strong, .links_lnav b { color: #222; font-weight: bold; } #main_content div.mpp_title { float: left; margin: 0px; } #main_content div.mpp_title p { font-size: 15px; letter-spacing: 0.25px; line-height: 17px; color: #c8a051; margin-top: 3px; margin-bottom: 0px; } #globalnav_special_offers_menu_pane { height: 0px; } .prod_options .prod_action_set .view_details { color: #20558A; padding-top: 8px; font-size: 10px !important; } .prod_options .prod_action_set .view_details_gc { color: #20558A; padding-top: 5px; } .prod_options .prod_action_set .view_details_gc a { font-size: 10px !important; } .prod_options .prod_action_set .view_details a { color: #20558A; letter-spacing: .3px; } .prod_options .prod_action_set .view_details_gc a { color: #20558A; letter-spacing: .3px; } .prod_options .prod_action_set .action_mark { position: relative; top: -1px; color: #20558A; } .hover_div { position: absolute; z-index:1000; } #container_emailsignup { position: relative; top: -10px; } #container_emailsignup h3 { padding-bottom: 3px; } #container_emailsignup .form_bool_input { margin-top: 7px; } #container_emailsignup .form_bool label { padding-left: 22px; } .replaced_by { padding-left: 87px !important; } .replaced_by_mpp { padding-left: 75px !important; } /* ***** SITE WIDE POPOVERS ***** */ .popover { z-index: 10001; position: absolute; left: 140px; top: 163px; background-color: #FFFFFF; } #popover_container{ text-align: left; } #popover_container .bodycopy{ text-align: left; } #popover_container input{ font-size: 9px; border:1px solid #E3E3E3; color:#333333; } #popover_container li{ background: transparent url(/images/common/bullet.gif) no-repeat scroll 0 0.4em; padding-left: 10px; } .fb_share_link { background:url(/images/common/icon_fb.png) no-repeat top left !important; _background-image: url(/images/common/icon_fb.gif); display: block; float: left; height: 11px; overflow: visible; padding: 2px 0 5px 20px; } #footer .fb_share_link { display: inline; float: none; height: 16px; } .fb_over { color: #20558A !important; text-decoration: underline; } /* ***** EMAIL SIGN UP POPOVER JUST FOR THE SIGNUP IN THE UTILITY NAV***** */ #email_sign_up_popover_div { width: 236px; height: 108px; position: absolute; right: 6px; top: 29px; z-index: 10001; } #email_sign_up_popover_div_bg_container { background-image: url(/images/unav/signup_popover_bg.png); background-repeat: no-repeat; background-position: bottom; width: 236px; height: 108px; position: absolute; left: 0px; top: 0px; } #email_sign_up_popover_text_div { color: #666666; position: absolute; left: 19px; top: 65px; font-family: arial; font-size: 11px; line-height:14px; letter-spacing: 0.25px; width: 200px; } #email_sign_up_popover_textbox_div { position: absolute; right: 81px; top: 38px; z-index: 10002; } #email_sign_up_popover_textbox_div input{ width: 131px; background-color: #FFF; } #email_sign_up_popover_submit_div { position: absolute; right: 19px; top: 38px; } #email_sign_up_popover_error_div { color: rgb(254, 46, 46); position: absolute; left: 20px; top: 5px; background-color: transparent; width: 200px; } #signup_email_address_popover { font-size: 9px; font-family: arial; color: #666666; letter-spacing: 0.3px; } .divDottedNode { background:transparent url(/images/common/bg_dotted.gif) repeat-x scroll left center; height: 5px; float: left; width: 100%; } .allShadesDivDottedNode { display: none; width: 347px; position: absolute; } .shade_layover_wrapper { border: 1px solid #e0dfe0; position: absolute; left: 21px; z-index: 9999; top: -99px; text-transform: uppercase; font-size: 8px; height: 109px; background-color: #ffffff; cursor: pointer; } .shade_layover_wrapper .shade_layover_description { /* padding-bottom: 3px; */ /* opacity:.9; */ background-color:#ffffff; text-align: left; } .shade_layover_wrapper_large .sld_width_large { width: 187px; } .shade_layover_wrapper .sld_width { width: 101px; } .shade_layover_wrapper .shade_layover_description .layover_shade_name { padding-left: 3px; padding-right: 3px; color:#535353; } .shade_layover_wrapper .shade_layover_description .layover_desc { padding-left: 3px; padding-top: 1px; color: #AAAAAA; } /* Heights for shade hovers */ .no_description { height: 99px !important; } .single_line { height: 118px !important; } .double_line { height: 126px !important; } .single_line_large { height: 233px !important; } .single_line_large_w_inventory_status { height: 218px !important; } .double_line_large { height: 211px !important; } /* Heights for shade hovers */ .shade_layover { height: 98px; width: 101px; background-color: #FFF; /* opacity:0.9; */ } .shade_layover_wrapper .hover_image_wrapper { display: inline-block; left: 3px; top: 3px; position: absolute; } .shade_layover_wrapper .hover_image_wrapper .hover_image { width: 95px; height: 92px; /* opacity: 1; */ } /* large hover */ .shade_layover_wrapper_large { background-color: #ffffff; border: 1px solid #e0dfe0; position: absolute; left: 21px; z-index: 9999; top: -177px; text-transform: uppercase; font-size: 8px; height: 192px; width: 186px; cursor: pointer; } .w_a2b { height: 218px; } .wo_a2b { height: 203px; } .shade_layover_wrapper_large .swatch_hover_inventory_status { display: none; position: relative; top: -3px; } .shade_layover_wrapper_large .swatch_hover_inventory_status span { font-size: 8px; text-align: left; padding: 1px 0 0 3px; color: #FA2E2E; letter-spacing: .7px; } .shade_layover_wrapper_large .hover_image_wrapper { display: inline-block; left: 3px; top: 3px; position: absolute; } .shade_layover_large { height: 181px; width: 187px; /* opacity:0.9; */ } .shade_layover_wrapper .hover_image_wrapper .hover_image_large { width: 180x; height: 175px; /* opacity: 1; */ } .shade_layover_wrapper_large .shade_layover_description { padding-bottom: 3px; padding-top:1px; /* opacity:.9; */ text-align: left; } .shade_layover_wrapper_large .shade_layover_description .layover_shade_name { padding-left: 3px; color:#535353; font-size: 9px; letter-spacing: .04em; } .shade_layover_wrapper_large .shade_layover_description .layover_desc { padding-left: 3px; padding-top: 3px; padding-bottom: 3px; color: #878787; font-size: 9px; letter-spacing: .04em; text-transform: capitalize; } .shade_layover_wrapper_large .hover_buy_button { text-align:left; padding-left: 3px; } .shade_layover_wrapper_large .hover_buy_button .price { font-size: 10px; letter-spacing: .3px; color: #666666; margin-left: 3px; position: relative; top: -8px; } /* large hover */ .shade_layover .shade_name { color: rgb(83, 83, 83); font-size: 8px; text-transform: uppercase; letter-spacing: 0.115em; } .shade_layover .shade_desc { color: #AAAAAA; font-size: 8px; text-transform: uppercase; letter-spacing: 0.115em; } .single_swatch .scrollable { overflow: visible !important; } .mpp_customer_rating_text, .landing_page_customer_rating_text{ color: #888; margin: -1em 0 14px 1px; position: relative; } /* .... BOUTIQUE PAGES ..... */ .template_boutique #main_content_wrapper { margin-bottom: 25px; padding-left: 0; } .template_boutique #main_content_wrapper #main_content_controls { padding-bottom: 0; padding-left: 10px; } .template_boutique .flash_wrapper img, .template_boutique .flash_wrapper object, .template_boutique .flash_wrapper embed, .template_boutique .flash_wrapper { display: block; margin: 0 auto; } /* The following 3 cart_item styles make the gradient in the checkout item table work in IE6 and Chrome*/ #cart_items table{ background: url("/checkout/images/common/bg_grad_vert_thead.gif") no-repeat scroll left top #E9CB8F; } #cart_items table thead{ background: none; } #cart_items table tbody{ background-color: #FFFFFF; background-image: none; } .shadow_table { background-color: transparent; }