/** FONT CHANGES ................................................**/ h1,h2,h3,h4,h5,h6,P { font-family: MS PGothic, ms ui gothic, osaka, sans-serif;} #main_content, #main_content_iframe, #shopping_bag a, #utilitynav input, .panel, #panel_open, #replace, .replace_r, body#pop p, #search_dropdown, .pop_prod, .pop_email, #cp_instructions { font-size:10px; } input, textarea, select, select option { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; font-size: 10px; } .form_container fieldset label { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; font-size: 10px; } .field_label { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; font-size: 10px; } #form_entry input, #form_entry textarea { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; } .select_MenuItemLabel { font-size: 10px; } #discontinued_search .text_field { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; font-size: 10px; } .form_container input, textarea { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; font-size: 10px; } #offercode_container input { font-size:10px; } #input_offercode { font-size: 10px; } #utilitynav input { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; } #utilitynav .utilitynav_button { font-family: MS PGothic, ms ui gothic, osaka, sans-serif; } .pop_desc p { font-size: 10px; } .pop_desc .pop_title { font-size: 10px; } .pop_desc .pop_inv_status { font-size: 10px;line-height:13px; } .pop_message .cart_item_count {padding-bottom:10px;} /** Checkout **/ .checkout-cs-info {font-size:10px;} .choose-address SELECT, .choose-address SELECT OPTION {font-family: MS PGothic, ms ui gothic, osaka, sans-serif; font-size: 10px;} /** SPP **/ .ie6 #menu_swatches_by_name, .ie6 #menu_swatches_by_name OPTION {font-size:10px;} .ie6 #menu_filter_by, .ie6 #menu_filter_by OPTION {font-size:10px;} .ie6 #swatch_lg_name, .ie6 #swatch_lg_desc {line-height:1.30;} /* Bug #49259 */ /** TEMPORARY CHANGES ................................................**/ #form_offercode { display:none; } /** NAV SPRITE STATES ................................................**/ /** Panel Nav **/ /*#panel_open .panelnav_accordion_container {display:block;}*/ #pnavset_products_panel .panelnav_detailItem H3.sprite-on { background-position:0% 33.333333% } /**2 of 4 states for Products other than What's New **/ #pnavset_products_panel #psubnav_whatsnew .panelnav_detailItem H3.sprite-on { background-position:0% 50% } /** 3 states for What's New **/ .panel_open_products_panel .panelnav_category_default .panelnav_detailItem H3.sprite { background-position:0% 66.666666%; } /** 3 of 4 states for Products other than What's New: dimmed state for products in default category **/ .panel_open_products_panel #psubnav_whatsnew.panelnav_category_default .panelnav_detailItem H3.sprite { background-position:0% 0%; } /** 3 states for What's New: dimmed state for items in default category **/ .panel_open_products_panel .panelnav_detailItem H3.sprite-on, .panel_open_products_panel .panelnav_category_default .panelnav_detailItem H3.sprite-on { background-position:0% 33.333333%; } /** 2 of 4 states for Products other than What's New: rollover on state w/ english text **/ .panel_open_products_panel #psubnav_whatsnew .panelnav_detailItem H3.sprite-on, .panel_open_products_panel #psubnav_whatsnew.panelnav_category_default .panelnav_detailItem H3.sprite-on { background-position:0% 50% } /** 3 states for What's New **/ .panelnav_category_default .panelnav_default H3.sprite { display:block; background-position: 0% 100% !important; } /** highlight state for selected/default item **/ /** Related Products Headers **/ .rel_prod_details A.rel_prod_head:hover {background-position:0% 33.333333%;} .prod_name A:hover{background-position:0% 33.333333%;} /** JP ADDRESS LOOKUP FUNCTIONALITY ................................................**/ .address-lookup-submit {width:102px;height:23px;background:url(/images/account/btn/btn_zipcode_search.gif) 0 0 no-repeat;display:inline-block;text-indent:-5000px;position:relative;top:-6px;} .ie .address-lookup-submit {position:static;top:0px;} .checkout-main-content .address-lookup-submit {position:relative;top:3px;} .form-note {position:relative;top:15px;} .lookup-results-container {position:absolute;top:0px;left:230px;width:260px; z-index:999} .address-lookup-wrapper {background: #2a2a2a; border: 2px solid #373737; padding: 12px 6px 12px 12px; /**width:100%;**/} .address-lookup-wrapper .action-close {display: block; width: 7px; height: 8px; float: right; position: relative; top: -4px; margin-right: 6px; font-size: 11px;} /* mimic x img for now */ .address-lookup-wrapper H3 {color: #fff; margin-bottom: 5px;} .address-lookup-wrapper P {margin-right: 6px;} .address-lookup-wrapper UL {margin-left: 0px; max-height: 150px; overflow:auto;} // 56475 COG 27 July 2010 - lookup container alignment .ie .address-lookup-wrapper UL {height: 150px;} .address-lookup-wrapper LI {padding-top: 12px; clear: both;} .address-lookup-wrapper LI ADDRESS {width: 160px; float: left;} .address-lookup-wrapper LI .action-btn {float: right; margin-right: 6px;} /* img TK */ .address-lookup-footer {padding: 12px 0; clear: both;} #registration-address-form { position: relative; } #registration-address-form .lookup-results-container { top: -100px; } /** MISC ....................................................**/ .rel_prod_add .btn_rel_prod_add {margin-top:25px;} .rel_prod_add .swatch_select {margin-top:25px;} /** IMAGES WITH TEXT ................................................**/ /** Generic **/ .noflash { background:url('/images/common/download_flash.png') 50% 50% no-repeat;} /** GlobalNav **/ #globalnav_container H2 A {background:url(/images/common/logo_mac.gif) no-repeat;width:157px;height:17px;} #shopping_bag A.checkout {background:url(/images/gnav/gnav_checkout_off.gif) 0 -1px no-repeat;height:18px;text-indent:-5000px;} #shopping_bag_items {position:relative;top:3px;} #utilitynav_links li, #utilitynav_links .sprite { height: 13px; width: 157px; } #utilitynav_links li { margin-bottom: 3px; } #customer_service {display:block;background:url(/images/gnav/gnav_customer_service.gif) no-repeat;width:157px;height:13px;text-indent:-5000px;} #gnav_popup_live_chat {display:block;background:url(/images/gnav/gnav_live_chat.gif) no-repeat;width:157px;height:13px;text-indent:-5000px;} /** Collections **/ #collection_looks_header {display:block;background:url("/images/whats_new/headers/h_collection_looks.gif") 0 0 no-repeat;width:200px;height:12px; text-indent:-5000px;} #slideshow_header {width:200px;height:12px;} /** My Mac **/ #hd_messages {background-image:url(/images/account/headers/pnav_my_messages_250x18.gif)} #hd_reorder {background-image:url(/images/account/headers/pnav_prev_purchased_250x18.gif)} #hd_favorites {background-image:url(/images/account/headers/pnav_my_favorites_250x18.gif)} #hd_registration {background-image:url(/images/account/headers/pnav_account_profile_250x18.gif)} #hd_address_book {background-image:url(/images/account/headers/pnav_address_book_250x18.gif)} #hd_order_history {background-image:url(/images/account/headers/pnav_order_status_250x18.gif)} /** Artists **/ .view-my-page {display:block;width:131px;height:12px;background:url(/images/makeup_artistry/faves/viewmypage.gif) 0 0 no-repeat;text-indent:-5000px;} #faves_content H1 IMG {width:430px;height:28px;} /** Checkout **/ #btn_exit_checkout {background-image:url("/images/gnav/gnav_continue_shopping_157x18.gif")} /** Popup Message **/ .pop_wrapper .thank_you {background:url(/images/popup/title_thank_you.gif) 0 0 no-repeat;width:87px;height:10px;text-indent:-5000px;} .pop_wrapper .checkout {background:url(/images/popup/btn_checkout.gif) 0 0 no-repeat;width:110px;height:22px;text-indent:-5000px;} .pop_wrapper .favorites {background:url(/images/popup/btn_favourites.gif) 0 0 no-repeat;width:93px;height:22px;text-indent:-5000px;} .pop_wrapper .sorry {background:url(/images/popup/title_sorry.gif) 0 0 no-repeat; height:11px;text-indent:-5000px;} .pop_wrapper .btn-checkout-now {background:url("/images/popup/btn_checkout.gif");height:22px;width:110px;} /** Account **/ #address-list input.btn-remove { width: 34px; height: 11px; } /** Footer **/ #footernav-terms A {display:block;background:url(/images/gnav/fnav_terms.gif) no-repeat;width:37px;height:10px;margin-top:1px;} #footernav-legal A {display:block;background:url(/images/gnav/fnav_legal.gif) no-repeat;width:90px;height:10px;margin-top:1px;} #footernav-notation A {display:block;background:url(/images/gnav/fnav_trade_law.gif) no-repeat;width:100px;height:10px;margin-top:1px;} #footernav-shopping A {display:block;background:url(/images/gnav/fnav_onlineshopping_terms.gif) no-repeat;width:141px;height:10px;margin-top:1px;} #footernav-sitemap A {display:block;background:url(/images/gnav/fnav_sitemap.gif) no-repeat;width:50px;height:10px;margin-top:1px;} #footernav #country_chooser UL { top: -274px; /* Add/subtract 15 pixels for each menu item */ } #footernav #country_chooser UL LI.option_australia A { background-image: url(/images/country_chooser/option_australia.gif);} #footernav #country_chooser UL LI.option_can_english A { background-image: url(/images/country_chooser/option_can_english.gif); } #footernav #country_chooser UL LI.option_can_francias A { background-image: url(/images/country_chooser/option_can_francias.gif); } #footernav #country_chooser UL LI.option_china A { background-image: url(/images/country_chooser/option_china.gif); } #footernav #country_chooser UL LI.option_france A { background-image: url(/images/country_chooser/option_france.gif); } #footernav #country_chooser UL LI.option_germany A { background-image: url(/images/country_chooser/option_germany.gif); } #footernav #country_chooser UL LI.option_hongkong A { background-image: url(/images/country_chooser/option_hongkong.gif); } #footernav #country_chooser UL LI.option_italy A { background-image: url(/images/country_chooser/option_italy.gif); } #footernav #country_chooser UL LI.option_india A { background-image: url(/images/country_chooser/option_india.gif); } #footernav #country_chooser UL LI.option_korea A { background-image: url(/images/country_chooser/option_korea.gif); } #footernav #country_chooser UL LI.option_middle_east A { background-image: url(/images/country_chooser/option_middle_east.gif); } #footernav #country_chooser UL LI.option_singapore A { background-image: url(/images/country_chooser/option_singapore.gif); } #footernav #country_chooser UL LI.option_southafrica A { background-image: url(/images/country_chooser/option_southafrica.gif); } #footernav #country_chooser UL LI.option_taiwan A { background-image: url(/images/country_chooser/option_taiwan.gif); } #footernav #country_chooser UL LI.option_uk A { background-image: url(/images/country_chooser/option_uk.gif); } #footernav #country_chooser UL LI.option_usa A { background-image: url(/images/country_chooser/option_usa.gif); } #footernav #country_chooser UL LI.option_spain A { background-image: url(/images/country_chooser/option_spain.gif); } #footernav #country_chooser UL LI.option_russia A { background-image: url(/images/country_chooser/option_russia.gif); } #footernav #country_chooser UL LI.option_japan A { background-image: url(/images/country_chooser/option_japan.gif); } #footernav #country_chooser UL LI.option_other A { background-image: url(/images/country_chooser/option_other.gif); } #footernav td a { border: 1px solid #000; } #footernav ul { margin: 3px 5px 0 16px; } .ie #footernav ul { margin: 3px 0 0 5px; } #footernav ul li { margin-right: 13px; } .ie #footernav ul li { margin-right: 10px; } /** Mobile QR **/ H1.mobile-qr { background:url(/images/mobile_qr/headers/h_mobile_qr.gif) 0 0 no-repeat; } H2.mac-cosmetics { background:url(/images/mobile_qr/headers/h_maccsometcis_jp.gif) 0 0 no-repeat; } H2.mobile-shop { background:url(/images/mobile_qr/headers/h_shop_on_mobile.gif) 0 0 no-repeat; } #main_content H2.mobile-bestsellers { width: 287px; background:url(/images/mobile_qr/headers/h_bestsellers.gif) 0 0 no-repeat; } H2.mobile-downloadable { background:url(/images/mobile_qr/headers/h_downloadables.gif) 0 0 no-repeat; } H2.mobile-newsletter { background:url(/images/mobile_qr/headers/h_register.gif) 0 0 no-repeat; } H2.mobile-stores { background:url(/images/mobile_qr/headers/h_stores.gif) 0 0 no-repeat; } H2.mobile-qr-code { background:url(/images/mobile_qr/headers/h_qr_code.gif) 0 0 no-repeat; } H2.mobile-enter-email { background:url(/images/mobile_qr/headers/h_enter_email.gif) 0 0 no-repeat; } #mobile-qr-success H1 { background:url(/images/mobile_qr/headers/h_success.gif) 0 0 no-repeat; width:430px; height:28px; } #mobile-qr-success P { width: 440px; } #gmo-outage P{ color: #fff; } /* Messages */ #my_messages_table .toprow .col1 { float: left; }