#header { position: relative; z-index: 15; } #header,#sitenav,#content { background-color: #fff; .flcl; padding-left: 15px; padding-right: 15px; width: @style-width; } #globalNav { .borderb (#D8D8D8); .flcl; height: 24px; padding: 0 15px; width: @style-width; } #globalNav a { color: @brand-text; } #globalNav ul { .flcn; margin-top: 5px; .auto; .rel; z-index: 30; } #globalNav ul.ul2 { .fright; } #logIn li#resultApprovalCheck.hilite a { font-size: @base-font2; .bold; color: @brand; } #globalNav ul li { display:inline; } #globalNav li { background: transparent url(/images/od/v2/arrows.gif) no-repeat 0 -1753px; padding-left: 15px; padding-right: 13px; } li#homeLink { background: url(/images/od/v2/bg_sprite_gray_icons.gif) no-repeat 0 -396px; padding-left: 16px; } #globalNav li.first { background: transparent; } /*Language Selector*/ //Also used for US-Canada switch #languageSwitch { .rel; z-index: 100; overflow: visible; width: (@grid1)-8; } #languageSwitch ul { background: #fff; padding-right: 2px; .border(#9f9f9f); border-top: 0; .abs; top: -9999px; .nowrap; z-index: 20; } #languageSwitch li { background: none; .flcl; padding: 4px 11px 0 14px !important; } li#languageSwitch a { background: transparent @bg-arrows no-repeat 100% 0; padding-right: @gutter; color: #333; } .nojs #languageSwitch :hover a,#languageSwitch.sfhover a { background-position: 100% -35px } .nojs #languageSwitch :hover ul,#languageSwitch.sfhover ul { left: 0; top: 8px; padding-bottom: @gutter/2; width: (@grid1)-10; } .nojs #languageSwitch :hover a,#languageSwitch.sfhover a { background: none; color: @brand-link; } .nojs #languageSwitch :hover a:hover,#languageSwitch.sfhover a:hover { background: none; color: #e31836; } #languageSwitch.sfhover ul { overflow: hidden; } #languageSwitch :hover>ul { width: 149px; } * :first-child+html #languageSwitch :hover ul { width: (@grid1)-8; } .brandLogo { .auto; .flcl; margin: 34px 0 0 0; } .checkoutBrandLogo { margin: 15px 0; } #hTools { .flcn; padding: 0 0 0 @gutter; width: 315px !important; .rel; top: 12px; } #hTools .overlayObjcontent { padding: @gutter; } .en-US #hTools { padding: 0; } * html ul#hTools { height: 50px; overflow: hidden; } #hTools a { text-decoration: none; } #hCart { background: @bg-icon-cart no-repeat 8px 10px #eee; .frcn; font-size: (@base-font)-1; height: 60px; padding: 11px 0 0 36px; width: 340px; } .bsd #hCart { height: 39px; } #logIn { float:left; clear:both; font-size: @base-font2; height: 20px; padding: 2px 3px 0 0; text-align: right; width: 945px; } .bsd #customerNumber { text-align: right; .frcb; .rel; .nowrap; } .bsd div > div#customerNumber { .abs; top: 60px; right: 18px; z-index: 0; } #hTools li { line-height: 1.4em; padding: 6px 0px 2px; .rel; } #hTools .square li { padding-left: 0; } #hTools #storeLocator,#hTools #storeLocatorNoAjax { width: 95px; position: absolute; z-index: 10; } * #hTools #storeLocator { padding-right: 0; } #hTools li .star { .noshow; } #hTools .headingLink { display: block; } .headingLink strong { height: 28px; background: transparent @bg-arrows no-repeat 100% -758px; color: #e31836; font-size: @base-font2+1; .bold; padding-right: @gutter+1; display: block; .fleft; } #hTools .storeLocatorExpanded { background-color: #eee; margin: 0; z-index: 21!important; } #hTools .storeLocatorExpanded,#hTools .hover { .box-shadow (3px, 0, 3px, #b2b2b2); } #hTools .storeLocatorExpanded strong { background-position: 100% -793px; } * html #hTools .storeLocatorExpanded #storeLocatorOverlay { background: #eee; } #hTools .storeLocatorExpanded #storeLocatorOverlay { display: block; } #hTools #storeLocatorOverlay #zip { .fleft; border: 0; padding: 4px; } #hTools #storeLocatorOverlay .search { .fleft; padding-left: 5px; margin-top: 1px; } #hTools #storeLocatorOverlay a { color: @brand-link; } #hTools #storeLocatorOverlay #storeLocatorForm { padding-top: 10px; } #hTools #storeLocatorOverlay #storeLocatorLinks { .noshow; } #hTools #storeLocatorOverlay #storeLocatorLinks a { font-weight: normal !important; font-size: @base-font; } #hTools #storeLocatorOverlay,#hTools #catalogOverlay { font-size: @base-font; width: 184px; top: 50px; .noshow; z-index: 20; } #catalogOverlay { top: -9999px; } .nojs #orderByCatalog :hover,#orderByCatalog.hover { background-color: #eee !important; } .nojs #orderByCatalog :hover .headingLink,#orderByCatalog.hover .headingLink { .border (#eee); } .nojs #orderByCatalog :hover strong,.trigger { background-position: 100% -791px; } .nojs #orderByCatalog :hover #catalogOverlay,#hTools #orderByCatalog.hover #catalogOverlay { top: 45px; display: block; } #hTools #catalogOverlay li { padding: 5px 0 0 0; margin-bottom: 1px; } /* MyRecs Link */ #hTools #storeLocator,#hTools #orderByCatalog,#hTools #storeLocatorNoAjax,#hTools #orderByCatalogNoAjax { position: relative; left: 0; .fleft; width: 105px; padding-right: 0; padding-left: 5px; min-height: 49.1px; } #hTools #storeLocator { width: 95px; margin-left: @gutter; padding-left: @gutter; } #hTools #orderByCatalog,#hTools #orderByCatalogNoAjax { background: #fff; z-index: 20; } #myRecsLink { .fleft; padding: 0px; position: relative; top: 19px; width: 110px; } .en-US #myRecsLink { width: 85px; } #myRecsLink li { line-height: 1.4em; display: block; padding: 10px 10px 2px 0; } #rr_userhasmyrecs { .fleft; font-size: @base-font2+1; .bold; height: 28px; padding-right: @gutter+1; } #rr_userhasmyrecs a { text-decoration: none; color: @brand; } .allCoupons { display: block; } .allCoupons .coupon { font-size: 9px; padding: 3px 0; .borderb (#ededed); } .allCoupons .link_button { padding-top: 5px !important; display: block; font-size: @base-font; .bold; } #referralCode { .fleft; margin-right: 5px; width: 100px; } #home #referralCode { width: 55px; } #hCart span.price1 { color: @brand; } #cartMessage,#cartSummary,#cartActions { .flcn; width: 153px; } #cartMessage { width: 175px; padding: 0 !important; } #cartActions { background: transparent url(/images/od/v2/arrows.gif) no-repeat 9px -699px; margin-left: -26px; padding: 0 0 0 17px; width: 316px; } * html #cartActions { background-position: 35px -699px; padding: 0 0 0 45px; } .price1 { color: @brand; } #cartMessage,#cartSummary ul li { display: inline; } #cartSummary ul li { display: inline; font-size: 9px; padding-right: 4px; } #cartSummary ul li input { vertical-align: middle; margin-right: 4px; } #cartActions { clear: left; } li#cartActions li { background: transparent url(/images/od/v2/arrows.gif) no-repeat 0 -1683px; display: inline; padding-left: 7px; padding-right: 7px; } li#cartActions #viewCart,li#cartActions #viewCartNoAjax { background: none; } li#cartActions a { color: @brand-link; } #logIn li { display: inline; } #logIn li a { color: #333; } #logIn .login_out a { color: @brand; font-weight: bold; } #personalize a { color: @brand-link; } #logStatus a { color: @brand; font-weight: bold; } #searchBar { .rel; z-index: 6; background: #fff url(/images/od/v2/bg_sprite_page.png) repeat-x scroll 0 -140px; .flcl; color: @brand-text; height: 35px; padding: 0; width: @style-width; border-left: solid 15px #fff; border-right: solid 15px #fff; } /*any other spacing scheme causes problems on resize*/ #searchBarLinks { .frcn; font-size: @base-font2; padding-top: 9px; text-align: right; .auto; .nowrap; } #searchBarLinks li { .flcn; background: transparent @bg-arrows no-repeat 0 -1822px; padding: 0 8px 0 10px; } #searchBarLinks .first { background: none; } #searchBarLinks a { color: #333; } #searchBox { .flcl; margin: 5px 0 0 9px; } #searchBox label { font-size: @base-font2+2; .uppercase; padding-top: 2px; } #mainSearchField { .border (@brand-text); color: @brand-text; font-size: @base-font2+2; padding: 2px 2px 0; height: 19px; width: 225px; } .bsd #mainSearchField { width: 188px; } #sfInput { padding-right: .5em; padding-left: .5em; } #subMenu { .fright; text-align: left; } .bsd #seeAll { background-image: none; } .js #seeAll a { background: @bg-grayicons no-repeat 100% -255px; padding-right: 32px; margin-right: -10px; } .lettersShown a { background-position: 100% -290px !important; } .searchBoxMargin { padding: 0 4px 0 8px !important; } #miniBanner { padding-right: 0; font-size: 0; width: @style-width; overflow: hidden; } #miniBanner img { margin-top: @gutter; margin-right: 0; }