/*====== CORE ELEMENTS ======================================================*/ img{border: 0;} a {cursor: pointer; color: #000; text-decoration: none;} p, .p{padding: 0; margin: 0;} h1, h2, h3, h4, h5, h6{margin: 0; padding: 0} h6{color: #FF0000; font-size: 12px;} hr{border: 0; width: 100%; color: #E0E0E0; background-color: #E0E0E0; height: 1px;} /*====== GLOBAL CLASSES ======================================================*/ .hidden{display: none;} .visible{display: block;} .left{float: left;} .right{float: right;} .clear{clear: both;} /*=======COMMON STYLES FOR ALL PAGES======================================================*/ .usn_ie6{behavior: url(/css/bumble.htc);} div{ behavior: url(/css/bumble.htc) } img{ behavior: url(/css/bumble.htc) } td{ behavior: url(/css/bumble.htc) } /*===================== HEADER ==================*/ #global_header{width: 900px; height: 78px; /*position: relative;*/} /*margin 9 of global_header_top is suspicious for IE6 bugs - was margin: 0 0 9px 0 - now margin: 0 0 4px 0*/ #global_header #global_header_top{margin: 0 0 4px 0; /*padding: 0 0 0 14px;*/ padding:0; height: 77px; background: #000 url(/images/global/global_dotted_line.gif) bottom left repeat-x;} #logo_bar{height: 50px; /*height: 58px;*/ margin: 0; padding: 0; width:100%} /*For Safari*/ #gnav_circle_container{cursor: pointer; position: absolute; top: 53px; left: 0; z-index: 500;} #gnav_arrow_container{position: absolute; top: 53px; left: 0; z-index: 500;} #logo{padding-top: 14px; float: left;} #ulility_container{float: right; padding-top: 7px; } #ulility_container #icn_scissors{float: left; padding: 13px 2px 0 0; /*padding: 8px 2px 0 0;*/} /*Global Header: Global nav */ #globalnav ul{margin: 0; padding: 0; list-style: none;} #globalnav li{float: left; cursor: pointer;} #ulility_subcontainer{float: left; width: 419px;} /* Global Header: Service nav */ /* #service_nav{padding: 2px 0 0 0; color: #939393; background: url(/images/global/global_dotted_line.gif) bottom left repeat-x;} #service_nav ul{float: left; margin: 0; padding: 0px; list-style: none; padding-top:7px;} #service_nav li{float: left; padding: 0 10px 0 10px; border-right: 1px solid #858282;} #service_nav li a.off{color: #639BD8;} #service_nav li .on{color: #619ED5} #service_nav .toplink{color: #cccccc} #service_nav li.last{border: none;} */ /* search */ /*#search{float: right; margin: 7px 10px 2px 0; background: url(/images/bg/searchbox_placeholder.gif) top left no-repeat; width: 128px; height: 16px;}*/ /*#search{float: right; padding: 0px 10px 0px 0px; width:185px; height:17px;}*/ #search input{width: 100px; height: 13px; margin: 2px 0 0 20px; font-size: 10px; border: none; background: #282828; color: #fff;} #search form{margin:0; padding:0} #search_bg{float: left; margin: 0px 0px 0px 0px; background: url(/images/bg/searchbox_placeholder.gif) top left no-repeat; width: 150px; height: 16px;} #search_bg input{width: 118px; height: 13px; margin: 2px 0 0 20px; font-size: 10px; border: none; background: #353535; color: #fff;} #go_btn{float: left; width:30px; height:17px; margin-left:3px;} #go_btn input{ width:30px; height:17px; margin: 0px 0px 0px 0px; padding:0;} /*Professional login for Salon Prof*/ #professional_login{float: right; padding-right: 7px; z-index: 800} #professional_login .off{color: #A8C01E; text-decoration: none} #nav_buttons{float: left;} #nav_buttons li{padding-right: 27px;} #nav_salon_locator {float: right; padding-right: 10px;} #nav_salon_locator li{padding-left: 11px;} /*===================== CONTENT ==================*/ .clickable{cursor:pointer;} #modal_mask img { border: none; } #modal_mask { display: none; position: absolute; top: 0; left: 0; width: 100%; background-image: url(/images/bg/popup_mask.png); } /*===================== GLOBAL FOOTER ==================*/ #global_footer{width: 900px; /*padding-bottom: 9px;*/ background: #000; height:87px;} /*000*/ #global_footer_top{border-top: 1px solid #262324; background: #000 url(/images/global/global_dotted_line.gif) bottom left repeat-x;} #footer_elements{margin: 1px; padding: 10px 12px; font-size: 10px; font-weight: normal; color: #939393;} /*Footer: Copyright, privacy and terms*/ #footer_cpt{float: left;} #footer_cpt ul{float: left; margin: 0; padding: 0px; list-style: none;} #footer_cpt li{float: left; padding: 0 5px 0 5px; border-right: 1px solid #858282; color:#666 } #footer_cpt li.last{border-right: none;} /*Footer: site-map*/ #footer_sitemap{float: right;} #footer_sitemap ul{float: left; margin: 0; padding: 0px; list-style: none;} #footer_sitemap li{float: left; cursor: pointer; padding: 0 5px 0 5px; border-right: 1px solid #858282;} #footer_sitemap li.last{border-right: none;} /*drop down*/ #dd2_see_more_Bb{background: #fff url(/images/global/bg_footer_Bb.gif) top left no-repeat; width: 142px; height: 13px; padding: 0; margin: 0;} #dd2_see_more_Bb span{padding-left: 5px;} /* #dd_see_more_Bb{background: #fff url(/images/global/bg_footer_Bb.gif) top left no-repeat; width: 142px; height: 13px; padding: 0; margin: 0;} #dd_see_more_Bb select{width: 142px; height: 13px; font-size: 9px; border: none; background: #5B5B5B; color: #fff; font-weight: normal; } */ /*Bottom Shadow*/ #b_shadow_container{width: 915px; height: 11px; margin: auto; background: url(/images/bg/bg_main_bottom.png) top left no-repeat;} /*===================== CSS Text Styles for BB ==================*/ /* Last Updated: June 3, 2008 */ /*********************** Global Elements ************************/ .links_callout { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } a.links_callout { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } a.links_callout:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } a.links_callout:hover { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; color:#666666; text-decoration: none; } /* Global links, no underline for normal state */ .links_global_noul { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; } a.links_global_noul { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; } a.links_global_noul:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #000000; text-decoration: none; } a.links_global_noul:hover { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #666666; text-decoration: underline; } /* Global Link style */ .links_global { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #000000; border-bottom:2px dotted #000000; text-decoration:none; } a.links_global { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #000000; border-bottom:2px dotted #000000; text-decoration:none; } a.links_global:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #000000; border-bottom:2px dotted #000000; text-decoration:none; } a.links_global:hover { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #666666; border-bottom:2px solid #666666; text-decoration:none; } .links_global_2 { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #000000; text-decoration: underline; } a.links_global_2 { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #000000; text-decoration: underline; } a.links_global_2:visited { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #000000; text-decoration: underline; } a.links_global_2:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #666666; text-decoration: underline; } /* Side Navigation Links (same as sidenav_articles) */ .sidenav { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #000000; } a.sidenav { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #000000; text-decoration: none; } a.sidenav:visited { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #000000; text-decoration: none; } a.sidenav:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #666666; text-decoration: none; } .sidenav_on { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #619DD6; } a.sidenav_on { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #619DD6; text-decoration: none; } a.sidenav_on:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #619DD6; text-decoration: none; } a.sidenav_on:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #666666; text-decoration: none; } /* Headers */ .h_callout { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 15px; } /* Used in callout boxes on landing pages */ .header_2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; color: #000000; } .header_2_lc { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; text-transform: lowercase; color: #000000; } /* Lowercase version of header_2 */ .header_3 { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; line-height:19px; color: #000000; } .header_3_lc { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; line-height: 19px; text-transform: lowercase; } /* Lowercase version of header_3 */ .header_4 { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; color: #ffffff; } .header_4_blk { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 15px; color: #000000; } /* Same as "header_4", but black */ .header_4_blk_lc { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 15px; text-transform: lowercase; color: #000000; } /* Same as header_4_blk, but lowercase */ .header_5 { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height:17px; color: #ffffff; } .header_5_blk { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 17px; color: #000000; } /* Same as header_5, but black */ /* Subheaders */ .sh_global { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; } /* Copy Styles */ .copy_global { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; } .copy_global_smallprint { font-family: Arial, sans-serif; font-size: 10px; line-height: 13px; } .copy_global_bold { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; } /*********************** Landing Pages - General ************************/ .h_landing_1 { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; } .h_landing_2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; } /***************************** Landing Page Styles - Bb.Stories Bb.Stories>Hair Stories Bb.Stories>Bb.Speak House of Bumble Salons>Bb.Salons Bb.Buzz Bb.Buzz>In the News Bb.Buzz>On Screen Bb.Buzz>In Fashion Bb.Buzz>Contact *****************************/ /* Header */ .header { font-family: Arial, sans-serif; font-size: 18px; text-transform: uppercase; color: #333333; } .subhead { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; line-height:17px; color: #000000; } .copy { font-family: Arial, sans-serif; font-size: 12px; line-height:17px; color: #000000; } /* Body Copy Link */ .links_copy { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; } a.links_copy { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #A8C01E; } a.links_copy:hover { color: #333333; } /* Body Copy Link Blue */ .links_copy_blue { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; color: #6CAEDF; } a.links_copy_blue { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; color: #6CAEDF; } a.links_copy_blue:visited { color: #6CAEDF; } a.links_copy:hover { color: #333333; } /***************************** Landing Page Styles - Salons (Black Background) *****************************/ /* Sub-head */ .sh_salons { font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #FFFFFF; } /* Body Copy */ .copy_salons { font-family: Arial, sans-serif; font-size: 12px; color: #9D9D9D; } .copy_salons_white { font-family: Arial, sans-serif; font-size: 12px; color: #FFFFFF; } /* Body Copy Link */ .links_copy_salons { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #A8C01E; } a.links_copy_salons { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #A8C01E; } a.links_copy_salons:visited { color: #A8C01E; } a.links_copy_salons:hover { color: #333333; } /* Body Copy Link Blue*/ .links_copy_salons_blue { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #66a7d7; } a.links_copy_salons_blue { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #66a7d7; } a.links_copy_salons_blue:visited { color: #66a7d7; } a.links_copy_salons_blue:hover { color: #333333; } /* Link - Large */ .links_lg_salons { font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; color: #92a800; } a.links_lg_salons { font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; color: #92a800; } a.links_lg_salons:visited { color: #92a800; } a.links_lg_salons:hover { color: #666666; } /***************************** Article Pages *****************************/ /* Headers */ .h_articles { font-family: Arial, sans-serif; font-weight: bold; font-size: 20px; color: #000000; } /* Body Copy */ .copy_articles { font-family: Arial, sans-serif; font-size: 12px; line-height: 24px; color: #000000; } .copy_articles_14_20 { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #000000; } /* Body Copy Links */ .links_copy_articles { font-family: Arial, sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } a.links_copy_articles { font-family: Arial, sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } a.links_copy_articles:visited { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } a.links_copy_articles:hover { color: #666666; text-decoration: none; border-bottom: 1px solid #666666; } /* Links, Non-Body Copy */ .links_noncopy_articles { font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } a.links_noncopy_articles { font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } a.links_noncopy_articles:visited { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } a.links_noncopy_articles:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #000000; } /* Side Navigation */ .sidenav_articles { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #000000; } a.sidenav_articles { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #000000; } a.sidenav_articles:visited { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #000000; } a.sidenav_articles:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #666666; } /* Side Navigation - on state */ .sidenav_on_articles { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #619DD6; } a.sidenav_on_articles { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #619DD6; } a.sidenav_on_articles:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 15px; color: #619DD6; } a.sidenav_on_articles:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; color: #666666; } /*********************** Careers Pages ************************/ .h_careers_category { font-family: Arial, sans-serif; font-size: 15px; line-height: 24px; color: #6caedf; text-transform: lowercase; } .h_careers { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; color: #6caedf; } .sh_careers_section { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 15px; text-transform: uppercase; } .copy_careers { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; } /* Used only on Careers pages */ .links_copy_careers { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; color: #000000; border-bottom: 1px dotted #000000; text-decoration: none; } a.links_copy_careers { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; color: #000000; border-bottom: 1px dotted #000000; text-decoration: none; } a.links_copy_careers:visited{ font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; color: #000000; border-bottom: 1px dotted #000000; text-decoration: none; } a.links_copy_careers:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; color: #666666; border-bottom: 1px solid #666666; text-decoration: none; } /*********************** Error Pages and Popups ************************/ .h_popup { font-family: Times,Georgia,serif; font-size: 36px; line-height: 42px; } .copy_popup { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 19px; } /* White on black; for use in ajax popup windows */ .h_ajax_lc { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; color:#ffffff; text-transform: lowercase; } .sh_ajax_lc { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff; text-transform: lowercase; } /*********************** Help (Customer Service) ************************/ .sidenav_help { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; } a.sidenav_help { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; text-decoration: none; } a.sidenav_help:visited { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; text-decoration: none; } a.sidenav_help:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; text-decoration: none; color: #666666; } .sidenav_on_help { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 16px; text-decoration: none; color: #6caedf; } a.sidenav_on_help { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 16px; text-decoration: none; color: #6caedf; } a.sidenav_on_help:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 16px; text-decoration: none; color: #6caedf; } a.sidenav_on_help:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; text-decoration: none; color: #666666; } .links_copy_help { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #000000; border-bottom:1px dotted #000000; text-decoration:none; } a.links_copy_help { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #000000; border-bottom:1px dotted #000000; text-decoration:none; } a.links_copy_help:visited { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #000000; border-bottom:1px dotted #000000; text-decoration:none; } a.links_copy_help:hover { font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #666666; border-bottom:1px solid #666666; text-decoration:none; } /*********************** Sitemap ************************/ /* (color = same blue as used in global header) */ .sh_sitemap { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; color: #6CAEDF; } .links_sitemap_large { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; color: #ffffff; text-decoration: none; } a.links_sitemap_large { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; color: #ffffff; text-decoration: none; } a.links_sitemap_large:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; color: #ffffff; text-decoration: none; } a.links_sitemap_large:hover { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; color: #999999; text-decoration: underline; } .links_sitemap { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; border-bottom: 2px dotted #ffffff; } a.links_sitemap { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; border-bottom: 2px dotted #ffffff; } a.links_sitemap:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; border-bottom: 2px dotted #ffffff; } a.links_sitemap:hover { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #999999; border-bottom: 2px solid #999999; } /*********************** Bb.Network ************************/ .copy_network_lg { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; Lowercase; } /*********************** Misc ************************/ .copy_privacy_copyright { font-family: Arial, sans-serif; font-size: 9px; line-height: 15px; } .copy_username { font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; line-height: 19px; color: #666666; } .links_prodtype { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #000000; text-decoration: none; } a.links_prodtype { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #000000; text-decoration: none; } a.links_prodtype:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #000000; text-decoration: none; } a.links_prodtype:hover { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #666666; text-decoration: underline; } .column_head { font-family: Arial, sans-serif; font-size: 9px; text-transform: uppercase; } /******************* UPDATE GLOBAL NAV AND FOOTER *******************/ .gnav_clear {clear:both;height:0px; line-height:0px; font-size:0px;} #ulility_container_hd{float: right; padding:0; margin:0;} #icn_scissors_hd{float: left; padding: 20px 2px 0 0; } #service_nav .sn_account{ float:left; margin:0; padding:0;} #service_nav .sn_viewbag{ float:left; margin:0; padding:0; /*position:relative;*/} #service_nav .sn_viewbag #cart_link{margin-left: 0px; padding-left: 0px; _width:81px; height:29px; z-index:100; float:left; } #service_nav .mrg_txt_sncart{ padding:7px 0 0 0px;} #cart_link .sn_linkcart{ padding:0 10px; border-left: 1px solid #858282; float:left;} #service_nav .sn_linkcart_last{ padding:0 10px; border-left: 1px solid #858282;} #logo_container{ padding-left:14px;} #service_nav .checkout_link_left{ float:left; margin:0; padding:0;} .gn_clear{ clear:both;} /***** css cart popup update*****/ #service_nav .haveitembag{ background: url(/images/icons/icn_cart.gif) top left no-repeat;margin-left: 1px; padding-left: 22px; z-index:99} .cart_has_items span.haveitembag{ color:#A8C01E;} .cart_no_items span.haveitembag{ color: #cccccc;} /*#service_nav #cart_link*/ #cart_link_on.onstate{ background:url(/images/bg/cart_chout_bg.gif) top left no-repeat; width:160px; height:29px; } #cart_popup .dropdown_dotted_line{background-image:url(/images/globalnav/global_dropdown_dotted_line.gif); background-position:top left; height:1px; background-repeat:repeat-x; margin:0; margin-top:0px; padding:0; font-size:1px; line-height:1px;} #cart_popup img{margin-top: 0px; border: none;} #gnav_circle_container_menu.gnav_salons{ top: 53px; left: 188px; width: 56px; height: 17px; background: url(/images/globalnav/gnav_circle_salons_on.png) no-repeat;}