/*bg-sprite_btns background calibration: @btn-bg: -34px; @button-height: 18px */ .b1,.b1a,.b2, .btn1,.btn3, #searchBox .search,#searchBox .button { text-indent: 0; background: @sprite2 repeat-x 0 0; .flcn; padding: 0 1px; .auto; } .button, .b1 input, .b1a input, .b2 input, .b1 button, .b1a button, .b2 button, .btn1 button, .btn3 button, .b1 a, .b1 a:hover, .b1a a,.b1a a:hover, .b2 a,.b2 a:hover { background: @sprite2 repeat-x 0 0; border: 0; color: #fff; .pointer; font: bold normal 10px/17px @font-stack; height: @button-height; margin: 0; text-decoration: none !important; .uppercase; .nowrap; padding: 0px 5px 1px 4px; display: block; .auto; .fleft; } .b1 a, .b1 a:hover{ height: (@button-height)-1; padding-top:2px; } .button,.link_button,.b1 input,.b1 button,.b1a input,.b1a button,.b2 input,.b2 button { height: @button-height+2; line-height: (@button-height)+1; overflow: visible; } button.link_button,input.link_button { background: transparent; .pointer; outline: none; border: 0; font-size: @base-font; color: @brand-link; text-align: left; padding: 0; margin: -1px 0 0; overflow: hidden; font-family: @font-stack; text-decoration: none; } /* Blue Button */ .b1 { background-position: 0 (@btn-bg*5) !important; } .b1 a,.b1 a:hover,.b1 input,.b1 button { background-position: 0 (@btn-bg*6) !important; background-color: @brand-link; } /* Red Button */ .cart .b1 { background-position: 0 0 !important; } .cart .b1 a,.cart .b1 a:hover,.cart .b1 input,.cart .b1 button { background-position: 0 (@btn-bg) !important; background-color: @brand; } /* Red Button Large */ .b1a { background-position: 0 (@btn-bg*2) !important; } .b1a a,.b1a a:hover,.b1a input,.b1a button { height: @button-height+4; font-size: @base-font2; background-position: 0 (@btn-bg*3) !important; background-color: @brand; } .b1a a,.b1a a:hover { height: @button-height+3; line-height: @button-height+4; } /* Grey Button */ .b2 { background-position: 0 (@btn-bg*14) !important; color: #111; } .b2 a,.b2 a:hover,.b2 input,.b2 button { background-position: 0 (@btn-bg*9) !important; color: #111 !important; height: 21px !important; line-height: @button-height+2; padding-top: 0px; background-color: #cdcdcd; } .go{ height:@button-height+1; } .go input.button { background-position: 0 0; background-repeat: no-repeat; height: @button-height+1; width: 22px; } #azIndex .go input.button { background-repeat: repeat; } #searchBox .search { background-position: 0 (@btn-bg*6) !important; height:@button-height+5; } #searchBox .search .button{ background-position: 0 (@btn-bg*7) !important; font-size:@base-font2; height:@button-height+5; line-height:@base-font2*2; padding-left:6px; padding-right:6px; } .link_button{ background:transparent; .pointer; outline:none; border: 0; font-size:@base-font; color:@brand-link; text-align:left; padding:0; margin:-1px 0 0; overflow:hidden; font-family: @font-stack !important; } .pipe{ color:@brand-link; padding:0 .5em } *:first-child+html .go input.button { background-position:0 1px; height:@button-height+2; } .b1 a,.b1 a,.b1 a:hover,.b1 a:hover{ color:#fff!important } /*SITE BUTTONS EXTENDED*/ .btn1 button, .btn3 button{ text-transform:none; height:@button-height+1; line-height:(@button-height)-2; overflow:visible; } /*CSS3*/ .view_all { .rounded (2px); } /* Red Button */ .btn1 { background-position: 0 (@btn-bg) !important; } .btn1 button { background-position: 0 (@btn-bg*1) !important; background-color:@brand; } /* Grey Button */ .btn3 { background-position: 0 (@btn-bg*13) !important; color: @brand-text; } .btn3 button { background-position: 0 (@btn-bg*10) !important; color: @brand-text; height:@button-height+1; padding-top:0px; background-color:#cdcdcd; } /*New Sku Page buttons*/ .newsku .big_a .b1 { background-position: 0 -680px !important; } .newsku .big_b .b2{ background-position: 0 -748px !important; } .newsku .big_a .b1 input,.big_a .b1 a, .newsku .big_b .b2 input,.big_b .b2 a, .newsku .big_b .b2 a:hover { background-position: 0px (@btn-bg*21) !important; background-color: #0083b1; font-size: 16px!important; height: height:@button-height+13 !important; line-height:@button-height+11; padding-left: 8px; padding-right: 8px; text-transform: none; .center; color:#fff!important; } .newsku .big_b .b2 input, .newsku .big_b .b2 a, .newsku .big_b .b2 a:hover{ background-position: 0px (@btn-bg*23) !important; } .newsku #productPurchase .btn_customize .b2 .button{width:108px!important;text-align:center;} .newsku #productPurchase .btn_customize .b1 .button{width:100px!important;height:29px !important} //links and wrapped items .actions { .db; } .actions ul { .nowrap; } /*EOMBSD-5361 - UI Issue on SKU List Page for holland SKUs - Removed Width to fix Safari and Chrome*/ .actions>ul { .flcl; } .separator { .bordert (#d8d4e6); padding-top: @gutter; } .actions>li { .flcn; padding-right: @gutter; } .actions .text { line-height: 22px } .lineOfLinks li { line-height: 24px; } .lineOfLinks LI{margin-right:0px !important} .lineOfLinks>li { .flcn; .auto } .lineOfLinks li { background: @bg-arrows no-repeat 0 -1818px; } .lineOfLinks li.first { background: none; } * :first-child+html .lineOfLinks li { background: @bg-arrows no-repeat 0 -1818px; display: inline; padding: 0 8px 0 10px !important; } .lineOfLinks a { padding-left: @gutter/2; padding-right: 8px; } .lineOfLinks .link_button { padding-left: 8px; padding-right: 8px; .center } .lineOfLinks li:first-child * { padding-left: 0 } .lineOfLinks li:last-child * { padding-right: 0 } .leftBlueLined { color: @brand-link; } .listOfLinks li { .flcl; .bold; } .splitLinks li { clear: none; text-indent: @gutter; width: 50%; } .buttonwrapper { float: right !important; .auto; } .buttonwrapper .link { line-height: 20px; } ul.buttonwrapper { .frcn; text-align: right; .auto; } .buttonwrapper li { .flcn; list-style-type: none; padding-left: 8px; .nowrap; .auto; } .buttonwrapper .text { display: inline-block; .flcn; font-size: @base-font; padding-top: 4px; white-space: normal; } .no_bullet { list-style: none !important; } .buttonwrapper .v-align a,.buttonwrapper .pipe { line-height: 23px; clear: none } *:first-child+html .buttonwrapper .link_button { margin-top: @gutter/-2; } *:first-child+html .buttonwrapper .pipe { line-height: normal } .v-align .link_button { height: 23px; .center; } .formwrapper { .flcl; } .formwrapper li { .flcn; .auto; margin-right: .5em; } .formwrapper li.first.label { float: none; } .formwrapper .fw_submit { margin: 0; } .break { clear: left !important } .buttonwrapper .break { margin-top: @gutter/2; }