Last active
May 8, 2019 14:41
-
-
Save AndrewUsher/7382079d16cc471c59aeaad7be9f9003 to your computer and use it in GitHub Desktop.
AZ LP CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [class*="grid-"] { | |
| float: left; | |
| display: block; | |
| padding-left: 1.042%; | |
| padding-right: 1.042%; | |
| min-height: 1px; | |
| position: relative; | |
| width: 100% | |
| } | |
| .flush { | |
| padding: 0 !important | |
| } | |
| .flush-sides { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important | |
| } | |
| .flush-left { | |
| padding-left: 0 !important | |
| } | |
| .flush-right { | |
| padding-right: 0 !important | |
| } | |
| .flush-top { | |
| margin-top: 0 !important | |
| } | |
| .flush-bottom { | |
| margin-bottom: 0 !important | |
| } | |
| .flush-list { | |
| padding: 0 !important | |
| } | |
| .flush-list li { | |
| padding-left: 0 !important | |
| } | |
| .grid-24 { | |
| width: 97.916% | |
| } | |
| .grid-23 { | |
| width: 93.74933333% | |
| } | |
| .grid-22 { | |
| width: 89.58266667% | |
| } | |
| .grid-21 { | |
| width: 85.416% | |
| } | |
| .grid-20 { | |
| width: 81.24933333% | |
| } | |
| .grid-19 { | |
| width: 77.08266667% | |
| } | |
| .grid-18 { | |
| width: 72.916% | |
| } | |
| .grid-17 { | |
| width: 68.74933333% | |
| } | |
| .grid-16 { | |
| width: 64.58266667% | |
| } | |
| .grid-15 { | |
| width: 60.416% | |
| } | |
| .grid-14 { | |
| width: 56.24933333% | |
| } | |
| .grid-13 { | |
| width: 52.08266667% | |
| } | |
| .grid-12 { | |
| width: 47.916% | |
| } | |
| .grid-11 { | |
| width: 43.74933333% | |
| } | |
| .grid-10 { | |
| width: 39.58266667% | |
| } | |
| .grid-9 { | |
| width: 35.416% | |
| } | |
| .grid-8 { | |
| width: 31.24933333% | |
| } | |
| .grid-7 { | |
| width: 27.08266667% | |
| } | |
| .grid-6 { | |
| width: 22.916% | |
| } | |
| .grid-5 { | |
| width: 18.74933333% | |
| } | |
| .grid-4 { | |
| width: 14.58266667% | |
| } | |
| .grid-3 { | |
| width: 10.416% | |
| } | |
| .grid-2 { | |
| width: 6.249333333% | |
| } | |
| .grid-1 { | |
| width: 2.082666667% | |
| } | |
| .grid-24.flush { | |
| width: 100% | |
| } | |
| .grid-23.flush { | |
| width: 95.8333333333% | |
| } | |
| .grid-22.flush { | |
| width: 91.6666666667% | |
| } | |
| .grid-21.flush { | |
| width: 87.5% | |
| } | |
| .grid-20.flush { | |
| width: 83.3333333333% | |
| } | |
| .grid-19.flush { | |
| width: 79.1666666667% | |
| } | |
| .grid-18.flush { | |
| width: 75% | |
| } | |
| .grid-17.flush { | |
| width: 70.8333333333% | |
| } | |
| .grid-16.flush { | |
| width: 66.6666666667% | |
| } | |
| .grid-15.flush { | |
| width: 62.5% | |
| } | |
| .grid-14.flush { | |
| width: 58.3333333333% | |
| } | |
| .grid-13.flush { | |
| width: 54.1666666667% | |
| } | |
| .grid-12.flush { | |
| width: 50% | |
| } | |
| .grid-11.flush { | |
| width: 45.8333333333% | |
| } | |
| .grid-10.flush { | |
| width: 41.6666666667% | |
| } | |
| .grid-9.flush { | |
| width: 37.5% | |
| } | |
| .grid-8.flush { | |
| width: 33.3333333333% | |
| } | |
| .grid-7.flush { | |
| width: 29.1666666667% | |
| } | |
| .grid-6.flush { | |
| width: 25% | |
| } | |
| .grid-5.flush { | |
| width: 20.8333333333% | |
| } | |
| .grid-4.flush { | |
| width: 16.6666666667% | |
| } | |
| .grid-3.flush { | |
| width: 12.5% | |
| } | |
| .grid-2.flush { | |
| width: 8.33333333333% | |
| } | |
| .grid-1.flush { | |
| width: 4.16666666667% | |
| } | |
| .grid-24.flush-left,.grid-24.flush-right { | |
| width: 99% | |
| } | |
| .grid-23.flush-left,.grid-23.flush-right { | |
| width: 94.79133333% | |
| } | |
| .grid-22.flush-left,.grid-22.flush-right { | |
| width: 90.62466667% | |
| } | |
| .grid-21.flush-left,.grid-21.flush-right { | |
| width: 86.458% | |
| } | |
| .grid-20.flush-left,.grid-20.flush-right { | |
| width: 82.29133333% | |
| } | |
| .grid-19.flush-left,.grid-19.flush-right { | |
| width: 78.12466667% | |
| } | |
| .grid-18.flush-left,.grid-18.flush-right { | |
| width: 73.958% | |
| } | |
| .grid-17.flush-left,.grid-17.flush-right { | |
| width: 69.79133333% | |
| } | |
| .grid-16.flush-left,.grid-16.flush-right { | |
| width: 65.62466667% | |
| } | |
| .grid-15.flush-left,.grid-15.flush-right { | |
| width: 61.458% | |
| } | |
| .grid-14.flush-left,.grid-14.flush-right { | |
| width: 57.29133333% | |
| } | |
| .grid-13.flush-left,.grid-13.flush-right { | |
| width: 53.12466667% | |
| } | |
| .grid-12.flush-left,.grid-12.flush-right { | |
| width: 48.958% | |
| } | |
| .grid-11.flush-left,.grid-11.flush-right { | |
| width: 44.79133333% | |
| } | |
| .grid-10.flush-left,.grid-10.flush-right { | |
| width: 40.62466667% | |
| } | |
| .grid-9.flush-left,.grid-9.flush-right { | |
| width: 36.458% | |
| } | |
| .grid-8.flush-left,.grid-8.flush-right { | |
| width: 32.29133333% | |
| } | |
| .grid-7.flush-left,.grid-7.flush-right { | |
| width: 28.12466667% | |
| } | |
| .grid-6.flush-left,.grid-6.flush-right { | |
| width: 23.958% | |
| } | |
| .grid-5.flush-left,.grid-5.flush-right { | |
| width: 19.79133333% | |
| } | |
| .grid-4.flush-left,.grid-4.flush-right { | |
| width: 15.62466667% | |
| } | |
| .grid-3.flush-left,.grid-3.flush-right { | |
| width: 11.463% | |
| } | |
| .grid-2.flush-left,.grid-2.flush-right { | |
| width: 7.291333333% | |
| } | |
| .grid-1.flush-left,.grid-1.flush-right { | |
| width: 3.124666667% | |
| } | |
| .push-23 { | |
| left: 95.8333333333% | |
| } | |
| .push-22 { | |
| left: 91.6666666667% | |
| } | |
| .push-21 { | |
| left: 87.5% | |
| } | |
| .push-20 { | |
| left: 83.3333333333% | |
| } | |
| .push-19 { | |
| left: 79.1666666667% | |
| } | |
| .push-18 { | |
| left: 75% | |
| } | |
| .push-17 { | |
| left: 70.8333333333% | |
| } | |
| .push-16 { | |
| left: 66.6666666667% | |
| } | |
| .push-15 { | |
| left: 62.5% | |
| } | |
| .push-14 { | |
| left: 58.3333333333% | |
| } | |
| .push-13 { | |
| left: 54.1666666667% | |
| } | |
| .push-12 { | |
| left: 50% | |
| } | |
| .push-11 { | |
| left: 45.8333333333% | |
| } | |
| .push-10 { | |
| left: 41.6666666667% | |
| } | |
| .push-9 { | |
| left: 37.5% | |
| } | |
| .push-8 { | |
| left: 33.3333333333% | |
| } | |
| .push-7 { | |
| left: 29.1666666667% | |
| } | |
| .push-6 { | |
| left: 25% | |
| } | |
| .push-5 { | |
| left: 20.8333333333% | |
| } | |
| .push-4 { | |
| left: 16.6666666667% | |
| } | |
| .push-3 { | |
| left: 12.5% | |
| } | |
| .push-2 { | |
| left: 8.33333333333% | |
| } | |
| .push-1 { | |
| left: 4.16666666667% | |
| } | |
| .pull-23 { | |
| left: -95.8333333333% | |
| } | |
| .pull-22 { | |
| left: -91.6666666667% | |
| } | |
| .pull-21 { | |
| left: -87.5% | |
| } | |
| .pull-20 { | |
| left: -83.3333333333% | |
| } | |
| .pull-19 { | |
| left: -79.1666666667% | |
| } | |
| .pull-18 { | |
| left: -75% | |
| } | |
| .pull-17 { | |
| left: -70.8333333333% | |
| } | |
| .pull-16 { | |
| left: -66.6666666667% | |
| } | |
| .pull-15 { | |
| left: -62.5% | |
| } | |
| .pull-14 { | |
| left: -58.3333333333% | |
| } | |
| .pull-13 { | |
| left: -54.1666666667% | |
| } | |
| .pull-12 { | |
| left: -50% | |
| } | |
| .pull-11 { | |
| left: -45.8333333333% | |
| } | |
| .pull-10 { | |
| left: -41.6666666667% | |
| } | |
| .pull-9 { | |
| left: -37.5% | |
| } | |
| .pull-8 { | |
| left: -33.3333333333% | |
| } | |
| .pull-7 { | |
| left: -29.1666666667% | |
| } | |
| .pull-6 { | |
| left: -25% | |
| } | |
| .pull-5 { | |
| left: -20.8333333333% | |
| } | |
| .pull-4 { | |
| left: -16.6666666667% | |
| } | |
| .pull-3 { | |
| left: -12.5% | |
| } | |
| .pull-2 { | |
| left: -8.33333333333% | |
| } | |
| .pull-1 { | |
| left: -4.16666666667% | |
| } | |
| .offset-23 { | |
| margin-left: 95.8333333333% | |
| } | |
| .offset-22 { | |
| margin-left: 91.6666666667% | |
| } | |
| .offset-21 { | |
| margin-left: 87.5% | |
| } | |
| .offset-20 { | |
| margin-left: 83.3333333333% | |
| } | |
| .offset-19 { | |
| margin-left: 79.1666666667% | |
| } | |
| .offset-18 { | |
| margin-left: 75% | |
| } | |
| .offset-17 { | |
| margin-left: 70.8333333333% | |
| } | |
| .offset-16 { | |
| margin-left: 66.6666666667% | |
| } | |
| .offset-15 { | |
| margin-left: 62.5% | |
| } | |
| .offset-14 { | |
| margin-left: 58.3333333333% | |
| } | |
| .offset-13 { | |
| margin-left: 54.1666666667% | |
| } | |
| .offset-12 { | |
| margin-left: 50% | |
| } | |
| .offset-11 { | |
| margin-left: 45.8333333333% | |
| } | |
| .offset-10 { | |
| margin-left: 41.6666666667% | |
| } | |
| .offset-9 { | |
| margin-left: 37.5% | |
| } | |
| .offset-8 { | |
| margin-left: 33.3333333333% | |
| } | |
| .offset-7 { | |
| margin-left: 29.1666666667% | |
| } | |
| .offset-6 { | |
| margin-left: 25% | |
| } | |
| .offset-5 { | |
| margin-left: 20.8333333333% | |
| } | |
| .offset-4 { | |
| margin-left: 16.6666666667% | |
| } | |
| .offset-3 { | |
| margin-left: 12.5% | |
| } | |
| .offset-2 { | |
| margin-left: 8.33333333333% | |
| } | |
| .offset-1 { | |
| margin-left: 4.16666666667% | |
| } | |
| .offset-23.flush { | |
| margin-left: 95.83333333% | |
| } | |
| .offset-22.flush { | |
| margin-left: 91.66666667% | |
| } | |
| .offset-21.flush { | |
| margin-left: 87.5% | |
| } | |
| .offset-20.flush { | |
| margin-left: 83.33333333% | |
| } | |
| .offset-19.flush { | |
| margin-left: 79.16666667% | |
| } | |
| .offset-18.flush { | |
| margin-left: 75% | |
| } | |
| .offset-17.flush { | |
| margin-left: 70.83333333% | |
| } | |
| .offset-16.flush { | |
| margin-left: 66.66666667% | |
| } | |
| .offset-15.flush { | |
| margin-left: 62.5% | |
| } | |
| .offset-14.flush { | |
| margin-left: 58.33333333% | |
| } | |
| .offset-13.flush { | |
| margin-left: 54.16666667% | |
| } | |
| .offset-12.flush { | |
| margin-left: 50% | |
| } | |
| .offset-11.flush { | |
| margin-left: 45.83333333% | |
| } | |
| .offset-10.flush { | |
| margin-left: 41.66666667% | |
| } | |
| .offset-9.flush { | |
| margin-left: 37.5% | |
| } | |
| .offset-8.flush { | |
| margin-left: 33.33333333% | |
| } | |
| .offset-7.flush { | |
| margin-left: 29.16666667% | |
| } | |
| .offset-6.flush { | |
| margin-left: 25% | |
| } | |
| .offset-5.flush { | |
| margin-left: 20.83333333% | |
| } | |
| .offset-4.flush { | |
| margin-left: 16.66666667% | |
| } | |
| .offset-3.flush { | |
| margin-left: 12.5% | |
| } | |
| .offset-2.flush { | |
| margin-left: 8.333333333% | |
| } | |
| .offset-1.flush { | |
| margin-left: 4.166666667% | |
| } | |
| .pull-right[class*="grid-"] { | |
| float: right | |
| } | |
| .pull-left[class*="grid-"] { | |
| float: left | |
| } | |
| .wrap { | |
| margin-right: 15px | |
| } | |
| .col-2 { | |
| width: 50%; | |
| float: left | |
| } | |
| .col-3 { | |
| width: 33.3%; | |
| float: left | |
| } | |
| .col-4 { | |
| width: 25%; | |
| float: left | |
| } | |
| .show-grid { | |
| background: url("../images/common/grid-bg.png") left top; | |
| background-size: contain | |
| } | |
| .show-grid [class*="grid-"] { | |
| background-color: rgba(0,0,0,0.2); | |
| color: #fff; | |
| border-radius: 3px; | |
| min-height: 40px; | |
| margin-top: 1em | |
| } | |
| .show-grid .show-bg { | |
| background-color: #555; | |
| color: #fff; | |
| text-shadow: 1px 1px 0 #000; | |
| line-height: 40px; | |
| text-align: center | |
| } | |
| .no-rgba .show-grid [class*="grid-"],.msie-lt9 .show-grid [class*="grid-"] { | |
| background-color: #777 | |
| } | |
| #bdcontainer:before,#bdcontainer:after { | |
| content: ""; | |
| display: table | |
| } | |
| #bdcontainer:after { | |
| clear: both | |
| } | |
| #bdcontainer { | |
| zoom:1} | |
| .loading #cont { | |
| display: none | |
| } | |
| #overlayLoginOrRegister,div#leftsidebar li div,.isOverlay #hd,.isOverlay #leftsidebar,.isOverlay #breadcrumbs,.isOverlay .sidebar,.isOverlay #optIn,.isOverlay #ft,.isOverlay .ft,.isOverlay .gc,.isOverlay #product-action-bar,.isOverlay .add-cart-button-inner,#error-overlay-body .top-left,#error-overlay-body .top-right,div#bdcontainer-fullwidth div#leftsidebar,.noshow,.isOverlay #ft,.isOverlay .ft,.isOverlay .gc,.isOverlay #product-action-bar,#error-overlay-body .top-left,#error-overlay-body .top-right,a.dotted-underline span,div#bdcontainer-fullwidth div#leftsidebar,.noshow,.topnav ul li span.overStateImg { | |
| display: none | |
| } | |
| html { | |
| font-size: 10px; | |
| height: 100%; | |
| overflow-y: scroll; | |
| -webkit-text-size-adjust: 10px | |
| } | |
| body,p { | |
| margin: 0; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| line-height: 140%; | |
| line-height: 1.8rem | |
| } | |
| body,button,input,select,textarea { | |
| font-family: "Helvetica Neue", Arial, sans-serif; | |
| color: #6c6f70 | |
| } | |
| body { | |
| height: 100% | |
| } | |
| article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { | |
| display: block | |
| } | |
| audio,canvas,video { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom:1} | |
| audio:not([controls]) { | |
| display: none | |
| } | |
| [hidden] { | |
| display: none | |
| } | |
| ::-moz-selection { | |
| background: #F26100; | |
| color: #fff; | |
| text-shadow: none | |
| } | |
| ::-webkit-selection { | |
| background: #F26100; | |
| color: #fff; | |
| text-shadow: none | |
| } | |
| ::selection { | |
| background: #F26100; | |
| color: #fff; | |
| text-shadow: none | |
| } | |
| html { | |
| -webkit-overflow-scrolling: touch; | |
| -webkit-tap-highlight-color: #349edb; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100% | |
| } | |
| button,input[type="button"],input[type="reset"],input[type="submit"] { | |
| -webkit-appearance: button | |
| } | |
| .ie7 img,.iem7 img { | |
| -ms-interpolation-mode: bicubic | |
| } | |
| input[type="checkbox"],input[type="radio"] { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-box-shadow: none; | |
| box-shadow: none | |
| } | |
| input[type="search"] { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box | |
| } | |
| button::-moz-focus-inner,input::-moz-focus-inner { | |
| padding: 0; | |
| border: 0 | |
| } | |
| p { | |
| -webkit-hyphens: auto; | |
| -webkit-hyphenate-character: "\2010"; | |
| -webkit-hyphenate-limit-after: 1; | |
| -webkit-hyphenate-limit-before: 3; | |
| -moz-hyphens: auto | |
| } | |
| #ratingsTop { | |
| display: none | |
| } | |
| #ratingsTop button { | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important | |
| } | |
| .bv_main_container button { | |
| padding: 0 1em 5px 0 !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| text-shadow: none !important | |
| } | |
| a { | |
| color: #F26100; | |
| -webkit-transition: all 0.3s ease; | |
| transition: all 0.3s ease; | |
| text-decoration: none | |
| } | |
| a:focus { | |
| outline: thin dotted | |
| } | |
| a:hover { | |
| text-decoration: underline | |
| } | |
| a:active { | |
| outline: 0 | |
| } | |
| a:link { | |
| -webkit-tap-highlight-color: #F26100 | |
| } | |
| a.arrowRight:after { | |
| content: "\25B6"; | |
| margin-left: 3px; | |
| font-size: 50%; | |
| position: absolute; | |
| top: 5px | |
| } | |
| @font-face { | |
| font-family: "AutoZoneCond"; | |
| src: url("../fonts/AutoZoneCond.eot"); | |
| src: url("../fonts/AutoZoneCond.eot?iefix") format("embedded-opentype"),url("../fonts/AutoZoneCond.woff2") format("woff2"),url("../fonts/AutoZoneCond.woff") format("woff"),url("../fonts/AutoZoneCond.ttf") format("truetype"),url("../fonts/AutoZoneCond.svg#AutoZoneCond") format("svg") | |
| } | |
| @font-face { | |
| font-family: "AutoZoneCond-Heavy"; | |
| src: url("../fonts/AutoZoneCond-Heavy.eot"); | |
| src: url("../fonts/AutoZoneCond-Heavy.eot?iefix") format("embedded-opentype"),url("../fonts/AutoZoneCond-Heavy.woff2") format("woff2"),url("../fonts/AutoZoneCond-Heavy.woff") format("woff"),url("../fonts/AutoZoneCond-Heavy.ttf") format("truetype"),url("../fonts/AutoZoneCond-Heavy.svg#AutoZoneCond-Heavy") format("svg"); | |
| font-weight: normal !important; | |
| font-style: normal !important | |
| } | |
| @font-face { | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| src: url("../fonts/AutoZoneCond-HeavyIt.eot"); | |
| src: url("../fonts/AutoZoneCond-HeavyIt.eot?iefix") format("embedded-opentype"),url("../fonts/AutoZoneCond-HeavyIt.woff2") format("woff2"),url("../fonts/AutoZoneCond-HeavyIt.woff") format("woff"),url("../fonts/AutoZoneCond-HeavyIt.ttf") format("truetype"),url("../fonts/AutoZoneCond-HeavyIt.svg#AutoZoneCond-HeavyIt") format("svg"); | |
| font-weight: normal !important; | |
| font-style: normal !important | |
| } | |
| @font-face { | |
| font-family: "AutoZoneCond-Italic"; | |
| src: url("../fonts/AutoZoneCond-Italic.eot"); | |
| src: url("../fonts/AutoZoneCond-Italic.eot?iefix") format("embedded-opentype"),url("../fonts/AutoZoneCond-Italic.woff2") format("woff2"),url("../fonts/AutoZoneCond-Italic.woff") format("woff"),url("../fonts/AutoZoneCond-Italic.ttf") format("truetype"),url("../fonts/AutoZoneCond-Italic.svg#AutoZoneCond-Italic") format("svg"); | |
| font-weight: normal !important; | |
| font-style: normal !important | |
| } | |
| @font-face { | |
| font-family: "AutoZoneCond-Medium"; | |
| src: url("../fonts/AutoZoneCond-Medium.eot"); | |
| src: url("../fonts/AutoZoneCond-Medium.eot?iefix") format("embedded-opentype"),url("../fonts/AutoZoneCond-Medium.woff2") format("woff2"),url("../fonts/AutoZoneCond-Medium.woff") format("woff"),url("../fonts/AutoZoneCond-Medium.ttf") format("truetype"),url("../fonts/AutoZoneCond-Medium.svg#AutoZoneCond-Medium") format("svg"); | |
| font-weight: normal !important; | |
| font-style: normal !important | |
| } | |
| @font-face { | |
| font-family: "AutoZoneCond-MediumIt"; | |
| src: url("../fonts/AutoZoneCond-MediumIt.eot"); | |
| src: url("../fonts/AutoZoneCond-MediumIt.eot?iefix") format("embedded-opentype"),url("../fonts/AutoZoneCond-MediumIt.woff2") format("woff2"),url("../fonts/AutoZoneCond-MediumIt.woff") format("woff"),url("../fonts/AutoZoneCond-MediumIt.ttf") format("truetype"),url("../fonts/AutoZoneCond-MediumIt.svg#AutoZoneCond-MediumIt") format("svg"); | |
| font-weight: normal !important; | |
| font-style: normal !important | |
| } | |
| @font-face { | |
| font-family: 'AZ-Icons'; | |
| src: url("../fonts/AZ-Icons.eot?-zep1xc"); | |
| src: url("../fonts/AZ-Icons.eot?#iefix-zep1xc") format("embedded-opentype"),url("../fonts/AZ-Icons.woff?-zep1xc") format("woff"),url("../fonts/AZ-Icons.ttf?-zep1xc") format("truetype"),url("../fonts/AZ-Icons.svg?-zep1xc#AZ-Icons") format("svg"); | |
| font-weight: normal; | |
| font-style: normal | |
| } | |
| [class^="icon-"],[class*=" icon-"] { | |
| font-family: 'AZ-Icons'; | |
| speak: none; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| -webkit-font-feature-settings: "liga"; | |
| -ms-font-feature-settings: "liga" 1; | |
| -o-font-feature-settings: "liga"; | |
| font-feature-settings: "liga"; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale | |
| } | |
| .icon-dollar:before { | |
| content: "\24" | |
| } | |
| .icon-search:before { | |
| content: "\53" | |
| } | |
| .icon-logo:before { | |
| content: "\41" | |
| } | |
| .icon-barcode:before { | |
| content: "\42" | |
| } | |
| .icon-comment:before { | |
| content: "\63" | |
| } | |
| .icon-gear:before { | |
| content: "\47" | |
| } | |
| .icon-location:before { | |
| content: "\4c" | |
| } | |
| .icon-message:before { | |
| content: "\4d" | |
| } | |
| .icon-freight:before { | |
| content: "\46" | |
| } | |
| .icon-repair:before { | |
| content: "\52" | |
| } | |
| .icon-price:before { | |
| content: "\62" | |
| } | |
| .icon-vehicleSelect:before { | |
| content: "\56" | |
| } | |
| .icon-cart:before { | |
| content: "\43" | |
| } | |
| .icon-info:before { | |
| content: "\69" | |
| } | |
| .icon-mail:before { | |
| content: "\6d" | |
| } | |
| .icon-check:before { | |
| content: "\6b" | |
| } | |
| .icon-printer:before { | |
| content: "\e600" | |
| } | |
| .icon-arrow-down:before { | |
| content: "\36" | |
| } | |
| .icon-arrow-up:before { | |
| content: "\5e" | |
| } | |
| .icon-arrow-left:before { | |
| content: "\3c" | |
| } | |
| .icon-arrow-right:before { | |
| content: "\3e" | |
| } | |
| .icon-dollar { | |
| font-size: 1.3em; | |
| color: #F26100; | |
| padding-right: 2px; | |
| position: relative; | |
| bottom: -.1em | |
| } | |
| .icon-mail { | |
| font-size: 1.8em; | |
| color: #F26100; | |
| padding-right: 5px; | |
| position: relative; | |
| bottom: -.1em | |
| } | |
| .icon-info { | |
| font-size: 1.3em; | |
| color: #D1D1D1; | |
| padding-right: 1px; | |
| position: relative; | |
| bottom: -.15em | |
| } | |
| .icon-info-dark { | |
| color: #909090 !important | |
| } | |
| .icon-check { | |
| font-size: 1.3em; | |
| color: #D1D1D1; | |
| position: relative; | |
| bottom: -.15em | |
| } | |
| h1 { | |
| font-size: 33px; | |
| margin: .2em 0 .5em | |
| } | |
| h2 { | |
| font-size: 33px; | |
| margin: .2em 0 .5em | |
| } | |
| h3 { | |
| font-size: 22px; | |
| margin: .2em 0 .5em | |
| } | |
| h4 { | |
| font-size: 18px; | |
| margin: .2em 0 .5em | |
| } | |
| h5 { | |
| font-size: 14px; | |
| margin: .2em 0 .5em | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| background: none; | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| font-weight: bold; | |
| color: #231f20; | |
| line-height: 1em | |
| } | |
| h1.wf-heading,h2.wf-heading,h3.wf-heading,h4.wf-heading,h5.wf-heading,h6.wf-heading { | |
| font-family: 'AutoZoneCond-Heavy', Helvetica Neue, Arial, sans-serif; | |
| font-weight: normal | |
| } | |
| h1.pattern,h2.pattern,h3.pattern,h4.pattern,h5.pattern,h6.pattern { | |
| background: url("../images/common/bg-heading.gif") repeat 0 0; | |
| line-height: 16px | |
| } | |
| h1.pattern span,h2.pattern span,h3.pattern span,h4.pattern span,h5.pattern span,h6.pattern span { | |
| background: #fff; | |
| display: inline-block; | |
| padding-right: 10px; | |
| color: #666666 | |
| } | |
| h1.branded,h2.branded,h3.branded,h4.branded,h5.branded,h6.branded { | |
| background: url("../images/common/nav_bg.png") no-repeat -1070px bottom; | |
| font-family: 'AutoZoneCond-Heavy', Helvetica Neue, Arial, sans-serif; | |
| font-weight: normal; | |
| padding: 5px 0 5px 20px; | |
| padding: .5rem 0 .5rem 2rem; | |
| color: #fff; | |
| margin-top: 0 | |
| } | |
| h1.orange,h1.orange a,h2.orange,h2.orange a,h3.orange,h3.orange a,h4.orange,h4.orange a,h5.orange,h5.orange a,h6.orange,h6.orange a { | |
| color: #f38308 | |
| } | |
| h4.wf-heading { | |
| font-size: 22px | |
| } | |
| p { | |
| -webkit-hyphens: auto; | |
| -ms-hyphens: auto; | |
| hyphens: auto | |
| } | |
| p+p { | |
| margin-top: 1em | |
| } | |
| abbr[title] { | |
| border-bottom: 1px dotted | |
| } | |
| b,strong { | |
| font-weight: bold | |
| } | |
| dfn { | |
| font-style: italic | |
| } | |
| hr { | |
| display: block; | |
| width: 100%; | |
| clear: both; | |
| color: #fff; | |
| border: none; | |
| border-bottom: 1px dotted #cccecd; | |
| margin: 1em 0; | |
| padding: 0 | |
| } | |
| ins { | |
| background: #ff9; | |
| color: #000; | |
| text-decoration: none | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| font-style: italic; | |
| font-weight: bold | |
| } | |
| blockquote { | |
| font-family: Georgia, serif; | |
| font-style: italic; | |
| font-size: 16px; | |
| margin: 1.5em; | |
| padding: 1em 5%; | |
| border-top: 3px solid #ededed; | |
| border-bottom: 3px solid #ededed | |
| } | |
| pre,code,kbd,samp { | |
| font-family: monospace, monospace; | |
| _font-family: 'courier new', monospace; | |
| font-size: 1em | |
| } | |
| pre { | |
| background-color: #eee; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| clear: both | |
| } | |
| pre:before { | |
| background: none repeat scroll 0 0 #F26100; | |
| color: #fff; | |
| content: attr(data-type); | |
| float: left | |
| } | |
| pre code,pre:before { | |
| padding: 0.5em 0.8em | |
| } | |
| code { | |
| padding: .5em; | |
| display: inline-block | |
| } | |
| q { | |
| quotes: none | |
| } | |
| q:before,q:after { | |
| content: ""; | |
| content: none | |
| } | |
| small { | |
| font-size: 85%; | |
| line-height: 100% | |
| } | |
| sub,sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sup { | |
| top: -0.5em; | |
| vertical-align: super | |
| } | |
| sub { | |
| bottom: -0.25em | |
| } | |
| .align-left { | |
| text-align: left | |
| } | |
| .align-right { | |
| text-align: right | |
| } | |
| .align-center { | |
| text-align: center | |
| } | |
| #headerPromoArea>div>div>pencilAd { | |
| font-family: 'AutoZoneCond-HeavyIt' !important; | |
| font-size: 18px !important | |
| } | |
| #headerPromoArea>div>div>p>code { | |
| font-size: 18px !important | |
| } | |
| .orange { | |
| color: #F26100 | |
| } | |
| .gray { | |
| color: #A4A4A4 | |
| } | |
| .darkgray { | |
| color: #6C6F70 | |
| } | |
| ul li { | |
| padding-bottom: .5em; | |
| background-repeat: no-repeat; | |
| background-position: 1px 7px; | |
| padding-left: 10px; | |
| list-style-type: none | |
| } | |
| ul.squareBullet li { | |
| background-image: url(../images/common/square_bullet.gif) | |
| } | |
| ul,.item-list ul,ol { | |
| margin: 1em 0; | |
| padding: 0 0 0 1.2em | |
| } | |
| ul.unstyled,ol.unstyled { | |
| list-style: none; | |
| list-style-image: none; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .currentVehicle ul { | |
| clear: both | |
| } | |
| ul.inline,ol.inline { | |
| list-style: none; | |
| list-style-image: none; | |
| padding: 0 | |
| } | |
| ul.inline li,ol.inline li { | |
| display: inline-block; | |
| margin-right: 5px; | |
| background-image: none; | |
| zoom:1;*display: inline | |
| } | |
| ul.inline:last-child,ol.inline:last-child { | |
| margin-right: 0 | |
| } | |
| ul.no-bullet li { | |
| background-image: none; | |
| padding-left: 0 | |
| } | |
| dl,dd { | |
| margin-bottom: 1.5em | |
| } | |
| dt { | |
| font-weight: normal | |
| } | |
| dd:last-child { | |
| margin-bottom: 0 | |
| } | |
| ul.nav,ol.nav { | |
| list-style: none; | |
| list-style-image: none; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| ul.nav li:last-child,ol.nav li:last-child { | |
| border-bottom: none | |
| } | |
| ul.nav li:last-child a,ul.nav li:last-child a:visited,ol.nav li:last-child a,ol.nav li:last-child a:visited { | |
| color: #000; | |
| text-decoration: none; | |
| display: block; | |
| padding: 3px 5px | |
| } | |
| ul ul { | |
| margin-bottom: 0 | |
| } | |
| img { | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| vertical-align: middle; | |
| height: auto; | |
| max-width: 100% !important | |
| } | |
| .QSISlider img { | |
| max-width: 200% !important | |
| } | |
| svg:not(:root) { | |
| overflow: hidden | |
| } | |
| figure { | |
| margin: 0 | |
| } | |
| ins { | |
| background-color: #ff9; | |
| color: #000; | |
| text-decoration: none | |
| } | |
| mark { | |
| background-color: #ff9; | |
| color: #000; | |
| font-style: italic; | |
| font-weight: bold | |
| } | |
| del { | |
| text-decoration: line-through | |
| } | |
| abbr[title],dfn[title] { | |
| border-bottom: 1px dotted; | |
| cursor: help | |
| } | |
| sub,sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sup { | |
| top: -.5em | |
| } | |
| sub { | |
| bottom: -.25em | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| margin-bottom: 1.4em | |
| } | |
| th,td,caption { | |
| padding: .5em | |
| } | |
| tfoot { | |
| font-style: italic | |
| } | |
| caption { | |
| background-color: transparent | |
| } | |
| th { | |
| background: #F26100; | |
| color: #fff | |
| } | |
| table.full { | |
| width: 100% | |
| } | |
| table.table-bordered tr { | |
| border-bottom: 1px solid #cccecd | |
| } | |
| table.table-bordered tr:hover { | |
| background: #eee | |
| } | |
| table.striped tr:nth-of-type(odd) { | |
| background: #eee | |
| } | |
| .button,button { | |
| cursor: pointer; | |
| display: inline-block; | |
| background-color: #f69d00; | |
| background-repeat: no-repeat; | |
| background-image: -webkit-gradient(linear, left top, left bottom, from(#f69d00), to(#f37d00)); | |
| background-image: linear-gradient(to bottom, #f69d00 0%, #f37d00 100%); | |
| padding: 6px 13px; | |
| font-family: 'AutoZoneCond-Heavy', Helvetica Neue, Arial, Sans-serif; | |
| font-weight: normal; | |
| text-shadow: 0 1px 1px rgba(0,0,0,0.25); | |
| color: #fff; | |
| font-size: 16px; | |
| line-height: inherit; | |
| text-transform: uppercase; | |
| border: 1px solid #f37f00; | |
| border-bottom-color: #d66d00; | |
| border-radius: 4px; | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); | |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); | |
| -webkit-transition: 0.1s linear all; | |
| transition: 0.1s linear all | |
| } | |
| .button.active,.button:active,button.active,button:active { | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05); | |
| box-shadow: inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05) | |
| } | |
| .button:hover,button:hover { | |
| text-decoration: none | |
| } | |
| a.button,button { | |
| color: #fff; | |
| text-decoration: none | |
| } | |
| .button:focus,button:focus { | |
| outline: none | |
| } | |
| .disabled,[disabled] { | |
| cursor: default !important; | |
| background-image: none; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); | |
| opacity: 0.65; | |
| -webkit-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .button.white,button.white { | |
| color: #6c6f70 !important; | |
| border-color: #d5d5d5; | |
| text-shadow: none; | |
| background-color: #feffff; | |
| background-image: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#dedede)); | |
| background-image: linear-gradient(to bottom, #feffff 0%, #dedede 100%) | |
| } | |
| .button.large,button.large { | |
| font-size: 15px; | |
| line-height: normal; | |
| padding: 9px 14px 9px; | |
| border-radius: 6px | |
| } | |
| .button.small,button.small { | |
| padding: 7px 9px 7px; | |
| font-size: 11px | |
| } | |
| .button span,button span { | |
| background: url("../images/common/button-arrow-rt.png") no-repeat right center; | |
| padding-right: 12px; | |
| display: block | |
| } | |
| .button.white span,button.white span { | |
| background: url("../images/common/button-white-right.png") no-repeat right center; | |
| padding-right: 12px; | |
| display: block | |
| } | |
| .button.white .back,button.white .back { | |
| background: transparent url("../images/common/button-white-left.png") no-repeat left center; | |
| display: block; | |
| text-indent: 12px | |
| } | |
| button.button::-moz-focus-inner,input[type=submit].button::-moz-focus-inner { | |
| padding: 0; | |
| border: 0 | |
| } | |
| a.button .back,button .back { | |
| background: transparent url("../images/common/button-arrow-lt.png") no-repeat left center; | |
| display: block; | |
| text-indent: 12px | |
| } | |
| a.button .more,button .more { | |
| background: transparent url("../images/plus.gif") no-repeat left center; | |
| display: block; | |
| text-indent: 30px | |
| } | |
| a.button .edit,button .edit { | |
| background: transparent url("../images/edit.png") no-repeat left center; | |
| display: block; | |
| text-indent: 30px | |
| } | |
| button.button::-moz-focus-inner,input[type=submit].button::-moz-focus-inner,button::-moz-focus-inner { | |
| padding: 0; | |
| border: 0 | |
| } | |
| .myzoneBtn { | |
| padding: 4px 16px; | |
| font-size: 14px; | |
| line-height: 15px; | |
| font-family: "AutoZoneCond-Heavy",Arial,sans-serif | |
| } | |
| form { | |
| margin: 0 | |
| } | |
| fieldset { | |
| border: 0; | |
| margin: .5em 0; | |
| padding: 0; | |
| position: relative | |
| } | |
| label { | |
| cursor: pointer; | |
| display: block; | |
| margin-bottom: 5px | |
| } | |
| input,textarea,select { | |
| padding: 5px | |
| } | |
| input,textarea { | |
| width: 98% | |
| } | |
| input[type=number],form.inline input[type=number] { | |
| width: auto | |
| } | |
| .inline label { | |
| display: inline-block; | |
| margin-right: 1%; | |
| text-align: right; | |
| width: 30% | |
| } | |
| .inline label.errorText { | |
| display: block | |
| } | |
| .inline input,.inline textarea { | |
| width: 60% | |
| } | |
| .inline input[type="button"],.inline input[type="submit"],.inline .submit-link { | |
| width: auto; | |
| margin-left: 31.5% | |
| } | |
| legend { | |
| border: 0; | |
| padding: 0; | |
| font-weight: bold; | |
| font-size: 14px; | |
| *margin-left: -7px | |
| } | |
| form.inline legend { | |
| padding-left: 31%; | |
| text-align: left | |
| } | |
| button,input,select,textarea { | |
| font-size: 13px; | |
| margin: 0; | |
| vertical-align: middle; | |
| *vertical-align: middle | |
| } | |
| input,textarea,select { | |
| border: 1px solid #fff; | |
| -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3); | |
| box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3); | |
| -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; | |
| -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; | |
| transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; | |
| transition: border linear 0.2s, box-shadow linear 0.2s; | |
| transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s | |
| } | |
| .no-boxshadow input,.no-boxshadow textarea,.no-boxshadow select { | |
| border-color: #adadad | |
| } | |
| input:focus,textarea:focus { | |
| border-color: rgba(243,97,20,0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(243,97,20,0.6); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(243,97,20,0.6) | |
| } | |
| button,input { | |
| line-height: normal; | |
| *overflow: visible | |
| } | |
| table button,table input { | |
| *overflow: auto | |
| } | |
| button,input[type="button"],input[type="image"],input[type="reset"],input[type="submit"],[role="button"] { | |
| cursor: pointer; | |
| -webkit-appearance: button; | |
| width: auto | |
| } | |
| input[type="image"] { | |
| border: none; | |
| background: transparent; | |
| padding: 0; | |
| vertical-align: middle | |
| } | |
| input[type="checkbox"],input[type="radio"],fieldset.checkbox input,fieldset.radio input { | |
| position: relative; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 0; | |
| width: 1em; | |
| height: 1em; | |
| border: none; | |
| top: -3px; | |
| margin: 0; | |
| vertical-align: bottom; | |
| *overflow: hidden | |
| } | |
| fieldset.checkbox label,fieldset.radio label { | |
| padding-left: 1.1em; | |
| text-indent: -1.1em; | |
| margin-left: 0; | |
| *float: left; | |
| text-align: left | |
| } | |
| fieldset.inline.checkbox label,fieldset.inline.radio label,.inline fieldset.checkbox label,.inline fieldset.radio label { | |
| width: auto | |
| } | |
| .inline fieldset.checkbox label,.inline fieldset.radio label { | |
| margin-left: 5% | |
| } | |
| fieldset.checkbox,fieldset.radio { | |
| margin-bottom: 0; | |
| vertical-align: middle | |
| } | |
| form.inline fieldset.checkbox,form.inline fieldset.radio { | |
| margin-left: 28%; | |
| padding-left: 4px | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box | |
| } | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none | |
| } | |
| button::-moz-focus-inner { | |
| border: 0; | |
| padding: 0 | |
| } | |
| textarea { | |
| overflow: auto; | |
| vertical-align: top; | |
| resize: vertical | |
| } | |
| input::-webkit-input-placeholder { | |
| color: #999 | |
| } | |
| input:-moz-placeholder { | |
| color: #999 | |
| } | |
| ::-webkit-input-placeholder { | |
| color: #999 | |
| } | |
| :-moz-placeholder { | |
| color: #999 | |
| } | |
| .read-only-form h3 { | |
| margin: 0 | |
| } | |
| .read-only-form .fieldset { | |
| clear: both; | |
| padding: 10px 5px; | |
| margin: 0; | |
| border-bottom: 1px solid #c8c8c8 | |
| } | |
| .read-only-form .label { | |
| width: 33%; | |
| float: left; | |
| text-align: right; | |
| padding-right: 2% | |
| } | |
| .read-only-form .label:after { | |
| content: ':' | |
| } | |
| .read-only-form .inputText { | |
| width: 65%; | |
| float: left | |
| } | |
| .disableSubmit .submitLink { | |
| opacity: .5 | |
| } | |
| .disableSubmit .submitThis { | |
| padding-bottom: 1.6em | |
| } | |
| .submitDisabled { | |
| display: none | |
| } | |
| .disableSubmit .submitDisabled { | |
| display: inline | |
| } | |
| [disabled] { | |
| opacity: .4 | |
| } | |
| .hasError input { | |
| border: 1px solid #F90000 !important; | |
| background-color: #FFCCCB | |
| } | |
| .hasError input.notRequired,.hasError input.passed { | |
| border-color: #000; | |
| background: #fff | |
| } | |
| fieldset.hasError .errorText { | |
| color: #A40204; | |
| display: block; | |
| margin-left: 32%; | |
| text-align: left; | |
| width: auto; | |
| float: none; | |
| font-weight: normal | |
| } | |
| .fullWidthErrors .hasError .errorText { | |
| margin-left: 0 | |
| } | |
| .errorText { | |
| color: red; | |
| font-weight: bold | |
| } | |
| label.helperText { | |
| margin-top: 5px; | |
| display: block; | |
| margin-left: 32%; | |
| text-align: left; | |
| font-weight: normal; | |
| width: auto; | |
| float: none; | |
| line-height: 18px; | |
| color: #999999 | |
| } | |
| .helperText.right { | |
| text-align: right; | |
| margin-right: 5% | |
| } | |
| .helperText.left { | |
| text-align: left; | |
| margin-left: 0 | |
| } | |
| #profilelogin .hasError,.info,.alert { | |
| border: none | |
| } | |
| #profilelogin .hasError li,.info li,.alert li { | |
| list-style-type: none | |
| } | |
| #profilelogin .hasError { | |
| background: transparent; | |
| color: #A40204; | |
| text-shadow: none; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| #profilelogin .info { | |
| border-color: green; | |
| background: #a0f1a7; | |
| color: #000; | |
| margin: 10px 0; | |
| padding: 10px | |
| } | |
| #profilelogin .alert { | |
| border-color: #fad816; | |
| background: #fdf59f; | |
| color: #000; | |
| margin: 10px 0; | |
| padding: 10px | |
| } | |
| #profilelogin fieldset.hasError .errorText { | |
| color: #A40204; | |
| display: block; | |
| float: none; | |
| font-weight: normal; | |
| margin-left: 31%; | |
| text-align: left; | |
| width: auto | |
| } | |
| .azForm input.phone1,.azForm input.phone2,.azForm input.phone3 { | |
| width: 3em | |
| } | |
| .azForm label.assistive { | |
| position: absolute; | |
| left: -1000px; | |
| top: auto; | |
| width: 1px; | |
| height: 1px; | |
| overflow: hidden | |
| } | |
| .required label.requiredFieldLabel { | |
| margin-left: -4px | |
| } | |
| #linkRewardsPopup { | |
| background-color: #fff | |
| } | |
| .noMargins { | |
| margin: 0 !important | |
| } | |
| .noPadding { | |
| padding: 0 !important | |
| } | |
| .rewardsRadio { | |
| margin: 5px 5px 5px 0 !important | |
| } | |
| #rewardsContinueButton,#myZoneContinueButton { | |
| margin: 5px 0 | |
| } | |
| .form-legend { | |
| padding-right: 5px; | |
| font-size: 12px; | |
| text-align: right; | |
| line-height: 22px | |
| } | |
| .rewardsHelperLine { | |
| color: #C1C1C1; | |
| font-size: 17px | |
| } | |
| .rewardsGreyHelper { | |
| font-size: 19px; | |
| text-transform: uppercase; | |
| color: #b6b6b6; | |
| font-weight: bold | |
| } | |
| .right-text { | |
| text-align: right | |
| } | |
| #linkRewardsPopup { | |
| margin: 0 | |
| } | |
| .rewardsSpacingHelp { | |
| line-height: 30px | |
| } | |
| #linkAccountButton { | |
| margin-right: 13px | |
| } | |
| .resetPassLink { | |
| cursor: pointer | |
| } | |
| .resetPassLink:hover { | |
| color: #F26100 | |
| } | |
| .rewardsOverlayBorder { | |
| background: url(/images/dialog/dialog-border-pattern.png) #e1e1e1 !important; | |
| padding: 6px !important; | |
| margin: 12px !important | |
| } | |
| #order-history-table { | |
| margin-left: 1px !important | |
| } | |
| #order-history-table th { | |
| background-color: #FFF; | |
| color: #6c6f70; | |
| text-align: left | |
| } | |
| .shadow { | |
| -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3); | |
| box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3) | |
| } | |
| .right { | |
| float: right | |
| } | |
| .left { | |
| float: left | |
| } | |
| img.left { | |
| float: left; | |
| margin: 0 10px 0 0 | |
| } | |
| img.right { | |
| float: right; | |
| margin: 0 0 0 10px | |
| } | |
| .centered { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center | |
| } | |
| .clear { | |
| clear: both | |
| } | |
| .clearLeft { | |
| clear: left | |
| } | |
| .clearRight { | |
| clear: right | |
| } | |
| .clearfix:before,.clearfix:after { | |
| content: ""; | |
| display: table | |
| } | |
| .clearfix:after { | |
| clear: both | |
| } | |
| .clearfix { | |
| zoom:1} | |
| .right.over-edge { | |
| margin-right: -15px; | |
| padding-bottom: 5px; | |
| background: url("../images/common/over-edge-right.gif") no-repeat bottom right | |
| } | |
| .border-right { | |
| border-right: 1px solid #eee | |
| } | |
| .border-left { | |
| border-left: 1px solid #eee | |
| } | |
| .dotted-bottom { | |
| border-bottom: 1px dotted #ccc; | |
| padding-bottom: 6px | |
| } | |
| .ir { | |
| display: block; | |
| border: 0; | |
| text-indent: -999em; | |
| overflow: hidden; | |
| background-color: transparent; | |
| background-repeat: no-repeat; | |
| text-align: left; | |
| direction: ltr | |
| } | |
| .ir br { | |
| display: none | |
| } | |
| .hidden { | |
| display: none !important; | |
| visibility: hidden | |
| } | |
| .visuallyhidden { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { | |
| clip: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| position: static; | |
| width: auto | |
| } | |
| .invisible { | |
| visibility: hidden | |
| } | |
| .pad { | |
| padding: 10px | |
| } | |
| .pad-sides { | |
| padding-left: 10px; | |
| padding-right: 10px | |
| } | |
| .pad-left { | |
| padding-left: 10px | |
| } | |
| .pad-right { | |
| padding-right: 10px | |
| } | |
| .prepend-top { | |
| margin-top: 1.5em | |
| } | |
| .append-bottom { | |
| margin-bottom: 1.5em | |
| } | |
| .small { | |
| font-size: .8em; | |
| margin-bottom: 1.875em; | |
| line-height: 1.875em | |
| } | |
| .large { | |
| font-size: 1.2em; | |
| line-height: 2.5em; | |
| margin-bottom: 1.25em | |
| } | |
| .hide { | |
| display: none | |
| } | |
| .quiet { | |
| color: #666 | |
| } | |
| .loud { | |
| color: #000 | |
| } | |
| .highlight { | |
| background: #ff0 | |
| } | |
| .added { | |
| background: #060; | |
| color: #fff | |
| } | |
| .removed { | |
| background: #900; | |
| color: #fff | |
| } | |
| .first { | |
| margin-left: 0 !important; | |
| padding-left: 0 !important | |
| } | |
| .last { | |
| margin-right: 0 !important; | |
| padding-right: 0 !important | |
| } | |
| .top { | |
| margin-top: 0 !important; | |
| padding-top: 0 !important | |
| } | |
| .bottom { | |
| margin-bottom: 0 !important; | |
| padding-bottom: 0 !important | |
| } | |
| body { | |
| background: #e5e5e5 | |
| } | |
| #hd .inner,#toolbar .inner,#cont,#ft .inner,.ft .inner,#optIn .inner { | |
| margin: 0 auto; | |
| position: relative; | |
| width: 986px | |
| } | |
| #cont { | |
| margin-top: 202px | |
| } | |
| #cont.hasPencilBanner { | |
| margin-top: 265px | |
| } | |
| #cont.hasTopBanner { | |
| margin-top: 239px | |
| } | |
| #cont.hasPencilBanner.hasTopBanner { | |
| margin-top: 302px | |
| } | |
| .checkout #cont.hasPencilBanner.hasTopBanner,.checkout #cont.hasTopBanner,.checkout #cont.hasPencilBanner,.checkout #cont { | |
| margin-top: 75px | |
| } | |
| .checkout #site-send-list-confirmation #cont.hasPencilBanner { | |
| margin-top: 265px | |
| } | |
| .checkout #site-send-list-confirmation #cont { | |
| margin-top: 202px | |
| } | |
| .loggedIn.checkout #cont.hasPencilBanner.hasTopBanner,.loggedIn.checkout #cont.hasTopBanner,.loggedIn.checkout #cont.hasPencilBanner,.loggedIn.checkout #cont { | |
| margin-top: 100px | |
| } | |
| .isOverlay #cont { | |
| margin-top: 0 | |
| } | |
| #globalHeader { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100% | |
| } | |
| #hd { | |
| color: #666666; | |
| font-size: 12px; | |
| width: 100%; | |
| background: #fff; | |
| font-family: Helvetica Neue, Arial, sans-serif | |
| } | |
| #hd .light-gray { | |
| color: #a2a2a2 | |
| } | |
| #hd.hd-cart { | |
| width: 100%; | |
| background: #fff; | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| height: 80px | |
| } | |
| #hd a { | |
| color: #F26100 | |
| } | |
| #hd #siteLogo { | |
| margin: 15px 0 5px; | |
| padding: 0; | |
| text-indent: -9000px; | |
| width: 313px; | |
| height: 55px; | |
| z-index: 10 | |
| } | |
| #hd #siteLogo .noLink { | |
| height: 40px; | |
| margin-top: 8px | |
| } | |
| #hd #siteLogo a { | |
| background: url("../images/common/logo.svg") no-repeat scroll bottom left transparent; | |
| border: 0 none; | |
| display: block; | |
| height: 55px | |
| } | |
| #hd #siteLogo span { | |
| background: none repeat scroll 0 0 transparent; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| text-indent: -3000px; | |
| overflow: hidden | |
| } | |
| #hd h3 { | |
| background: none; | |
| color: #666666; | |
| font-family: 'AutoZoneCond-Heavy',Helvetica Neue,Arial,sans-serif; | |
| font-size: 16px | |
| } | |
| #hd h3 a { | |
| background: url("../images/common/arrow-right-orange-sm.gif") no-repeat right center transparent; | |
| padding-right: 15px; | |
| color: #666666 | |
| } | |
| #hd #manage-vehicles h3 a { | |
| background-image: url("../images/common/arrow-dwn-orange-sm.gif") | |
| } | |
| #hd #myStore h3 a { | |
| background-image: url("../images/common/arrow-dwn-orange-sm.gif") | |
| } | |
| #hd .dropdown { | |
| display: none; | |
| background: #fff; | |
| padding: 5px; | |
| position: absolute; | |
| top: 80px; | |
| left: -90px; | |
| width: 310px; | |
| z-index: 500; | |
| -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); | |
| box-shadow: 0 0 4px 0 rgba(0,0,0,0.5) | |
| } | |
| #hd .dropdown a,#hd .dropdown a:hover,#hd .dropdown a.visited { | |
| color: #f26100 | |
| } | |
| #hd .dropdown .close { | |
| position: absolute; | |
| top: 8px; | |
| right: 5px; | |
| background: url("../images/common/dropDown_close.png") no-repeat right center transparent; | |
| color: #a2a2a2; | |
| font-weight: bold; | |
| padding-right: 25px; | |
| cursor: pointer; | |
| text-indent: -9000em | |
| } | |
| #hd .dropdown .header { | |
| background: #f1f1f1; | |
| border-bottom: 1px dotted #b2b4b3; | |
| padding: 10px; | |
| margin-bottom: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: 140% | |
| } | |
| #hd .dropdown .header strong { | |
| font-size: 14px; | |
| display: block; | |
| margin-bottom: 10px; | |
| color: #231f20 | |
| } | |
| #hd .dropdown .body { | |
| padding: 10px; | |
| color: #231f20 | |
| } | |
| #hd .dropdown .body strong { | |
| font-size: 13px | |
| } | |
| #hd .dropdown .body h4 { | |
| color: #231f20 | |
| } | |
| #hd .dropdown .body .allProducts { | |
| font-size: 13px | |
| } | |
| #hd .dropdown .body .margins { | |
| margin-bottom: 8px | |
| } | |
| #hd .dropdown .footer { | |
| background: #F37F00; | |
| color: #fff; | |
| padding: 5px; | |
| margin-top: 5px; | |
| clear: both; | |
| font-weight: bold; | |
| font-size: 11px | |
| } | |
| #hd .dropdown .footer a { | |
| color: #fff | |
| } | |
| #hd .dropdown .footer li:first-child { | |
| padding-right: 10px; | |
| margin-right: 8px; | |
| border-right: 1px solid #231f20 | |
| } | |
| #hd a#bopus-enabled-store { | |
| position: absolute; | |
| top: 50px; | |
| left: 950px; | |
| background: url(../images/common/bopus-logo.gif) top left no-repeat; | |
| display: block; | |
| width: 76px; | |
| height: 48px; | |
| text-indent: -300px; | |
| overflow: hidden | |
| } | |
| #hd #hd.hd-cart #shopping-cart { | |
| top: 10px; | |
| height: 70px | |
| } | |
| #hd #shopping-cart { | |
| background: url("../images/common/icn-cart.gif") no-repeat 20px 35px; | |
| height: 85px; | |
| margin-top: 40px; | |
| right: 23px | |
| } | |
| #hd #shopping-cart .quantity { | |
| position: absolute; | |
| top: 30px; | |
| left: 27px; | |
| width: 30px; | |
| text-align: center; | |
| font-size: 13px; | |
| font-weight: bold | |
| } | |
| #hd #shopping-cart .price { | |
| position: absolute; | |
| top: 38px; | |
| left: 65px; | |
| font-size: 16px | |
| } | |
| #hd #shopping-cart .dropDown { | |
| left: -195px | |
| } | |
| #hd #shopping-cart .dropDown .arrow { | |
| left: 240px | |
| } | |
| #hd #shopping-cart .dropDown table td { | |
| padding: 5px 3px 10px; | |
| vertical-align: top | |
| } | |
| #hd #shopping-cart .dropDown .subtotal { | |
| padding-top: 10px; | |
| margin-top: 10px; | |
| border-top: 1px dotted #777 | |
| } | |
| #hd #shopping-cart .dropDown .subtotal p { | |
| line-height: 30px | |
| } | |
| #hd #shopping-cart .dropDown .subtotal strong { | |
| font-size: 14px | |
| } | |
| #hd #manage-vehicles { | |
| height: 85px; | |
| margin-top: 40px | |
| } | |
| #hd #manage-vehicles ul { | |
| list-style-type: square; | |
| list-style-position: outside; | |
| padding-left: 15px; | |
| margin-left: 0; | |
| margin: 0; | |
| color: #a2a2a2 | |
| } | |
| #hd #manage-vehicles .footer ul { | |
| padding-left: 0 | |
| } | |
| #hd #manage-vehicles .footer ul li { | |
| margin-bottom: 0 | |
| } | |
| #hd #manage-vehicles ul li { | |
| margin-bottom: 8px | |
| } | |
| #hd #manage-vehicles .dropDown .body ul { | |
| overflow: auto | |
| } | |
| #hd #manage-vehicles .dropDown .body ul.myVehicles { | |
| margin-top: 10px | |
| } | |
| #hd #manage-rewards { | |
| height: 85px; | |
| margin-top: 40px; | |
| left: -35px | |
| } | |
| #toolbar { | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| background: #f1f1f1; | |
| color: #666666; | |
| font-weight: bold; | |
| line-height: 25px | |
| } | |
| #toolbar a { | |
| color: #F26100 | |
| } | |
| #toolbar a.button { | |
| color: #fff | |
| } | |
| #toolbar h3 { | |
| background: none; | |
| color: #666666; | |
| font-family: 'AutoZoneCond-Heavy',Helvetica Neue,Arial,sans-serif; | |
| font-size: 17px | |
| } | |
| #toolbar h3 a { | |
| background: url("../images/common/arrow-right-orange-sm.gif") no-repeat right center transparent; | |
| padding-right: 15px; | |
| color: #666666 | |
| } | |
| #toolbar .inner { | |
| z-index: 1001 | |
| } | |
| #toolbar .dropdown { | |
| display: none; | |
| background: #fff; | |
| padding: 5px; | |
| position: absolute; | |
| top: 80px; | |
| left: -90px; | |
| width: 310px; | |
| z-index: 500; | |
| -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); | |
| box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); | |
| top: 34px; | |
| left: auto; | |
| right: -120px; | |
| line-height: 140% | |
| } | |
| #toolbar .dropdown p { | |
| margin: 10px | |
| } | |
| #profileformlet { | |
| font-weight: normal; | |
| font-size: 10px | |
| } | |
| #hd .dropDown,#toolbar .dropDown { | |
| display: none; | |
| background: #fff; | |
| padding: 5px; | |
| position: absolute; | |
| top: 80px; | |
| left: -90px; | |
| width: 310px; | |
| z-index: 500; | |
| -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); | |
| box-shadow: 0 0 4px 0 rgba(0,0,0,0.5) | |
| } | |
| #toolbar .dropDown { | |
| top: 34px; | |
| left: auto; | |
| right: -120px; | |
| line-height: 140% | |
| } | |
| #toolbar .dropDown p { | |
| margin: 10px | |
| } | |
| #hd .dropDown a,#hd .dropDown a:hover,#hd .dropDown a:visited { | |
| color: #f26100 | |
| } | |
| #hd .dropDown .close { | |
| position: absolute; | |
| top: 8px; | |
| right: 5px; | |
| background: url("../images/common/dropDown_close.png") no-repeat right center transparent; | |
| color: #a2a2a2; | |
| font-weight: bold; | |
| padding-right: 25px; | |
| cursor: pointer; | |
| text-indent: -9000em | |
| } | |
| #hd .dropDown .header { | |
| background: #f1f1f1; | |
| border-bottom: 1px dotted #b2b4b3; | |
| padding: 10px 10px 22px 10px; | |
| margin-bottom: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: 140% | |
| } | |
| #hd .dropDown .header strong { | |
| font-size: 14px; | |
| display: block; | |
| margin-bottom: 10px; | |
| color: #231f20 | |
| } | |
| #hd .dropDown .header span { | |
| color: #888; | |
| float: left; | |
| font-style: italic; | |
| font-size: 11px; | |
| margin-top: 3px | |
| } | |
| #hd .dropDown .body { | |
| padding: 10px; | |
| color: #231f20 | |
| } | |
| #hd .dropDown .body strong { | |
| font-size: 13px | |
| } | |
| #hd .dropDown .body h4 { | |
| color: #231f20 | |
| } | |
| #hd .dropDown .body .allProducts { | |
| font-size: 13px | |
| } | |
| #hd .dropDown .body .margins { | |
| margin-bottom: 8px | |
| } | |
| #hd .dropDown .footer { | |
| background: #F37F00; | |
| color: #fff; | |
| padding: 5px; | |
| margin-top: 5px; | |
| clear: both; | |
| font-weight: bold; | |
| font-size: 11px | |
| } | |
| #hd .dropDown .footer a { | |
| color: #fff | |
| } | |
| .dropDown .arrow { | |
| background: url("../images/common/dropDown_topArrow.png") no-repeat top center; | |
| position: absolute; | |
| left: 170px; | |
| width: 23px; | |
| height: 10px; | |
| top: -10px | |
| } | |
| .no-boxshadow #hd .dropDown,.no-boxshadow #toolbar .dropDown { | |
| border: 2px solid #e0e0e0 | |
| } | |
| ul#related_sites { | |
| float: left; | |
| margin: 0; | |
| padding-left: 0; | |
| position: absolute; | |
| z-index: 10 | |
| } | |
| ul#related_sites li { | |
| display: inline; | |
| margin-right: 5px; | |
| text-transform: uppercase; | |
| background-image: none | |
| } | |
| ul#related_sites li a { | |
| padding-right: 10px; | |
| color: #F26100; | |
| font-size: 10px; | |
| font-weight: bold; | |
| background: url("../images/common/external_link.gif") no-repeat right | |
| } | |
| ul#related_sites li.first { | |
| border-right: 1px solid #969696; | |
| padding-right: 10px | |
| } | |
| #myStore { | |
| height: 85px; | |
| margin-top: 40px | |
| } | |
| #myStore dl dt,#myStore dl dd { | |
| float: left; | |
| margin: 5px 0 0; | |
| font-weight: normal; | |
| font-size: 12px | |
| } | |
| #myStore dl dt { | |
| width: 140px | |
| } | |
| #myStore dl dd { | |
| width: 150px; | |
| text-align: right | |
| } | |
| #profilenav { | |
| position: relative; | |
| right: 125px; | |
| top: 0; | |
| font-weight: bold; | |
| text-align: right | |
| } | |
| #profilenav .checkout { | |
| position: absolute; | |
| top: 50px; | |
| right: 160px | |
| } | |
| #profilenav fieldset fieldset input { | |
| width: 60% | |
| } | |
| #profilenav fieldset.checkBox input,#profilenav fieldset.checkBox label { | |
| width: auto | |
| } | |
| #toolbar #myzone { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| border-bottom: 3px solid #f37f00; | |
| background: #fff | |
| } | |
| #toolbar #myzone h3 { | |
| padding-bottom: 0; | |
| margin: 0; | |
| line-height: 1em | |
| } | |
| #toolbar #myzone a { | |
| display: block; | |
| padding: 4px 6px 2px 15px; | |
| background-position: 85% 50% | |
| } | |
| #toolbar #myzone a span { | |
| background-image: none; | |
| background-repeat: no-repeat; | |
| background-position: 61px 5px; | |
| padding-right: 18px | |
| } | |
| #toolbar #myzone sup { | |
| vertical-align: super; | |
| display: inline-block; | |
| line-height: 1.1em; | |
| text-decoration: none; | |
| top: -0.1em; | |
| position: relative | |
| } | |
| #toolbar #profileLogoutForm { | |
| display: inline | |
| } | |
| #toolbar .helperText.requiredNotice { | |
| color: #F26100; | |
| text-align: left | |
| } | |
| #toolbar .submitThis .helperText { | |
| float: left; | |
| font-size: 10px; | |
| margin-bottom: 0; | |
| padding-left: 100px; | |
| padding-top: 6px | |
| } | |
| .headerLogin .checkBox { | |
| margin: 10px 0px | |
| } | |
| .content-area { | |
| background: #fff; | |
| -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.3); | |
| box-shadow: 1px 0 3px rgba(0,0,0,0.3) | |
| } | |
| .content { | |
| background: #fff | |
| } | |
| #ft,.ft { | |
| background: url("../images/common/footer-bg.png") no-repeat top center #CACCCB; | |
| color: #D1D5DD; | |
| overflow: hidden; | |
| font-family: "Helvetica Neue", Arial, sans-serif | |
| } | |
| #ft .ft_width,.ft .ft_width { | |
| float: left; | |
| padding-left: 40px; | |
| width: 162px | |
| } | |
| #ft a,.ft a { | |
| color: #231F20 | |
| } | |
| #ft a:hover,.ft a:hover { | |
| text-decoration: underline | |
| } | |
| #ft table td,.ft table td { | |
| vertical-align: top | |
| } | |
| #ft h2,.ft h2 { | |
| font-size: 85%; | |
| margin: 0; | |
| color: #fff; | |
| font-weight: bold; | |
| height: auto | |
| } | |
| #ft .ft_width li,.ft .ft_width li { | |
| font-size: 16px; | |
| margin: 25px 0 10px; | |
| color: #666666; | |
| text-transform: uppercase; | |
| font-family: 'AutoZoneCond-Medium', "Helvetica Neue", Arial, sans-serif | |
| } | |
| #ft .ft_width li ul,.ft .ft_width li ul { | |
| margin-top: 10px | |
| } | |
| #ft .ft_width li li,.ft .ft_width li li { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| font-size: 11px; | |
| text-transform: none; | |
| font-family: "Helvetica Neue", Arial, sans-serif | |
| } | |
| #ft .ft_width li li sup,.ft .ft_width li li sup { | |
| top: .1em; | |
| left: 4px | |
| } | |
| #ft .bottom,.ft .bottom { | |
| clear: both; | |
| float: none; | |
| width: auto; | |
| padding: 10px 0 | |
| } | |
| #ft .bottom .left,.ft .bottom .left { | |
| float: left; | |
| width: 760px; | |
| margin-top: 15px | |
| } | |
| #ft .bottom .right,.ft .bottom .right { | |
| float: right; | |
| width: 178px | |
| } | |
| #ft .bottom ul.legal,.ft .bottom ul.legal { | |
| float: left; | |
| line-height: 18px; | |
| margin: 0 0 0 20px; | |
| padding: 0 | |
| } | |
| #ft .bottom ul.legal li,.ft .bottom ul.legal li { | |
| display: inline; | |
| margin: 0; | |
| padding: 0 5px; | |
| font-size: 14px; | |
| border-right: 1px solid #A2A4A3; | |
| background-image: none | |
| } | |
| #ft .bottom ul.legal li a,.ft .bottom ul.legal li a { | |
| color: #666666 | |
| } | |
| #ft .bottom ul.legal li.last,.ft .bottom ul.legal li.last { | |
| border-right: none; | |
| margin-right: 0; | |
| padding-right: 0 | |
| } | |
| #ft .azLogo,.ft .azLogo { | |
| float: left | |
| } | |
| #ft .copyright,.ft .copyright { | |
| clear: left; | |
| color: #666666 | |
| } | |
| #ft .verisign,.ft .verisign { | |
| float: right | |
| } | |
| #ft div.first,.ft div.first { | |
| padding-left: 0 | |
| } | |
| .ft-iframe { | |
| background: #cacccb | |
| } | |
| div#ft img.update,div.ft img.update { | |
| clear: none; | |
| display: inline; | |
| float: none; | |
| margin-bottom: 0; | |
| padding-right: 0 | |
| } | |
| ul.socialMedia li { | |
| text-indent: -999em; | |
| float: left; | |
| display: block | |
| } | |
| ul.socialMedia li a { | |
| height: 30px; | |
| width: 30px; | |
| display: block; | |
| outline: none | |
| } | |
| .facebook a { | |
| background: url("../images/common/fbook.gif") no-repeat | |
| } | |
| .twitter a { | |
| background: url("../images/common/tweet.gif") no-repeat | |
| } | |
| .youtube a { | |
| background: url("../images/common/utube.gif") no-repeat | |
| } | |
| #buy-with-confidence { | |
| margin-top: 12px; | |
| padding-bottom: 10px !important; | |
| background: #FFFFFF; | |
| text-align: left | |
| } | |
| #buy-with-confidence h4 { | |
| color: #A2A4A3; | |
| font-family: 'AutoZoneCond-Heavy'; | |
| font-size: 20px; | |
| font-weight: normal; | |
| margin: 18px 0 13px 0 | |
| } | |
| #buy-with-confidence .bottom { | |
| margin-top: 25px | |
| } | |
| #buy-with-confidence .bottom div>span { | |
| background: none repeat scroll 0 0 #FFFFFF; | |
| color: #A2A4A3; | |
| display: block; | |
| float: left; | |
| font-family: 'AutoZoneCond-Heavy'; | |
| font-size: 12px; | |
| font-weight: normal; | |
| margin-right: 5px; | |
| margin-top: 5px | |
| } | |
| #buy-with-confidence .diag { | |
| background-image: url("../images/common/bg-heading.gif"); | |
| padding-left: 0 | |
| } | |
| #buy-with-confidence>h3.branded { | |
| margin: 0; | |
| color: #FFFFFF; | |
| font-family: 'AutoZoneCond-Heavy'; | |
| font-size: 22px; | |
| font-weight: normal; | |
| letter-spacing: 0.015em; | |
| padding: 0.3rem 0 0.4rem 1rem; | |
| text-transform: uppercase | |
| } | |
| #buy-with-confidence span { | |
| color: #a2a4a3; | |
| font-family: 'AutoZoneCond-Heavy'; | |
| font-size: 12px; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| margin: 7px 5px 0px 0px; | |
| float: left; | |
| display: block | |
| } | |
| #buy-with-confidence p { | |
| color: #231f20; | |
| font-size: 13px; | |
| line-height: 18px | |
| } | |
| div.divider:after { | |
| content: url("../images/home/ad-divide.png"); | |
| position: absolute; | |
| right: 0; | |
| top: 0 | |
| } | |
| .supporting { | |
| margin-top: 10px | |
| } | |
| .supporting>h3.branded { | |
| margin: 0; | |
| color: #FFFFFF; | |
| font-family: 'AutoZoneCond-Heavy'; | |
| font-size: 24px; | |
| font-weight: normal; | |
| letter-spacing: 0.015em; | |
| padding: 0.3rem 0 0.4rem 1rem; | |
| text-transform: uppercase | |
| } | |
| .supporting h4.wf-heading { | |
| font-size: 22px; | |
| margin-top: 1.8rem; | |
| margin-bottom: .6rem | |
| } | |
| .supporting .right { | |
| margin-bottom: 1.2rem | |
| } | |
| .supporting p { | |
| margin-bottom: 1.2rem | |
| } | |
| .ya_footer_cont { | |
| max-width: 100%; | |
| padding-top: 15px | |
| } | |
| .YAFooter { | |
| padding-bottom: 5px; | |
| display: inline-block | |
| } | |
| .ya_footer { | |
| font-size: 12px; | |
| margin: 25px 0 10px; | |
| color: #6c6f70; | |
| font-family: Arial; | |
| font-weight: bold; | |
| background-image: none | |
| } | |
| .ya_footer_link { | |
| margin: 0; | |
| padding: 0; | |
| font-size: 11px; | |
| text-transform: none; | |
| font-family: Arial; | |
| color: #231f20 | |
| } | |
| .ya_title { | |
| padding-right: 7px | |
| } | |
| #ft_ya { | |
| background: url("../images/common/footer-bg.png") no-repeat top center #CACCCB; | |
| color: #D1D5DD; | |
| overflow: hidden; | |
| font-family: "Helvetica Neue", Arial, sans-serif; | |
| padding-bottom: 15px | |
| } | |
| #ft_ya .ft_width { | |
| float: left; | |
| padding-left: 40px; | |
| width: 162px | |
| } | |
| #ft_ya a { | |
| color: #231F20 | |
| } | |
| #ft_ya a:hover { | |
| text-decoration: underline | |
| } | |
| #ft_ya table td { | |
| vertical-align: top | |
| } | |
| #ft_ya h2 { | |
| font-size: 85%; | |
| margin: 0; | |
| color: #fff; | |
| font-weight: bold; | |
| height: auto | |
| } | |
| #ft_ya .ft_width li { | |
| font-size: 16px; | |
| margin: 25px 0 10px; | |
| color: #666666; | |
| text-transform: uppercase; | |
| font-family: 'AutoZoneCond-Medium', "Helvetica Neue", Arial, sans-serif; | |
| background-image: none | |
| } | |
| #ft_ya .ft_width li ul { | |
| margin-top: 10px | |
| } | |
| #ft_ya .ft_width li li { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| font-size: 11px; | |
| text-transform: none; | |
| font-family: "Helvetica Neue", Arial, sans-serif | |
| } | |
| #ft_ya .bottom { | |
| clear: both; | |
| float: none; | |
| width: auto; | |
| padding: 10px 0 | |
| } | |
| #ft_ya .bottom .left { | |
| float: left; | |
| width: 760px; | |
| margin-top: 15px | |
| } | |
| #ft_ya .bottom .right { | |
| float: right; | |
| width: 200px | |
| } | |
| #ft_ya .bottom ul.legal { | |
| float: left; | |
| line-height: 18px; | |
| margin-left: 20px | |
| } | |
| #ft_ya .bottom ul.legal li { | |
| display: inline; | |
| margin: 0; | |
| padding: 5px; | |
| font-size: 14px; | |
| border-right: 1px solid #A2A4A3; | |
| background-image: none | |
| } | |
| #ft_ya .bottom ul.legal li a { | |
| color: #666666 | |
| } | |
| #ft_ya .bottom ul.legal li.last { | |
| border-right: none; | |
| margin-right: 0; | |
| padding-right: 0 | |
| } | |
| #ft_ya .azLogo { | |
| float: left | |
| } | |
| #ft_ya .copyright { | |
| clear: left; | |
| color: #666666 | |
| } | |
| #ft_ya .verisign { | |
| float: right | |
| } | |
| #ft_ya div.first { | |
| padding-left: 0 | |
| } | |
| *+html #searchformlet input[type='submit'] { | |
| border: none | |
| } | |
| *+html #hd .inner #myStore { | |
| padding-left: 10px !important; | |
| width: 18.5% | |
| } | |
| *+html #hd .inner #manage-rewards { | |
| padding-left: 10px !important; | |
| width: 14.4% | |
| } | |
| *+html #hd #shopping-cart { | |
| padding-left: 10px !important | |
| } | |
| *+html .topnav ul>li { | |
| float: left | |
| } | |
| *+html .topnav .megaNav .seeAllLink { | |
| clear: both; | |
| width: 39px | |
| } | |
| *+html .breadcrumb li { | |
| float: left | |
| } | |
| *+html #footerOptInForm .email input#optInEmail { | |
| top: 0 | |
| } | |
| *+html #footerOptInForm .email #optInEmailSignUpButton { | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| padding: 4px 17px !important | |
| } | |
| *+html #footerOptInForm .email #optInEmailSignUpButton span { | |
| background-position-x: right | |
| } | |
| *+html .topCatLinks .grid-6 { | |
| width: 24.5% | |
| } | |
| *+html #search-container-inner #q { | |
| height: auto; | |
| padding: 5px 0px 4px 20px | |
| } | |
| *+html .inner .grid-8 { | |
| margin-right: 3px | |
| } | |
| *+html .breadcrumb li+li { | |
| background: url("../images/common/slash.png") no-repeat left center transparent; | |
| background-position: 0px 2px; | |
| padding-left: 10px | |
| } | |
| *+html #headerPromoArea>div>div.grid-24 { | |
| font-weight: bold; | |
| font-style: italic; | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| color: #000; | |
| font-size: 22px | |
| } | |
| *+html #headerPromoArea>div>div.grid-24 p,*+html #headerPromoArea>div>div.grid-24 a { | |
| font-style: normal; | |
| font-weight: normal; | |
| font-family: Arial | |
| } | |
| *+html #headerPromoArea>div>div.grid-24 a { | |
| font-size: 15px | |
| } | |
| *+html #resultsFilters { | |
| margin-top: 14px | |
| } | |
| *+html #resultsFilters div#rfView { | |
| width: 14% | |
| } | |
| *+html #resultsFilters .active#gridView { | |
| margin-top: -19px | |
| } | |
| *+html #resultsFilters #gridView { | |
| margin-top: -17px | |
| } | |
| *+html #resultsFilters #listView { | |
| margin: -18px 4px !important | |
| } | |
| *+html #ymme-header h2.productsFor { | |
| width: 100% | |
| } | |
| *+html .shelfGrid .shelfItem .button.white,*+html .shelfItemCartAction .button.white { | |
| behavior: url(../css-source/default/PIE.htc) !important; | |
| background-color: #f5f5f5 !important; | |
| border: 1px solid #d5d5d5 !important; | |
| width: 90% !important; | |
| line-height: 14px !important; | |
| margin-bottom: 20px | |
| } | |
| *+html .shelfGrid .shelfItem { | |
| width: 22.9%; | |
| padding-bottom: 40px | |
| } | |
| *+html .shelfGrid .shelfItem .checkFit { | |
| width: 100% | |
| } | |
| *+html .shelfGrid .shelfItem .button.white { | |
| padding: 4px 0 !important | |
| } | |
| *+html .shelfGrid .shelfItem .shelfItemPreview { | |
| margin-bottom: 0 | |
| } | |
| *+html .shelfGrid .atcButton { | |
| position: absolute; | |
| top: 92px | |
| } | |
| *+html .shelfGrid .atcButton .add-to-cart-message { | |
| top: -10px !important; | |
| z-index: 9999 | |
| } | |
| *+html .shelfGrid .iycButton { | |
| margin-top: -20px; | |
| padding-top: 15px | |
| } | |
| *+html .shelfGrid .iycButton .white.button { | |
| margin-bottom: 0 | |
| } | |
| *+html .shelfGrid .add-to-cart-message { | |
| position: absolute; | |
| z-index: 1000 | |
| } | |
| *+html .shelfGrid .atcButton .white.button,*+html .shelfGrid .iycButton .white.button { | |
| padding: 7px 11px !important | |
| } | |
| *+html .shelfGrid .atcButton .white.button span,*+html .shelfGrid .iycButton .white.button span { | |
| background-position-x: 81px; | |
| background-position-y: 2px | |
| } | |
| *+html .comparePaginationBar .cbPagination { | |
| line-height: 10px | |
| } | |
| *+html .sideZone-a .optionsCheckList li { | |
| float: left; | |
| width: 100% | |
| } | |
| *+html .vehicleHelp .fullVehicle { | |
| width: 50% | |
| } | |
| *+html .vehicleHelp .fullVehicle p { | |
| position: relative; | |
| top: -86px | |
| } | |
| *+html .ratingsReviews a { | |
| display: inline-block | |
| } | |
| *+html .white.button span { | |
| background-position-x: 115px; | |
| background-position-y: 3px | |
| } | |
| *+html .topnav>ul li .navBanner { | |
| display: block | |
| } | |
| *+html .topnav>ul ul .allCategories ul { | |
| width: 100% | |
| } | |
| *+html .topnav>ul ul .allCategories ul li { | |
| clear: both | |
| } | |
| *+html .shelfItemPreview .compareAdd { | |
| width: auto | |
| } | |
| *+html .shelfList .shelfItem { | |
| padding-bottom: 70px | |
| } | |
| *+html .shelfList .shelfItemCartAction .iycButton .white.button { | |
| width: auto !important | |
| } | |
| *+html .shelfList .iycButton .white.button span { | |
| background-position-x: 67px | |
| } | |
| *+html .shelfList .checkFit .white.button span { | |
| background-position-x: 90px | |
| } | |
| *+html .shelfList .atcButton { | |
| position: absolute; | |
| bottom: -104px; | |
| right: 20px | |
| } | |
| *+html .shelfItemCartAction form span.orderRadio { | |
| padding-left: 0 | |
| } | |
| @media \0screen { | |
| #headerPromoArea>div>div.grid-24 { | |
| font-weight: bold; | |
| font-style: italic; | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| color: #000; | |
| font-size: 22px !important | |
| } | |
| #headerPromoArea>div>div.grid-24 p,#headerPromoArea>div>div.grid-24 a { | |
| font-style: normal; | |
| font-weight: normal; | |
| font-family: Arial | |
| } | |
| #headerPromoArea>div>div.grid-24 a { | |
| font-size: 15px | |
| } | |
| ul.breadcrumb li:after { | |
| content: none !important | |
| } | |
| .breadcrumb li+li { | |
| background: url("../images/common/slash.png") no-repeat left center transparent; | |
| background-position: 0px 2px; | |
| padding-left: 10px !important | |
| } | |
| .breadcrumb li { | |
| float: left | |
| } | |
| } | |
| .footer-nav-item { | |
| padding-left: 0 | |
| } | |
| .home-sprite { | |
| background: image-url("home/home-sprite.png") no-repeat; | |
| display: block | |
| } | |
| .core-parts { | |
| width: 43px; | |
| height: 47px; | |
| background-position: 1px -98px | |
| } | |
| .free-shipping { | |
| width: 51px; | |
| height: 52px; | |
| background-position: -42px -94px | |
| } | |
| .return-anywhere { | |
| width: 56px; | |
| height: 57px; | |
| background-position: -93px -93px | |
| } | |
| #buy-with-confidence .store-pickup { | |
| width: 49px; | |
| height: 60px; | |
| background-position: -151px -89px | |
| } | |
| .home-sprite-mx { | |
| background: image-url("home/home-sprite-mx.png") no-repeat; | |
| display: block | |
| } | |
| .core-parts-mx { | |
| width: 42px; | |
| height: 43px; | |
| background-position: 0 -98px | |
| } | |
| .return-anywhere-mx { | |
| width: 57px; | |
| height: 50px; | |
| background-position: -93px -94px | |
| } | |
| #buy-with-confidence .store-pickup-mx { | |
| background-position: -151px -89px; | |
| width: 49px; | |
| height: 60px | |
| } | |
| ul#parts_list_deals { | |
| list-style-type: none; | |
| margin: 10px 0 0 | |
| } | |
| #parts_list_deals li.last { | |
| border-bottom: none | |
| } | |
| #parts_list_deals .last { | |
| padding-right: 10px !important | |
| } | |
| #parts_list_deals li { | |
| clear: both; | |
| border-bottom: 1px dotted #777; | |
| padding: 10px 10px 20px 100px; | |
| position: relative; | |
| background: none | |
| } | |
| #parts_list_deals li img { | |
| float: left; | |
| margin-left: -110px; | |
| margin-right: 10px | |
| } | |
| #parts_list_deals li h4 { | |
| margin: 0 0 3px; | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| font-weight: bold; | |
| font-size: 120% | |
| } | |
| #parts_list_deals li h4 a { | |
| color: #6e6e6e | |
| } | |
| #parts_list_deals li p { | |
| margin: 5px auto | |
| } | |
| #parts_list_deals .actionButton { | |
| font-family: 'AutoZoneCond-MediumIt', Arial, Sans-serif; | |
| display: block; | |
| padding: 3px 8px 2px; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| float: right; | |
| overflow: hidden; | |
| color: #fff; | |
| text-decoration: none; | |
| text-align: center; | |
| text-shadow: 1px 1px 1px rgba(0,0,0,0.4); | |
| line-height: 12px; | |
| border: 1px solid #4a4a4a; | |
| -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.4); | |
| box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.4) | |
| } | |
| html.msie9 body #parts_list_deals .actionButton { | |
| font-family: Arial, Sans-serif; | |
| font-weight: bold; | |
| font-style: italic | |
| } | |
| #parts_list_deals .actionButton.orange { | |
| background: url(../images/common/orange_btn_grad.jpg) repeat-x center center #F36114; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#F99740), to(#F36114)); | |
| background: linear-gradient(to bottom, #F99740 0%, #F36114 100%); | |
| color: #fff !important | |
| } | |
| ul#parts_list_deals { | |
| list-style-type: none; | |
| margin: 10px 0 0 | |
| } | |
| #parts_list_deals li { | |
| clear: both; | |
| border-bottom: 1px dotted #777; | |
| padding: 10px 10px 10px 110px; | |
| position: relative; | |
| background-image: none | |
| } | |
| #parts_list_deals li.last { | |
| border-bottom: none | |
| } | |
| #parts_list_deals li img { | |
| float: left; | |
| margin-left: -110px; | |
| margin-right: 10px | |
| } | |
| #parts_list_deals li h4,#deals_parts_shelf li h4 { | |
| margin: 0 0 3px | |
| } | |
| #parts_list_deals li h4 a,#deals_parts_shelf li h4 a { | |
| color: #6e6e6e | |
| } | |
| #parts_list_deals li p,#deals_parts_shelf li p { | |
| margin: 5px auto | |
| } | |
| #dealLoadingContainer { | |
| color: #fff; | |
| background: #FFFFFF; | |
| font-size: 14px; | |
| margin-bottom: 10px; | |
| border: none; | |
| clear: both | |
| } | |
| #dealLoading { | |
| border-radius: 5px; | |
| background: #336799; | |
| padding: 15px | |
| } | |
| #dealLoading span { | |
| font-size: 12px | |
| } | |
| html #cont .onlineOnly,.onlineOnly { | |
| background: url("../images/common/onlineOffer_sm.png") no-repeat right center transparent; | |
| width: 93px; | |
| height: 16px; | |
| display: inline-block; | |
| font: 0/0 a !important; | |
| text-shadow: none; | |
| vertical-align: middle | |
| } | |
| html #cont .dealDescription.details h4.onlineOnly,.dealDescription.details h4.onlineOnly { | |
| font-size: 12px; | |
| margin-top: 0 | |
| } | |
| .alertMessages a,.errorMessages a,.alertMessages a:visited,.errorMessages a:visited { | |
| color: #fff; | |
| text-decoration: underline | |
| } | |
| .alertMessages,.errorMessages { | |
| background: #336699; | |
| font-size: 12px; | |
| color: #fff; | |
| list-style-type: none; | |
| text-shadow: 0 1px 0 rgba(0,0,0,0.5); | |
| padding: 10px; | |
| margin: 20px; | |
| -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); | |
| box-shadow: 3px 3px 5px rgba(0,0,0,0.5) | |
| } | |
| .dealserrorMessages { | |
| margin: 0; | |
| padding: 5px | |
| } | |
| #bd ul.alertMessages { | |
| list-style-type: none | |
| } | |
| .ui-dialog ul#parts_list_deals { | |
| margin: 0px | |
| } | |
| .recommendations-common { | |
| margin-bottom: 0px; | |
| margin-top: 20px | |
| } | |
| .recommendations-common li { | |
| list-style-type: none; | |
| background-image: none; | |
| float: left; | |
| width: 127px; | |
| min-height: 140px; | |
| margin-right: 20px; | |
| text-align: center; | |
| padding-bottom: 0 | |
| } | |
| .recommendations-common li a { | |
| word-wrap: break-word; | |
| display: block | |
| } | |
| #partshelf_rr li,#accessoriesshelf_rr li,#partcat_rr li,#accessoriescat_rr li { | |
| width: 86px | |
| } | |
| div.recommendations-cart-outer { | |
| width: 100%; | |
| padding: 0; | |
| clear: both | |
| } | |
| div.recommendations-cart-outer div.recommendations-inner { | |
| padding: 0 | |
| } | |
| .dynamicTitle h4 { | |
| text-transform: uppercase | |
| } | |
| #site-parts-detail #partshelf_rr li,#site-parts-detail #accessoriesshelf_rr li,#site-parts-detail #partcat_rr li,#site-parts-detail #accessoriescat_rr li { | |
| width: 136px | |
| } | |
| #site-shopping-cart #partshelf_rr li,#site-shopping-cart #accessoriesshelf_rr li,#site-shopping-cart #partcat_rr li,#site-shopping-cart #accessoriescat_rr li { | |
| width: 125px | |
| } | |
| .catalog-main #partshelf_rr li,.catalog-main #accessoriesshelf_rr li,.catalog-main #partcat_rr li,.catalog-main #accessoriescat_rr li { | |
| width: 84px | |
| } | |
| .recommendations-common li div.rec-image { | |
| text-align: center | |
| } | |
| .recommendations-common li div.rec-image a,form#partsLeftnav div,div#product-action-bar form { | |
| display: inline | |
| } | |
| .recommendations-common li div.rec-image { | |
| margin-bottom: 8px | |
| } | |
| .recommendations-common li div.rec-image a { | |
| margin-bottom: 0; | |
| display: inline | |
| } | |
| div.recommendations-cart-outer ul li div.rec-item-container { | |
| min-height: 140px | |
| } | |
| .cs-slot { | |
| display: none | |
| } | |
| #site-shopping-cart .cs-slot { | |
| margin-top: 20px | |
| } | |
| .prodRecs li { | |
| width: 142px | |
| } | |
| #headerPromoArea { | |
| background: none repeat scroll 0% 0% transparent; | |
| font-family: Arial,sans-serif; | |
| margin: 0 auto 10px; | |
| width: 986px | |
| } | |
| #headerPromoArea>div>div.grid-8 { | |
| background: none repeat scroll 0% 0% #FFFFFF; | |
| font-size: 12px; | |
| height: 35px; | |
| padding-top: 5px; | |
| position: relative; | |
| width: 29.45% | |
| } | |
| #headerPromoArea>div>div.grid-12 { | |
| background: none repeat scroll 0% 0% #FFFFFF; | |
| font-size: 12px; | |
| padding-top: 5px; | |
| position: relative; | |
| width: 46.5% | |
| } | |
| #headerPromoArea>div>div.grid-24 { | |
| background: none repeat scroll 0% 0% #FFFFFF; | |
| -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.33); | |
| box-shadow: 2px 2px 3px rgba(0,0,0,0.33); | |
| font-size: 15px; | |
| padding-top: 10px; | |
| text-align: center; | |
| width: 100% | |
| } | |
| #headerPromoArea>div>div.before { | |
| margin: 0 0 0 13px | |
| } | |
| #headerPromoArea>div>div.after { | |
| margin: 0 13px 0 0 | |
| } | |
| #headerPromoArea>div>div.before-after { | |
| margin: 0 13px | |
| } | |
| #headerPromoArea>div>div.before-after:before,#headerPromoArea>div>div.before:before { | |
| border-bottom: 0 solid transparent; | |
| border-right: 18px solid white; | |
| border-top: 40px solid transparent; | |
| bottom: 0; | |
| content: ""; | |
| height: 0; | |
| left: -18px; | |
| position: absolute; | |
| width: 0 | |
| } | |
| #headerPromoArea>div>div.before-after:after,#headerPromoArea>div>div.after:after { | |
| border-bottom: 40px solid transparent; | |
| border-left: 18px solid white; | |
| border-top: 0 solid transparent; | |
| content: ""; | |
| height: 0; | |
| position: absolute; | |
| right: -18px; | |
| top: 0; | |
| width: 0 | |
| } | |
| #headerPromoArea>div>div.grid-8>h1,#headerPromoArea>div>div.grid-12>h1 { | |
| background: none repeat scroll 0% 0% transparent; | |
| display: inline; | |
| float: left; | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| font-size: 20px; | |
| font-weight: normal; | |
| margin-right: 15px; | |
| text-transform: uppercase | |
| } | |
| #headerPromoArea>div>div.grid-24>h1 { | |
| background: none repeat scroll 0% 0% transparent; | |
| display: inline; | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| font-size: 22px; | |
| font-weight: normal; | |
| margin: 0 5px; | |
| text-transform: uppercase | |
| } | |
| #headerPromoArea>div>div.grid-8>p,#headerPromoArea>div>div.grid-12>p { | |
| clear: left; | |
| color: #6C6F70; | |
| display: block; | |
| font-size: 12px | |
| } | |
| #headerPromoArea>div>div.grid-24>p { | |
| color: #6C6F70; | |
| display: inline; | |
| font-size: 15px; | |
| margin: 0 6px | |
| } | |
| #headerPromoArea>div>div>p>code { | |
| color: #D52B1E; | |
| font-family: Arial; | |
| font-size: 20px; | |
| font-weight: bold; | |
| padding: 0 | |
| } | |
| #headerPromoArea>div>div.grid-8>a,#headerPromoArea>div>div.grid-12>a { | |
| color: #F26100; | |
| display: block; | |
| float: left; | |
| font-weight: normal | |
| } | |
| #headerPromoArea>div>div.grid-24>a { | |
| color: #F26100; | |
| display: inline; | |
| font-weight: normal; | |
| background: url("../images/common/see_all_arrow.png") no-repeat right 4px transparent; | |
| padding-right: 9px | |
| } | |
| #headerPromoArea a:hover { | |
| text-decoration: underline | |
| } | |
| #headerPromoArea>div>div.before-after:after,#headerPromoArea>div>div.after:after { | |
| content: ""; | |
| width: 0; | |
| height: 0; | |
| border-bottom: 40px solid transparent; | |
| border-top: 0 solid transparent; | |
| border-left: 18px solid white; | |
| position: absolute; | |
| right: -18px; | |
| top: 0 | |
| } | |
| #hd .inner { | |
| z-index: 1000 | |
| } | |
| #searchformlet { | |
| z-index: 15; | |
| position: relative | |
| } | |
| #searchformlet label.assistive { | |
| position: absolute; | |
| left: -999em; | |
| top: 0 | |
| } | |
| #site-search-results .rbcontent a { | |
| color: #F68428 | |
| } | |
| #searchformlet #q { | |
| width: 260px; | |
| height: 24px; | |
| font-size: 12px; | |
| padding: 0 0 0 20px; | |
| margin: 0; | |
| background: url("../images/common/search-icon.gif") no-repeat 5px center; | |
| border: 1px solid #a2a4a3 | |
| } | |
| #searchformlet .assistive { | |
| position: absolute; | |
| left: -999em; | |
| top: 0 | |
| } | |
| #searchformlet input[type="text"] { | |
| vertical-align: middle; | |
| margin: 0; | |
| padding: 0; | |
| border: 1px solid #000; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| -webkit-transition: none; | |
| transition: none | |
| } | |
| #searchformlet input[type="submit"] { | |
| margin-right: 3px; | |
| width: 43px; | |
| border-bottom-left-radius: 0px; | |
| border-top-left-radius: 0px; | |
| height: 26px; | |
| line-height: 11px; | |
| padding-left: 10px | |
| } | |
| #searchformlet input[type="submit"]:focus { | |
| background-color: #f69d00 | |
| } | |
| #searchArrow { | |
| background: url("../images/common/button-arrow-rt.png") no-repeat center center; | |
| width: 10px; | |
| height: 10px; | |
| position: relative; | |
| float: right; | |
| right: -39px; | |
| top: 9px | |
| } | |
| #searchformlet input.img { | |
| margin-left: -4px | |
| } | |
| #searchformlet .input-button { | |
| border: medium none | |
| } | |
| div#search-container-outer div#search-container-inner { | |
| width: 327px | |
| } | |
| div#search-container { | |
| height: 27px; | |
| width: 282px; | |
| position: absolute; | |
| padding: 0; | |
| margin-top: 3px | |
| } | |
| #search-container-inner #q { | |
| background-color: transparent; | |
| position: absolute; | |
| z-index: 6 | |
| } | |
| div#autoSuggestionsContainer { | |
| border: 1px solid #D0D0D0; | |
| font-size: 11px; | |
| background-color: #FFF; | |
| display: none; | |
| margin-top: -1px; | |
| padding: 0; | |
| position: absolute; | |
| width: 279px; | |
| z-index: 99 | |
| } | |
| div#autoSuggestionsContainer ul#autoSuggestionsList { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| div#autoSuggestionsContainer ul#autoSuggestionsList li { | |
| font-weight: bold; | |
| padding: 7px; | |
| cursor: pointer; | |
| color: #707070; | |
| background: none | |
| } | |
| div#autoSuggestionsContainer ul#autoSuggestionsList li.searchItem { | |
| font-weight: normal; | |
| padding: 7px; | |
| cursor: pointer; | |
| color: #333333 | |
| } | |
| div#autoSuggestionsContainer #searchText { | |
| color: #333333; | |
| font-style: italic; | |
| font-weight: normal; | |
| padding: 7px; | |
| text-align: right; | |
| float: right; | |
| cursor: pointer | |
| } | |
| div#autoSuggestionsContainer #searchText.itemOver { | |
| color: #FFFFFF; | |
| font-weight: bold | |
| } | |
| div#autoSuggestionsContainer ul#autoSuggestionsList li.searchItem.itemOver { | |
| background-color: #666666; | |
| color: #FFFFFF; | |
| font-weight: bold | |
| } | |
| div#search-container-outer div#search-container-inner #search-btn-go { | |
| float: right | |
| } | |
| #searchformlet .helperText { | |
| color: #666; | |
| font-style: italic; | |
| font-size: 11px; | |
| margin-top: 0; | |
| margin-bottom: 0 | |
| } | |
| .exampleSearchQueries { | |
| border: 1px solid black | |
| } | |
| .exampleSearchQueries td { | |
| border: 1px solid black; | |
| padding: 2px 5px | |
| } | |
| .exampleSearchQueries td.heading { | |
| font-weight: bold; | |
| color: #000; | |
| text-align: right | |
| } | |
| .exampleSearchQueries th { | |
| background: black; | |
| color: white; | |
| text-align: center | |
| } | |
| #searchformlet .placeholderClass { | |
| color: #B9B9B9 | |
| } | |
| #q.placeholderClass { | |
| font-style: italic | |
| } | |
| .searchHelperTextTooltip .tooltip-with-arrow .tooltip-inner { | |
| font-size: 11px; | |
| color: #6c6f70 | |
| } | |
| .searchHelperTextTooltip p { | |
| margin: 0 0 8px 0 | |
| } | |
| #site-search-results .cbPagination { | |
| margin-right: 0px; | |
| padding-right: 4px; | |
| line-height: 17px; | |
| float: right | |
| } | |
| #site-search-results .cbPagination li { | |
| float: left; | |
| color: #6c6f70 | |
| } | |
| #site-search-results .gridLinks { | |
| margin: 30px 0 0 0 | |
| } | |
| #site-search-results .catalog-main .gridLinks>div { | |
| height: 200px; | |
| margin-bottom: 20px | |
| } | |
| #site-search-results #ymme-header { | |
| margin-top: 10px | |
| } | |
| #site-search-results .noSearchResultsBody { | |
| text-align: left; | |
| border-bottom: 0px; | |
| margin-top: -28px; | |
| background: url("../images/common/bg-heading.gif") top left repeat-x; | |
| padding-top: 20px | |
| } | |
| #site-search-results .noSearchResultsBody p { | |
| color: #6c6f70; | |
| font-size: 14px; | |
| margin-bottom: 30px | |
| } | |
| #site-search-results .noSearchResultsBody ul { | |
| font-size: 12px; | |
| margin-left: 15px; | |
| padding: 0px | |
| } | |
| #site-search-results .noSearchResultsBody ul li { | |
| list-style-type: disc; | |
| margin: 0px; | |
| padding: 0px | |
| } | |
| #site-search-results .noSearchResultsBody ul li a { | |
| float: none | |
| } | |
| #site-search-results #resultsFilters form,#site-search-results #resultsFiltersBottom form { | |
| width: auto | |
| } | |
| #site-search-results #resultsFiltersBottom { | |
| margin-bottom: 8px | |
| } | |
| #site-search-results .searchShowAll a { | |
| color: #f37f00 | |
| } | |
| #site-search-results .searchShowAll .tooltip-with-arrow { | |
| display: none !important | |
| } | |
| #site-search-results #related-repair-zone { | |
| margin: 15px 0; | |
| float: left | |
| } | |
| #site-search-results #related-repair-zone strong { | |
| color: #231f20 | |
| } | |
| #site-search-results #related-repair-zone #noRelatedInfo { | |
| float: left; | |
| margin-top: 10px | |
| } | |
| #searchRecommendations,#showProfileVehicleResults { | |
| font-size: 16px; | |
| margin: -8px 0 8px 0 | |
| } | |
| #searchRecommendations a,#showProfileVehicleResults a { | |
| text-decoration: underline | |
| } | |
| #searchRecommendations span,#showProfileVehicleResults span { | |
| text-transform: capitalize | |
| } | |
| #searchRecommendations #srecs-searchformlet input[type="submit"],#showProfileVehicleResults #srecs-searchformlet input[type="submit"] { | |
| display: none | |
| } | |
| #searchCatHeader { | |
| height: 0px | |
| } | |
| #searchCatHeader h2 { | |
| font-size: 14px | |
| } | |
| .tellUsMore { | |
| text-transform: capitalize | |
| } | |
| ul.breadcrumb { | |
| margin: 1em 0 0; | |
| font-size: 12px !important | |
| } | |
| ul.breadcrumb li { | |
| padding-bottom: 0; | |
| margin-right: 3px !important; | |
| padding-left: 0 | |
| } | |
| ul.breadcrumb li:after { | |
| content: '/'; | |
| color: #bcbcbc; | |
| margin-left: .3em | |
| } | |
| ul.breadcrumb li:last-of-type:after { | |
| content: none | |
| } | |
| ul.breadcrumb li a { | |
| float: left | |
| } | |
| ul.crumb-nomargin li:after { | |
| margin-left: 0 !important | |
| } | |
| .msie7 ul.breadcrumb li { | |
| border-right: 1px solid #bcbcbc; | |
| padding-right: 5px | |
| } | |
| .topnav { | |
| height: 52px; | |
| background: url("../images/common/nav_bg.png") 46.9% 100% #D62C27; | |
| -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); | |
| box-shadow: 0 3px 3px rgba(0,0,0,0.3); | |
| font-family: "Helvetica Neue", Arial, sans-serif | |
| } | |
| .topnav.short { | |
| height: 22px | |
| } | |
| .topnav>ul { | |
| width: 1005px | |
| } | |
| .topnav ul { | |
| list-style-type: none; | |
| zoom:1;z-index: 15; | |
| margin: 0 auto; | |
| position: relative; | |
| padding-left: 0; | |
| left: 16px | |
| } | |
| .topnav ul .arrow { | |
| background: url("../images/common/dropDown_topArrow.png") no-repeat top center; | |
| position: absolute; | |
| left: 29px; | |
| top: -10px; | |
| width: 23px; | |
| height: 10px; | |
| z-index: 110 | |
| } | |
| .topnav>ul>li { | |
| display: inline-block; | |
| position: relative; | |
| padding-left: 0 | |
| } | |
| .topnav>ul>li a { | |
| height: 10px | |
| } | |
| .topnav>ul>li .navBanner { | |
| height: 65px | |
| } | |
| .topnav>ul>li .navBanner a { | |
| display: inline-block | |
| } | |
| .topnav>ul>li h4 { | |
| float: left; | |
| font-size: 100%; | |
| font-family: Helvetica Neue,Arial,sans-serif; | |
| line-height: 14px; | |
| margin-bottom: 0px; | |
| padding-left: 0; | |
| width: 90% | |
| } | |
| .topnav>ul>li h4 a { | |
| display: inline; | |
| color: #231f20 !important; | |
| height: auto | |
| } | |
| .topnav>ul>li h4 a:hover { | |
| color: #F26100 !important | |
| } | |
| .topnav ul li ul { | |
| left: 0 | |
| } | |
| .topnav .dropdown li a { | |
| height: auto | |
| } | |
| .topnav ul>li>ul { | |
| -webkit-box-shadow: 1px 3px 5px rgba(0,0,0,0.5); | |
| box-shadow: 1px 3px 5px rgba(0,0,0,0.5); | |
| padding-top: 15px | |
| } | |
| .topnav ul ul { | |
| background: #fff; | |
| list-style: none; | |
| position: absolute; | |
| top: 52px; | |
| z-index: 100; | |
| height: auto; | |
| color: #555; | |
| font-size: 12px; | |
| padding: 8px 10px 18px; | |
| border: none | |
| } | |
| .topnav ul ul.dropdown { | |
| -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); | |
| box-shadow: 3px 3px 5px rgba(0,0,0,0.5) | |
| } | |
| .topnav ul ul h2 { | |
| font-size: 24px; | |
| color: #F26100; | |
| font-family: "AutoZoneCond-Heavy",Arial,Sans-serif; | |
| font-weight: normal; | |
| font-weight: normal; | |
| margin: 0.2em 0 0.9em | |
| } | |
| .topnav ul ul .allCategories { | |
| background: #f1f1f1; | |
| float: left | |
| } | |
| .topnav ul ul .allCategories h3 { | |
| padding: 10px 20px; | |
| font-size: 20px; | |
| font-family: "AutoZoneCond-Heavy",Arial,Sans-serif; | |
| font-weight: normal; | |
| margin-bottom: .2em; | |
| background: none; | |
| color: #231F20 | |
| } | |
| .topnav ul ul .allCategories ul { | |
| background: #f1f1f1; | |
| padding: 0px 20px 15px 20px; | |
| width: auto | |
| } | |
| .topnav ul ul .allCategories ul li { | |
| float: left; | |
| line-height: 17px; | |
| list-style-type: none; | |
| width: 100%; | |
| padding-bottom: 0.5em | |
| } | |
| .topnav ul ul .allCategories ul li a { | |
| padding: 2px 0px | |
| } | |
| .topnav .popCats { | |
| height: 140px; | |
| float: left | |
| } | |
| .topnav .megaNav { | |
| width: 875px | |
| } | |
| .topnav .megaNav .grid-16.flush { | |
| background: url("../images/common/vert_divider.jpg") 280px center no-repeat | |
| } | |
| .topnav .megaNav ul { | |
| list-style: none; | |
| position: static; | |
| width: 90%; | |
| float: left; | |
| background: none; | |
| padding: 0px 0 10px 0px | |
| } | |
| .topnav .megaNav ul li { | |
| float: left; | |
| line-height: 20px; | |
| list-style-type: none; | |
| width: 100%; | |
| padding-left: 0px; | |
| padding-bottom: 0px | |
| } | |
| .topnav .megaNav ul li a { | |
| padding: 8px 0px; | |
| color: #231f20; | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s | |
| } | |
| .topnav .megaNav ul li a:hover { | |
| color: #F26100; | |
| text-decoration: underline; | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s | |
| } | |
| .topnav .megaNav ul li a.seeAll { | |
| color: #F26100 | |
| } | |
| .topnav .megaNav ul li a.seeAll:after { | |
| position: relative; | |
| content: " "; | |
| padding-left: 15px; | |
| background: url("../images/common/see_all_arrow.png") no-repeat center center; | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s | |
| } | |
| .topnav .megaNav ul li a.seeAll:hover:after { | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s; | |
| padding-left: 25px | |
| } | |
| .topnav .megaNav .seeAllLink { | |
| float: left; | |
| display: block; | |
| height: auto; | |
| margin-bottom: 15px; | |
| background: url("../images/common/see_all_arrow.png") no-repeat right 4px transparent; | |
| padding-right: 12px; | |
| color: #F37F00 | |
| } | |
| .topnav .popCats a { | |
| display: block | |
| } | |
| .topnav .staticMegaNav { | |
| width: 160px | |
| } | |
| .topnav .staticMegaNav ul { | |
| list-style: none; | |
| position: static; | |
| width: 90%; | |
| float: left; | |
| background: none; | |
| padding: 0px 0 10px 0px | |
| } | |
| .topnav .staticMegaNav ul li { | |
| float: left; | |
| line-height: 25px; | |
| list-style-type: none; | |
| width: 100%; | |
| padding-left: 0px; | |
| padding-bottom: 0px | |
| } | |
| .topnav .staticMegaNav ul li a { | |
| padding: 8px 0px; | |
| color: #231f20; | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s | |
| } | |
| .topnav .staticMegaNav ul li a:hover { | |
| color: #f26100; | |
| text-decoration: none; | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s | |
| } | |
| .topnav .staticMegaNav ul li a.seeAll { | |
| color: #F26100 | |
| } | |
| .topnav .staticMegaNav ul li a.seeAll:after { | |
| position: relative; | |
| content: " "; | |
| padding-left: 15px; | |
| background: url("../images/common/see_all_arrow.png") no-repeat center center; | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s | |
| } | |
| .topnav .staticMegaNav ul li a.seeAll:hover:after { | |
| -webkit-transition: all 0.3s ease 0s; | |
| transition: all 0.3s ease 0s; | |
| padding-left: 25px | |
| } | |
| body:not(:-moz-handler-blocked) .topnav { | |
| background-position: 47.3% 100% | |
| } | |
| #usNav.topnav a.mainNavLink-7 { | |
| width: 74px | |
| } | |
| #mxNav.topnav ul { | |
| left: 0 | |
| } | |
| .topnav>ul>li a.mainNavLink { | |
| background: none !important; | |
| text-indent: 0 !important; | |
| font-family: AutoZoneCond-Heavy, Helvetica Neue, Arial, Sans-serif; | |
| font-size: 16px; | |
| text-align: center; | |
| color: #fff; | |
| text-shadow: 0px 1px 2px #747474; | |
| padding-top: 10px; | |
| height: 33px; | |
| line-height: 16px | |
| } | |
| .topnav>ul>li a.mainNavLink:hover { | |
| text-decoration: none; | |
| color: #231F20; | |
| text-shadow: 0px 1px 1px rgba(53,53,53,0.5) | |
| } | |
| .topnav>ul>li a.mainNavLink-8 { | |
| background: url("../images/common/hot-deals-bg-w-text2.jpg") no-repeat 14px 1px !important; | |
| background-size: auto !important; | |
| text-align: center; | |
| margin-left: -12px; | |
| width: 71px; | |
| display: block | |
| } | |
| #mxNav.topnav>ul>li a.mainNavLink-8 { | |
| background: url("../images/common/hot-deals-bg-w-text-mx2.jpg") no-repeat 6px -4px !important; | |
| width: 100px; | |
| margin-left: -13px | |
| } | |
| .topnav>ul>li a.mainNavLink-8:hover { | |
| background-position: 14px -43px !important; | |
| color: #231F20; | |
| text-shadow: none | |
| } | |
| #mxNav.topnav>ul>li a.mainNavLink-8:hover { | |
| background-position: 7px -59px !important | |
| } | |
| @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { | |
| .topnav>ul>li a.mainNavLink-8 { | |
| background:url("../images/common/hot-deals-bg-w-text2.jpg") no-repeat 13px 1px !important | |
| } | |
| .topnav>ul>li a.mainNavLink-8:hover { | |
| background-position: 13px -43px !important | |
| } | |
| #mxNav.topnav>ul>li a.mainNavLink-8 { | |
| background: url("../images/common/hot-deals-bg-w-text-mx2.jpg") no-repeat 6px -5px !important | |
| } | |
| } | |
| .topnav ul li a.mainNavLink-0 { | |
| width: 58px; | |
| margin-left: 1em | |
| } | |
| .sideZone-a,sideZone-b,.sideZone { | |
| border-right: none; | |
| width: 225px !important | |
| } | |
| .sideZone-a h2,.sideZone-a h3,.sideZone-a h4,sideZone-b h2,sideZone-b h3,sideZone-b h4,.sideZone h2,.sideZone h3,.sideZone h4 { | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| font-size: 16px; | |
| font-weight: bold; | |
| line-height: 1em; | |
| padding: .8em 0 .5em .8em; | |
| margin: 1px 0 0; | |
| padding-left: 0px | |
| } | |
| .sideZone-a h2 .more,.sideZone-a h3 .more,.sideZone-a h4 .more,sideZone-b h2 .more,sideZone-b h3 .more,sideZone-b h4 .more,.sideZone h2 .more,.sideZone h3 .more,.sideZone h4 .more { | |
| color: #F26100; | |
| font-size: 11px; | |
| float: right; | |
| font-weight: normal; | |
| font-family: Helvetica Neue, Arial, sans-serif | |
| } | |
| .sideZone-a h2.sideZoneHeader,sideZone-b h2.sideZoneHeader,.sideZone h2.sideZoneHeader { | |
| font-size: 15px; | |
| font-weight: bold; | |
| color: #231f20; | |
| text-transform: uppercase; | |
| background: url("../images/common/bg-heading.gif") repeat-x scroll 0 0 transparent; | |
| padding-top: 13px; | |
| margin-top: .1em | |
| } | |
| .sideZone-a h2.sideZoneHeader .more,sideZone-b h2.sideZoneHeader .more,.sideZone h2.sideZoneHeader .more { | |
| color: #F26100; | |
| font-size: 11px; | |
| float: right; | |
| font-weight: normal; | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| text-transform: capitalize | |
| } | |
| .sideZone-a h2,sideZone-b h2,.sideZone h2 { | |
| font-size: 18px; | |
| color: #231f20; | |
| font-family: "AutoZoneCond-Heavy",Arial,Sans-serif; | |
| font-weight: normal; | |
| background: url("../images/common/bg-heading.gif") repeat-x scroll 0 0 transparent; | |
| border-bottom: 1px solid #E5E5E5 | |
| } | |
| .sideZone-a h3,sideZone-b h3,.sideZone h3 { | |
| background: none; | |
| color: #231f20 | |
| } | |
| .sideZone-a h3.topMainHeader,sideZone-b h3.topMainHeader,.sideZone h3.topMainHeader { | |
| padding-left: 15px; | |
| text-transform: uppercase; | |
| line-height: 20px; | |
| background: url("../images/common/bg-heading.gif") repeat-x scroll top center #fff; | |
| margin: 2px -11px 0 -9px | |
| } | |
| .sideZone-a ul,sideZone-b ul,.sideZone ul { | |
| margin: 0px; | |
| padding: 0px | |
| } | |
| .sideZone-a ul.nav,sideZone-b ul.nav,.sideZone ul.nav { | |
| border-top: none; | |
| background: url("../images/common/bg-heading.gif") repeat-x scroll 0 0 #fff; | |
| padding-top: 5px; | |
| margin: 0px -9px | |
| } | |
| .sideZone-a ul.nav li,sideZone-b ul.nav li,.sideZone ul.nav li { | |
| background: #f5f5f5; | |
| border: none; | |
| border-bottom: 1px solid #fff; | |
| padding: 0 | |
| } | |
| .sideZone-a ul.nav li a,sideZone-b ul.nav li a,.sideZone ul.nav li a { | |
| display: block; | |
| padding: 0.8em 1.2em | |
| } | |
| .sideZone-a ul.nav ul li,sideZone-b ul.nav ul li,.sideZone ul.nav ul li { | |
| padding-left: 25px | |
| } | |
| .sideZone-a ul ul.sgSubNav,sideZone-b ul ul.sgSubNav,.sideZone ul ul.sgSubNav { | |
| border-top: 1px solid #fff | |
| } | |
| .sideZone-a ul li,sideZone-b ul li,.sideZone ul li { | |
| padding-left: 0px | |
| } | |
| .sideZone-a ul li a,sideZone-b ul li a,.sideZone ul li a { | |
| color: #231f20 | |
| } | |
| .sideZone-a ul li a:hover,sideZone-b ul li a:hover,.sideZone ul li a:hover { | |
| color: #f26100; | |
| text-decoration: none | |
| } | |
| .sideZone-a ul li span ul li a:hover,sideZone-b ul li span ul li a:hover,.sideZone ul li span ul li a:hover { | |
| color: #f26100; | |
| text-decoration: none | |
| } | |
| .sideZone-a ul li.changeMode a,sideZone-b ul li.changeMode a,.sideZone ul li.changeMode a { | |
| color: #F26100; | |
| text-decoration: underline | |
| } | |
| .sideZone-a input[type="checkbox"],sideZone-b input[type="checkbox"],.sideZone input[type="checkbox"] { | |
| margin-right: 5px; | |
| height: 23px; | |
| float: left | |
| } | |
| .sideZone-a .optionsCheckList,sideZone-b .optionsCheckList,.sideZone .optionsCheckList { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .sideZone-a .optionsCheckList li,sideZone-b .optionsCheckList li,.sideZone .optionsCheckList li { | |
| list-style-type: none; | |
| padding: 3px 0; | |
| background-image: none | |
| } | |
| .sideZone-a .sidebar-item.promo,sideZone-b .sidebar-item.promo,.sideZone .sidebar-item.promo { | |
| margin-bottom: 20px | |
| } | |
| .sideZone-a .sideZoneSeparator,sideZone-b .sideZoneSeparator,.sideZone .sideZoneSeparator { | |
| background: url("../images/common/bg-heading.gif") repeat-x scroll top center #fff; | |
| height: 3px; | |
| padding: 3px 0px; | |
| display: block | |
| } | |
| .sideZone-a .sideNav li a,sideZone-b .sideNav li a,.sideZone .sideNav li a { | |
| float: left; | |
| width: 100%; | |
| padding: 8px 0 | |
| } | |
| .sideZone-a .sideNav li.selected a,sideZone-b .sideNav li.selected a,.sideZone .sideNav li.selected a { | |
| background: url("../images/common/active_arrow.png") no-repeat right 10px transparent | |
| } | |
| .sideZone-a h4,sideZone-b h4,.sideZone h4 { | |
| line-height: 1.2em | |
| } | |
| .sideZone-a .sideZoneHeader,.sideZone-b .sideZoneHeader { | |
| line-height: 20px; | |
| border: none | |
| } | |
| .sideZone-a .sideZoneHeader span,.sideZone-b .sideZoneHeader span { | |
| max-width: 175px; | |
| display: block; | |
| font-family: Helvetica Neue, Arial, sans-serif | |
| } | |
| .sideZone-a .sideZoneHeader,.sideZone-b .sideZoneHeader { | |
| line-height: 20px; | |
| border: none | |
| } | |
| .sideZone-a .sideZoneHeader span,.sideZone-b .sideZoneHeader span { | |
| max-width: 175px; | |
| display: block; | |
| font-family: Helvetica Neue, Arial, sans-serif | |
| } | |
| .flush-left .sideZoneHeader span,.flush-left .sideZoneHeader span { | |
| padding-left: 10px | |
| } | |
| .flush-left .sideNav { | |
| margin-left: 10px | |
| } | |
| .secondaryMenuGroup,.relatedItems { | |
| float: left; | |
| width: 100% | |
| } | |
| #cont .disabledAttribute { | |
| color: #999; | |
| cursor: default | |
| } | |
| #relatedProducts.relatedItems h4 { | |
| padding-top: 0px | |
| } | |
| .pagination a.prev-pag-link { | |
| background: url("../images/common/orangeArrow_icon_left.gif") center left no-repeat; | |
| color: #F68428; | |
| padding: 0 0 0 8px; | |
| font-size: 1.6em; | |
| float: left; | |
| margin-top: 5px; | |
| position: relative | |
| } | |
| .previous-link-wrapper { | |
| text-align: left; | |
| background: #3E3F41; | |
| padding: 0 5px 0 0 | |
| } | |
| .previous-link-wrapper a { | |
| background: transparent url(../images/common/orangeArrow_icon_left.gif) no-repeat 0 60%; | |
| padding-left: 5px | |
| } | |
| .next-link-wrapper { | |
| text-align: right; | |
| background: #3E3F41; | |
| padding: 0 0 0 5px | |
| } | |
| .next-link-wrapper a { | |
| background: transparent url(../images/common/orangeArrow_icon_right.gif) no-repeat 100% 60%; | |
| padding-right: 5px | |
| } | |
| #optIn { | |
| background: url("../images/common/optin-bg.gif") repeat-x top #cacccb; | |
| padding: 15px 14px 7px; | |
| margin: 20px 0 0; | |
| position: relative; | |
| z-index: 0; | |
| font-family: 'AutoZoneCond-MediumIt', Helvetica Neue, Arial, sans-serif; | |
| font-weight: normal; | |
| text-align: right; | |
| color: #000; | |
| border-top: 3px solid #a2a4a3 | |
| } | |
| #optIn img { | |
| padding: 5px 0 10px 0 | |
| } | |
| #optIn form { | |
| width: 460px; | |
| float: right | |
| } | |
| #optIn label,#optIn legend { | |
| font-size: 10px; | |
| line-height: 16px; | |
| font-family: 'AutoZoneCond-Heavy', Helvetica Neue, Arial, sans-serif; | |
| text-transform: uppercase; | |
| color: #231F20; | |
| position: relative; | |
| margin: 0; | |
| float: left | |
| } | |
| #optIn legend { | |
| font-size: 12px; | |
| margin-left: -17px; | |
| margin-top: -2px | |
| } | |
| #optIn label span,#optIn legend span { | |
| font-size: 17px | |
| } | |
| #optIn input#optInEmail { | |
| width: 200px; | |
| padding: 6px; | |
| position: absolute; | |
| left: 130px | |
| } | |
| #optIn #optInEmailSignUpButton,#optIn .submitDisabled { | |
| padding: 0px 17px | |
| } | |
| #optIn .hasError .errorText { | |
| font-family: Helvetica Neue, Arial, sans-serif; | |
| position: absolute; | |
| left: 145px; | |
| bottom: -13px; | |
| color: #fff; | |
| margin-left: 0; | |
| font-weight: bold; | |
| font-size: 10px | |
| } | |
| #optIn .mexico-optIn.hasError .errorText { | |
| color: red; | |
| left: 133px !important | |
| } | |
| #optIn .payMethods { | |
| font-size: 16px; | |
| color: #666666; | |
| text-transform: uppercase; | |
| font-family: 'AutoZoneCond-Medium', Helvetica Neue, Arial, sans-serif; | |
| margin-top: 5px; | |
| float: right | |
| } | |
| #optIn .payMethods img { | |
| padding: 0 0 0 5px; | |
| margin-top: -5px | |
| } | |
| #quickregistrationform .checkBox { | |
| margin: 1.2em 0 | |
| } | |
| #footerOptInForm a#optInEmailSignUpButton { | |
| padding: 6px 17px | |
| } | |
| #footerOptInForm fieldset.email { | |
| line-height: 1.4em | |
| } | |
| #footerOptInForm #optInEmail { | |
| border: 1px solid #fff; | |
| -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3); | |
| box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3) | |
| } | |
| .optIn-kiosk { | |
| background: url("../images/common/optin-bg.gif") repeat-x top #cacccb; | |
| padding: 0 0 7px; | |
| margin: 20px 0 0; | |
| position: relative; | |
| z-index: 0; | |
| font-family: 'AutoZoneCond-MediumIt', Helvetica Neue, Arial, sans-serif; | |
| font-weight: normal; | |
| text-align: right; | |
| color: #000; | |
| border-top: 3px solid #a2a4a3 | |
| } | |
| .Start-over-button { | |
| position: fixed; | |
| left: 0px; | |
| bottom: 50px; | |
| z-index: 9999 | |
| } | |
| .Start-over-button>button { | |
| font-family: 'AutoZoneCond-Heavy', Helvetica Neue, Arial, Sans-serif; | |
| font-weight: normal; | |
| font-size: 18px; | |
| cursor: pointer | |
| } | |
| #site-parts-detail-overlay #cont { | |
| width: 600px | |
| } | |
| #site-parts-detail-overlay #cont #deals-and-savings { | |
| display: none | |
| } | |
| #site-parts-detail-overlay #cont .srd_a { | |
| display: none !important | |
| } | |
| .ui-helper-hidden { | |
| display: none | |
| } | |
| .ui-helper-hidden-accessible { | |
| position: absolute; | |
| left: -99999999px | |
| } | |
| .ui-helper-reset { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| line-height: 1.3; | |
| text-decoration: none; | |
| font-size: 100%; | |
| list-style: none | |
| } | |
| .ui-helper-clearfix:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden | |
| } | |
| .ui-helper-clearfix { | |
| display: inline-block | |
| } | |
| * html .ui-helper-clearfix { | |
| height: 1% | |
| } | |
| .ui-helper-clearfix { | |
| display: block | |
| } | |
| .ui-helper-zfix { | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| opacity: 0; | |
| filter: Alpha(Opacity=0) | |
| } | |
| .product-detail-sprite { | |
| background-image: url("../images/sprites/product_detail.png"); | |
| display: block | |
| } | |
| .product-detail-sprite.deal { | |
| background-position: 0px 0; | |
| width: 10px; | |
| height: 19px; | |
| margin-top: 3px; | |
| margin-left: 5px | |
| } | |
| .product-detail-sprite.rebate { | |
| background-position: -10px 0; | |
| width: 14px; | |
| height: 19px; | |
| margin-top: 3px | |
| } | |
| .product-detail-sprite.shipping { | |
| background-position: -25px 0; | |
| width: 17px; | |
| height: 19px; | |
| margin-top: 5px | |
| } | |
| .product-detail-sprite.related { | |
| background-position: -43px 0; | |
| width: 17px; | |
| height: 19px | |
| } | |
| .product-detail-sprite.slider-prev { | |
| background-position: -60px 0; | |
| width: 15px; | |
| height: 19px; | |
| float: left; | |
| margin: 15px 10px 0 0; | |
| cursor: pointer | |
| } | |
| .product-detail-sprite.slider-prev.disabled { | |
| background-position: -88px 0; | |
| cursor: default | |
| } | |
| .product-detail-sprite.slider-next { | |
| background-position: -74px 0; | |
| width: 15px; | |
| height: 19px; | |
| float: left; | |
| margin: 15px 0 0 0; | |
| cursor: pointer | |
| } | |
| .product-detail-sprite.slider-next.disabled { | |
| background-position: -102px 0; | |
| cursor: default | |
| } | |
| .product-detail-sprite.enlarge { | |
| background-position: 0px -19px; | |
| height: 20px; | |
| width: 90px | |
| } | |
| .bottom-row-sprite { | |
| background-image: url("../images/sprites/buyWithConfidence.png"); | |
| display: block | |
| } | |
| .bottom-row-sprite.core { | |
| background-position: 0px 0; | |
| height: 47px; | |
| width: 47px | |
| } | |
| .bottom-row-sprite.shipping { | |
| background-position: -47px 0; | |
| height: 47px; | |
| width: 55px | |
| } | |
| .bottom-row-sprite.return { | |
| background-position: -102px 0; | |
| height: 49px; | |
| width: 52px | |
| } | |
| .bottom-row-sprite.payment { | |
| background-position: -154px 0; | |
| height: 20px; | |
| width: 180px | |
| } | |
| .no-csstransforms .tooltip-arrow,.no-csstransforms .tooltip-arrow-mask { | |
| display: none | |
| } | |
| .tooltip-trigger { | |
| cursor: pointer; | |
| position: relative | |
| } | |
| .product-details-core-tooltip-trigger { | |
| right: -12px; | |
| top: 6px; | |
| position: absolute | |
| } | |
| .core-tooltip-trigger { | |
| color: #5C6574; | |
| font-weight: bold | |
| } | |
| .core-description { | |
| display: block; | |
| position: relative | |
| } | |
| .tooltip-with-arrow { | |
| display: none; | |
| background: transparent; | |
| color: #333333; | |
| font-weight: normal; | |
| font-size: 11px; | |
| padding: 10px; | |
| position: absolute; | |
| text-align: left; | |
| width: 300px; | |
| z-index: 1000; | |
| top: 1.6em; | |
| right: -150px | |
| } | |
| .tooltip-with-arrow .tooltip-arrow,.tooltip-with-arrow .tooltip-arrow-mask { | |
| background: #fff; | |
| position: absolute; | |
| z-index: 1; | |
| left: 150px; | |
| width: 14px; | |
| height: 14px; | |
| top: 2px; | |
| -webkit-transform: rotate(-135deg); | |
| -ms-transform: rotate(-135deg); | |
| transform: rotate(-135deg); | |
| border-right: 4px solid #cacccb; | |
| border-bottom: 4px solid #cacccb | |
| } | |
| .tooltip-with-arrow .tooltip-inner { | |
| background: #ffffff; | |
| -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.7); | |
| box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.7); | |
| border: 4px solid #cacccb; | |
| color: #333333; | |
| display: block; | |
| font-weight: normal; | |
| padding: 5px; | |
| text-align: left | |
| } | |
| .tooltip-with-arrow.top,.tooltip-with-arrow.top-left,.tooltip-with-arrow.top-right { | |
| bottom: 1.4em; | |
| right: -150px; | |
| top: auto | |
| } | |
| .tooltip-with-arrow.top .tooltip-arrow,.tooltip-with-arrow.top-left .tooltip-arrow,.tooltip-with-arrow.top-right .tooltip-arrow,.tooltip-with-arrow.top .tooltip-arrow-mask,.tooltip-with-arrow.top-left .tooltip-arrow-mask,.tooltip-with-arrow.top-right .tooltip-arrow-mask { | |
| background-position: top center; | |
| bottom: 2px; | |
| left: auto; | |
| right: 150px; | |
| top: auto; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .tooltip-with-arrow.top-left { | |
| right: -50px; | |
| top: auto | |
| } | |
| .tooltip-with-arrow.top-left .tooltip-arrow,.tooltip-with-arrow.top-left .tooltip-arrow-mask { | |
| right: 56px | |
| } | |
| .tooltip-with-arrow.top-right { | |
| left: -50px; | |
| right: auto | |
| } | |
| .tooltip-with-arrow.top-right .tooltip-arrow,.tooltip-with-arrow.top-right .tooltip-arrow-mask { | |
| right: auto; | |
| left: 56px | |
| } | |
| .tooltip-with-arrow.bottom-left { | |
| right: -50px | |
| } | |
| .tooltip-with-arrow.bottom-left .tooltip-arrow,.tooltip-with-arrow.bottom-left .tooltip-arrow-mask { | |
| background-position: top center; | |
| top: 2px; | |
| left: auto; | |
| right: 56px; | |
| bottom: auto | |
| } | |
| .tooltip-with-arrow.bottom-right { | |
| left: -50px | |
| } | |
| .tooltip-with-arrow.bottom-right .tooltip-arrow,.tooltip-with-arrow.bottom-right .tooltip-arrow-mask { | |
| background-position: top center; | |
| top: 2px; | |
| right: auto; | |
| left: 56px; | |
| bottom: auto | |
| } | |
| .tooltip-with-arrow.dynamic { | |
| top: 0; | |
| left: 0 | |
| } | |
| .tooltip-with-arrow.dynamic .tooltip-arrow,.tooltip-with-arrow.dynamic .tooltip-arrow-mask { | |
| -webkit-transform: rotate(135deg); | |
| -ms-transform: rotate(135deg); | |
| transform: rotate(135deg); | |
| background-position: top center; | |
| top: 20px; | |
| right: auto; | |
| left: 2px; | |
| bottom: auto | |
| } | |
| .tooltip-with-arrow.no-border .tooltip-inner { | |
| border: none !important | |
| } | |
| .tooltip-with-arrow.no-border .tooltip-arrow { | |
| border: none !important; | |
| top: 4px; | |
| z-index: -1; | |
| -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4); | |
| box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4) | |
| } | |
| .tooltip-with-arrow.no-border .tooltip-arrow-mask { | |
| border: none !important; | |
| display: block; | |
| top: 4px | |
| } | |
| .no-boxshadow .tooltip-with-arrow .tooltip-inner { | |
| border: 1px solid #959595 | |
| } | |
| .no-boxshadow .tooltip-with-arrow .tooltip-arrow { | |
| top: 1px | |
| } | |
| .toolTip { | |
| position: absolute; | |
| top: 15px; | |
| left: -50%; | |
| width: 200px; | |
| background: #e7e7e7; | |
| border: 1px solid #000; | |
| color: #666666; | |
| display: none; | |
| font-weight: normal; | |
| text-align: left; | |
| padding: 7px; | |
| z-index: 1000; | |
| text-decoration: none; | |
| -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5); | |
| box-shadow: 2px 2px 2px rgba(0,0,0,0.5) | |
| } | |
| .toolTip strong { | |
| color: #336699; | |
| text-decoration: underline | |
| } | |
| a.tipAnchor { | |
| position: relative | |
| } | |
| a:hover .toolTip { | |
| display: block | |
| } | |
| .ship-tooltip-trigger { | |
| top: -4px; | |
| margin-left: 3px | |
| } | |
| .checkfit-span { | |
| font-weight: bold; | |
| font-size: 12px | |
| } | |
| /*! | |
| * jQuery UI Tabs 1.8.21 | |
| * | |
| * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) | |
| * Dual licensed under the MIT or GPL Version 2 licenses. | |
| * http://jquery.org/license | |
| * | |
| * http://docs.jquery.com/UI/Tabs#theming | |
| */ | |
| .ui-tabs { | |
| position: relative; | |
| padding: .2em; | |
| zoom:1} | |
| .ui-tabs .ui-tabs-nav { | |
| margin: 0; | |
| padding: .2em .2em 0 | |
| } | |
| .ui-tabs .ui-tabs-nav li { | |
| list-style: none; | |
| float: left; | |
| position: relative; | |
| top: 1px; | |
| margin: 0 .2em 0 0; | |
| border-bottom: 0 !important; | |
| padding: 0; | |
| white-space: nowrap | |
| } | |
| .ui-tabs .ui-tabs-nav li a { | |
| float: left; | |
| padding: .5em 1em; | |
| text-decoration: none | |
| } | |
| .ui-tabs .ui-tabs-nav li.ui-tabs-selected { | |
| margin-bottom: 0; | |
| padding-bottom: 1px | |
| } | |
| .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a { | |
| cursor: text | |
| } | |
| .ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { | |
| cursor: pointer | |
| } | |
| .ui-tabs .ui-tabs-panel { | |
| display: block; | |
| border-width: 0; | |
| padding: 1em 1.4em; | |
| background: none | |
| } | |
| .ui-tabs .ui-tabs-hide { | |
| display: none !important | |
| } | |
| .ui-state-disabled { | |
| cursor: default !important | |
| } | |
| .ui-icon { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 70px; | |
| height: 44px; | |
| background: url(/images/dialog/dialog-close.png) 60% 50% no-repeat; | |
| overflow: hidden; | |
| text-indent: -500px | |
| } | |
| .ui-widget-overlay { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .ui-dialog { | |
| background: #e1e1e1; | |
| text-align: left; | |
| overflow: hidden; | |
| position: fixed; | |
| -webkit-box-shadow: 1px 2px 10px 0px #777; | |
| box-shadow: 1px 2px 10px 0px #777 | |
| } | |
| .ui-widget-overlay { | |
| background: #fff; | |
| opacity: .50; | |
| filter: Alpha(Opacity=50) | |
| } | |
| .ui-dialog-title { | |
| display: block; | |
| height: 44px; | |
| line-height: 1.6em; | |
| margin-bottom: 4px !important; | |
| padding-left: 14px; | |
| color: #fff; | |
| background: url("/images/dialog/dialog-header-bg.png") bottom right no-repeat; | |
| -webkit-box-shadow: 0 0px 5px 1px #777; | |
| box-shadow: 0 0px 5px 1px #777; | |
| font-family: 'AutoZoneCond-Medium',Arial, Sans-serif; | |
| text-transform: uppercase; | |
| font-size: 26px; | |
| padding: 0 0 0 12px | |
| } | |
| .ui-dialog-content { | |
| background: #e1e1e1; | |
| margin: 0 14px 14px; | |
| position: relative; | |
| border: 0; | |
| overflow: auto; | |
| zoom:1;text-align: left | |
| } | |
| .ui-dialog p,.ui-dialog h4 { | |
| margin: 0 0 1em | |
| } | |
| .zipOverlay .ui-dialog-title { | |
| font-family: 'AutoZoneCond-Medium',Arial, Sans-serif; | |
| text-transform: uppercase; | |
| font-size: 28px; | |
| padding: 0 0 0 12px | |
| } | |
| .zipOverlay .ui-dialog-title span { | |
| font-family: Arial, Sans-serif | |
| } | |
| .azLarge .ui-dialog-title { | |
| font-family: 'AutoZoneCond-Medium',Arial, Sans-serif; | |
| text-transform: uppercase; | |
| font-size: 26px; | |
| padding: 0 0 0 14px | |
| } | |
| .azLarge .ui-dialog-title span { | |
| font-family: Arial, Sans-serif | |
| } | |
| .borderradius .azLarge .ui-dialog-title { | |
| background: url("/images/dialog/dialog-header-bg.png") bottom right no-repeat; | |
| -webkit-box-shadow: 0 0px 5px 1px #777; | |
| box-shadow: 0 0px 5px 1px #777 | |
| } | |
| .azLarge .ui-dialog-content { | |
| padding: 0 | |
| } | |
| .ui-dialog p,.ui-dialog h4 { | |
| margin: 0 0 1em | |
| } | |
| .noScroll .ui-dialog-content { | |
| overflow: hidden | |
| } | |
| #ui-dialog-qvWrapper { | |
| height: 460px; | |
| width: 100%; | |
| margin-top: 14px; | |
| padding: 7px 5px 7px 7px; | |
| background: url(/images/dialog/dialog-border-pattern.png) | |
| } | |
| #ui-dialog-components-wrapper { | |
| height: auto; | |
| min-height: 700px; | |
| width: 700px; | |
| margin: 5px auto 0 auto; | |
| padding: 7px; | |
| background: url(/images/dialog/dialog-border-pattern.png) | |
| } | |
| #ui-dialog-img-wrapper { | |
| background-color: #fff; | |
| height: auto; | |
| min-height: 700px; | |
| text-align: center | |
| } | |
| #ui-dialog-repair-instructions { | |
| text-align: left; | |
| font-weight: bold; | |
| margin-bottom: 10px; | |
| border-bottom: 1px solid #ccc; | |
| padding: 5px | |
| } | |
| .ui-dialog .overlay-content-wrapper { | |
| background: url(/images/dialog/dialog-border-pattern.png); | |
| margin: 5px auto 0 auto; | |
| padding: 7px | |
| } | |
| /*! jQuery UI - v1.11.1 - 2014-09-11 | |
| * http://jqueryui.com | |
| * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, button.css, datepicker.css, dialog.css, menu.css, tabs.css | |
| * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ | |
| .ui-helper-hidden { | |
| display: none | |
| } | |
| .ui-helper-hidden-accessible { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .ui-helper-reset { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| line-height: 1.3; | |
| text-decoration: none; | |
| font-size: 100%; | |
| list-style: none | |
| } | |
| .ui-helper-clearfix:before,.ui-helper-clearfix:after { | |
| content: ""; | |
| display: table; | |
| border-collapse: collapse | |
| } | |
| .ui-helper-clearfix:after { | |
| clear: both | |
| } | |
| .ui-helper-clearfix { | |
| min-height: 0 | |
| } | |
| .ui-helper-zfix { | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| opacity: 0; | |
| filter: Alpha(Opacity=0) | |
| } | |
| .ui-front { | |
| z-index: 1001 | |
| } | |
| .ui-state-disabled { | |
| cursor: default !important | |
| } | |
| .ui-dialog { | |
| overflow: hidden; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| padding: 0; | |
| outline: 0; | |
| z-index: 1002 | |
| } | |
| .ui-dialog .ui-dialog-titlebar { | |
| position: relative | |
| } | |
| .ui-dialog .ui-dialog-title { | |
| float: left; | |
| margin: 0 0 .1em 0; | |
| white-space: nowrap; | |
| width: 100%; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .ui-dialog-titlebar button { | |
| position: absolute; | |
| top: 0; | |
| right: 10px; | |
| width: 70px; | |
| height: 44px; | |
| background: none; | |
| overflow: hidden; | |
| text-indent: -500px; | |
| border: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .ui-dialog-titlebar button .ui-icon { | |
| left: 0; | |
| top: 0; | |
| margin-top: 0px | |
| } | |
| .ui-dialog-titlebar button .ui-button-text { | |
| background: none | |
| } | |
| .ui-dialog .ui-dialog-content { | |
| position: relative; | |
| border: 0; | |
| padding: 0; | |
| background: none; | |
| overflow: auto | |
| } | |
| .ui-dialog .ui-dialog-buttonpane { | |
| text-align: left; | |
| border-width: 1px 0 0 0; | |
| background-image: none; | |
| margin-top: .5em; | |
| padding: .3em 1em .5em .4em | |
| } | |
| .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { | |
| float: right | |
| } | |
| .ui-dialog .ui-dialog-buttonpane button { | |
| margin: .5em .4em .5em 0; | |
| cursor: pointer | |
| } | |
| .ui-dialog .ui-resizable-se { | |
| width: 12px; | |
| height: 12px; | |
| right: -5px; | |
| bottom: -5px; | |
| background-position: 16px 16px | |
| } | |
| .ui-draggable .ui-dialog-titlebar { | |
| cursor: move | |
| } | |
| #myStore { | |
| height: 85px; | |
| margin-top: 40px | |
| } | |
| #myStore .placeholderClass { | |
| color: #B9B9B9 | |
| } | |
| #myStore .currentStoreStatus { | |
| margin-top: 2px | |
| } | |
| #myStore .operatingHours { | |
| color: #F37F00 | |
| } | |
| #myStore .openClose { | |
| text-transform: uppercase; | |
| background-color: #F37F00; | |
| color: #ffffff; | |
| padding: 2px | |
| } | |
| #myStore .store-address-directions { | |
| margin-bottom: 8px | |
| } | |
| #myStore ul.hoursList { | |
| margin: 2px 0px | |
| } | |
| #myStore ul.hoursList li { | |
| padding: 2px; | |
| margin: 2px 0px | |
| } | |
| #myStore ul.hoursList li.currentDay,table.hours-of-operation tr.currentDay { | |
| border: 1px solid #F37F00 | |
| } | |
| #myStore ul.hoursList span.theDay { | |
| width: 120px | |
| } | |
| #myStore ul.hoursList span.theHours { | |
| float: right | |
| } | |
| #storeLocatorToolTip input[type="text"] { | |
| height: 26px; | |
| width: 187px; | |
| border: 1px solid #A2A4A3; | |
| font-style: oblique; | |
| color: #A2A4A3; | |
| margin-right: 3px; | |
| line-height: 25px; | |
| vertical-align: top | |
| } | |
| #storeLocatorToolTip input.focused[type="text"] { | |
| font-style: normal; | |
| color: #666 | |
| } | |
| #storeLocatorToolTip .errorMessage { | |
| color: #A40204; | |
| font-weight: normal; | |
| text-align: left; | |
| width: auto; | |
| padding-bottom: 5px | |
| } | |
| #storeLocatorToolTip input.error { | |
| border: 1px solid #F90000; | |
| background-color: #FFCCCB; | |
| padding: 0px | |
| } | |
| #storeLocatorToolTip ul { | |
| margin: 0px; | |
| padding: 0px | |
| } | |
| #storeLocatorToolTip ul li { | |
| padding-left: 0px; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| list-style-type: none; | |
| background-image: none | |
| } | |
| #storeLocatorToolTip ul li>div { | |
| display: inline-block; | |
| vertical-align: top; | |
| padding-right: 5px | |
| } | |
| #storeLocatorToolTip ul.storeLocationsList,#storeLocatorToolTip ul.suggestedLocationsList { | |
| margin: 0; | |
| padding: 0; | |
| overflow-y: scroll; | |
| max-height: 230px | |
| } | |
| #storeLocatorToolTip ul.storeLocationsList li.storeItem { | |
| border-bottom: 1px solid #C4C4C4 | |
| } | |
| #storeLocatorToolTip .marker { | |
| width: 25px | |
| } | |
| #storeLocatorToolTip .marker img { | |
| max-width: 100% !important | |
| } | |
| #storeLocatorToolTip .details { | |
| width: 150px | |
| } | |
| #storeLocatorToolTip .details .address { | |
| min-height: 75px | |
| } | |
| #storeLocatorToolTip .moreInfo .miles { | |
| min-height: 75px | |
| } | |
| #storeLocatorToolTip .moreInfo .StoreInfo a { | |
| background: url("../images/common/arrow-dwn-orange-sm.gif") no-repeat scroll right center transparent; | |
| padding-right: 15px | |
| } | |
| #storeLocatorToolTip .notifier { | |
| font-size: 11px; | |
| font-weight: bold; | |
| display: none | |
| } | |
| #storeLocatorToolTip .back { | |
| background: url("../images/common/whiteArrow_icon_left.png") no-repeat scroll left center transparent; | |
| padding-left: 10px | |
| } | |
| #storeLocatorToolTip .header .address { | |
| width: 183px | |
| } | |
| #storeLocatorToolTip .otherStoreDetailsView .address { | |
| width: 150px | |
| } | |
| #storeLocatorToolTip .details { | |
| width: 140px !important | |
| } | |
| .otherInfo { | |
| font-size: 10px; | |
| line-height: 13px | |
| } | |
| @media screen and (orientation: portrait) { | |
| .bcFloat { | |
| visibility:none | |
| } | |
| } | |
| @media screen and (orientation: landscape) { | |
| .bcFloat { | |
| visibility:none | |
| } | |
| } | |
| .isOverlay .detailsYmme { | |
| display: none | |
| } | |
| #ymme-header { | |
| background: url("../images/partsCategory/header_rough_bg.jpg"); | |
| padding: 14px 20px 20px 20px; | |
| margin-right: -17px; | |
| margin-bottom: 15px; | |
| height: auto; | |
| float: left; | |
| width: 689px | |
| } | |
| #ymme-header:after { | |
| width: 0px; | |
| height: 0px; | |
| border-style: solid; | |
| border-width: 5px 5px 0 0; | |
| border-color: #f37e00 transparent transparent transparent; | |
| right: -16px; | |
| bottom: 10px; | |
| position: absolute | |
| } | |
| #ymme-header h2 { | |
| font-size: 24px; | |
| color: #fff; | |
| font-family: "AutoZoneCond-Heavy",Arial,Sans-serif; | |
| font-weight: normal; | |
| font-weight: normal; | |
| margin: 0 0 0px 0 | |
| } | |
| #ymme-header h2 form { | |
| position: absolute | |
| } | |
| #ymme-header h2.productsFor { | |
| float: left; | |
| margin-right: 10px | |
| } | |
| #ymme-header h2#detailHeader { | |
| font-size: 22px | |
| } | |
| #ymme-header a { | |
| font-size: 14px; | |
| text-decoration: underline; | |
| font-family: "Helvetica Neue",Arial,sans-serif; | |
| float: left; | |
| margin-top: 7px | |
| } | |
| #ymme-header #vehicleInfo { | |
| padding: 7px 13px; | |
| border: 1px solid #fff; | |
| background: #231f20; | |
| margin-top: 10px | |
| } | |
| #ymme-header #vehicleInfo p { | |
| color: #fff | |
| } | |
| #ymme-header #vehicleInfo p+p { | |
| margin-top: 0px | |
| } | |
| #ymme-header #vehicleInfo select { | |
| line-height: 20px; | |
| padding: 2px; | |
| border: none; | |
| margin-right: 10px; | |
| width: 100px; | |
| border: 0; | |
| border-radius: 0 | |
| } | |
| #ymme-header #vehicleInfo select[name="year"] { | |
| width: 90px | |
| } | |
| #ymme-header #vehicleInfo select[name="make"] { | |
| width: 120px | |
| } | |
| #ymme-header #vehicleInfo select[name="model"],#ymme-header #vehicleInfo select[name="engine"] { | |
| width: 130px | |
| } | |
| #ymme-header #pointer { | |
| width: 15px; | |
| height: 11px; | |
| background: url("../images/common/button-orange-down.png") no-repeat center center; | |
| position: relative; | |
| display: none; | |
| left: 35px; | |
| opacity: 1; | |
| -webkit-transition: opacity 500ms ease-in-out; | |
| transition: opacity 500ms ease-in-out | |
| } | |
| #ymme-header img { | |
| margin-top: 10px | |
| } | |
| #ymme-header.detailsYmme { | |
| width: 618px | |
| } | |
| #ymme-header.detailsYmme #vehicleInfo { | |
| padding: 7px 13px; | |
| border: 1px solid #fff; | |
| background: #231f20; | |
| margin-top: 10px | |
| } | |
| #ymme-header.detailsYmme #vehicleInfo select[name="year"] { | |
| width: 70px | |
| } | |
| #ymme-header.detailsYmme #vehicleInfo select[name="make"] { | |
| width: 100px | |
| } | |
| #ymme-header.detailsYmme #vehicleInfo select[name="model"],#ymme-header.detailsYmme #vehicleInfo select[name="engine"] { | |
| width: 110px | |
| } | |
| #ymme-header.detailsYmme:after { | |
| right: -235px | |
| } | |
| .ymmePresent { | |
| margin-top: 180px | |
| } | |
| .isOverlay .ymmePresent { | |
| margin-top: 0 | |
| } | |
| #resultsFilters,#resultsFiltersBottom { | |
| background: url("../images/common/diag_borders.jpg") top left repeat-x; | |
| padding: 12px 0px 0px 0px; | |
| margin: 0px 0px 0px 11px; | |
| float: left; | |
| height: 32px; | |
| color: #231f20 | |
| } | |
| #resultsFilters form,#resultsFiltersBottom form { | |
| width: 100% | |
| } | |
| #resultsFilters div,#resultsFiltersBottom div { | |
| float: left | |
| } | |
| #resultsFilters div#rfView,#resultsFiltersBottom div#rfView { | |
| margin-right: 0px; | |
| float: right | |
| } | |
| #resultsFilters div ul,#resultsFiltersBottom div ul { | |
| padding: 0px; | |
| margin: 0px; | |
| color: #6c6f70 | |
| } | |
| #resultsFilters div ul li,#resultsFiltersBottom div ul li { | |
| display: inline; | |
| float: left; | |
| list-style-type: none; | |
| background-image: none; | |
| margin-left: 0px; | |
| padding-left: 0px | |
| } | |
| #resultsFilters div#rfResults,#resultsFiltersBottom div#rfResults { | |
| width: 100px | |
| } | |
| #resultsFilters select,#resultsFiltersBottom select { | |
| line-height: 20px; | |
| padding: 2px; | |
| border: none; | |
| width: 100px; | |
| border-radius: 0; | |
| margin: -3px 10px 0px 9px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| border: 1px solid #aaa | |
| } | |
| #resultsFilters select#rfNumbers,#resultsFiltersBottom select#rfNumbers { | |
| width: 62px | |
| } | |
| #resultsFilters select#rfSort,#resultsFiltersBottom select#rfSort { | |
| width: 156px | |
| } | |
| #resultsFilters #listView,#resultsFilters #gridView,#resultsFiltersBottom #listView,#resultsFiltersBottom #gridView { | |
| width: 28px; | |
| height: 22px; | |
| float: right; | |
| margin-top: -2px; | |
| display: block; | |
| cursor: pointer | |
| } | |
| #resultsFilters #listView,#resultsFiltersBottom #listView { | |
| background: url("../images/shelf/listview_inactive.jpg") top left no-repeat; | |
| margin: -2px 4px 0px 7px | |
| } | |
| #resultsFilters #listView.active,#resultsFiltersBottom #listView.active { | |
| background: url("../images/shelf/listview_active.jpg") top left no-repeat; | |
| margin: -3px 4px 0px 7px; | |
| border: 1px solid #F37F00 | |
| } | |
| #resultsFilters #gridView,#resultsFiltersBottom #gridView { | |
| background: url("../images/shelf/gridview_inactive.jpg") top left no-repeat | |
| } | |
| #resultsFilters #gridView.active,#resultsFiltersBottom #gridView.active { | |
| background: url("../images/shelf/gridview_active.jpg") top left no-repeat; | |
| border: 1px solid #F37F00; | |
| margin-top: -3px | |
| } | |
| #resultsFilters #previous,#resultsFiltersBottom #previous { | |
| background: url("../images/common/leftTick.png") center left no-repeat; | |
| padding-left: 13px; | |
| color: #231f20 | |
| } | |
| #resultsFilters #next,#resultsFiltersBottom #next { | |
| background: url("../images/common/rightTick.png") center right no-repeat; | |
| padding-right: 13px; | |
| color: #231f20 | |
| } | |
| .comparePaginationBar { | |
| background: url("../images/common/diag_borders_tall.jpg") top left repeat-x; | |
| padding: 9px 5px 0px 0px !important; | |
| margin: -7px 0px 22px 8px; | |
| float: left; | |
| height: 40px; | |
| color: #231f20 | |
| } | |
| .comparePaginationBar .button { | |
| float: left; | |
| margin-right: 13px | |
| } | |
| .comparePaginationBar .cbPagination { | |
| margin-right: 0px; | |
| padding-right: 4px; | |
| line-height: 8px; | |
| float: right | |
| } | |
| .comparePaginationBar .cbPagination li { | |
| float: left; | |
| color: #6c6f70; | |
| padding-left: 0px | |
| } | |
| .comparePaginationBar img,.comparePaginationBar canvas { | |
| margin-left: 8px; | |
| margin-top: 4px; | |
| float: left; | |
| width: 25px; | |
| height: 25px | |
| } | |
| .comparePaginationBar #previous { | |
| background: url("../images/common/leftTick.png") center left no-repeat; | |
| padding-left: 13px; | |
| color: #231f20 | |
| } | |
| .comparePaginationBar #next { | |
| background: url("../images/common/rightTick.png") center right no-repeat; | |
| padding-right: 13px; | |
| color: #231f20 | |
| } | |
| #compareBottom { | |
| margin-top: 15px | |
| } | |
| #shelfItems.shelfGrid { | |
| padding-left: 2% | |
| } | |
| .shelfItem { | |
| border-bottom: 1px solid #E5E5E5; | |
| padding-bottom: 20px; | |
| margin-bottom: 30px | |
| } | |
| .shelfItem:last-of-type { | |
| border-bottom: none; | |
| margin-bottom: 0px | |
| } | |
| .shelfItemPreview { | |
| color: #F37F00; | |
| text-align: center | |
| } | |
| .shelfItemPreview input[type="checkbox"] { | |
| margin-right: 5px; | |
| float: left | |
| } | |
| .shelfItemPreview strong { | |
| float: left; | |
| line-height: 8px | |
| } | |
| .shelfItemPreview .prodImg { | |
| z-index: 10; | |
| display: block | |
| } | |
| .shelfItemPreview img { | |
| height: 100% | |
| } | |
| .shelfItemPreview span.prodName { | |
| font-size: 13px; | |
| line-height: 18px; | |
| z-index: 10 | |
| } | |
| .shelfItemPreview .compareAdd { | |
| text-align: left; | |
| width: 110%; | |
| margin-bottom: 14px | |
| } | |
| .shelfItemPreview .compareAdd span,.shelfItemPreview .compareAdd input { | |
| float: left | |
| } | |
| .shelfItemPreview .compareAdd span { | |
| line-height: 15px; | |
| padding-left: 10px | |
| } | |
| .shelfItemPreview .productImageContainer { | |
| width: 100% | |
| } | |
| .shelfItemPreview .productImageContainer a { | |
| color: #231f20 | |
| } | |
| .shelfItemPreview .productImageContainer a:hover { | |
| color: #F26100 | |
| } | |
| .shelfItemDetails h5 { | |
| font-weight: normal; | |
| color: #000; | |
| line-height: 16px; | |
| margin-top: 0px | |
| } | |
| .shelfItemDetails ul { | |
| margin-left: 0px; | |
| padding-left: 0px; | |
| font-size: 11px | |
| } | |
| .shelfItemDetails ul li { | |
| margin-left: 0px; | |
| padding-left: 0px; | |
| padding-bottom: 2px | |
| } | |
| .shelfItemDetails ul li em { | |
| font-style: normal; | |
| font-size: 12px | |
| } | |
| .shelfItemDetails .price { | |
| font-size: 13px; | |
| color: #231f20; | |
| margin-bottom: 18px | |
| } | |
| .shelfItemDetails .price strong { | |
| color: #F37F00; | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: 26px | |
| } | |
| .shelfItemDetails .price strong.priceNotAvailable { | |
| color: #F2B557; | |
| font-size: 20px | |
| } | |
| .shelfItemDetails .price span.core-tooltip-trigger { | |
| font-size: 11px; | |
| background: url("../images/common/info_icon.jpg") left center no-repeat; | |
| padding-left: 14px; | |
| margin-left: 38px; | |
| color: #6c6f70; | |
| position: relative | |
| } | |
| .shelfItemDetails .price div { | |
| border-top: 1px dotted #6c6f70; | |
| margin-top: 3px; | |
| padding-top: 3px | |
| } | |
| .shelfItemDetails .price div span.saveNow,.shelfItemDetails .price div span.mailIn { | |
| font-size: 10px; | |
| color: #231f20; | |
| margin-left: 0px | |
| } | |
| .shelfItemDetails .price div span.saveNow strong,.shelfItemDetails .price div span.mailIn strong { | |
| font-size: 11px; | |
| font-weight: bold; | |
| color: #231f20 | |
| } | |
| .shelfItemDetails .price div span.saveNow { | |
| background: url("../images/shelf/save_now.jpg") left center no-repeat; | |
| padding-left: 16px; | |
| float: left | |
| } | |
| .shelfItemDetails .price div span.saveNow strong { | |
| text-transform: uppercase | |
| } | |
| .shelfItemDetails .price div span.saveNow strong em { | |
| color: #F37F00; | |
| font-style: normal | |
| } | |
| .shelfItemDetails .price div span.mailIn { | |
| background: url("../images/shelf/mail_in.jpg") left center no-repeat; | |
| padding-left: 22px | |
| } | |
| .shelfItemCartAction .price { | |
| font-size: 13px; | |
| color: #231f20; | |
| margin-bottom: 18px | |
| } | |
| .shelfItemCartAction .price strong { | |
| color: #F37F00; | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: 26px | |
| } | |
| .shelfItemCartAction .price strong.priceNotAvailable { | |
| color: #F2B557; | |
| font-size: 20px | |
| } | |
| .shelfItemCartAction .price span.core-tooltip-trigger { | |
| font-size: 11px; | |
| background: url("../images/common/info_icon.jpg") left center no-repeat; | |
| padding-left: 14px; | |
| margin-left: 38px; | |
| color: #6c6f70; | |
| position: relative | |
| } | |
| .shelfItemCartAction .price div { | |
| border-top: 1px dotted #6c6f70; | |
| margin-top: 3px; | |
| padding-top: 3px | |
| } | |
| .shelfItemCartAction .price div span.saveNow,.shelfItemCartAction .price div span.mailIn { | |
| font-size: 10px; | |
| padding-left: 22px; | |
| color: #231f20; | |
| margin-left: 0px | |
| } | |
| .shelfItemCartAction .price div span.saveNow strong,.shelfItemCartAction .price div span.mailIn strong { | |
| font-size: 11px; | |
| font-weight: bold; | |
| color: #231f20 | |
| } | |
| .shelfItemCartAction .price div span.saveNow { | |
| background: url("../images/shelf/save_now.jpg") left center no-repeat | |
| } | |
| .shelfItemCartAction .price div span.saveNow strong { | |
| text-transform: uppercase | |
| } | |
| .shelfItemCartAction .price div span.saveNow strong em { | |
| color: #F37F00; | |
| font-style: normal | |
| } | |
| .shelfItemCartAction .price div span.mailIn { | |
| background: url("../images/shelf/mail_in.jpg") left center no-repeat | |
| } | |
| .shelfItemCartAction form { | |
| font-weight: bold; | |
| margin-bottom: 12px | |
| } | |
| .shelfItemCartAction form input[type="radio"] { | |
| margin: 5px 6px 0 0px | |
| } | |
| .shelfItemCartAction form span.orderRadio { | |
| line-height: 12px; | |
| font-size: 11px; | |
| margin-bottom: 13px; | |
| padding-left: 20px; | |
| display: block | |
| } | |
| .shelfItemCartAction form span.orderRadio.order { | |
| color: #F37F00 | |
| } | |
| .shelfItemCartAction form span.orderRadio.notAvailable { | |
| color: #d52b1e | |
| } | |
| .shelfItemCartAction form div.orderOptions label { | |
| margin-bottom: 0px | |
| } | |
| .shelfItemCartAction a.white { | |
| margin-bottom: 10px | |
| } | |
| .shelfItemCartAction p { | |
| font-size: 13px; | |
| font-weight: bold; | |
| color: #F26100 | |
| } | |
| .shelfItemCartAction .checkAvailability { | |
| font-weight: bold; | |
| font-size: 13px; | |
| line-height: 18px | |
| } | |
| .shelfList .shelfItem { | |
| min-height: 160px | |
| } | |
| .shelfList .shelfItem .shelfItemPreview a.viewVideo { | |
| margin-right: 34px | |
| } | |
| .shelfList .prodImg img { | |
| height: 170px; | |
| width: 170px; | |
| max-width: 170px; | |
| float: left; | |
| margin-left: 2px | |
| } | |
| .shelfList .prodImg span.prodName { | |
| left: 186px; | |
| top: 0px; | |
| position: absolute; | |
| text-align: left; | |
| width: 320px | |
| } | |
| .shelfList .tooltip-with-arrow.bottom-left { | |
| right: -40px | |
| } | |
| .shelfList .tooltip-with-arrow { | |
| top: 20px | |
| } | |
| .shelfList .ppp_cta { | |
| width: 53px; | |
| height: 18px; | |
| float: right; | |
| position: absolute; | |
| right: 0px; | |
| cursor: pointer | |
| } | |
| .shelfList .ratingsReviews { | |
| padding-top: 0px | |
| } | |
| .shelfList .shelfItemDetails h5 a { | |
| color: #231f20 | |
| } | |
| .shelfList .shelfItemDetails h5 a:hover { | |
| color: #F26100 | |
| } | |
| .shelfList .atcButton,.shelfList .vdButton { | |
| margin-top: 10px | |
| } | |
| .shelfList .iycButton { | |
| margin-top: 20px | |
| } | |
| .shelfList .vehicleSpecific,.shelfList .notVehicleSpecific,.shelfList .doesNotFit,.shelfList .fitsVehicle { | |
| margin-top: -6px; | |
| margin-left: 6px; | |
| width: 140px | |
| } | |
| .shelfGrid { | |
| padding-left: 0px; | |
| margin-left: -7px | |
| } | |
| .shelfGrid .shelfItem { | |
| border-right: 1px solid #E5E5E5; | |
| width: 23%; | |
| margin-bottom: 0px; | |
| float: left; | |
| padding: 15px 7px 0px 7px; | |
| min-height: 200px | |
| } | |
| .shelfGrid .shelfItem:nth-of-type(4n+4) { | |
| border-right: 0px | |
| } | |
| .shelfGrid .shelfItem:nth-of-type(4n+5),.shelfGrid .shelfItem:first-of-type { | |
| padding-left: 0px | |
| } | |
| .shelfGrid .shelfItem:nth-of-type(n+5) { | |
| padding-top: 15px | |
| } | |
| .shelfGrid .shelfItem:last-of-type { | |
| margin-bottom: 0px; | |
| border-bottom: 1px solid #E5E5E5 | |
| } | |
| .shelfGrid .shelfItem .shelfItemPreview { | |
| margin-bottom: 15px; | |
| min-height: 220px | |
| } | |
| .shelfGrid .shelfItem .shelfItemPreview .prodImg img { | |
| width: 150px; | |
| margin-left: 0px; | |
| height: 150px | |
| } | |
| .shelfGrid .shelfItem .shelfItemPreview .ppp_cta { | |
| width: 53px; | |
| height: 18px; | |
| float: right; | |
| position: absolute; | |
| right: 0px; | |
| cursor: pointer; | |
| right: 7px | |
| } | |
| .shelfGrid .shelfItem .shelfItemPreview span.prodName { | |
| margin-top: 30px; | |
| text-align: left; | |
| display: block; | |
| word-wrap: break-word; | |
| width: 160px | |
| } | |
| .shelfGrid .shelfItem .shelfItemPreview .video { | |
| position: absolute; | |
| z-index: 11; | |
| float: right; | |
| right: 10px | |
| } | |
| .shelfGrid .shelfItem .vehicleSpecific,.shelfGrid .shelfItem .notVehicleSpecific,.shelfGrid .shelfItem .fitsVehicle { | |
| width: 130px; | |
| margin-top: -5px; | |
| margin-left: 4px; | |
| font-weight: bold | |
| } | |
| .shelfGrid .shelfItem .vehicleSpecific .fitsYourVehicle,.shelfGrid .shelfItem .notVehicleSpecific .fitsYourVehicle,.shelfGrid .shelfItem .fitsVehicle .fitsYourVehicle { | |
| margin-left: 10px; | |
| margin-right: -5px | |
| } | |
| .shelfGrid .shelfItem .shelfItemDetails { | |
| line-height: 15px; | |
| width: 100% | |
| } | |
| .shelfGrid .shelfItem .shelfItemDetails ul { | |
| margin-bottom: 0px; | |
| margin-top: 0px | |
| } | |
| .shelfGrid .shelfItem .prodName { | |
| max-height: 50px; | |
| overflow: none | |
| } | |
| .shelfGrid .shelfItem .prodName .tooltip-with-arrow { | |
| right: -3px !important; | |
| top: 176px !important; | |
| padding: 0px; | |
| width: 168px | |
| } | |
| .shelfGrid .shelfItem .prodName .tooltip-inner { | |
| color: #000000; | |
| font-weight: normal; | |
| line-height: 16px; | |
| border: none; | |
| font-size: 14px; | |
| padding: 4px 6px !important | |
| } | |
| .shelfGrid .shelfItem .prodName .tooltip-arrow-mask,.shelfGrid .shelfItem .prodName .tooltip-arrow { | |
| display: none | |
| } | |
| .shelfGrid .shelfItem .prodName .tooltip-with-arrow.bottom-left { | |
| margin-right: -1px | |
| } | |
| .shelfGrid .shelfItem .prodName .tooltip-with-arrow.bottom-left .tooltip-arrow,.shelfGrid .shelfItem .prodName .tooltip-with-arrow.bottom-left .tooltip-arrow-mask { | |
| right: 83px | |
| } | |
| .shelfGrid .shelfItem .shelfItemCartAction { | |
| width: 100% | |
| } | |
| .shelfGrid .shelfItem .shelfItemCartAction .checkAvailability { | |
| text-align: center; | |
| float: left | |
| } | |
| .shelfGrid .shelfItem .shelfItemCartAction form { | |
| margin-top: 20px | |
| } | |
| .shelfGrid .shelfItem .button,.shelfGrid .shelfItem .atcButton { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .shelfGrid .shelfItem .atcButton,.shelfGrid .shelfItem .iycButton { | |
| width: 132px | |
| } | |
| .shelfGrid .grid-7,.shelfGrid .grid-10,.shelfGrid .grid-11 { | |
| width: auto | |
| } | |
| .shelfGrid .push-1 { | |
| left: auto | |
| } | |
| .shelfGrid .action-bar-2-no-store { | |
| margin-top: 20px | |
| } | |
| .shelfGrid .shelfItemCartAction { | |
| padding-bottom: 10px | |
| } | |
| .shelfGrid .ratingsReviews { | |
| float: left | |
| } | |
| .shelfGrid .atcButton,.shelfGrid .vdButton { | |
| margin-top: 28px | |
| } | |
| .shelfGrid .iycButton { | |
| margin-top: 20px; | |
| margin-left: 13px | |
| } | |
| .shelfGrid .checkFitText { | |
| width: 170px; | |
| margin-left: -11px; | |
| position: relative | |
| } | |
| .orderOptions input { | |
| display: inline; | |
| float: left | |
| } | |
| .orderOptions .button-bar-msg-in-stock,.orderOptions .button-bar-group .button-bar-msg-out-of-stock,.orderOptions .button-bar-group .button-bar-msg-available,.orderOptions .button-bar-group .button-bar-msg-not-available { | |
| color: #009900; | |
| font-weight: bold | |
| } | |
| .orderOptions .button-bar-msg-out-of-stock,.orderOptions .orderOptions .button-bar-msg-not-available { | |
| color: #990000 | |
| } | |
| .orderOptions .button-bar-msg-special-order { | |
| color: #F68326; | |
| font-weight: bold; | |
| width: 100px; | |
| padding-left: 15px | |
| } | |
| .inYourCart { | |
| color: #F37F00; | |
| padding-left: 14px | |
| } | |
| .checkPriceBtn { | |
| padding: 6px 16px; | |
| margin-bottom: 5px | |
| } | |
| .vehicleSpecific,.notVehicleSpecific,.doesNotFit,.fitsVehicle { | |
| color: #01943f; | |
| border: 1px solid #01943f; | |
| padding: 0 10px; | |
| width: 112px; | |
| text-align: center; | |
| float: left; | |
| margin-top: -20px; | |
| position: relative; | |
| background: #fff; | |
| background: rgba(255,255,255,0.85) | |
| } | |
| .vehicleSpecific .fitsYourVehicle,.notVehicleSpecific .fitsYourVehicle,.doesNotFit .fitsYourVehicle,.fitsVehicle .fitsYourVehicle { | |
| background: url("../images/common/green_check.png") left center no-repeat; | |
| float: left; | |
| height: 10px; | |
| margin-left: 3px; | |
| margin-right: 2px; | |
| margin-top: 3px; | |
| position: relative; | |
| width: 10px | |
| } | |
| .notVehicleSpecific,.vehicleSpecific { | |
| color: #6c6f70; | |
| border: 1px solid #6c6f70 | |
| } | |
| .vehicleSpecific { | |
| border: 1px solid #ffbd00 | |
| } | |
| .doesNotFit { | |
| color: #D52B1E; | |
| border: 1px solid #D52B1E | |
| } | |
| #productImageContainer .vehicleSpecific,#productImageContainer .notVehicleSpecific,#productImageContainer .doesNotFit,#productImageContainer .fitsVehicle { | |
| float: right | |
| } | |
| .search-another-store { | |
| margin-top: -10px; | |
| margin-bottom: 13px | |
| } | |
| .searchAnotherStore,.searchAnotherStore:visited { | |
| color: #009900; | |
| font-size: 11px; | |
| font-weight: normal; | |
| margin-left: 20px; | |
| text-decoration: underline | |
| } | |
| .shelfItem .price div.loading { | |
| border: none; | |
| line-height: 2em | |
| } | |
| #addToCartForm .searchAnotherStore { | |
| margin-left: 9px | |
| } | |
| .orderOptions label.store-pickup div#free-store { | |
| visibility: visible !important | |
| } | |
| #home,#part_product { | |
| overflow: visible !important | |
| } | |
| #invodo-player--css-id { | |
| overflow: hidden | |
| } | |
| #geoLocatorBar { | |
| background: #f1f1f1; | |
| border: 1px solid #F37F00; | |
| padding: 6px 45px 9px 10px; | |
| margin: 0px 0px 15px 7px; | |
| overflow: auto | |
| } | |
| #geoLocatorBar .location { | |
| background: url("../images/common/az_location_icon.png") left 2px no-repeat; | |
| padding: 10px 0 5px 35px; | |
| float: left; | |
| position: relative | |
| } | |
| #geoLocatorBar .location strong { | |
| color: #231f20 | |
| } | |
| #geoLocatorBar select { | |
| float: right; | |
| position: relative; | |
| background: none; | |
| margin-top: 5px; | |
| font-weight: bold; | |
| color: #231f20; | |
| border: none; | |
| text-shadow: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none | |
| } | |
| #geoLocatorBar div.close { | |
| text-indent: -9999em; | |
| display: block; | |
| float: right; | |
| position: absolute; | |
| background: url("../images/common/close_x.png") center center no-repeat; | |
| width: 20px; | |
| height: 20px; | |
| right: 10px; | |
| top: 15px; | |
| cursor: pointer | |
| } | |
| #geoLocatorBar .changeLocation { | |
| padding: 10px 0 5px 0px; | |
| margin-left: 534px | |
| } | |
| #geoLocatorBar a { | |
| color: #F37F00 | |
| } | |
| .internalAd img { | |
| width: 730px; | |
| max-width: 734px !important; | |
| border-left: none | |
| } | |
| .internalAd:after { | |
| width: 0px; | |
| height: 0px; | |
| border-style: solid; | |
| border-width: 5px 5px 0 0; | |
| border-color: #f37e00 transparent transparent transparent; | |
| content: " "; | |
| position: absolute; | |
| right: -17px; | |
| bottom: -5px | |
| } | |
| #promoSpace { | |
| margin-bottom: 25px; | |
| float: left | |
| } | |
| .errorBar { | |
| background-color: #A40204; | |
| color: #fff; | |
| font-weight: bold; | |
| line-height: 4em; | |
| text-align: center | |
| } | |
| .errorBar a { | |
| color: #fff; | |
| text-decoration: underline | |
| } | |
| .errorMessage { | |
| color: #A40204 | |
| } | |
| .errorMessage a { | |
| color: inherit; | |
| text-decoration: underline | |
| } | |
| .error { | |
| border-radius: 5px; | |
| background-color: #A40204; | |
| color: #fff; | |
| padding: .5rem 1rem; | |
| font-weight: bold; | |
| line-height: 1.8em; | |
| list-style: none; | |
| margin-bottom: 1em | |
| } | |
| .error li { | |
| background-image: none; | |
| list-style-type: none; | |
| padding: .25rem 0 | |
| } | |
| .error a { | |
| color: #fff; | |
| text-decoration: underline | |
| } | |
| ul.error { | |
| margin-left: 0 | |
| } | |
| .atcButton .add-to-cart-message { | |
| position: absolute; | |
| top: 100px; | |
| margin-left: -200px; | |
| z-index: 100 | |
| } | |
| #prices_wrapper .add-to-cart-message { | |
| position: absolute; | |
| top: 25px; | |
| margin-left: -240px | |
| } | |
| .atcButton .add-to-cart-message #added-to-cart,#prices_wrapper .add-to-cart-message #added-to-cart { | |
| background: #F68428; | |
| color: #FFFFFF; | |
| height: auto; | |
| padding: 10px; | |
| text-align: left; | |
| width: 411px; | |
| border: 3px solid #F36114; | |
| -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); | |
| box-shadow: 3px 3px 5px rgba(0,0,0,0.5) | |
| } | |
| .atcButton .add-to-cart-message #added-to-cart .added-text,#prices_wrapper .add-to-cart-message #added-to-cart .added-text { | |
| padding-left: 100px; | |
| background: url("../images/parts_shelf/addedIcon.gif") no-repeat 78px 0 | |
| } | |
| .atcButton .add-to-cart-message #added-to-cart .added-text p,#prices_wrapper .add-to-cart-message #added-to-cart .added-text p { | |
| margin: 0; | |
| font-size: 12px; | |
| color: #fff | |
| } | |
| .atcButton .add-to-cart-message #added-to-cart strong,#prices_wrapper .add-to-cart-message #added-to-cart strong { | |
| font-size: 14px; | |
| line-height: 1.15; | |
| font-weight: bold; | |
| height: auto; | |
| display: block; | |
| overflow: hidden | |
| } | |
| #alsoViewed .grid-4.flush { | |
| width: 19.6% | |
| } | |
| #alsoViewed img { | |
| height: 115px | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left { | |
| right: -30px; | |
| top: 35px | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left span { | |
| line-height: 25px | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left form,.paginationForm .tooltip-with-arrow.bottom-left span { | |
| float: left | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left input { | |
| float: left | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left input[type="text"] { | |
| width: 30px; | |
| margin-left: 10px; | |
| position: relative; | |
| z-index: 100 | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left input[type="submit"] { | |
| margin-left: 10px; | |
| width: 30px; | |
| height: 28px; | |
| padding: 0 5px | |
| } | |
| .paginationForm .tooltip-with-arrow.bottom-left .tooltip-arrow,.paginationForm .tooltip-with-arrow.bottom-left .tooltip-arrow-mask { | |
| right: 125px | |
| } | |
| .paginationForm .goToPageError { | |
| display: none; | |
| color: red | |
| } | |
| .paginationForm span.pageNumbers { | |
| color: #f26100; | |
| text-decoration: underline; | |
| cursor: pointer; | |
| font-style: normal | |
| } | |
| .vehicleHelp { | |
| margin-bottom: 20px | |
| } | |
| .vehicleHelp h4.simple { | |
| margin-bottom: 4px | |
| } | |
| .vehicleHelp h4.pattern { | |
| margin-bottom: 20px | |
| } | |
| .vehicleHelp p { | |
| position: absolute; | |
| width: 180px | |
| } | |
| .vehicleHelp p span { | |
| width: 100px; | |
| display: block | |
| } | |
| .vehicleHelp img { | |
| margin-top: 25px; | |
| margin-right: 10px; | |
| position: relative | |
| } | |
| .vehicleHelp img#vidImg { | |
| margin-top: 40px | |
| } | |
| .vehicleHelp .grid-8 img { | |
| max-width: 110px !important | |
| } | |
| .vehicleHelp .grid-12 p { | |
| width: 100% | |
| } | |
| .vehicleHelp .grid-12 p span { | |
| width: 140px | |
| } | |
| .vehicleHelp .grid-12 img { | |
| max-width: 110px !important; | |
| margin-right: 90px | |
| } | |
| .vehicleHelp .grid-12 img#vidImg { | |
| margin-top: 22px; | |
| margin-right: 130px | |
| } | |
| .vehicleHelp .fullVehicle p { | |
| width: auto | |
| } | |
| .vehicleHelp .fullVehicle img#vidImg { | |
| margin-left: 280px; | |
| margin-top: -30px | |
| } | |
| .payment-methods-sprite span { | |
| margin-top: 8px !important | |
| } | |
| .payment-methods-sprite ul { | |
| list-style-type: none !important; | |
| margin: 2px 0 0 0 !important; | |
| float: left | |
| } | |
| .payment-methods-sprite ul li,.payment-methods-sprite ul.footer li { | |
| height: 20px; | |
| padding: 0 !important; | |
| margin: 0 5px 5px 0 !important; | |
| display: inline-block; | |
| background: url("/images/common/Payments_footer_sprite2.png") no-repeat transparent; | |
| float: left | |
| } | |
| .payment-methods-sprite ul li.default,.payment-methods-sprite ul.footer li.default { | |
| width: 143px; | |
| background-position: 0 0 | |
| } | |
| .payment-methods-sprite ul li.paypal,.payment-methods-sprite ul.footer li.paypal { | |
| width: 69px; | |
| background-position: -148px 0 | |
| } | |
| .payment-methods-sprite ul li.vme,.payment-methods-sprite ul.footer li.vme { | |
| width: 32px; | |
| background-position: -221px 0 | |
| } | |
| .payment-methods-sprite ul li.giftMerch,.payment-methods-sprite ul.footer li.giftMerch { | |
| width: 68px; | |
| background-position: -257px 0 | |
| } | |
| .payment-methods-sprite ul li a { | |
| width: 100%; | |
| height: 100%; | |
| display: block | |
| } | |
| .payment-methods-sprite ul.footer { | |
| width: 147px !important; | |
| margin: 0 0 0 0 !important; | |
| padding: 0 !important | |
| } | |
| .payment-methods-sprite.footer-osp ul.footer { | |
| width: auto !important; | |
| margin: 5px 0 0 0 !important; | |
| padding: 0 !important | |
| } | |
| .payment-methods-sprite.footer-osp span { | |
| float: left; | |
| display: inline; | |
| padding-right: 5px | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li { | |
| background: url("/images/common/payment-methods-page_big-icons2.png") no-repeat transparent; | |
| height: 58px; | |
| padding: 0 !important; | |
| margin: 0 5px 10px 0 !important; | |
| display: inline-block; | |
| float: left | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.default { | |
| width: 386px; | |
| background-position: 0 0 | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.paypal { | |
| width: 191px; | |
| background-position: -391px 0 | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.vme { | |
| width: 92px; | |
| background-position: -586px 0 | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.giftMerch { | |
| width: 187px; | |
| background-position: -683px 0 | |
| } | |
| .payment-methods-sprite span { | |
| margin-top: 8px !important | |
| } | |
| .payment-methods-sprite ul { | |
| list-style-type: none !important; | |
| margin: 2px 0 0 0 !important; | |
| float: left | |
| } | |
| .payment-methods-sprite ul li,.payment-methods-sprite ul.footer li { | |
| height: 20px; | |
| padding: 0 !important; | |
| margin: 0 5px 5px 0 !important; | |
| display: inline-block; | |
| background: url("/images/common/Payments_footer_sprite2.png") no-repeat transparent; | |
| float: left | |
| } | |
| .payment-methods-sprite ul li.default,.payment-methods-sprite ul.footer li.default { | |
| width: 143px; | |
| background-position: 0 0 | |
| } | |
| .payment-methods-sprite ul li.paypal,.payment-methods-sprite ul.footer li.paypal { | |
| width: 69px; | |
| background-position: -148px 0 | |
| } | |
| .payment-methods-sprite ul li.vme,.payment-methods-sprite ul.footer li.vme { | |
| width: 32px; | |
| background-position: -221px 0 | |
| } | |
| .payment-methods-sprite ul li.giftMerch,.payment-methods-sprite ul.footer li.giftMerch { | |
| width: 68px; | |
| background-position: -257px 0 | |
| } | |
| .payment-methods-sprite ul li a { | |
| width: 100%; | |
| height: 100%; | |
| display: block | |
| } | |
| .payment-methods-sprite ul.footer { | |
| width: 147px !important; | |
| margin: 0 0 0 0 !important; | |
| padding: 0 !important | |
| } | |
| .payment-methods-sprite.footer-osp ul.footer { | |
| width: auto !important; | |
| margin: 5px 0 0 0 !important; | |
| padding: 0 !important | |
| } | |
| .payment-methods-sprite.footer-osp span { | |
| float: left; | |
| display: inline; | |
| padding-right: 5px | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li { | |
| background: url("/images/common/payment-methods-page_big-icons2.png") no-repeat transparent; | |
| height: 58px; | |
| padding: 0 !important; | |
| margin: 0 5px 10px 0 !important; | |
| display: inline-block; | |
| float: left | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.default { | |
| width: 386px; | |
| background-position: 0 0 | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.paypal { | |
| width: 191px; | |
| background-position: -391px 0 | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.vme { | |
| width: 92px; | |
| background-position: -586px 0 | |
| } | |
| .payment-methods-sprite ul.paymentMethodsBig li.giftMerch { | |
| width: 187px; | |
| background-position: -683px 0 | |
| } | |
| #prodCompareTable { | |
| border-top: 2px solid #cccccc | |
| } | |
| #prodCompareTable .print-window { | |
| float: left | |
| } | |
| #prodCompareTable .print-window:hover { | |
| cursor: pointer | |
| } | |
| #prodCompareTable .removeBtns { | |
| border-bottom: none; | |
| height: 35px | |
| } | |
| #prodCompareTable .removeBtns:hover { | |
| background: #fff | |
| } | |
| #prodCompareTable .removeBtns input[type="submit"] { | |
| background: none; | |
| border: none; | |
| float: left; | |
| color: #f37f00; | |
| font-weight: bold; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| padding-left: 0px | |
| } | |
| #prodCompareTable .removeBtns input[type="submit"]:hover { | |
| text-decoration: underline | |
| } | |
| #prodCompareTable thead td.first { | |
| background: #fff | |
| } | |
| #prodCompareTable .pricingRowTop { | |
| background: #fff | |
| } | |
| #prodCompareTable .pricingRowTop td.first { | |
| background: #fff | |
| } | |
| #prodCompareTable .productDetails .productDescription { | |
| font-weight: bold; | |
| height: auto | |
| } | |
| #prodCompareTable .productDetails:hover { | |
| background: #fff | |
| } | |
| #prodCompareTable .productDetails td.first { | |
| background: #fff | |
| } | |
| #prodCompareTable .productDetails .productImage { | |
| margin-top: 12px | |
| } | |
| #prodCompareTable .productDetails .productImage img { | |
| position: relative; | |
| margin: 0 auto; | |
| display: block | |
| } | |
| #prodCompareTable .button-bar-group { | |
| margin-bottom: 8px; | |
| float: none; | |
| margin-bottom: 15px | |
| } | |
| #prodCompareTable .button-bar-group br { | |
| height: 0; | |
| float: left | |
| } | |
| #prodCompareTable .button-bar-group .button-bar-radio { | |
| height: 30px | |
| } | |
| #prodCompareTable .button-bar-group .button-bar-msg-in-stock,#prodCompareTable .button-bar-group .button-bar-msg-special-order,#prodCompareTable .button-bar-group .button-bar-msg-out-of-stock,#prodCompareTable .button-bar-group .button-bar-msg-not-available,#prodCompareTable .button-bar-group .button-bar-radio-text { | |
| width: auto; | |
| clear: right; | |
| float: none; | |
| margin-left: 21px; | |
| line-height: 13px; | |
| font-size: 11px; | |
| padding-left: 0px | |
| } | |
| #prodCompareTable .button-bar-group .button-bar-radio-text { | |
| margin-left: 20px; | |
| font-size: 12px | |
| } | |
| #prodCompareTable .button-bar-group .button-bar-msg-ship { | |
| width: 85%; | |
| margin-left: 20px; | |
| float: left; | |
| line-height: 14px; | |
| margin-top: -3px; | |
| display: none | |
| } | |
| #prodCompareTable .radio-availability-text { | |
| clear: both; | |
| padding-right: 50px | |
| } | |
| #prodCompareTable #add-cart-button-outer { | |
| width: 100% | |
| } | |
| #prodCompareTable #product-action-bar { | |
| border: 0 | |
| } | |
| #prodCompareTable .button-bar-radio-text { | |
| font-weight: bold | |
| } | |
| #prodCompareTable label { | |
| margin-bottom: 3px; | |
| cursor: auto | |
| } | |
| #prodCompareTable td.price .part-pricing-info { | |
| text-align: left | |
| } | |
| #prodCompareTable td.price .part-pricing-info p strong { | |
| font-size: 13px; | |
| color: #231f20; | |
| margin-bottom: 18px | |
| } | |
| #prodCompareTable td.price .part-pricing-info p span strong { | |
| color: #f37f00; | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: 26px | |
| } | |
| #prodCompareTable td { | |
| border-left: 1px solid #cccccc; | |
| vertical-align: top | |
| } | |
| #prodCompareTable td.first { | |
| font-weight: bold; | |
| color: #333; | |
| text-align: right; | |
| background: #eeeeee; | |
| border-left: 0; | |
| border-right: 0 | |
| } | |
| #prodCompareTable td#formRow { | |
| border-left: 0px; | |
| padding-left: 245px; | |
| margin: 10px 0 | |
| } | |
| #prodCompareTable td#formRow #prodCompareTableZip { | |
| margin-top: -12px | |
| } | |
| #prodCompareTable #topFormRow:hover { | |
| background: #fff | |
| } | |
| #prodCompareTable tr { | |
| padding: 0px | |
| } | |
| #prodCompareTable ul li { | |
| list-style-type: disc; | |
| padding-left: 0px | |
| } | |
| #prodCompareTable .availRow { | |
| background: #fff; | |
| border-bottom: none | |
| } | |
| #prodCompareTable span.saveNow,#prodCompareTable span.mailIn { | |
| font-size: 10px; | |
| padding-left: 17px; | |
| color: #231f20; | |
| display: block; | |
| width: 100%; | |
| margin-top: 4px; | |
| margin-left: -3px | |
| } | |
| #prodCompareTable span.saveNow strong,#prodCompareTable span.mailIn strong { | |
| font-size: 11px; | |
| font-weight: bold; | |
| color: #231f20 | |
| } | |
| #prodCompareTable span.saveNow { | |
| background: url("../images/shelf/save_now.jpg") left center no-repeat | |
| } | |
| #prodCompareTable span.saveNow strong { | |
| text-transform: uppercase | |
| } | |
| #prodCompareTable span.saveNow strong em { | |
| color: #F37F00; | |
| font-style: normal | |
| } | |
| #prodCompareTable span.saveNow a { | |
| color: #f37f00 | |
| } | |
| #prodCompareTable .pricingRow:hover { | |
| background: #fff | |
| } | |
| #prodCompareTable .lastRow { | |
| border-bottom: none | |
| } | |
| #prodCompareTable .lastRow td.first { | |
| background: #fff | |
| } | |
| #prodCompareTable .lastRow:hover { | |
| background: #fff | |
| } | |
| #prodCompareTable .lastRow .printDiv { | |
| margin-top: 150px | |
| } | |
| #prodCompareTableZip { | |
| display: table; | |
| color: #F37F00 | |
| } | |
| #prodCompareTableZip span { | |
| float: left; | |
| line-height: 28px | |
| } | |
| #prodCompareTableZip input { | |
| float: left | |
| } | |
| #prodCompareTableZip input[type="text"] { | |
| width: 70px; | |
| margin-left: 10px | |
| } | |
| #prodCompareTableZip .button { | |
| width: 20px; | |
| margin-left: 10px; | |
| margin-top: -5px | |
| } | |
| .returnToLink { | |
| float: right; | |
| position: absolute; | |
| right: 10px; | |
| top: 10px | |
| } | |
| .rbroundbox { | |
| display: none | |
| } | |
| .rbroundbox .rbcontent { | |
| color: #ffffff; | |
| font-size: 1.2em; | |
| font-weight: bold | |
| } | |
| #contactUs .bannerImg img { | |
| width: 745px; | |
| max-width: 745px !important; | |
| margin-left: 2px; | |
| border-left: none | |
| } | |
| #contactUs .bannerImg:after { | |
| width: 0px; | |
| height: 0px; | |
| border-style: solid; | |
| border-width: 5px 5px 0 0; | |
| border-color: #f37e00 transparent transparent transparent; | |
| content: " "; | |
| position: absolute; | |
| right: -17px | |
| } | |
| #contactUs .wf-heading { | |
| color: #F37F00; | |
| margin-bottom: 10px; | |
| margin-top: 25px | |
| } | |
| #contactUs .infoRow { | |
| border-bottom: 1px dotted #999; | |
| margin-bottom: 2px; | |
| padding-bottom: 10px !important; | |
| background: url("../images/contactUs/contact_divider.png") no-repeat 335px top | |
| } | |
| #contactUs .infoRow .grid-12 { | |
| padding-top: 10px !important | |
| } | |
| #contactUs .infoRow a { | |
| margin: 5px 0 8px 0; | |
| float: left; | |
| width: 100%; | |
| font-weight: bold; | |
| color: #F37F00; | |
| line-height: 15px | |
| } | |
| #contactUs .infoRow a.smallLink { | |
| font-size: 10px; | |
| margin-top: 10px; | |
| font-weight: normal | |
| } | |
| #contactUs .infoRow h4 { | |
| color: #F37F00 | |
| } | |
| #contactUs .infoRow h4 a { | |
| font-weight: normal; | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| line-height: 20px | |
| } | |
| #contactUs #storeQuestions { | |
| background: url("../images/contactUs/icon-contactUs-store.png") no-repeat left 16px | |
| } | |
| #contactUs #webOrder { | |
| background: url("../images/contactUs/icon-contactUs-order.png") no-repeat left 16px | |
| } | |
| #contactUs #webPerformance { | |
| background: url("../images/contactUs/icon-contactUs-site.png") no-repeat left 16px | |
| } | |
| #contactUs #productInfo { | |
| background: url("../images/contactUs/icon-contactUs-product.png") no-repeat left 16px | |
| } | |
| #contactUs #generalInfo { | |
| background: url("../images/contactUs/icon-contactUs-general.png") no-repeat left 16px | |
| } | |
| #contactUs #azrInfo { | |
| background: url("../images/contactUs/icon-contactUs-azr.png") no-repeat left 16px | |
| } | |
| #contactUs #generalInfoMX { | |
| background: url("../images/contactUs/icon-contactUs-general.png") no-repeat left 16px; | |
| margin-bottom: 50px | |
| } | |
| #contactUs #generalInfoMX a { | |
| margin: 5px 0 8px 0; | |
| float: left; | |
| width: 100%; | |
| font-weight: bold; | |
| color: #F37F00 | |
| } | |
| #contactUs #generalInfoMX .grid-18 { | |
| padding-top: 10px !important; | |
| padding-left: 110px !important | |
| } | |
| #contactUs #generalInfoMX h4 { | |
| color: #F37F00 | |
| } | |
| #contactUs #generalInfoMX h4 a { | |
| font-weight: normal; | |
| margin-top: 0px; | |
| margin-bottom: 0px | |
| } | |
| #site-card-balance-form-pages h4.orange,#site-gift-card-form-pages h4.orange { | |
| line-height: 24px | |
| } | |
| #site-card-balance-form-pages #gc-header-container,#site-gift-card-form-pages #gc-header-container { | |
| margin-bottom: 30px | |
| } | |
| #site-card-balance-form-pages #gc-header-container img,#site-gift-card-form-pages #gc-header-container img { | |
| margin: 20px 0 10px 0 | |
| } | |
| #site-card-balance-form-pages .intro_text,#site-gift-card-form-pages .intro_text { | |
| margin-bottom: 20px | |
| } | |
| #site-card-balance-form-pages .contact-us-questions,#site-gift-card-form-pages .contact-us-questions { | |
| padding-bottom: 25px | |
| } | |
| #site-card-balance-form-pages .card-balance-img,#site-gift-card-form-pages .card-balance-img { | |
| border-right: 1px solid #ccc | |
| } | |
| #site-card-balance-form-pages #card-balance-info,#site-gift-card-form-pages #card-balance-info { | |
| float: left; | |
| font-size: 14px; | |
| color: #000 | |
| } | |
| #site-card-balance-form-pages #card-balance-info span,#site-gift-card-form-pages #card-balance-info span { | |
| line-height: 25px; | |
| display: inline-block | |
| } | |
| #site-card-balance-form-pages #card-balance-info .cb-span-1,#site-gift-card-form-pages #card-balance-info .cb-span-1 { | |
| margin-left: 10px | |
| } | |
| #site-card-balance-form-pages #card-balance-results,#site-gift-card-form-pages #card-balance-results { | |
| height: 85px; | |
| float: left; | |
| border-left: 1px solid #CDC9CA; | |
| width: 188px; | |
| text-align: right; | |
| padding-left: 20px; | |
| position: relative; | |
| top: 25%; | |
| -webkit-transform: translateY(-25%); | |
| -ms-transform: translateY(-25%); | |
| transform: translateY(-25%) | |
| } | |
| #site-card-balance-form-pages #card-balance-amount,#site-gift-card-form-pages #card-balance-amount { | |
| width: 180px; | |
| padding: 0 10px; | |
| border-bottom: 1px solid #CDC9CA; | |
| text-align: center | |
| } | |
| #site-card-balance-form-pages #card-remaining,#site-gift-card-form-pages #card-remaining { | |
| width: 180px; | |
| padding: 5px 10px 10px 10px; | |
| color: #000; | |
| font-weight: bold; | |
| text-align: center | |
| } | |
| #site-card-balance-form-pages .cb-header,#site-gift-card-form-pages .cb-header { | |
| font-size: 33px; | |
| margin: 10px 0; | |
| padding: 0 | |
| } | |
| #site-card-balance-form-pages .corporate-container,#site-gift-card-form-pages .corporate-container { | |
| text-align: left; | |
| padding: 15px; | |
| margin-top: 20px; | |
| border: 1px solid #cac8c9; | |
| width: 564px; | |
| max-width: 564px | |
| } | |
| #site-card-balance-form-pages .corporate-container #additional-left,#site-gift-card-form-pages .corporate-container #additional-left { | |
| display: inline-block; | |
| font-size: 14px; | |
| color: #000 | |
| } | |
| #site-card-balance-form-pages .corporate-container #additional-right,#site-gift-card-form-pages .corporate-container #additional-right { | |
| display: inline-block; | |
| text-align: right; | |
| margin-left: 105px | |
| } | |
| #site-card-balance-form-pages .dark,#site-gift-card-form-pages .dark { | |
| background-color: #eee | |
| } | |
| #site-card-balance-form-pages .light,#site-gift-card-form-pages .light { | |
| background-color: #fafafa; | |
| color: #000 | |
| } | |
| #site-card-balance-form-pages .gcSmallText,#site-gift-card-form-pages .gcSmallText { | |
| margin-left: 120px; | |
| font-size: 9px; | |
| line-height: 13px | |
| } | |
| #site-card-balance-form-pages .radioPin label,#site-gift-card-form-pages .radioPin label { | |
| cursor: default | |
| } | |
| #site-card-balance-form-pages.cardResults .card-balance-img,#site-card-balance-form-pages .cardLanding .card-balance-img,#site-gift-card-form-pages.cardResults .card-balance-img,#site-gift-card-form-pages .cardLanding .card-balance-img { | |
| border-right: none | |
| } | |
| #site-card-balance-form-pages.cardResults .gc-form-container-inner,#site-card-balance-form-pages .cardLanding .gc-form-container-inner,#site-gift-card-form-pages.cardResults .gc-form-container-inner,#site-gift-card-form-pages .cardLanding .gc-form-container-inner { | |
| border-left: 1px solid #ccc; | |
| height: 140px | |
| } | |
| #site-card-balance-form-pages.cardResults .gc-form-container-inner h4,#site-card-balance-form-pages .cardLanding .gc-form-container-inner h4,#site-gift-card-form-pages.cardResults .gc-form-container-inner h4,#site-gift-card-form-pages .cardLanding .gc-form-container-inner h4 { | |
| margin-bottom: 30px; | |
| padding-left: 10px | |
| } | |
| #site-card-balance-form-pages.cardLanding .gc-form,#site-gift-card-form-pages.cardLanding .gc-form { | |
| border-left: 1px solid #ccc | |
| } | |
| #site-card-balance-form-pages.cardLanding .gc-form .button,#site-gift-card-form-pages.cardLanding .gc-form .button { | |
| float: right | |
| } | |
| #site-card-balance-form-pages .questions,#site-gift-card-form-pages .questions { | |
| margin-top: 40px | |
| } | |
| #site-card-balance-form-pages .card-img,#site-gift-card-form-pages .card-img { | |
| margin-top: 30px; | |
| text-align: center | |
| } | |
| #site-card-balance-form-pages .gc-list ul li,#site-gift-card-form-pages .gc-list ul li { | |
| list-style-type: disc; | |
| padding-left: 0px | |
| } | |
| #site-card-balance-form-pages .gc-list ul,#site-gift-card-form-pages .gc-list ul { | |
| float: left; | |
| width: 250px | |
| } | |
| #site-card-balance-form-pages .gc-list ul:last-of-type,#site-gift-card-form-pages .gc-list ul:last-of-type { | |
| margin-left: 30px | |
| } | |
| .gc-message { | |
| color: #f68326; | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| display: block; | |
| margin-top: 15px | |
| } | |
| .catalog-description { | |
| border: 1px solid #E4E4E4; | |
| font-size: 11px; | |
| float: right; | |
| margin: 10px 0px 20px 0; | |
| border-radius: 3px; | |
| width: 100% | |
| } | |
| .catalog-description p { | |
| font-size: 11px; | |
| line-height: 1.4em; | |
| padding: 12px | |
| } | |
| .makeModelBlock ul { | |
| padding-left: 0px | |
| } | |
| .makeModelBlock ul li { | |
| padding: 0px | |
| } | |
| .makeModelBlock ul li .changeMode { | |
| text-decoration: underline | |
| } | |
| .yearRange,.mmCatBlock { | |
| margin-bottom: 20px | |
| } | |
| .yearRange .yearRangeToggle,.mmCatBlock .yearRangeToggle { | |
| margin-top: 10px; | |
| float: left | |
| } | |
| #ymme-header #vehicleInfo select.mmyeDisabled { | |
| background: none; | |
| color: #fff; | |
| border: 1px solid #f37f00; | |
| opacity: 100 | |
| } | |
| #ymme-header h2.mmye-header a { | |
| float: right; | |
| margin-top: 4px; | |
| font-size: 12px | |
| } | |
| #middle-initial { | |
| width: 20px | |
| } | |
| label[for="middle-initial"] { | |
| margin-left: 10px | |
| } | |
| .rewardLegends { | |
| font-size: 12px !important; | |
| line-height: 22px; | |
| padding-left: 0 !important | |
| } | |
| .flushTop { | |
| margin: auto; | |
| position: absolute; | |
| top: 0; | |
| right: 30px | |
| } | |
| .useBullets { | |
| margin-left: 10px | |
| } | |
| .useBullets li { | |
| list-style-type: disc !important; | |
| padding-left: 0 | |
| } | |
| .badgeoutter { | |
| height: 0px; | |
| position: relative; | |
| width: 100% | |
| } | |
| .pcutBadge { | |
| left: 1px; | |
| position: absolute; | |
| top: 5px; | |
| height: auto; | |
| z-index: 2 | |
| } | |
| .pcutBadge img { | |
| border: none; | |
| outline: none; | |
| width: 100%; | |
| height: auto | |
| } | |
| .detPcutBadge { | |
| left: 6px; | |
| position: absolute; | |
| top: 5px; | |
| height: auto; | |
| z-index: 2 | |
| } | |
| .detPcutBadge img { | |
| width: 100%; | |
| height: auto | |
| } | |
| #shelfItems .ndBadge { | |
| position: absolute; | |
| top: 90px | |
| } | |
| #shelfItems .ndBadge img { | |
| width: auto; | |
| height: auto | |
| } | |
| #shelfItems .ndBadge.compareLinkPresent { | |
| top: 120px | |
| } | |
| #shelfItems.shelfList .ndBadge { | |
| top: 110px; | |
| left: 2px | |
| } | |
| #shelfItems.shelfList .ndBadge.compareLinkPresent { | |
| top: 140px | |
| } | |
| .detNdBadge { | |
| position: absolute; | |
| top: 200px | |
| } | |
| .detNdBadge img { | |
| width: auto; | |
| height: auto | |
| } | |
| .nddMessageShelf,.nddMessageDetail,.nddMessageCart,.nddMessageCompare { | |
| width: 96px; | |
| float: right | |
| } | |
| .nddMessageShelf .nd-tooltip-trigger,.nddMessageDetail .nd-tooltip-trigger,.nddMessageCart .nd-tooltip-trigger,.nddMessageCompare .nd-tooltip-trigger { | |
| font-size: 11px; | |
| background: url(../images/common/info_icon.jpg) left center no-repeat; | |
| padding-left: 14px; | |
| color: #6c6f70; | |
| position: relative; | |
| height: 20px; | |
| width: 20px | |
| } | |
| .nddMessageShelf em,.nddMessageDetail em,.nddMessageCart em,.nddMessageCompare em { | |
| font-style: normal; | |
| padding-left: 6px | |
| } | |
| .nddMessageShelf .orange { | |
| width: 85px; | |
| float: right | |
| } | |
| .nddMessageShelf .nd-tooltip-trigger { | |
| margin-left: 55px; | |
| position: absolute | |
| } | |
| .nddMessageShelf .nd-tooltip-trigger .tooltip-with-arrow.bottom-left { | |
| right: -35px | |
| } | |
| .nddMessageDetail { | |
| margin-left: -130px; | |
| float: left; | |
| width: auto; | |
| color: #009900 | |
| } | |
| .nddMessageDetail .nd-tooltip-trigger { | |
| left: 5px; | |
| top: 0px; | |
| float: right | |
| } | |
| .nddMessageDetail .nextDayAvailableMessage { | |
| clear: both | |
| } | |
| .nddMessageCart,.nddMessageCompare { | |
| float: left; | |
| color: #009900; | |
| width: 200px | |
| } | |
| .nddMessageCart .nd-tooltip-trigger,.nddMessageCompare .nd-tooltip-trigger { | |
| float: right; | |
| bottom: 0px | |
| } | |
| .nddMessageCart .tooltip-with-arrow.bottom-left,.nddMessageCompare .tooltip-with-arrow.bottom-left { | |
| right: -38px | |
| } | |
| .nddMessageCompare { | |
| margin-top: 10px | |
| } | |
| .nddMessageCompare .nd-tooltip-trigger { | |
| float: none; | |
| left: 5px | |
| } | |
| .grid-4 .nddMessageCompare { | |
| width: 100px | |
| } | |
| .nextDayAvailableMessage { | |
| display: inherit; | |
| float: left | |
| } | |
| .onlineAvailability { | |
| float: left; | |
| max-width: 162px | |
| } | |
| #shipWarningMessage,#shipErrorMessage { | |
| display: none; | |
| margin-top: 5px | |
| } | |
| #shipWarningMessage { | |
| background: #f3db00; | |
| color: #333 | |
| } | |
| .ndBadge.ndCompare { | |
| position: absolute; | |
| z-index: 10; | |
| top: 130px | |
| } | |
| div#site-gift-card-form .form-label,div#site-card-balance-form .form-label { | |
| float: left; | |
| color: #000; | |
| font-weight: bold; | |
| padding: 5px 10px 5px 0 | |
| } | |
| div#site-gift-card-form .form-label input,div#site-gift-card-form .form-label textarea,div#site-card-balance-form .form-label input,div#site-card-balance-form .form-label textarea,div#site-card-balance-form .form-label select { | |
| border: 1px solid #000; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| padding: .2em; | |
| width: auto; | |
| color: #000 | |
| } | |
| div#site-card-balance-form .form-label input[type="radio"],div#site-gift-card-form input[type="radio"] { | |
| border: none !important; | |
| outline: none !important; | |
| padding: 0 !important | |
| } | |
| div#site-card-balance-form .form-label label { | |
| display: inline | |
| } | |
| .radioPin { | |
| width: auto; | |
| margin: 0 0 5px 66px; | |
| text-align: left | |
| } | |
| .radioPin input[type="radio"] { | |
| margin-left: 5px | |
| } | |
| .radioPin label { | |
| float: none !important; | |
| width: auto !important; | |
| padding: 0; | |
| margin: 0; | |
| display: inline | |
| } | |
| .form-label input[type="text"]:focus,.form-label select:focus,.form-label textarea:focus,.form-label .focusedInput { | |
| background: #ffc; | |
| outline: none | |
| } | |
| .form-label #Message { | |
| height: auto; | |
| resize: both; | |
| width: 60% | |
| } | |
| div#site-gift-card-form h2,div#site-card-balance-form h2 { | |
| color: #ef8328; | |
| height: auto; | |
| width: auto; | |
| margin-bottom: 10px; | |
| font-size: 12pt | |
| } | |
| div#site-gift-card-form #content p,div#site-card-balance-form #content p { | |
| margin: 0 0 10px 0; | |
| font-weight: bold | |
| } | |
| div#site-gift-card-form .container,div#site-card-balance-form .container { | |
| width: 100% | |
| } | |
| #gc-form-container { | |
| position: relative; | |
| height: auto | |
| } | |
| #gc-form-container.card-balance-results-container { | |
| height: 290px !important | |
| } | |
| #gc-form-container>div.gc-form-container-inner>p { | |
| text-align: right; | |
| padding-right: 19px | |
| } | |
| .corporate-container { | |
| text-align: left; | |
| padding: 15px; | |
| margin-top: 20px; | |
| border: 1px solid #cac8c9; | |
| width: 564px; | |
| max-width: 564px | |
| } | |
| div#site-card-balance-form .corporate-container { | |
| position: absolute !important; | |
| left: 10px | |
| } | |
| div#site-gift-card-form .dark,div#site-card-balance-form .dark { | |
| background-color: #eee | |
| } | |
| div#site-gift-card-form .dark h4,div#site-card-balance-form .dark h4 { | |
| display: inline; | |
| font-size: 16px | |
| } | |
| div#site-gift-card-form .light,div#site-card-balance-form .light { | |
| background-color: #fafafa; | |
| color: #000 | |
| } | |
| div#site-gift-card-form .italic,div#site-card-balance-form .italic { | |
| font-style: italic | |
| } | |
| div#site-gift-card-form div.italic,div#site-card-balance-form div.italic { | |
| padding-left: 30px | |
| } | |
| div#site-gift-card-form .card-img,div#site-card-balance-form .card-img { | |
| margin-left: 12px; | |
| margin-top: 20px; | |
| width: 285px | |
| } | |
| div#site-gift-card-form .v-spacer,div#site-card-balance-form .v-spacer { | |
| float: right; | |
| margin-right: 15px; | |
| background-color: #CCC9C9; | |
| width: 1px; | |
| height: 275px | |
| } | |
| div#site-gift-card-form div#gc-header-container,div#site-card-balance-form div#gc-header-container { | |
| padding: 10px 0 20px 10px | |
| } | |
| div.gc-list ul li { | |
| list-style-type: disc; | |
| background-repeat: no-repeat; | |
| background-position: 0 0; | |
| padding-left: 0 | |
| } | |
| div #gc-image-container ul { | |
| margin: 15px 15px 15px 0 | |
| } | |
| div.corporate-container.light div.gc-list ul { | |
| max-height: none; | |
| margin: 1em 0 | |
| } | |
| div.corporate-container.light div ul li { | |
| float: none !important; | |
| width: auto !important; | |
| padding-bottom: .5em !important | |
| } | |
| .helperText { | |
| color: #999999; | |
| text-align: left; | |
| margin-top: 10px | |
| } | |
| .iAmRequired { | |
| color: red; | |
| font-weight: bold | |
| } | |
| p.contact-us-questions { | |
| color: #000; | |
| padding-bottom: 25px | |
| } | |
| .card-balance-img { | |
| text-align: center; | |
| padding-top: 20px | |
| } | |
| #captcha-top { | |
| margin-left: 156px; | |
| width: auto; | |
| color: #000; | |
| position: relative; | |
| cursor: default | |
| } | |
| #captcha-refresh { | |
| position: absolute; | |
| top: 6px; | |
| left: 218px; | |
| width: 40px | |
| } | |
| #captcha-refresh-cart { | |
| position: absolute; | |
| top: 20px; | |
| right: 40px; | |
| width: 40px | |
| } | |
| #text-refresh { | |
| cursor: pointer; | |
| background: transparent url("/images/gift_card/Store-Value-Card_CAPTCHA-symbols.png") no-repeat center -14px; | |
| height: 17px; | |
| width: 20px; | |
| padding: 0 10px | |
| } | |
| #audio-refresh { | |
| margin-top: 5px; | |
| border-bottom: 1px solid #cac8c9; | |
| cursor: pointer; | |
| background: transparent url("/images/gift_card/Store-Value-Card_CAPTCHA-symbols.png") no-repeat center 0; | |
| height: 17px; | |
| width: 20px; | |
| padding: 0 10px | |
| } | |
| #captcha-top img { | |
| border: 1px solid #cac8c9; | |
| margin-bottom: 10px | |
| } | |
| .captcha-mid { | |
| margin: 10px 0 20px 0; | |
| border-bottom: 1px solid #CAC8C9 | |
| } | |
| #captcha-bottom { | |
| padding: 0 20px 10px 20px !important; | |
| height: auto; | |
| width: 524px !important | |
| } | |
| #captchaText { | |
| border: 1px solid #ccc !important; | |
| width: 382px !important; | |
| float: right !important | |
| } | |
| #gcTotalWrapper { | |
| font-size: 12px; | |
| font-weight: bold; | |
| padding: 10px 0; | |
| text-align: right | |
| } | |
| #gcTotalWrapper ul { | |
| list-style: none | |
| } | |
| .cb-header { | |
| font-size: 33px; | |
| margin: 10px 0; | |
| padding: 0 | |
| } | |
| .cb-sprite { | |
| height: 95px !important; | |
| overflow: hidden !important | |
| } | |
| #card-balance-info span { | |
| line-height: 25px; | |
| display: inline-block | |
| } | |
| .cb-span-1 { | |
| margin-left: 10px | |
| } | |
| .cb-span-2 { | |
| margin-left: 25px | |
| } | |
| #card-balance-info { | |
| width: 325px; | |
| float: left; | |
| font-size: 14px; | |
| color: #000 | |
| } | |
| #card-balance-results { | |
| height: 85px; | |
| float: left; | |
| border-left: 1px solid #CDC9CA; | |
| width: 188px; | |
| text-align: right; | |
| padding-left: 20px; | |
| position: relative; | |
| top: 25%; | |
| -webkit-transform: translateY(-25%); | |
| -ms-transform: translateY(-25%); | |
| transform: translateY(-25%) | |
| } | |
| #card-balance-amount { | |
| width: 180px; | |
| padding: 0 10px; | |
| border-bottom: 1px solid #CDC9CA; | |
| text-align: center | |
| } | |
| #card-remaining { | |
| width: 180px; | |
| padding: 5px 10px 10px 10px; | |
| color: #000; | |
| font-weight: bold; | |
| text-align: center | |
| } | |
| #additional-left { | |
| display: inline-block; | |
| font-size: 14px; | |
| color: #000 | |
| } | |
| #additional-right { | |
| display: inline-block; | |
| text-align: right; | |
| margin-left: 105px | |
| } | |
| #site-card-balance-form .azForm label { | |
| width: 148px; | |
| text-align: right; | |
| float: left; | |
| padding-right: 4px; | |
| font-weight: bold; | |
| display: inline-block | |
| } | |
| #site-card-balance-form .azForm #captcha-bottom fieldset fieldset label { | |
| text-align: right !important; | |
| margin-right: 0 !important; | |
| width: 127px | |
| } | |
| #site-card-balance-form .azForm #captcha-bottom fieldset fieldset.hasError .errorText { | |
| width: 300px; | |
| margin-left: 136px; | |
| text-align: left !important | |
| } | |
| #site-card-balance-form .azForm .hasError input,#site-card-balance-form .azForm #captcha-bottom fieldtset.hasError input { | |
| border: 1px solid #F90000 !important; | |
| background-color: #FFCCCB | |
| } | |
| #site-card-balance-form .azForm fieldset.form-label.required.hasError label.errorText.empty { | |
| width: 100%; | |
| text-align: left !important; | |
| margin-left: 156px !important | |
| } | |
| #site-card-balance-form audio { | |
| max-width: 367px | |
| } | |
| .gc-error { | |
| color: #A40204; | |
| font-weight: bold; | |
| line-height: 1.8em; | |
| list-style: none; | |
| margin-bottom: 1em; | |
| margin-left: 142px | |
| } | |
| .gc-error li { | |
| padding: 0 | |
| } | |
| .check-balance .submitDisabled { | |
| display: none | |
| } | |
| /*! jQuery UI - v1.12.0 - 2016-09-06 | |
| * http://jqueryui.com | |
| * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css | |
| * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=.datepickTheme&folderName=datepickTheme&bgImgOpacityError=18&bgImgOpacityHighlight=75&bgImgOpacityActive=65&bgImgOpacityHover=100&bgImgOpacityDefault=100&bgImgOpacityContent=100&bgImgOpacityHeader=35&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=%23000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=%23666666&iconColorError=%23ffd27a&fcError=%23ffffff&borderColorError=%23cd0a0a&bgTextureError=diagonals_thick&bgColorError=%23b81900&iconColorHighlight=%23228ef1&fcHighlight=%23363636&borderColorHighlight=%23fea92f&bgTextureHighlight=highlight_soft&bgColorHighlight=%23ffc85c&iconColorActive=%23ef8c08&fcActive=%23eb8f00&borderColorActive=%23fbd850&bgTextureActive=glass&bgColorActive=%23ffffff&iconColorHover=%23ef8c08&fcHover=%23c77405&borderColorHover=%23fbcb09&bgTextureHover=glass&bgColorHover=%23fdf5ce&iconColorDefault=%23ef8c08&fcDefault=%23F26100&borderColorDefault=%23cccccc&bgTextureDefault=glass&bgColorDefault=%23f6f6f6&iconColorContent=%23222222&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=highlight_soft&bgColorContent=%23eeeeee&iconColorHeader=%23ffffff&fcHeader=%23ffffff&borderColorHeader=%23F26100&bgTextureHeader=gloss_wave&bgColorHeader=%23F26100&cornerRadius=4px&fwDefault=bold&fsDefault=1.1em&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif | |
| * Copyright jQuery Foundation and other contributors; Licensed MIT */ | |
| .datepickTheme .ui-draggable-handle { | |
| -ms-touch-action: none; | |
| touch-action: none | |
| } | |
| .datepickTheme .ui-helper-hidden { | |
| display: none | |
| } | |
| .datepickTheme .ui-helper-hidden-accessible { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .datepickTheme .ui-helper-reset { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| line-height: 1.3; | |
| text-decoration: none; | |
| font-size: 100%; | |
| list-style: none | |
| } | |
| .datepickTheme .ui-helper-clearfix:before,.datepickTheme .ui-helper-clearfix:after { | |
| content: ""; | |
| display: table; | |
| border-collapse: collapse | |
| } | |
| .datepickTheme .ui-helper-clearfix:after { | |
| clear: both | |
| } | |
| .datepickTheme .ui-helper-zfix { | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| opacity: 0; | |
| filter: Alpha(Opacity=0) | |
| } | |
| .datepickTheme .ui-front { | |
| z-index: 100 | |
| } | |
| .datepickTheme .ui-state-disabled { | |
| cursor: default !important; | |
| pointer-events: none | |
| } | |
| .datepickTheme .ui-icon { | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin-top: -.25em; | |
| position: relative; | |
| text-indent: -99999px; | |
| overflow: hidden; | |
| background-repeat: no-repeat | |
| } | |
| .datepickTheme .ui-widget-icon-block { | |
| left: 50%; | |
| margin-left: -8px; | |
| display: block | |
| } | |
| .datepickTheme .ui-widget-overlay { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .datepickTheme .ui-resizable { | |
| position: relative | |
| } | |
| .datepickTheme .ui-resizable-handle { | |
| position: absolute; | |
| font-size: 0.1px; | |
| display: block; | |
| -ms-touch-action: none; | |
| touch-action: none | |
| } | |
| .datepickTheme .ui-resizable-disabled .ui-resizable-handle,.datepickTheme .ui-resizable-autohide .ui-resizable-handle { | |
| display: none | |
| } | |
| .datepickTheme .ui-resizable-n { | |
| cursor: n-resize; | |
| height: 7px; | |
| width: 100%; | |
| top: -5px; | |
| left: 0 | |
| } | |
| .datepickTheme .ui-resizable-s { | |
| cursor: s-resize; | |
| height: 7px; | |
| width: 100%; | |
| bottom: -5px; | |
| left: 0 | |
| } | |
| .datepickTheme .ui-resizable-e { | |
| cursor: e-resize; | |
| width: 7px; | |
| right: -5px; | |
| top: 0; | |
| height: 100% | |
| } | |
| .datepickTheme .ui-resizable-w { | |
| cursor: w-resize; | |
| width: 7px; | |
| left: -5px; | |
| top: 0; | |
| height: 100% | |
| } | |
| .datepickTheme .ui-resizable-se { | |
| cursor: se-resize; | |
| width: 12px; | |
| height: 12px; | |
| right: 1px; | |
| bottom: 1px | |
| } | |
| .datepickTheme .ui-resizable-sw { | |
| cursor: sw-resize; | |
| width: 9px; | |
| height: 9px; | |
| left: -5px; | |
| bottom: -5px | |
| } | |
| .datepickTheme .ui-resizable-nw { | |
| cursor: nw-resize; | |
| width: 9px; | |
| height: 9px; | |
| left: -5px; | |
| top: -5px | |
| } | |
| .datepickTheme .ui-resizable-ne { | |
| cursor: ne-resize; | |
| width: 9px; | |
| height: 9px; | |
| right: -5px; | |
| top: -5px | |
| } | |
| .datepickTheme .ui-selectable { | |
| -ms-touch-action: none; | |
| touch-action: none | |
| } | |
| .datepickTheme .ui-selectable-helper { | |
| position: absolute; | |
| z-index: 100; | |
| border: 1px dotted black | |
| } | |
| .datepickTheme .ui-sortable-handle { | |
| -ms-touch-action: none; | |
| touch-action: none | |
| } | |
| .datepickTheme .ui-accordion .ui-accordion-header { | |
| display: block; | |
| cursor: pointer; | |
| position: relative; | |
| margin: 2px 0 0 0; | |
| padding: .5em .5em .5em .7em; | |
| font-size: 100% | |
| } | |
| .datepickTheme .ui-accordion .ui-accordion-content { | |
| padding: 1em 2.2em; | |
| border-top: 0; | |
| overflow: auto | |
| } | |
| .datepickTheme .ui-autocomplete { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| cursor: default | |
| } | |
| .datepickTheme .ui-menu { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| display: block; | |
| outline: 0 | |
| } | |
| .datepickTheme .ui-menu .ui-menu { | |
| position: absolute | |
| } | |
| .datepickTheme .ui-menu .ui-menu-item { | |
| margin: 0; | |
| cursor: pointer; | |
| list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") | |
| } | |
| .datepickTheme .ui-menu .ui-menu-item-wrapper { | |
| position: relative; | |
| padding: 3px 1em 3px .4em | |
| } | |
| .datepickTheme .ui-menu .ui-menu-divider { | |
| margin: 5px 0; | |
| height: 0; | |
| font-size: 0; | |
| line-height: 0; | |
| border-width: 1px 0 0 0 | |
| } | |
| .datepickTheme .ui-menu .ui-state-focus,.datepickTheme .ui-menu .ui-state-active { | |
| margin: -1px | |
| } | |
| .datepickTheme .ui-menu-icons { | |
| position: relative | |
| } | |
| .datepickTheme .ui-menu-icons .ui-menu-item-wrapper { | |
| padding-left: 2em | |
| } | |
| .datepickTheme .ui-menu .ui-icon { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: .2em; | |
| margin: auto 0 | |
| } | |
| .datepickTheme .ui-menu .ui-menu-icon { | |
| left: auto; | |
| right: 0 | |
| } | |
| .datepickTheme .ui-button { | |
| padding: .4em 1em; | |
| display: inline-block; | |
| position: relative; | |
| line-height: normal; | |
| margin-right: .1em; | |
| cursor: pointer; | |
| vertical-align: middle; | |
| text-align: center; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| overflow: visible | |
| } | |
| .datepickTheme .ui-button,.datepickTheme .ui-button:link,.datepickTheme .ui-button:visited,.datepickTheme .ui-button:hover,.datepickTheme .ui-button:active { | |
| text-decoration: none | |
| } | |
| .datepickTheme .ui-button-icon-only { | |
| width: 2em; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| text-indent: -9999px; | |
| white-space: nowrap | |
| } | |
| input.datepickTheme .ui-button.ui-button-icon-only { | |
| text-indent: 0 | |
| } | |
| .datepickTheme .ui-button-icon-only .ui-icon { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| margin-top: -8px; | |
| margin-left: -8px | |
| } | |
| .datepickTheme .ui-button.ui-icon-notext .ui-icon { | |
| padding: 0; | |
| width: 2.1em; | |
| height: 2.1em; | |
| text-indent: -9999px; | |
| white-space: nowrap | |
| } | |
| input.datepickTheme .ui-button.ui-icon-notext .ui-icon { | |
| width: auto; | |
| height: auto; | |
| text-indent: 0; | |
| white-space: normal; | |
| padding: .4em 1em | |
| } | |
| input.datepickTheme .ui-button::-moz-focus-inner,button.datepickTheme .ui-button::-moz-focus-inner { | |
| border: 0; | |
| padding: 0 | |
| } | |
| .datepickTheme .ui-controlgroup { | |
| vertical-align: middle; | |
| display: inline-block | |
| } | |
| .datepickTheme .ui-controlgroup>.ui-controlgroup-item { | |
| float: left; | |
| margin-left: 0; | |
| margin-right: 0 | |
| } | |
| .datepickTheme .ui-controlgroup>.ui-controlgroup-item:focus,.datepickTheme .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus { | |
| z-index: 9999 | |
| } | |
| .datepickTheme .ui-controlgroup-vertical>.ui-controlgroup-item { | |
| display: block; | |
| float: none; | |
| width: 100%; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| text-align: left | |
| } | |
| .datepickTheme .ui-controlgroup-vertical .ui-controlgroup-item { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box | |
| } | |
| .datepickTheme .ui-controlgroup .ui-controlgroup-label { | |
| padding: .4em 1em | |
| } | |
| .datepickTheme .ui-controlgroup .ui-controlgroup-label span { | |
| font-size: 80% | |
| } | |
| .datepickTheme .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item { | |
| border-left: none | |
| } | |
| .datepickTheme .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item { | |
| border-top: none | |
| } | |
| .datepickTheme .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { | |
| border-right: none | |
| } | |
| .datepickTheme .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { | |
| border-bottom: none | |
| } | |
| .datepickTheme .ui-controlgroup-vertical .ui-spinner-input { | |
| width: 75%; | |
| width: calc( 100% - 2.4em) | |
| } | |
| .datepickTheme .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { | |
| border-top-style: solid | |
| } | |
| .datepickTheme .ui-checkboxradio-label .ui-icon-background { | |
| -webkit-box-shadow: inset 1px 1px 1px #ccc; | |
| box-shadow: inset 1px 1px 1px #ccc; | |
| border-radius: .12em; | |
| border: none | |
| } | |
| .datepickTheme .ui-checkboxradio-radio-label .ui-icon-background { | |
| width: 16px; | |
| height: 16px; | |
| border-radius: 1em; | |
| overflow: visible; | |
| border: none | |
| } | |
| .datepickTheme .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.datepickTheme .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { | |
| background-image: none; | |
| width: 8px; | |
| height: 8px; | |
| border-width: 4px; | |
| border-style: solid | |
| } | |
| .datepickTheme .ui-checkboxradio-disabled { | |
| pointer-events: none | |
| } | |
| .datepickTheme .ui-datepicker { | |
| width: 17em; | |
| padding: .2em .2em 0; | |
| display: none | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-header { | |
| position: relative; | |
| padding: .2em 0 | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-prev,.datepickTheme .ui-datepicker .ui-datepicker-next { | |
| position: absolute; | |
| top: 2px; | |
| width: 1.8em; | |
| height: 1.8em | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-prev-hover,.datepickTheme .ui-datepicker .ui-datepicker-next-hover { | |
| top: 1px | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-prev { | |
| left: 2px | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-next { | |
| right: 2px | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-prev-hover { | |
| left: 1px | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-next-hover { | |
| right: 1px | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-prev span,.datepickTheme .ui-datepicker .ui-datepicker-next span { | |
| display: block; | |
| position: absolute; | |
| left: 50%; | |
| margin-left: -8px; | |
| top: 50%; | |
| margin-top: -8px | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-title { | |
| margin: 0 2.3em; | |
| line-height: 1.8em; | |
| text-align: center | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-title select { | |
| font-size: 1em; | |
| margin: 1px 0 | |
| } | |
| .datepickTheme .ui-datepicker select.ui-datepicker-month,.datepickTheme .ui-datepicker select.ui-datepicker-year { | |
| width: 45% | |
| } | |
| .datepickTheme .ui-datepicker table { | |
| width: 100%; | |
| font-size: .9em; | |
| border-collapse: collapse; | |
| margin: 0 0 .4em | |
| } | |
| .datepickTheme .ui-datepicker th { | |
| padding: .7em .3em; | |
| text-align: center; | |
| font-weight: bold; | |
| border: 0 | |
| } | |
| .datepickTheme .ui-datepicker td { | |
| border: 0; | |
| padding: 1px | |
| } | |
| .datepickTheme .ui-datepicker td span,.datepickTheme .ui-datepicker td a { | |
| display: block; | |
| padding: .2em; | |
| text-align: right; | |
| text-decoration: none | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-buttonpane { | |
| background-image: none; | |
| margin: .7em 0 0 0; | |
| padding: 0 .2em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0 | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-buttonpane button { | |
| float: right; | |
| margin: .5em .2em .4em; | |
| cursor: pointer; | |
| padding: .2em .6em .3em .6em; | |
| width: auto; | |
| overflow: visible | |
| } | |
| .datepickTheme .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { | |
| float: left | |
| } | |
| .datepickTheme .ui-datepicker.ui-datepicker-multi { | |
| width: auto | |
| } | |
| .datepickTheme .ui-datepicker-multi .ui-datepicker-group { | |
| float: left | |
| } | |
| .datepickTheme .ui-datepicker-multi .ui-datepicker-group table { | |
| width: 95%; | |
| margin: 0 auto .4em | |
| } | |
| .datepickTheme .ui-datepicker-multi-2 .ui-datepicker-group { | |
| width: 50% | |
| } | |
| .datepickTheme .ui-datepicker-multi-3 .ui-datepicker-group { | |
| width: 33.3% | |
| } | |
| .datepickTheme .ui-datepicker-multi-4 .ui-datepicker-group { | |
| width: 25% | |
| } | |
| .datepickTheme .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.datepickTheme .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { | |
| border-left-width: 0 | |
| } | |
| .datepickTheme .ui-datepicker-multi .ui-datepicker-buttonpane { | |
| clear: left | |
| } | |
| .datepickTheme .ui-datepicker-row-break { | |
| clear: both; | |
| width: 100%; | |
| font-size: 0 | |
| } | |
| .datepickTheme .ui-datepicker-rtl { | |
| direction: rtl | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-prev { | |
| right: 2px; | |
| left: auto | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-next { | |
| left: 2px; | |
| right: auto | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-prev:hover { | |
| right: 1px; | |
| left: auto | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-next:hover { | |
| left: 1px; | |
| right: auto | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-buttonpane { | |
| clear: right | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-buttonpane button { | |
| float: left | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.datepickTheme .ui-datepicker-rtl .ui-datepicker-group { | |
| float: right | |
| } | |
| .datepickTheme .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.datepickTheme .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { | |
| border-right-width: 0; | |
| border-left-width: 1px | |
| } | |
| .datepickTheme .ui-datepicker .ui-icon { | |
| display: block; | |
| text-indent: -99999px; | |
| overflow: hidden; | |
| background-repeat: no-repeat; | |
| left: .5em; | |
| top: .3em | |
| } | |
| .datepickTheme .ui-dialog { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| padding: .2em; | |
| outline: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-titlebar { | |
| padding: .4em 1em; | |
| position: relative | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-title { | |
| float: left; | |
| margin: .1em 0; | |
| white-space: nowrap; | |
| width: 90%; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-titlebar-close { | |
| position: absolute; | |
| right: .3em; | |
| top: 50%; | |
| width: 20px; | |
| margin: -10px 0 0 0; | |
| padding: 1px; | |
| height: 20px | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-content { | |
| position: relative; | |
| border: 0; | |
| padding: .5em 1em; | |
| background: none; | |
| overflow: auto | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-buttonpane { | |
| text-align: left; | |
| border-width: 1px 0 0 0; | |
| background-image: none; | |
| margin-top: .5em; | |
| padding: .3em 1em .5em .4em | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { | |
| float: right | |
| } | |
| .datepickTheme .ui-dialog .ui-dialog-buttonpane button { | |
| margin: .5em .4em .5em 0; | |
| cursor: pointer | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-n { | |
| height: 2px; | |
| top: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-e { | |
| width: 2px; | |
| right: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-s { | |
| height: 2px; | |
| bottom: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-w { | |
| width: 2px; | |
| left: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-se,.datepickTheme .ui-dialog .ui-resizable-sw,.datepickTheme .ui-dialog .ui-resizable-ne,.datepickTheme .ui-dialog .ui-resizable-nw { | |
| width: 7px; | |
| height: 7px | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-se { | |
| right: 0; | |
| bottom: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-sw { | |
| left: 0; | |
| bottom: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-ne { | |
| right: 0; | |
| top: 0 | |
| } | |
| .datepickTheme .ui-dialog .ui-resizable-nw { | |
| left: 0; | |
| top: 0 | |
| } | |
| .datepickTheme .ui-draggable .ui-dialog-titlebar { | |
| cursor: move | |
| } | |
| .datepickTheme .ui-progressbar { | |
| height: 2em; | |
| text-align: left; | |
| overflow: hidden | |
| } | |
| .datepickTheme .ui-progressbar .ui-progressbar-value { | |
| margin: -1px; | |
| height: 100% | |
| } | |
| .datepickTheme .ui-progressbar .ui-progressbar-overlay { | |
| background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); | |
| height: 100%; | |
| filter: alpha(opacity=25); | |
| opacity: 0.25 | |
| } | |
| .datepickTheme .ui-progressbar-indeterminate .ui-progressbar-value { | |
| background-image: none | |
| } | |
| .datepickTheme .ui-selectmenu-menu { | |
| padding: 0; | |
| margin: 0; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| display: none | |
| } | |
| .datepickTheme .ui-selectmenu-menu .ui-menu { | |
| overflow: auto; | |
| overflow-x: hidden; | |
| padding-bottom: 1px | |
| } | |
| .datepickTheme .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { | |
| font-size: 1em; | |
| font-weight: bold; | |
| line-height: 1.5; | |
| padding: 2px 0.4em; | |
| margin: 0.5em 0 0 0; | |
| height: auto; | |
| border: 0 | |
| } | |
| .datepickTheme .ui-selectmenu-open { | |
| display: block | |
| } | |
| .datepickTheme .ui-selectmenu-text { | |
| display: block; | |
| margin-right: 20px; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .datepickTheme .ui-selectmenu-button.ui-button { | |
| text-align: left; | |
| white-space: nowrap; | |
| width: 14em | |
| } | |
| .datepickTheme .ui-selectmenu-icon.ui-icon { | |
| float: right; | |
| margin-top: 0 | |
| } | |
| .datepickTheme .ui-slider { | |
| position: relative; | |
| text-align: left | |
| } | |
| .datepickTheme .ui-slider .ui-slider-handle { | |
| position: absolute; | |
| z-index: 2; | |
| width: 1.2em; | |
| height: 1.2em; | |
| cursor: default; | |
| -ms-touch-action: none; | |
| touch-action: none | |
| } | |
| .datepickTheme .ui-slider .ui-slider-range { | |
| position: absolute; | |
| z-index: 1; | |
| font-size: .7em; | |
| display: block; | |
| border: 0; | |
| background-position: 0 0 | |
| } | |
| .datepickTheme .ui-slider.ui-state-disabled .ui-slider-handle,.datepickTheme .ui-slider.ui-state-disabled .ui-slider-range { | |
| -webkit-filter: inherit; | |
| filter: inherit | |
| } | |
| .datepickTheme .ui-slider-horizontal { | |
| height: .8em | |
| } | |
| .datepickTheme .ui-slider-horizontal .ui-slider-handle { | |
| top: -.3em; | |
| margin-left: -.6em | |
| } | |
| .datepickTheme .ui-slider-horizontal .ui-slider-range { | |
| top: 0; | |
| height: 100% | |
| } | |
| .datepickTheme .ui-slider-horizontal .ui-slider-range-min { | |
| left: 0 | |
| } | |
| .datepickTheme .ui-slider-horizontal .ui-slider-range-max { | |
| right: 0 | |
| } | |
| .datepickTheme .ui-slider-vertical { | |
| width: .8em; | |
| height: 100px | |
| } | |
| .datepickTheme .ui-slider-vertical .ui-slider-handle { | |
| left: -.3em; | |
| margin-left: 0; | |
| margin-bottom: -.6em | |
| } | |
| .datepickTheme .ui-slider-vertical .ui-slider-range { | |
| left: 0; | |
| width: 100% | |
| } | |
| .datepickTheme .ui-slider-vertical .ui-slider-range-min { | |
| bottom: 0 | |
| } | |
| .datepickTheme .ui-slider-vertical .ui-slider-range-max { | |
| top: 0 | |
| } | |
| .datepickTheme .ui-spinner { | |
| position: relative; | |
| display: inline-block; | |
| overflow: hidden; | |
| padding: 0; | |
| vertical-align: middle | |
| } | |
| .datepickTheme .ui-spinner-input { | |
| border: none; | |
| background: none; | |
| color: inherit; | |
| padding: .222em 0; | |
| margin: .2em 0; | |
| vertical-align: middle; | |
| margin-left: .4em; | |
| margin-right: 2em | |
| } | |
| .datepickTheme .ui-spinner-button { | |
| width: 1.6em; | |
| height: 50%; | |
| font-size: .5em; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| position: absolute; | |
| cursor: default; | |
| display: block; | |
| overflow: hidden; | |
| right: 0 | |
| } | |
| .datepickTheme .ui-spinner a.ui-spinner-button { | |
| border-top-style: none; | |
| border-bottom-style: none; | |
| border-right-style: none | |
| } | |
| .datepickTheme .ui-spinner-up { | |
| top: 0 | |
| } | |
| .datepickTheme .ui-spinner-down { | |
| bottom: 0 | |
| } | |
| .datepickTheme .ui-tabs { | |
| position: relative; | |
| padding: .2em | |
| } | |
| .datepickTheme .ui-tabs .ui-tabs-nav { | |
| margin: 0; | |
| padding: .2em .2em 0 | |
| } | |
| .datepickTheme .ui-tabs .ui-tabs-nav li { | |
| list-style: none; | |
| float: left; | |
| position: relative; | |
| top: 0; | |
| margin: 1px .2em 0 0; | |
| border-bottom-width: 0; | |
| padding: 0; | |
| white-space: nowrap | |
| } | |
| .datepickTheme .ui-tabs .ui-tabs-nav .ui-tabs-anchor { | |
| float: left; | |
| padding: .5em 1em; | |
| text-decoration: none | |
| } | |
| .datepickTheme .ui-tabs .ui-tabs-nav li.ui-tabs-active { | |
| margin-bottom: -1px; | |
| padding-bottom: 1px | |
| } | |
| .datepickTheme .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.datepickTheme .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.datepickTheme .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { | |
| cursor: text | |
| } | |
| .datepickTheme .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { | |
| cursor: pointer | |
| } | |
| .datepickTheme .ui-tabs .ui-tabs-panel { | |
| display: block; | |
| border-width: 0; | |
| padding: 1em 1.4em; | |
| background: none | |
| } | |
| .datepickTheme .ui-tooltip { | |
| padding: 8px; | |
| position: absolute; | |
| z-index: 9999; | |
| max-width: 300px | |
| } | |
| body .datepickTheme .ui-tooltip { | |
| border-width: 2px | |
| } | |
| .datepickTheme .ui-widget { | |
| font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; | |
| font-size: 1.1em | |
| } | |
| .datepickTheme .ui-widget .ui-widget { | |
| font-size: 1em | |
| } | |
| .datepickTheme .ui-widget input,.datepickTheme .ui-widget select,.datepickTheme .ui-widget textarea,.datepickTheme .ui-widget button { | |
| font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; | |
| font-size: 1em | |
| } | |
| .datepickTheme .ui-widget.ui-widget-content { | |
| border: 1px solid #cccccc | |
| } | |
| .datepickTheme .ui-widget-content { | |
| border: 1px solid #dddddd; | |
| background: #eee url("/images/datepicker/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; | |
| color: #333333 | |
| } | |
| .datepickTheme .ui-widget-content a { | |
| color: #333333 | |
| } | |
| .datepickTheme .ui-widget-header { | |
| border: 1px solid #F26100; | |
| background: #F26100 url("/images/datepicker/ui-bg_gloss-wave_35_F26100_500x100.png") 50% 50% repeat-x; | |
| color: #ffffff; | |
| font-weight: bold | |
| } | |
| .datepickTheme .ui-widget-header a { | |
| color: #ffffff | |
| } | |
| .datepickTheme .ui-state-default,.datepickTheme .ui-widget-content .ui-state-default,.datepickTheme .ui-widget-header .ui-state-default,.datepickTheme .ui-button,html .datepickTheme .ui-button.ui-state-disabled:hover,html .datepickTheme .ui-button.ui-state-disabled:active { | |
| border: 1px solid #cccccc; | |
| background: #f6f6f6 url("/images/datepicker/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; | |
| font-weight: bold; | |
| color: #F26100 | |
| } | |
| .datepickTheme .ui-state-default a,.datepickTheme .ui-state-default a:link,.datepickTheme .ui-state-default a:visited,a.datepickTheme .ui-button,a:link.datepickTheme .ui-button,a:visited.datepickTheme .ui-button,.datepickTheme .ui-button { | |
| color: #F26100; | |
| text-decoration: none | |
| } | |
| .datepickTheme .ui-state-hover,.datepickTheme .ui-widget-content .ui-state-hover,.datepickTheme .ui-widget-header .ui-state-hover,.datepickTheme .ui-state-focus,.datepickTheme .ui-widget-content .ui-state-focus,.datepickTheme .ui-widget-header .ui-state-focus,.datepickTheme .ui-button:hover,.datepickTheme .ui-button:focus { | |
| border: 1px solid #fbcb09; | |
| background: #fdf5ce url("/images/datepicker/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; | |
| font-weight: bold; | |
| color: #c77405 | |
| } | |
| .datepickTheme .ui-state-hover a,.datepickTheme .ui-state-hover a:hover,.datepickTheme .ui-state-hover a:link,.datepickTheme .ui-state-hover a:visited,.datepickTheme .ui-state-focus a,.datepickTheme .ui-state-focus a:hover,.datepickTheme .ui-state-focus a:link,.datepickTheme .ui-state-focus a:visited,a.datepickTheme .ui-button:hover,a.datepickTheme .ui-button:focus { | |
| color: #c77405; | |
| text-decoration: none | |
| } | |
| .datepickTheme .ui-visual-focus { | |
| -webkit-box-shadow: 0 0 3px 1px #5e9ed6; | |
| box-shadow: 0 0 3px 1px #5e9ed6 | |
| } | |
| .datepickTheme .ui-state-active,.datepickTheme .ui-widget-content .ui-state-active,.datepickTheme .ui-widget-header .ui-state-active,a.datepickTheme .ui-button:active,.datepickTheme .ui-button:active,.datepickTheme .ui-button.ui-state-active:hover { | |
| border: 1px solid #fbd850; | |
| background: #fff url("/images/datepicker/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; | |
| font-weight: bold; | |
| color: #eb8f00 | |
| } | |
| .datepickTheme .ui-icon-background,.datepickTheme .ui-state-active .ui-icon-background { | |
| border: #fbd850; | |
| background-color: #eb8f00 | |
| } | |
| .datepickTheme .ui-state-active a,.datepickTheme .ui-state-active a:link,.datepickTheme .ui-state-active a:visited { | |
| color: #eb8f00; | |
| text-decoration: none | |
| } | |
| .datepickTheme .ui-state-highlight,.datepickTheme .ui-widget-content .ui-state-highlight,.datepickTheme .ui-widget-header .ui-state-highlight { | |
| border: 1px solid #fea92f; | |
| background: #ffc85c url("/images/datepicker/ui-bg_highlight-soft_75_ffc85c_1x100.png") 50% top repeat-x; | |
| color: #363636 | |
| } | |
| .datepickTheme .ui-state-checked { | |
| border: 1px solid #fea92f; | |
| background: #ffc85c | |
| } | |
| .datepickTheme .ui-state-highlight a,.datepickTheme .ui-widget-content .ui-state-highlight a,.datepickTheme .ui-widget-header .ui-state-highlight a { | |
| color: #363636 | |
| } | |
| .datepickTheme .ui-state-error,.datepickTheme .ui-widget-content .ui-state-error,.datepickTheme .ui-widget-header .ui-state-error { | |
| border: 1px solid #cd0a0a; | |
| background: #b81900 url("/images/datepicker/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; | |
| color: #ffffff | |
| } | |
| .datepickTheme .ui-state-error a,.datepickTheme .ui-widget-content .ui-state-error a,.datepickTheme .ui-widget-header .ui-state-error a { | |
| color: #ffffff | |
| } | |
| .datepickTheme .ui-state-error-text,.datepickTheme .ui-widget-content .ui-state-error-text,.datepickTheme .ui-widget-header .ui-state-error-text { | |
| color: #ffffff | |
| } | |
| .datepickTheme .ui-priority-primary,.datepickTheme .ui-widget-content .ui-priority-primary,.datepickTheme .ui-widget-header .ui-priority-primary { | |
| font-weight: bold | |
| } | |
| .datepickTheme .ui-priority-secondary,.datepickTheme .ui-widget-content .ui-priority-secondary,.datepickTheme .ui-widget-header .ui-priority-secondary { | |
| opacity: .7; | |
| filter: Alpha(Opacity=70); | |
| font-weight: normal | |
| } | |
| .datepickTheme .ui-state-disabled,.datepickTheme .ui-widget-content .ui-state-disabled,.datepickTheme .ui-widget-header .ui-state-disabled { | |
| opacity: .35; | |
| filter: Alpha(Opacity=35); | |
| background-image: none | |
| } | |
| .datepickTheme .ui-state-disabled .ui-icon { | |
| filter: Alpha(Opacity=35) | |
| } | |
| .datepickTheme .ui-icon { | |
| width: 16px; | |
| height: 16px | |
| } | |
| .datepickTheme .ui-icon,.datepickTheme .ui-widget-content .ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_222222_256x240.png") | |
| } | |
| .datepickTheme .ui-widget-header .ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_ffffff_256x240.png") | |
| } | |
| .datepickTheme .ui-button .ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_ef8c08_256x240.png") | |
| } | |
| .datepickTheme .ui-state-hover .ui-icon,.datepickTheme .ui-state-focus .ui-icon,.datepickTheme .ui-button:hover .ui-icon,.datepickTheme .ui-button:focus .ui-icon,.datepickTheme .ui-state-default .ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_ef8c08_256x240.png") | |
| } | |
| .datepickTheme .ui-state-active .ui-icon,.datepickTheme .ui-button:active .ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_ef8c08_256x240.png") | |
| } | |
| .datepickTheme .ui-state-highlight .ui-icon,.datepickTheme .ui-button .ui-state-highlight.ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_228ef1_256x240.png") | |
| } | |
| .datepickTheme .ui-state-error .ui-icon,.datepickTheme .ui-state-error-text .ui-icon { | |
| background-image: url("/images/datepicker/ui-icons_ffd27a_256x240.png") | |
| } | |
| .datepickTheme .ui-icon-blank { | |
| background-position: 16px 16px | |
| } | |
| .datepickTheme .ui-icon-caret-1-n { | |
| background-position: 0 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-ne { | |
| background-position: -16px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-e { | |
| background-position: -32px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-se { | |
| background-position: -48px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-s { | |
| background-position: -65px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-sw { | |
| background-position: -80px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-w { | |
| background-position: -96px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-1-nw { | |
| background-position: -112px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-2-n-s { | |
| background-position: -128px 0 | |
| } | |
| .datepickTheme .ui-icon-caret-2-e-w { | |
| background-position: -144px 0 | |
| } | |
| .datepickTheme .ui-icon-triangle-1-n { | |
| background-position: 0 -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-ne { | |
| background-position: -16px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-e { | |
| background-position: -32px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-se { | |
| background-position: -48px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-s { | |
| background-position: -65px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-sw { | |
| background-position: -80px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-w { | |
| background-position: -96px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-1-nw { | |
| background-position: -112px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-2-n-s { | |
| background-position: -128px -16px | |
| } | |
| .datepickTheme .ui-icon-triangle-2-e-w { | |
| background-position: -144px -16px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-n { | |
| background-position: 0 -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-ne { | |
| background-position: -16px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-e { | |
| background-position: -32px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-se { | |
| background-position: -48px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-s { | |
| background-position: -65px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-sw { | |
| background-position: -80px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-w { | |
| background-position: -96px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-1-nw { | |
| background-position: -112px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-2-n-s { | |
| background-position: -128px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-2-ne-sw { | |
| background-position: -144px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-2-e-w { | |
| background-position: -160px -32px | |
| } | |
| .datepickTheme .ui-icon-arrow-2-se-nw { | |
| background-position: -176px -32px | |
| } | |
| .datepickTheme .ui-icon-arrowstop-1-n { | |
| background-position: -192px -32px | |
| } | |
| .datepickTheme .ui-icon-arrowstop-1-e { | |
| background-position: -208px -32px | |
| } | |
| .datepickTheme .ui-icon-arrowstop-1-s { | |
| background-position: -224px -32px | |
| } | |
| .datepickTheme .ui-icon-arrowstop-1-w { | |
| background-position: -240px -32px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-n { | |
| background-position: 1px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-ne { | |
| background-position: -16px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-e { | |
| background-position: -32px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-se { | |
| background-position: -48px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-s { | |
| background-position: -64px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-sw { | |
| background-position: -80px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-w { | |
| background-position: -96px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-1-nw { | |
| background-position: -112px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-2-n-s { | |
| background-position: -128px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-2-ne-sw { | |
| background-position: -144px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-2-e-w { | |
| background-position: -160px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthick-2-se-nw { | |
| background-position: -176px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthickstop-1-n { | |
| background-position: -192px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthickstop-1-e { | |
| background-position: -208px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthickstop-1-s { | |
| background-position: -224px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowthickstop-1-w { | |
| background-position: -240px -48px | |
| } | |
| .datepickTheme .ui-icon-arrowreturnthick-1-w { | |
| background-position: 0 -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturnthick-1-n { | |
| background-position: -16px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturnthick-1-e { | |
| background-position: -32px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturnthick-1-s { | |
| background-position: -48px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturn-1-w { | |
| background-position: -64px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturn-1-n { | |
| background-position: -80px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturn-1-e { | |
| background-position: -96px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowreturn-1-s { | |
| background-position: -112px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowrefresh-1-w { | |
| background-position: -128px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowrefresh-1-n { | |
| background-position: -144px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowrefresh-1-e { | |
| background-position: -160px -64px | |
| } | |
| .datepickTheme .ui-icon-arrowrefresh-1-s { | |
| background-position: -176px -64px | |
| } | |
| .datepickTheme .ui-icon-arrow-4 { | |
| background-position: 0 -80px | |
| } | |
| .datepickTheme .ui-icon-arrow-4-diag { | |
| background-position: -16px -80px | |
| } | |
| .datepickTheme .ui-icon-extlink { | |
| background-position: -32px -80px | |
| } | |
| .datepickTheme .ui-icon-newwin { | |
| background-position: -48px -80px | |
| } | |
| .datepickTheme .ui-icon-refresh { | |
| background-position: -64px -80px | |
| } | |
| .datepickTheme .ui-icon-shuffle { | |
| background-position: -80px -80px | |
| } | |
| .datepickTheme .ui-icon-transfer-e-w { | |
| background-position: -96px -80px | |
| } | |
| .datepickTheme .ui-icon-transferthick-e-w { | |
| background-position: -112px -80px | |
| } | |
| .datepickTheme .ui-icon-folder-collapsed { | |
| background-position: 0 -96px | |
| } | |
| .datepickTheme .ui-icon-folder-open { | |
| background-position: -16px -96px | |
| } | |
| .datepickTheme .ui-icon-document { | |
| background-position: -32px -96px | |
| } | |
| .datepickTheme .ui-icon-document-b { | |
| background-position: -48px -96px | |
| } | |
| .datepickTheme .ui-icon-note { | |
| background-position: -64px -96px | |
| } | |
| .datepickTheme .ui-icon-mail-closed { | |
| background-position: -80px -96px | |
| } | |
| .datepickTheme .ui-icon-mail-open { | |
| background-position: -96px -96px | |
| } | |
| .datepickTheme .ui-icon-suitcase { | |
| background-position: -112px -96px | |
| } | |
| .datepickTheme .ui-icon-comment { | |
| background-position: -128px -96px | |
| } | |
| .datepickTheme .ui-icon-person { | |
| background-position: -144px -96px | |
| } | |
| .datepickTheme .ui-icon-print { | |
| background-position: -160px -96px | |
| } | |
| .datepickTheme .ui-icon-trash { | |
| background-position: -176px -96px | |
| } | |
| .datepickTheme .ui-icon-locked { | |
| background-position: -192px -96px | |
| } | |
| .datepickTheme .ui-icon-unlocked { | |
| background-position: -208px -96px | |
| } | |
| .datepickTheme .ui-icon-bookmark { | |
| background-position: -224px -96px | |
| } | |
| .datepickTheme .ui-icon-tag { | |
| background-position: -240px -96px | |
| } | |
| .datepickTheme .ui-icon-home { | |
| background-position: 0 -112px | |
| } | |
| .datepickTheme .ui-icon-flag { | |
| background-position: -16px -112px | |
| } | |
| .datepickTheme .ui-icon-calendar { | |
| background-position: -32px -112px | |
| } | |
| .datepickTheme .ui-icon-cart { | |
| background-position: -48px -112px | |
| } | |
| .datepickTheme .ui-icon-pencil { | |
| background-position: -64px -112px | |
| } | |
| .datepickTheme .ui-icon-clock { | |
| background-position: -80px -112px | |
| } | |
| .datepickTheme .ui-icon-disk { | |
| background-position: -96px -112px | |
| } | |
| .datepickTheme .ui-icon-calculator { | |
| background-position: -112px -112px | |
| } | |
| .datepickTheme .ui-icon-zoomin { | |
| background-position: -128px -112px | |
| } | |
| .datepickTheme .ui-icon-zoomout { | |
| background-position: -144px -112px | |
| } | |
| .datepickTheme .ui-icon-search { | |
| background-position: -160px -112px | |
| } | |
| .datepickTheme .ui-icon-wrench { | |
| background-position: -176px -112px | |
| } | |
| .datepickTheme .ui-icon-gear { | |
| background-position: -192px -112px | |
| } | |
| .datepickTheme .ui-icon-heart { | |
| background-position: -208px -112px | |
| } | |
| .datepickTheme .ui-icon-star { | |
| background-position: -224px -112px | |
| } | |
| .datepickTheme .ui-icon-link { | |
| background-position: -240px -112px | |
| } | |
| .datepickTheme .ui-icon-cancel { | |
| background-position: 0 -128px | |
| } | |
| .datepickTheme .ui-icon-plus { | |
| background-position: -16px -128px | |
| } | |
| .datepickTheme .ui-icon-plusthick { | |
| background-position: -32px -128px | |
| } | |
| .datepickTheme .ui-icon-minus { | |
| background-position: -48px -128px | |
| } | |
| .datepickTheme .ui-icon-minusthick { | |
| background-position: -64px -128px | |
| } | |
| .datepickTheme .ui-icon-close { | |
| background-position: -80px -128px | |
| } | |
| .datepickTheme .ui-icon-closethick { | |
| background-position: -96px -128px | |
| } | |
| .datepickTheme .ui-icon-key { | |
| background-position: -112px -128px | |
| } | |
| .datepickTheme .ui-icon-lightbulb { | |
| background-position: -128px -128px | |
| } | |
| .datepickTheme .ui-icon-scissors { | |
| background-position: -144px -128px | |
| } | |
| .datepickTheme .ui-icon-clipboard { | |
| background-position: -160px -128px | |
| } | |
| .datepickTheme .ui-icon-copy { | |
| background-position: -176px -128px | |
| } | |
| .datepickTheme .ui-icon-contact { | |
| background-position: -192px -128px | |
| } | |
| .datepickTheme .ui-icon-image { | |
| background-position: -208px -128px | |
| } | |
| .datepickTheme .ui-icon-video { | |
| background-position: -224px -128px | |
| } | |
| .datepickTheme .ui-icon-script { | |
| background-position: -240px -128px | |
| } | |
| .datepickTheme .ui-icon-alert { | |
| background-position: 0 -144px | |
| } | |
| .datepickTheme .ui-icon-info { | |
| background-position: -16px -144px | |
| } | |
| .datepickTheme .ui-icon-notice { | |
| background-position: -32px -144px | |
| } | |
| .datepickTheme .ui-icon-help { | |
| background-position: -48px -144px | |
| } | |
| .datepickTheme .ui-icon-check { | |
| background-position: -64px -144px | |
| } | |
| .datepickTheme .ui-icon-bullet { | |
| background-position: -80px -144px | |
| } | |
| .datepickTheme .ui-icon-radio-on { | |
| background-position: -96px -144px | |
| } | |
| .datepickTheme .ui-icon-radio-off { | |
| background-position: -112px -144px | |
| } | |
| .datepickTheme .ui-icon-pin-w { | |
| background-position: -128px -144px | |
| } | |
| .datepickTheme .ui-icon-pin-s { | |
| background-position: -144px -144px | |
| } | |
| .datepickTheme .ui-icon-play { | |
| background-position: 0 -160px | |
| } | |
| .datepickTheme .ui-icon-pause { | |
| background-position: -16px -160px | |
| } | |
| .datepickTheme .ui-icon-seek-next { | |
| background-position: -32px -160px | |
| } | |
| .datepickTheme .ui-icon-seek-prev { | |
| background-position: -48px -160px | |
| } | |
| .datepickTheme .ui-icon-seek-end { | |
| background-position: -64px -160px | |
| } | |
| .datepickTheme .ui-icon-seek-start { | |
| background-position: -80px -160px | |
| } | |
| .datepickTheme .ui-icon-seek-first { | |
| background-position: -80px -160px | |
| } | |
| .datepickTheme .ui-icon-stop { | |
| background-position: -96px -160px | |
| } | |
| .datepickTheme .ui-icon-eject { | |
| background-position: -112px -160px | |
| } | |
| .datepickTheme .ui-icon-volume-off { | |
| background-position: -128px -160px | |
| } | |
| .datepickTheme .ui-icon-volume-on { | |
| background-position: -144px -160px | |
| } | |
| .datepickTheme .ui-icon-power { | |
| background-position: 0 -176px | |
| } | |
| .datepickTheme .ui-icon-signal-diag { | |
| background-position: -16px -176px | |
| } | |
| .datepickTheme .ui-icon-signal { | |
| background-position: -32px -176px | |
| } | |
| .datepickTheme .ui-icon-battery-0 { | |
| background-position: -48px -176px | |
| } | |
| .datepickTheme .ui-icon-battery-1 { | |
| background-position: -64px -176px | |
| } | |
| .datepickTheme .ui-icon-battery-2 { | |
| background-position: -80px -176px | |
| } | |
| .datepickTheme .ui-icon-battery-3 { | |
| background-position: -96px -176px | |
| } | |
| .datepickTheme .ui-icon-circle-plus { | |
| background-position: 0 -192px | |
| } | |
| .datepickTheme .ui-icon-circle-minus { | |
| background-position: -16px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-close { | |
| background-position: -32px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-triangle-e { | |
| background-position: -48px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-triangle-s { | |
| background-position: -64px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-triangle-w { | |
| background-position: -80px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-triangle-n { | |
| background-position: -96px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-arrow-e { | |
| background-position: -112px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-arrow-s { | |
| background-position: -128px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-arrow-w { | |
| background-position: -144px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-arrow-n { | |
| background-position: -160px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-zoomin { | |
| background-position: -176px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-zoomout { | |
| background-position: -192px -192px | |
| } | |
| .datepickTheme .ui-icon-circle-check { | |
| background-position: -208px -192px | |
| } | |
| .datepickTheme .ui-icon-circlesmall-plus { | |
| background-position: 0 -208px | |
| } | |
| .datepickTheme .ui-icon-circlesmall-minus { | |
| background-position: -16px -208px | |
| } | |
| .datepickTheme .ui-icon-circlesmall-close { | |
| background-position: -32px -208px | |
| } | |
| .datepickTheme .ui-icon-squaresmall-plus { | |
| background-position: -48px -208px | |
| } | |
| .datepickTheme .ui-icon-squaresmall-minus { | |
| background-position: -64px -208px | |
| } | |
| .datepickTheme .ui-icon-squaresmall-close { | |
| background-position: -80px -208px | |
| } | |
| .datepickTheme .ui-icon-grip-dotted-vertical { | |
| background-position: 0 -224px | |
| } | |
| .datepickTheme .ui-icon-grip-dotted-horizontal { | |
| background-position: -16px -224px | |
| } | |
| .datepickTheme .ui-icon-grip-solid-vertical { | |
| background-position: -32px -224px | |
| } | |
| .datepickTheme .ui-icon-grip-solid-horizontal { | |
| background-position: -48px -224px | |
| } | |
| .datepickTheme .ui-icon-gripsmall-diagonal-se { | |
| background-position: -64px -224px | |
| } | |
| .datepickTheme .ui-icon-grip-diagonal-se { | |
| background-position: -80px -224px | |
| } | |
| .datepickTheme .ui-corner-all,.datepickTheme .ui-corner-top,.datepickTheme .ui-corner-left,.datepickTheme .ui-corner-tl { | |
| border-top-left-radius: 4px | |
| } | |
| .datepickTheme .ui-corner-all,.datepickTheme .ui-corner-top,.datepickTheme .ui-corner-right,.datepickTheme .ui-corner-tr { | |
| border-top-right-radius: 4px | |
| } | |
| .datepickTheme .ui-corner-all,.datepickTheme .ui-corner-bottom,.datepickTheme .ui-corner-left,.datepickTheme .ui-corner-bl { | |
| border-bottom-left-radius: 4px | |
| } | |
| .datepickTheme .ui-corner-all,.datepickTheme .ui-corner-bottom,.datepickTheme .ui-corner-right,.datepickTheme .ui-corner-br { | |
| border-bottom-right-radius: 4px | |
| } | |
| .datepickTheme .ui-widget-overlay { | |
| background: #666 url("/images/datepicker/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; | |
| opacity: .5; | |
| filter: Alpha(Opacity=50) | |
| } | |
| .datepickTheme .ui-widget-shadow { | |
| -webkit-box-shadow: -5px -5px 5px #000000; | |
| box-shadow: -5px -5px 5px #000000 | |
| } | |
| .datepickTheme th { | |
| background: #EEE !important; | |
| color: #231f20 !important | |
| } | |
| #vd-load-container { | |
| position: relative; | |
| top: 100px | |
| } | |
| #vd-loading { | |
| position: absolute | |
| } | |
| #chatFloat { | |
| display: none; | |
| float: right; | |
| position: fixed; | |
| top: 0px; | |
| right: -145px; | |
| -webkit-transition: all 0.5s ease; | |
| transition: all 0.5s ease; | |
| z-index: 10 | |
| } | |
| #chatFloat:hover { | |
| right: 0px; | |
| -webkit-transition-duration: .25s; | |
| transition-duration: .25s | |
| } | |
| #hd { | |
| color: #666666; | |
| font-size: 12px | |
| } | |
| #hd .light-gray { | |
| color: #a2a2a2 | |
| } | |
| #hd,#hd.hd-cart { | |
| width: 100%; | |
| text-align: left; | |
| background: #fff | |
| } | |
| #hd.hd-cart { | |
| height: 80px | |
| } | |
| #hd #siteLogo { | |
| margin: 15px 0 5px; | |
| padding: 0; | |
| text-indent: -9000px; | |
| width: 313px; | |
| height: 55px; | |
| z-index: 10 | |
| } | |
| #hd #siteLogo.noLink { | |
| height: 40px; | |
| margin-top: 8px | |
| } | |
| #hd #siteLogo a { | |
| background: url("../images/common/logo.svg") no-repeat scroll bottom left transparent; | |
| border: 0 none; | |
| display: block; | |
| height: 55px | |
| } | |
| #hd #siteLogo span { | |
| background: none repeat scroll 0 0 transparent; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| text-indent: -3000px; | |
| overflow: hidden | |
| } | |
| #hd h3,#toolbar h3 { | |
| font-family: 'AutoZoneCond-Heavy',Arial,sans-serif; | |
| font-weight: normal !important; | |
| font-size: 17px; | |
| padding: 0; | |
| margin: 0; | |
| line-height: 1.2em | |
| } | |
| .header-block { | |
| *border-color: #EEE; | |
| *border-style: solid; | |
| *border-width: 0 0 0 1px | |
| } | |
| .header-block:before { | |
| content: url(../images/common/separator.png); | |
| float: left; | |
| padding-right: 10px; | |
| position: relative; | |
| top: -7px | |
| } | |
| .header-block h3 a.showDropDown { | |
| background-image: url("../images/common/orangeArrowGrid_down.png"); | |
| background-repeat: no-repeat; | |
| margin-bottom: 5px | |
| } | |
| .header-block h3 a { | |
| color: inherit | |
| } | |
| .header-block p { | |
| line-height: 125%; | |
| line-height: 1.4rem | |
| } | |
| #myStore input[type="text"] { | |
| height: 20px; | |
| width: 183px; | |
| border: 1px solid #A2A4A3; | |
| font-style: oblique; | |
| font-size: 12px; | |
| color: #A2A4A3; | |
| margin-right: 3px; | |
| line-height: 25px; | |
| vertical-align: top | |
| } | |
| #shopping-cart.header-block h3 a.showDropDown { | |
| background-position: 61px 10px; | |
| padding-right: 22px | |
| } | |
| #toolbar { | |
| font-family: Arial, sans-serif; | |
| background: #f1f1f1; | |
| font-weight: bold; | |
| line-height: 25px | |
| } | |
| #toolbar label { | |
| color: #666666 | |
| } | |
| #toolbar .inner { | |
| z-index: 1001 | |
| } | |
| #profileformlet { | |
| font-weight: normal; | |
| font-size: 10px | |
| } | |
| #hd .dropDown,#toolbar .dropDown { | |
| display: none; | |
| background: #fff; | |
| padding: 5px; | |
| position: absolute; | |
| top: 80px; | |
| left: -90px; | |
| width: 310px; | |
| z-index: 500; | |
| -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); | |
| box-shadow: 0 0 4px 0 rgba(0,0,0,0.5) | |
| } | |
| #toolbar .dropDown { | |
| top: 34px; | |
| left: auto; | |
| right: -142px; | |
| line-height: 140% | |
| } | |
| #toolbar .dropDown #profilelogin fieldset>fieldset { | |
| padding-left: 10px | |
| } | |
| #toolbar .dropDown p { | |
| margin: 10px 0 | |
| } | |
| #toolbar .dropDown .submitThis .button { | |
| float: right; | |
| margin-right: 10px | |
| } | |
| #hd .dropDown a,#hd .dropDown a:hover,#hd .dropDown a:visited { | |
| color: #f26100 | |
| } | |
| #hd .dropDown .close { | |
| position: absolute; | |
| top: 8px; | |
| right: 5px; | |
| background: url("../images/common/dropDown_close.png") no-repeat right center transparent; | |
| color: #a2a2a2; | |
| font-weight: bold; | |
| padding-right: 25px; | |
| cursor: pointer; | |
| text-indent: -9000em | |
| } | |
| #hd .dropDown .header { | |
| background: #f1f1f1; | |
| border-bottom: 1px dotted #b2b4b3; | |
| padding: 10px 10px 22px 10px; | |
| margin-bottom: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: 140% | |
| } | |
| #hd .dropDown .header strong { | |
| font-size: 14px; | |
| display: block; | |
| margin-bottom: 10px; | |
| color: #231f20 | |
| } | |
| #hd .dropDown .body { | |
| padding: 10px; | |
| color: #231f20 | |
| } | |
| #hd .dropDown .body strong { | |
| font-size: 13px | |
| } | |
| #hd .dropDown .body h4 { | |
| color: #231f20; | |
| font-size: 110% | |
| } | |
| #hd .dropDown .body .allProducts { | |
| font-size: 13px | |
| } | |
| #hd .dropDown .body .margins { | |
| margin-bottom: 8px | |
| } | |
| #hd .dropDown .footer { | |
| background: #F37F00; | |
| color: #fff; | |
| padding: 0px 5px; | |
| margin-top: 5px; | |
| clear: both; | |
| font-weight: bold; | |
| font-size: 11px | |
| } | |
| #hd .dropDown .footer ul { | |
| margin: 0 | |
| } | |
| #hd .dropDown .footer a { | |
| color: #fff | |
| } | |
| #hd .dropDown .footer li { | |
| margin-right: 0 | |
| } | |
| #hd .dropDown .footer li:first-child { | |
| padding-right: 10px; | |
| margin-right: 8px; | |
| border-right: 1px solid #fff | |
| } | |
| #hd .dropDown .footer .left,#hd .dropDown .footer .right { | |
| padding: 5px 0px | |
| } | |
| #hd .dropDown .header span { | |
| color: #888; | |
| float: left; | |
| font-style: italic; | |
| font-size: 11px; | |
| margin-top: 3px | |
| } | |
| .dropDown .arrow { | |
| background: url("../images/common/dropDown_topArrow.png") no-repeat top center; | |
| position: absolute; | |
| left: 150px; | |
| width: 23px; | |
| height: 10px; | |
| top: -10px | |
| } | |
| .no-boxshadow #hd .dropDown,.no-boxshadow #toolbar .dropDown { | |
| border: 2px solid #e0e0e0 | |
| } | |
| #hd a#bopus-enabled-store { | |
| position: absolute; | |
| top: 50px; | |
| left: 950px; | |
| background: url(../images/common/bopus-logo.gif) top left no-repeat; | |
| display: block; | |
| width: 76px; | |
| height: 48px; | |
| text-indent: -300px; | |
| overflow: hidden | |
| } | |
| #myStore dl dt,#myStore dl dd { | |
| float: left; | |
| margin: 5px 0 0; | |
| font-weight: normal; | |
| font-size: 12px | |
| } | |
| #myStore dl dt { | |
| width: 140px | |
| } | |
| #myStore dl dd { | |
| width: 150px; | |
| text-align: right | |
| } | |
| #hd.hd-cart #shopping-cart { | |
| top: 10px; | |
| height: 70px | |
| } | |
| #hd #shopping-cart .dropDown { | |
| left: -195px | |
| } | |
| #hd #shopping-cart .dropDown .arrow { | |
| left: 240px | |
| } | |
| #hd #shopping-cart .dropDown table td { | |
| padding: 5px 3px 10px; | |
| vertical-align: top | |
| } | |
| #hd #shopping-cart .dropDown .subtotal { | |
| padding-top: 10px; | |
| margin-top: 10px; | |
| border-top: 1px dotted #777 | |
| } | |
| #hd #shopping-cart .dropDown .subtotal p { | |
| line-height: 30px | |
| } | |
| #hd #shopping-cart .dropDown .subtotal strong { | |
| font-size: 14px | |
| } | |
| #hd #manage-vehicles ul li { | |
| list-style-type: square; | |
| list-style-position: outside; | |
| margin-left: 0; | |
| padding-left: 0; | |
| margin: 0; | |
| color: #a2a2a2; | |
| background-image: none | |
| } | |
| #hd #manage-vehicles .footer ul { | |
| padding-left: 0; | |
| height: 25px; | |
| line-height: 25px | |
| } | |
| #hd #manage-vehicles .footer ul li { | |
| margin-bottom: 0; | |
| padding-bottom: 0 | |
| } | |
| #hd #manage-vehicles .dropDown .body ul { | |
| overflow: auto | |
| } | |
| #headerPromoArea { | |
| width: 986px; | |
| font-family: Arial, sans-serif; | |
| margin: 0 auto 10px; | |
| background: transparent | |
| } | |
| #headerPromoArea>div>div.grid-8 { | |
| font-size: 12px; | |
| height: 35px; | |
| background: #FFFFFF; | |
| position: relative; | |
| width: 29.45%; | |
| padding-top: 5px | |
| } | |
| #headerPromoArea>div>div.grid-12 { | |
| font-size: 12px; | |
| background: #FFFFFF; | |
| position: relative; | |
| width: 46.5%; | |
| padding-top: 5px | |
| } | |
| #headerPromoArea>div>div.grid-24 { | |
| font-size: 15px; | |
| background: #FFFFFF; | |
| width: 100%; | |
| text-align: center; | |
| -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.33); | |
| box-shadow: 2px 2px 3px rgba(0,0,0,0.33) | |
| } | |
| #headerPromoArea>div>div.before { | |
| margin: 0 0 0 13px | |
| } | |
| #headerPromoArea>div>div.after { | |
| margin: 0 13px 0 0 | |
| } | |
| #headerPromoArea>div>div.before-after { | |
| margin: 0 13px 0 13px | |
| } | |
| #headerPromoArea>div>div.before-after:before,#headerPromoArea>div>div.before:before { | |
| content: ""; | |
| width: 0; | |
| height: 0; | |
| border-top: 40px solid transparent; | |
| border-bottom: 0px solid transparent; | |
| border-right: 18px solid white; | |
| position: absolute; | |
| left: -18px; | |
| bottom: 0 | |
| } | |
| #headerPromoArea>div>div.before-after:after,#headerPromoArea>div>div.after:after { | |
| content: ""; | |
| width: 0; | |
| height: 0; | |
| border-bottom: 40px solid transparent; | |
| border-top: 0 solid transparent; | |
| border-left: 18px solid white; | |
| position: absolute; | |
| right: -18px; | |
| top: 0 | |
| } | |
| #headerPromoArea>div>div.grid-8>h1,#headerPromoArea>div>div.grid-12>h1 { | |
| display: inline; | |
| float: left; | |
| margin-right: 15px; | |
| font-size: 20px; | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| font-weight: normal; | |
| text-transform: uppercase | |
| } | |
| #headerPromoArea>div>div.grid-24>h1 { | |
| font-size: 22px; | |
| font-family: "AutoZoneCond-HeavyIt"; | |
| font-weight: normal; | |
| display: inline; | |
| margin: 0 5px; | |
| text-transform: uppercase; | |
| background: #fff | |
| } | |
| #headerPromoArea>div>div.grid-8>p,#headerPromoArea>div>div.grid-12>p { | |
| display: block; | |
| clear: left; | |
| font-size: 12px; | |
| color: #6C6F70 | |
| } | |
| #headerPromoArea>div>div.grid-24>p { | |
| display: inline; | |
| margin: 0 6px; | |
| color: #6C6F70 | |
| } | |
| #headerPromoArea>div>div>p>code { | |
| font-family: Arial; | |
| font-size: 20px; | |
| font-weight: bold; | |
| color: #D52B1E | |
| } | |
| #headerPromoArea>div>div.grid-8>a,#headerPromoArea>div>div.grid-12>a { | |
| font-weight: normal; | |
| color: #F26100; | |
| display: block; | |
| float: left | |
| } | |
| #headerPromoArea>div>div.grid-24>a { | |
| font-weight: normal; | |
| color: #F26100; | |
| display: inline; | |
| background: url("../images/common/see_all_arrow.png") no-repeat right 4px transparent; | |
| padding-right: 12px | |
| } | |
| #headerPromoArea a:hover { | |
| text-decoration: underline | |
| } | |
| #profilenav { | |
| position: relative; | |
| right: 115px; | |
| top: 0; | |
| font-weight: bold; | |
| text-align: right | |
| } | |
| #profilenav.checkout { | |
| position: absolute; | |
| top: 50px; | |
| right: 160px | |
| } | |
| #profilenav fieldset fieldset input { | |
| width: 60% | |
| } | |
| #profilenav fieldset.checkBox input,#profilenav fieldset.checkBox label { | |
| width: auto | |
| } | |
| #toolbar #myzone { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| border-bottom: 3px solid #f37f00; | |
| background: #fff | |
| } | |
| #toolbar #myzone h3 { | |
| padding-bottom: 0; | |
| margin: 0; | |
| line-height: 1em | |
| } | |
| #toolbar #myzone a { | |
| display: block; | |
| padding: 4px 8px 4px 18px | |
| } | |
| #toolbar #myzone a span { | |
| background-image: none; | |
| background-repeat: no-repeat; | |
| background-position: 61px 5px; | |
| padding-right: 12px | |
| } | |
| #toolbar #myzone a span sup { | |
| vertical-align: super; | |
| display: inline-block; | |
| line-height: 1.1em; | |
| text-decoration: none; | |
| top: -0.1em; | |
| position: relative | |
| } | |
| #toolbar .errorText { | |
| margin-left: 36%; | |
| color: #A40204 | |
| } | |
| #toolbar #profileLogoutForm { | |
| display: inline | |
| } | |
| #toolbar .helperText { | |
| color: #F26100 | |
| } | |
| #searchformlet .helperText { | |
| margin-bottom: 0 | |
| } | |
| .row { | |
| max-width: 61.625rem; | |
| margin-right: auto; | |
| margin-left: auto; | |
| display: -ms-flexbox; | |
| display: -webkit-box; | |
| display: flex; | |
| -ms-flex-flow: row wrap; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| flex-flow: row wrap | |
| } | |
| .row .row { | |
| margin-right: -.3125rem; | |
| margin-left: -.3125rem | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .row .row { | |
| margin-right:-.46875rem; | |
| margin-left: -.46875rem | |
| } | |
| } | |
| @media print, screen and (min-width: 61.625em) { | |
| .row .row { | |
| margin-right:-.46875rem; | |
| margin-left: -.46875rem | |
| } | |
| } | |
| .row .row.collapse { | |
| margin-right: 0; | |
| margin-left: 0 | |
| } | |
| .row.expanded { | |
| max-width: none | |
| } | |
| .row.expanded .row { | |
| margin-right: auto; | |
| margin-left: auto | |
| } | |
| .row:not(.expanded) .row { | |
| max-width: none | |
| } | |
| .row.collapse>.column,.row.collapse>.columns { | |
| padding-right: 0; | |
| padding-left: 0 | |
| } | |
| .row.is-collapse-child,.row.collapse>.column>.row,.row.collapse>.columns>.row { | |
| margin-right: 0; | |
| margin-left: 0 | |
| } | |
| .column,.columns { | |
| -ms-flex: 1 1 0px; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 0px; | |
| padding-right: .3125rem; | |
| padding-left: .3125rem; | |
| min-width: initial | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .column,.columns { | |
| padding-right:.46875rem; | |
| padding-left: .46875rem | |
| } | |
| } | |
| .column.row.row,.row.row.columns { | |
| float: none; | |
| display: block | |
| } | |
| .row .column.row.row,.row .row.row.columns { | |
| margin-right: 0; | |
| margin-left: 0; | |
| padding-right: 0; | |
| padding-left: 0 | |
| } | |
| .flex-container { | |
| display: -ms-flexbox; | |
| display: -webkit-box; | |
| display: flex | |
| } | |
| .flex-child-auto { | |
| -ms-flex: 1 1 auto; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 auto | |
| } | |
| .flex-child-grow { | |
| -ms-flex: 1 0 auto; | |
| -webkit-box-flex: 1; | |
| flex: 1 0 auto | |
| } | |
| .flex-child-shrink { | |
| -ms-flex: 0 1 auto; | |
| -webkit-box-flex: 0; | |
| flex: 0 1 auto | |
| } | |
| .flex-dir-row { | |
| -ms-flex-direction: row; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| flex-direction: row | |
| } | |
| .flex-dir-row-reverse { | |
| -ms-flex-direction: row-reverse; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: reverse; | |
| flex-direction: row-reverse | |
| } | |
| .flex-dir-column { | |
| -ms-flex-direction: column; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| flex-direction: column | |
| } | |
| .flex-dir-column-reverse { | |
| -ms-flex-direction: column-reverse; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: reverse; | |
| flex-direction: column-reverse | |
| } | |
| .small-1 { | |
| -ms-flex: 0 0 8.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333% | |
| } | |
| .small-offset-0 { | |
| margin-left: 0% | |
| } | |
| .small-2 { | |
| -ms-flex: 0 0 16.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667% | |
| } | |
| .small-offset-1 { | |
| margin-left: 8.33333% | |
| } | |
| .small-3 { | |
| -ms-flex: 0 0 25%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25% | |
| } | |
| .small-offset-2 { | |
| margin-left: 16.66667% | |
| } | |
| .small-4 { | |
| -ms-flex: 0 0 33.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333% | |
| } | |
| .small-offset-3 { | |
| margin-left: 25% | |
| } | |
| .small-5 { | |
| -ms-flex: 0 0 41.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 41.66667%; | |
| max-width: 41.66667% | |
| } | |
| .small-offset-4 { | |
| margin-left: 33.33333% | |
| } | |
| .small-6 { | |
| -ms-flex: 0 0 50%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50% | |
| } | |
| .small-offset-5 { | |
| margin-left: 41.66667% | |
| } | |
| .small-7 { | |
| -ms-flex: 0 0 58.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 58.33333%; | |
| max-width: 58.33333% | |
| } | |
| .small-offset-6 { | |
| margin-left: 50% | |
| } | |
| .small-8 { | |
| -ms-flex: 0 0 66.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 66.66667%; | |
| max-width: 66.66667% | |
| } | |
| .small-offset-7 { | |
| margin-left: 58.33333% | |
| } | |
| .small-9 { | |
| -ms-flex: 0 0 75%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 75%; | |
| max-width: 75% | |
| } | |
| .small-offset-8 { | |
| margin-left: 66.66667% | |
| } | |
| .small-10 { | |
| -ms-flex: 0 0 83.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 83.33333%; | |
| max-width: 83.33333% | |
| } | |
| .small-offset-9 { | |
| margin-left: 75% | |
| } | |
| .small-11 { | |
| -ms-flex: 0 0 91.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 91.66667%; | |
| max-width: 91.66667% | |
| } | |
| .small-offset-10 { | |
| margin-left: 83.33333% | |
| } | |
| .small-12 { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100% | |
| } | |
| .small-offset-11 { | |
| margin-left: 91.66667% | |
| } | |
| .small-order-1 { | |
| -ms-flex-order: 1; | |
| -webkit-box-ordinal-group: 2; | |
| order: 1 | |
| } | |
| .small-order-2 { | |
| -ms-flex-order: 2; | |
| -webkit-box-ordinal-group: 3; | |
| order: 2 | |
| } | |
| .small-order-3 { | |
| -ms-flex-order: 3; | |
| -webkit-box-ordinal-group: 4; | |
| order: 3 | |
| } | |
| .small-order-4 { | |
| -ms-flex-order: 4; | |
| -webkit-box-ordinal-group: 5; | |
| order: 4 | |
| } | |
| .small-order-5 { | |
| -ms-flex-order: 5; | |
| -webkit-box-ordinal-group: 6; | |
| order: 5 | |
| } | |
| .small-order-6 { | |
| -ms-flex-order: 6; | |
| -webkit-box-ordinal-group: 7; | |
| order: 6 | |
| } | |
| .small-up-1 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-1>.column,.small-up-1>.columns { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100% | |
| } | |
| .small-up-2 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-2>.column,.small-up-2>.columns { | |
| -ms-flex: 0 0 50%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50% | |
| } | |
| .small-up-3 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-3>.column,.small-up-3>.columns { | |
| -ms-flex: 0 0 33.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333% | |
| } | |
| .small-up-4 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-4>.column,.small-up-4>.columns { | |
| -ms-flex: 0 0 25%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25% | |
| } | |
| .small-up-5 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-5>.column,.small-up-5>.columns { | |
| -ms-flex: 0 0 20%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 20%; | |
| max-width: 20% | |
| } | |
| .small-up-6 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-6>.column,.small-up-6>.columns { | |
| -ms-flex: 0 0 16.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667% | |
| } | |
| .small-up-7 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-7>.column,.small-up-7>.columns { | |
| -ms-flex: 0 0 14.28571%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 14.28571%; | |
| max-width: 14.28571% | |
| } | |
| .small-up-8 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .small-up-8>.column,.small-up-8>.columns { | |
| -ms-flex: 0 0 12.5%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5% | |
| } | |
| .small-collapse>.column,.small-collapse>.columns { | |
| padding-right: 0; | |
| padding-left: 0 | |
| } | |
| .small-uncollapse>.column,.small-uncollapse>.columns { | |
| padding-right: .3125rem; | |
| padding-left: .3125rem | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .medium-1 { | |
| -ms-flex:0 0 8.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333% | |
| } | |
| .medium-offset-0 { | |
| margin-left: 0% | |
| } | |
| .medium-2 { | |
| -ms-flex: 0 0 16.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667% | |
| } | |
| .medium-offset-1 { | |
| margin-left: 8.33333% | |
| } | |
| .medium-3 { | |
| -ms-flex: 0 0 25%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25% | |
| } | |
| .medium-offset-2 { | |
| margin-left: 16.66667% | |
| } | |
| .medium-4 { | |
| -ms-flex: 0 0 33.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333% | |
| } | |
| .medium-offset-3 { | |
| margin-left: 25% | |
| } | |
| .medium-5 { | |
| -ms-flex: 0 0 41.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 41.66667%; | |
| max-width: 41.66667% | |
| } | |
| .medium-offset-4 { | |
| margin-left: 33.33333% | |
| } | |
| .medium-6 { | |
| -ms-flex: 0 0 50%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50% | |
| } | |
| .medium-offset-5 { | |
| margin-left: 41.66667% | |
| } | |
| .medium-7 { | |
| -ms-flex: 0 0 58.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 58.33333%; | |
| max-width: 58.33333% | |
| } | |
| .medium-offset-6 { | |
| margin-left: 50% | |
| } | |
| .medium-8 { | |
| -ms-flex: 0 0 66.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 66.66667%; | |
| max-width: 66.66667% | |
| } | |
| .medium-offset-7 { | |
| margin-left: 58.33333% | |
| } | |
| .medium-9 { | |
| -ms-flex: 0 0 75%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 75%; | |
| max-width: 75% | |
| } | |
| .medium-offset-8 { | |
| margin-left: 66.66667% | |
| } | |
| .medium-10 { | |
| -ms-flex: 0 0 83.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 83.33333%; | |
| max-width: 83.33333% | |
| } | |
| .medium-offset-9 { | |
| margin-left: 75% | |
| } | |
| .medium-11 { | |
| -ms-flex: 0 0 91.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 91.66667%; | |
| max-width: 91.66667% | |
| } | |
| .medium-offset-10 { | |
| margin-left: 83.33333% | |
| } | |
| .medium-12 { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100% | |
| } | |
| .medium-offset-11 { | |
| margin-left: 91.66667% | |
| } | |
| .medium-order-1 { | |
| -ms-flex-order: 1; | |
| -webkit-box-ordinal-group: 2; | |
| order: 1 | |
| } | |
| .medium-order-2 { | |
| -ms-flex-order: 2; | |
| -webkit-box-ordinal-group: 3; | |
| order: 2 | |
| } | |
| .medium-order-3 { | |
| -ms-flex-order: 3; | |
| -webkit-box-ordinal-group: 4; | |
| order: 3 | |
| } | |
| .medium-order-4 { | |
| -ms-flex-order: 4; | |
| -webkit-box-ordinal-group: 5; | |
| order: 4 | |
| } | |
| .medium-order-5 { | |
| -ms-flex-order: 5; | |
| -webkit-box-ordinal-group: 6; | |
| order: 5 | |
| } | |
| .medium-order-6 { | |
| -ms-flex-order: 6; | |
| -webkit-box-ordinal-group: 7; | |
| order: 6 | |
| } | |
| .medium-up-1 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-1>.column,.medium-up-1>.columns { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100% | |
| } | |
| .medium-up-2 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-2>.column,.medium-up-2>.columns { | |
| -ms-flex: 0 0 50%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50% | |
| } | |
| .medium-up-3 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-3>.column,.medium-up-3>.columns { | |
| -ms-flex: 0 0 33.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333% | |
| } | |
| .medium-up-4 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-4>.column,.medium-up-4>.columns { | |
| -ms-flex: 0 0 25%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25% | |
| } | |
| .medium-up-5 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-5>.column,.medium-up-5>.columns { | |
| -ms-flex: 0 0 20%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 20%; | |
| max-width: 20% | |
| } | |
| .medium-up-6 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-6>.column,.medium-up-6>.columns { | |
| -ms-flex: 0 0 16.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667% | |
| } | |
| .medium-up-7 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-7>.column,.medium-up-7>.columns { | |
| -ms-flex: 0 0 14.28571%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 14.28571%; | |
| max-width: 14.28571% | |
| } | |
| .medium-up-8 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .medium-up-8>.column,.medium-up-8>.columns { | |
| -ms-flex: 0 0 12.5%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5% | |
| } | |
| } | |
| @media print, screen and (min-width: 40em) and (min-width: 40em) { | |
| .medium-expand { | |
| -ms-flex:1 1 0px; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 0px | |
| } | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .medium-flex-dir-row { | |
| -ms-flex-direction:row; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| flex-direction: row | |
| } | |
| .medium-flex-dir-row-reverse { | |
| -ms-flex-direction: row-reverse; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: reverse; | |
| flex-direction: row-reverse | |
| } | |
| .medium-flex-dir-column { | |
| -ms-flex-direction: column; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| flex-direction: column | |
| } | |
| .medium-flex-dir-column-reverse { | |
| -ms-flex-direction: column-reverse; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: reverse; | |
| flex-direction: column-reverse | |
| } | |
| .medium-flex-child-auto { | |
| -ms-flex: 1 1 auto; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 auto | |
| } | |
| .medium-flex-child-grow { | |
| -ms-flex: 1 0 auto; | |
| -webkit-box-flex: 1; | |
| flex: 1 0 auto | |
| } | |
| .medium-flex-child-shrink { | |
| -ms-flex: 0 1 auto; | |
| -webkit-box-flex: 0; | |
| flex: 0 1 auto | |
| } | |
| } | |
| .row.medium-unstack>.column,.row.medium-unstack>.columns { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100% | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .row.medium-unstack>.column,.row.medium-unstack>.columns { | |
| -ms-flex:1 1 0px; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 0px | |
| } | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .medium-collapse>.column,.medium-collapse>.columns { | |
| padding-right:0; | |
| padding-left: 0 | |
| } | |
| .medium-uncollapse>.column,.medium-uncollapse>.columns { | |
| padding-right: .46875rem; | |
| padding-left: .46875rem | |
| } | |
| } | |
| @media print, screen and (min-width: 61.625em) { | |
| .large-1 { | |
| -ms-flex:0 0 8.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 8.33333%; | |
| max-width: 8.33333% | |
| } | |
| .large-offset-0 { | |
| margin-left: 0% | |
| } | |
| .large-2 { | |
| -ms-flex: 0 0 16.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667% | |
| } | |
| .large-offset-1 { | |
| margin-left: 8.33333% | |
| } | |
| .large-3 { | |
| -ms-flex: 0 0 25%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25% | |
| } | |
| .large-offset-2 { | |
| margin-left: 16.66667% | |
| } | |
| .large-4 { | |
| -ms-flex: 0 0 33.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333% | |
| } | |
| .large-offset-3 { | |
| margin-left: 25% | |
| } | |
| .large-5 { | |
| -ms-flex: 0 0 41.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 41.66667%; | |
| max-width: 41.66667% | |
| } | |
| .large-offset-4 { | |
| margin-left: 33.33333% | |
| } | |
| .large-6 { | |
| -ms-flex: 0 0 50%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50% | |
| } | |
| .large-offset-5 { | |
| margin-left: 41.66667% | |
| } | |
| .large-7 { | |
| -ms-flex: 0 0 58.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 58.33333%; | |
| max-width: 58.33333% | |
| } | |
| .large-offset-6 { | |
| margin-left: 50% | |
| } | |
| .large-8 { | |
| -ms-flex: 0 0 66.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 66.66667%; | |
| max-width: 66.66667% | |
| } | |
| .large-offset-7 { | |
| margin-left: 58.33333% | |
| } | |
| .large-9 { | |
| -ms-flex: 0 0 75%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 75%; | |
| max-width: 75% | |
| } | |
| .large-offset-8 { | |
| margin-left: 66.66667% | |
| } | |
| .large-10 { | |
| -ms-flex: 0 0 83.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 83.33333%; | |
| max-width: 83.33333% | |
| } | |
| .large-offset-9 { | |
| margin-left: 75% | |
| } | |
| .large-11 { | |
| -ms-flex: 0 0 91.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 91.66667%; | |
| max-width: 91.66667% | |
| } | |
| .large-offset-10 { | |
| margin-left: 83.33333% | |
| } | |
| .large-12 { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100% | |
| } | |
| .large-offset-11 { | |
| margin-left: 91.66667% | |
| } | |
| .large-order-1 { | |
| -ms-flex-order: 1; | |
| -webkit-box-ordinal-group: 2; | |
| order: 1 | |
| } | |
| .large-order-2 { | |
| -ms-flex-order: 2; | |
| -webkit-box-ordinal-group: 3; | |
| order: 2 | |
| } | |
| .large-order-3 { | |
| -ms-flex-order: 3; | |
| -webkit-box-ordinal-group: 4; | |
| order: 3 | |
| } | |
| .large-order-4 { | |
| -ms-flex-order: 4; | |
| -webkit-box-ordinal-group: 5; | |
| order: 4 | |
| } | |
| .large-order-5 { | |
| -ms-flex-order: 5; | |
| -webkit-box-ordinal-group: 6; | |
| order: 5 | |
| } | |
| .large-order-6 { | |
| -ms-flex-order: 6; | |
| -webkit-box-ordinal-group: 7; | |
| order: 6 | |
| } | |
| .large-up-1 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-1>.column,.large-up-1>.columns { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100%; | |
| max-width: 100% | |
| } | |
| .large-up-2 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-2>.column,.large-up-2>.columns { | |
| -ms-flex: 0 0 50%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 50%; | |
| max-width: 50% | |
| } | |
| .large-up-3 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-3>.column,.large-up-3>.columns { | |
| -ms-flex: 0 0 33.33333%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 33.33333%; | |
| max-width: 33.33333% | |
| } | |
| .large-up-4 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-4>.column,.large-up-4>.columns { | |
| -ms-flex: 0 0 25%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 25%; | |
| max-width: 25% | |
| } | |
| .large-up-5 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-5>.column,.large-up-5>.columns { | |
| -ms-flex: 0 0 20%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 20%; | |
| max-width: 20% | |
| } | |
| .large-up-6 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-6>.column,.large-up-6>.columns { | |
| -ms-flex: 0 0 16.66667%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 16.66667%; | |
| max-width: 16.66667% | |
| } | |
| .large-up-7 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-7>.column,.large-up-7>.columns { | |
| -ms-flex: 0 0 14.28571%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 14.28571%; | |
| max-width: 14.28571% | |
| } | |
| .large-up-8 { | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .large-up-8>.column,.large-up-8>.columns { | |
| -ms-flex: 0 0 12.5%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 12.5%; | |
| max-width: 12.5% | |
| } | |
| } | |
| @media print, screen and (min-width: 61.625em) and (min-width: 61.625em) { | |
| .large-expand { | |
| -ms-flex:1 1 0px; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 0px | |
| } | |
| } | |
| @media print, screen and (min-width: 61.625em) { | |
| .large-flex-dir-row { | |
| -ms-flex-direction:row; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| flex-direction: row | |
| } | |
| .large-flex-dir-row-reverse { | |
| -ms-flex-direction: row-reverse; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: reverse; | |
| flex-direction: row-reverse | |
| } | |
| .large-flex-dir-column { | |
| -ms-flex-direction: column; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| flex-direction: column | |
| } | |
| .large-flex-dir-column-reverse { | |
| -ms-flex-direction: column-reverse; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: reverse; | |
| flex-direction: column-reverse | |
| } | |
| .large-flex-child-auto { | |
| -ms-flex: 1 1 auto; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 auto | |
| } | |
| .large-flex-child-grow { | |
| -ms-flex: 1 0 auto; | |
| -webkit-box-flex: 1; | |
| flex: 1 0 auto | |
| } | |
| .large-flex-child-shrink { | |
| -ms-flex: 0 1 auto; | |
| -webkit-box-flex: 0; | |
| flex: 0 1 auto | |
| } | |
| } | |
| .row.large-unstack>.column,.row.large-unstack>.columns { | |
| -ms-flex: 0 0 100%; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 100% | |
| } | |
| @media print, screen and (min-width: 61.625em) { | |
| .row.large-unstack>.column,.row.large-unstack>.columns { | |
| -ms-flex:1 1 0px; | |
| -webkit-box-flex: 1; | |
| flex: 1 1 0px | |
| } | |
| } | |
| @media print, screen and (min-width: 61.625em) { | |
| .large-collapse>.column,.large-collapse>.columns { | |
| padding-right:0; | |
| padding-left: 0 | |
| } | |
| .large-uncollapse>.column,.large-uncollapse>.columns { | |
| padding-right: .46875rem; | |
| padding-left: .46875rem | |
| } | |
| } | |
| .shrink { | |
| -ms-flex: 0 0 auto; | |
| -webkit-box-flex: 0; | |
| flex: 0 0 auto; | |
| max-width: 100% | |
| } | |
| .column-block { | |
| margin-bottom: .625rem | |
| } | |
| .column-block>:last-child { | |
| margin-bottom: 0 | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .column-block { | |
| margin-bottom:.9375rem | |
| } | |
| .column-block>:last-child { | |
| margin-bottom: 0 | |
| } | |
| } | |
| html { | |
| font-size: 100% | |
| } | |
| #toolbar #myzone a span { | |
| font-size: 18px | |
| } | |
| #hd { | |
| line-height: 1.4 | |
| } | |
| #hd p { | |
| line-height: 12px | |
| } | |
| #hd a,#toolbar a { | |
| font-size: 12px | |
| } | |
| ul#related_sites li { | |
| padding: 0 | |
| } | |
| #hd h3 a { | |
| font-size: 18px | |
| } | |
| #ft .ft_width li li,.ft .ft_width li li { | |
| line-height: 1.4 | |
| } | |
| #ft .copyright,.ft .copyright { | |
| font-size: 12px | |
| } | |
| #ft .bottom ul.legal,.ft .bottom ul.legal { | |
| margin: 0 | |
| } | |
| #cont { | |
| -webkit-box-sizing: border-box !important; | |
| box-sizing: border-box !important | |
| } | |
| #cont *,#cont *:before,#cont *:after { | |
| -webkit-box-sizing: inherit !important; | |
| box-sizing: inherit !important | |
| } | |
| #cont.hasPencilBanner { | |
| margin-top: 0 | |
| } | |
| @media screen and (min-width: 40em) { | |
| #cont.hasPencilBanner { | |
| margin-top:274px | |
| } | |
| } | |
| #cont .fbwidget.fblike { | |
| left: 105px; | |
| position: relative | |
| } | |
| #cont .title-zone .title-zone-inner { | |
| padding: .8125rem | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| #cont .title-zone .title-zone-inner { | |
| padding:.9375rem 0 0 3.125rem | |
| } | |
| } | |
| #cont .title-zone-inner .logo { | |
| margin: 0 auto; | |
| max-width: 3.4375rem | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| #cont .title-zone-inner .logo { | |
| margin:15px 0; | |
| max-width: none | |
| } | |
| } | |
| #cont .title-zone-inner h1 { | |
| padding: 0; | |
| font-family: 'AutoZoneCond-Heavy', Arial, sans-serif; | |
| font-size: 1.4375rem; | |
| font-weight: bold; | |
| line-height: 1.1; | |
| color: #fff | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| #cont .title-zone-inner h1 { | |
| margin:0 0 1.875rem; | |
| font-size: 1.875rem; | |
| line-height: 1.2 | |
| } | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .title-zone-inner h1 .small { | |
| margin-bottom:.625rem | |
| } | |
| } | |
| #cont h1 .small { | |
| font-size: 70%; | |
| text-align: center; | |
| line-height: 1 | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| #cont h1 .small { | |
| font-size:65%; | |
| text-align: left; | |
| line-height: inherit; | |
| margin-bottom: 0 | |
| } | |
| } | |
| #cont .text-primary { | |
| color: #F26100 | |
| } | |
| #cont .legal-text { | |
| font-size: .75rem; | |
| font-style: italic; | |
| line-height: 1.2 | |
| } | |
| #cont .title-zone-inner .legal-text { | |
| color: #fff | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .title-zone-inner .legal-text { | |
| font-size:.5rem; | |
| margin-bottom: 0 | |
| } | |
| } | |
| #cont .callout-content { | |
| margin-top: 15px; | |
| margin-bottom: 15px; | |
| text-align: center | |
| } | |
| #cont .callout-content.first { | |
| margin-top: 0 | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| #cont .callout-content { | |
| padding-left:3.125rem !important; | |
| margin-bottom: 30px; | |
| text-align: left | |
| } | |
| } | |
| #cont h1.fancy-divider { | |
| font-size: 1.5rem; | |
| line-height: 1rem; | |
| margin: 0 0 1.875rem 0; | |
| padding: 0; | |
| color: #F26100; | |
| font-weight: bold; | |
| background: url("../images/common/bg-heading.gif") repeat 0 0 | |
| } | |
| #cont h1.fancy-divider span { | |
| background: #fff; | |
| display: inline-block; | |
| padding-right: 10px | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont h1.fancy-divider span { | |
| padding-left:10px | |
| } | |
| } | |
| #cont h3.sub-heading { | |
| font-size: 1rem; | |
| line-height: 1rem; | |
| margin: 0; | |
| padding: 0; | |
| font-weight: bold | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont h3.sub-heading { | |
| font-size:1.375rem | |
| } | |
| } | |
| #cont p.intro-text { | |
| margin: 15px 0; | |
| padding: 0; | |
| font-family: 'AutoZoneCond-Medium', Arial, sans-serif; | |
| font-size: 1.125rem; | |
| line-height: 1.2; | |
| color: #231f20 | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont p.intro-text { | |
| font-size:.9375rem | |
| } | |
| } | |
| #cont .text-primary { | |
| color: #F26100 | |
| } | |
| #cont .bkg-gray { | |
| background-color: #e6e6e6 | |
| } | |
| #cont .bkg-med-gray { | |
| background-color: #cfcfcf | |
| } | |
| #cont .block-content { | |
| margin: 1.875rem -.0625rem .0625rem | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .block-content { | |
| text-align:center; | |
| margin-bottom: 15px | |
| } | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .block-content ol,#cont .block-content ul { | |
| padding-left:40px | |
| } | |
| } | |
| #cont .block-callout { | |
| padding: 15px; | |
| margin-bottom: 15px | |
| } | |
| #cont .block-content+.block-callout { | |
| border-top: 1px solid #fff; | |
| margin-top: -30px | |
| } | |
| #cont .block-content.bkg-gray .columns { | |
| position: relative; | |
| border: solid #fff; | |
| padding-top: 1.875rem; | |
| padding-bottom: 1.875rem; | |
| border-width: .5rem 0 | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| #cont .block-content.bkg-gray .columns { | |
| border-width:.0625rem | |
| } | |
| } | |
| #cont .block-content.bkg-gray .columns.has-top-icons { | |
| padding-top: 3.75rem | |
| } | |
| #cont .block-content p,#cont .block-content li { | |
| font-size: .8125rem; | |
| line-height: 1.2; | |
| padding: 0 .625rem | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .block-content p,#cont .block-content li { | |
| font-size:1.125rem | |
| } | |
| } | |
| #cont .block-content li { | |
| margin-bottom: .9375rem | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .block-content li { | |
| text-align:left | |
| } | |
| } | |
| #cont .block-content .block-img { | |
| text-align: center; | |
| margin: 1rem auto | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont .block-content .block-img { | |
| margin-bottom:15px; | |
| padding: 0 1.875rem | |
| } | |
| } | |
| #cont .top-icon { | |
| position: absolute; | |
| top: -1.875rem; | |
| left: 0; | |
| right: 0; | |
| border-radius: 50%; | |
| width: 3.75rem; | |
| height: 3.75rem; | |
| margin: 0 auto; | |
| background-color: #fff | |
| } | |
| #cont .top-icon span { | |
| font-size: 2.625rem; | |
| font-weight: bold; | |
| font-style: italic; | |
| font-family: "AutoZoneCond-Heavy", Arial, sans-serif; | |
| color: #d52b1e; | |
| display: block; | |
| text-indent: -.25rem; | |
| position: relative; | |
| top: 15px | |
| } | |
| #cont h3>button,#cont h3>.button { | |
| margin-left: 15px | |
| } | |
| #cont h1,#cont h2,#cont h3,#cont h4 { | |
| font-family: "AutoZoneCond-Heavy", Arial, sans-serif | |
| } | |
| #cont h5,#cont h6 { | |
| font-family: "AutoZoneCond-Medium", Arial, sans-serif | |
| } | |
| #cont .text-left { | |
| text-align: left | |
| } | |
| #cont .text-right { | |
| text-align: right | |
| } | |
| #cont .text-center { | |
| text-align: center | |
| } | |
| #cont .section-header { | |
| text-align: center | |
| } | |
| #cont ul.checkMarks { | |
| list-style-image: url("/images/MEDIA_ProductCatalog/m6980027_checkmark.png"); | |
| margin: 30px 0; | |
| padding: 0 0 0 22px | |
| } | |
| #cont ul.checkMarks li { | |
| color: #231f20; | |
| font-size: 14px; | |
| font-family: 'AutoZoneCond', Arial, sans-serif; | |
| line-height: 1 | |
| } | |
| #cont ol.circled-alpha-lower,#cont ol.circled-alpha-upper,#cont ol.circled-numeric { | |
| padding-left: 1.5625rem | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| #cont ol.circled-alpha-lower,#cont ol.circled-alpha-upper,#cont ol.circled-numeric { | |
| padding-left:1rem | |
| } | |
| } | |
| #cont ol.circled-alpha-lower li,#cont ol.circled-alpha-upper li,#cont ol.circled-numeric li { | |
| line-height: 1.2 | |
| } | |
| #cont ol.circled-numeric { | |
| display: block; | |
| list-style: none; | |
| counter-reset: numList; | |
| margin-bottom: .9375rem | |
| } | |
| #cont ol.circled-alpha-lower,#cont ol.circled-alpha-upper { | |
| display: block; | |
| counter-reset: list; | |
| margin-bottom: .9375rem | |
| } | |
| #cont ol.circled-numeric>li { | |
| position: relative; | |
| margin-bottom: .9375rem; | |
| padding-left: .9375rem | |
| } | |
| #cont ol.circled-alpha-lower>li { | |
| position: relative; | |
| list-style: none; | |
| margin-bottom: .9375rem; | |
| padding-left: .9375rem | |
| } | |
| #cont ol.circled-numeric>li:before,#cont ol.circled-alpha-lower>li:before,#cont ol.circled-alpha-upper>li:before { | |
| float: left; | |
| position: absolute; | |
| top: -2px; | |
| left: -15px; | |
| font: bold 12px sans-serif; | |
| text-align: center; | |
| color: #fff; | |
| line-height: 20px; | |
| width: 20px; | |
| height: 20px; | |
| background: #6C6F70; | |
| border-radius: 50% | |
| } | |
| #cont ol.circled-numeric.primary>li:before,#cont ol.circled-alpha.primary>li:before,#cont ol.circled-alpha-lower.primary>li:before,#cont ol.circled-alpha-upper.primary>li:before { | |
| background: #f37f00 | |
| } | |
| #cont ol.circled-numeric>li:before { | |
| counter-increment: numList; | |
| content: counter(numList) | |
| } | |
| #cont ol.circled-alpha-lower>li:before { | |
| content: counter(list, lower-alpha) | |
| } | |
| #cont ol.circled-alpha-lower>li:before,#cont ol.circled-alpha-upper>li:before { | |
| counter-increment: list | |
| } | |
| #cont ol.circled-numeric.primary>li:last-child,#cont ol.circled-alpha.primary>li:last-child,#cont ol.circled-alpha-lower.primary>li:last-child,#cont ol.circled-alpha-upper.primary>li:last-child { | |
| margin-bottom: 0 | |
| } | |
| .js-faq-menu { | |
| margin: 0; | |
| list-style-type: none; | |
| padding: 0; | |
| max-width: 100%; | |
| text-align: left | |
| } | |
| .js-faq-menu>.js-faq-item { | |
| border-bottom: 1px solid #dadada; | |
| padding: 0 .625rem 0 0 | |
| } | |
| .js-faq-menu>.js-faq-item:first-child a { | |
| padding-top: 0 | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .js-faq-menu>.js-faq-item:last-child { | |
| border-bottom:none | |
| } | |
| } | |
| .js-faq-title { | |
| font-family: "AutoZoneCond-Heavy", Arial, sans-serif; | |
| font-weight: bold; | |
| color: #231f20; | |
| font-size: .9375rem; | |
| line-height: 1; | |
| padding: .9375rem 0 .9375rem 1.375rem; | |
| display: block; | |
| text-decoration: none | |
| } | |
| .js-faq-title:hover,.js-faq-title:active,.js-faq-title:focus,.js-faq-title:visited { | |
| color: #231f20; | |
| text-decoration: none | |
| } | |
| .js-faq-title:link { | |
| -webkit-tap-highlight-color: transparent; | |
| outline: none | |
| } | |
| .js-faq-title:before { | |
| content: "\25bc"; | |
| color: #f37f00; | |
| margin-right: .625rem; | |
| font-size: .75rem; | |
| vertical-align: top; | |
| margin-left: -1.375rem | |
| } | |
| .js-faq-title.is-active:before { | |
| content: "\25b2" | |
| } | |
| .js-faq-content { | |
| display: none; | |
| padding: .9375rem; | |
| background-color: #e8e8e8; | |
| border-left: 3px solid #c4c4c4; | |
| margin-left: .25rem; | |
| margin-bottom: .9375rem; | |
| font-size: .875rem | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| .js-faq-content { | |
| font-size:.9375rem | |
| } | |
| } | |
| .js-faq-content p { | |
| margin: 0 0 .9375rem; | |
| line-height: 1.2; | |
| font-size: inherit | |
| } | |
| .js-faq-content>*:only-child { | |
| margin: 0 !important | |
| } | |
| .js-faq-content.is-expanded>ol { | |
| margin-top: .9375rem | |
| } | |
| @media print, screen and (min-width: 40em) { | |
| .hide-for-medium { | |
| display:none !important | |
| } | |
| } | |
| @media print, screen and (min-width: 61.625em) { | |
| .hide-for-large { | |
| display:none !important | |
| } | |
| } | |
| @media screen and (max-width: 0em), screen and (min-width: 40em) { | |
| .show-for-small-only { | |
| display:none !important | |
| } | |
| } | |
| @media screen and (max-width: 39.9375em), screen and (min-width: 61.625em) { | |
| .show-for-medium-only { | |
| display:none !important | |
| } | |
| } | |
| @media screen and (max-width: 61.5625em), screen and (min-width: 75em) { | |
| .show-for-large-only { | |
| display:none !important | |
| } | |
| } | |
| @media screen and (max-width: 39.9375em) { | |
| .show-for-medium { | |
| display:none !important | |
| } | |
| } | |
| @media screen and (max-width: 61.5625em) { | |
| .show-for-large { | |
| display:none !important | |
| } | |
| } | |
| #cont { | |
| background: #fff; | |
| padding: 15px | |
| } | |
| .like-button { | |
| padding: 15px 0 | |
| } | |
| .right { | |
| float: right | |
| } | |
| .pad { | |
| padding-top: 0; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| padding-bottom: 0 | |
| } | |
| .inline li { | |
| padding-left: 0 | |
| } | |
| #cont { | |
| width: auto; | |
| max-width: 986px | |
| } | |
| header { | |
| background-color: #fff | |
| } | |
| @media screen and (min-width: 40em) { | |
| header { | |
| background-color:transparent | |
| } | |
| } | |
| header,#pageTop { | |
| position: relative; | |
| z-index: 100 | |
| } | |
| header.bannerOnly { | |
| background-color: #F37F00; | |
| border-bottom: 5px solid #ED1B2E | |
| } | |
| header li,nav li { | |
| background-image: none | |
| } | |
| header.bannerOnly div { | |
| background-color: white; | |
| padding-bottom: 10px; | |
| margin-bottom: 15px | |
| } | |
| header h1 { | |
| background: url("https://m.autozone.com/resources/images/az-logo-main.png") no-repeat; | |
| float: left; | |
| width: 164px; | |
| height: 23px; | |
| padding: 0; | |
| margin: 10px | |
| } | |
| header h1:first-child { | |
| margin-top: 10px | |
| } | |
| header h1 a { | |
| background: url("https://m.autozone.com/resources/images-retina/az-logo-main.png") no-repeat; | |
| background-size: 100% 100%; | |
| width: 164px; | |
| height: 23px; | |
| display: block; | |
| text-indent: -9999px | |
| } | |
| ul#login { | |
| float: right; | |
| list-style-type: none; | |
| padding: 0; | |
| position: relative; | |
| z-index: 10 | |
| } | |
| ul#login li { | |
| float: left; | |
| padding: 0 5px; | |
| position: relative | |
| } | |
| ul#login li#myCart a { | |
| position: relative; | |
| text-indent: -9999em; | |
| background: url("https://m.autozone.com/resources/images/icons/cart.gif") no-repeat left center; | |
| display: block; | |
| width: 45px; | |
| height: 20px | |
| } | |
| ul#login li#myCart .qty { | |
| position: absolute; | |
| bottom: 3px; | |
| left: 20px; | |
| text-indent: 0 | |
| } | |
| ul#login li#myCart .qty:before { | |
| content: "("; | |
| color: #231f20 | |
| } | |
| ul#login li#myCart .qty:after { | |
| content: ")"; | |
| color: #231f20 | |
| } | |
| ul#login li { | |
| display: block; | |
| font-weight: bold; | |
| color: #F26100; | |
| cursor: pointer | |
| } | |
| ul#login li:first-child { | |
| border-right: 1px solid #231f20 | |
| } | |
| ul#login ul { | |
| position: absolute; | |
| z-index: 100; | |
| left: -50%; | |
| top: 30px; | |
| padding: 10px; | |
| list-style-type: none; | |
| background: #fff; | |
| min-width: 125px; | |
| line-height: 2.1em; | |
| display: none; | |
| -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); | |
| box-shadow: 0 0 8px rgba(0,0,0,0.6) | |
| } | |
| ul#login ul:before { | |
| content: ' '; | |
| border-color: #fff transparent transparent #fff; | |
| border-style: solid; | |
| border-width: 10px; | |
| height: 0; | |
| width: 0; | |
| position: absolute; | |
| left: 50%; | |
| top: -10px; | |
| margin-left: -7px; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-box-shadow: -2px -2px 3px rgba(0,0,0,0.6); | |
| box-shadow: -2px -2px 3px rgba(0,0,0,0.6) | |
| } | |
| ul#login ul li:first-child { | |
| border-right: none | |
| } | |
| ul#login ul li { | |
| width: 100% | |
| } | |
| ul#login ul li a { | |
| font-weight: normal; | |
| display: block; | |
| width: 100% | |
| } | |
| #search { | |
| padding: 5px | |
| } | |
| #search input[type="text"] { | |
| font-size: 16px; | |
| width: 240px; | |
| padding: 7px 5px | |
| } | |
| #search-form input[type="submit"] { | |
| font-size: 20px | |
| } | |
| #breadcrumb,.breadcrumb { | |
| font-size: 11px; | |
| margin: 0 0 5px; | |
| padding: 5px 0 5px 10px; | |
| border-bottom: 1px solid #c8c8c8 | |
| } | |
| nav ul,nav ol,ul.nav,ol.nav,ul.staggered { | |
| list-style: none; | |
| list-style-image: none; | |
| margin: 0; | |
| padding: 0; | |
| text-shadow: 1px 1px 1px #fff | |
| } | |
| nav li { | |
| padding-bottom: 0 | |
| } | |
| #main-nav { | |
| z-index: 5 | |
| } | |
| #main-nav ul { | |
| background: #f37f00; | |
| border-bottom: 5px solid #ed1b2e; | |
| font-size: 16px; | |
| font-weight: bold; | |
| text-shadow: 1px 1px 1px rgba(0,0,0,0.4); | |
| clear: both | |
| } | |
| #main-nav ul li { | |
| display: inline-block; | |
| margin-left: -5px; | |
| padding-left: 0px | |
| } | |
| #main-nav ul li a { | |
| color: #fff; | |
| text-decoration: none; | |
| padding: 7px 6px; | |
| display: block; | |
| position: relative | |
| } | |
| #main-nav ul li a:hover { | |
| color: #000; | |
| text-shadow: none | |
| } | |
| #main-nav ul li.active a:after { | |
| content: " "; | |
| position: absolute; | |
| bottom: 0; | |
| left: 50%; | |
| border-width: 8px; | |
| border-style: solid; | |
| border-color: transparent transparent #ED1B2E; | |
| display: block; | |
| width: 0; | |
| margin-left: -8px | |
| } | |
| .silver-gradient { | |
| background: #d9d9d9; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), color-stop(50%, #e7e7e7), to(#d9d9d9)); | |
| background: linear-gradient(top, #d9d9d9 0%, #e7e7e7 50%, #d9d9d9 100%) | |
| } | |
| footer#checkout { | |
| background: #fff; | |
| border-top: 0 none | |
| } | |
| footer#checkout>p { | |
| color: #a2a4a3 | |
| } | |
| footer { | |
| background: url("https://m.autozone.com/resources/images/footer-top.gif") repeat-x top #cacccb; | |
| border-top: 3px solid #a2a4a3 | |
| } | |
| footer h3 { | |
| font-size: 20px; | |
| text-align: center; | |
| margin: 0; | |
| padding: 10px 0 | |
| } | |
| footer h3 a,footer h3 a:visited { | |
| color: #231F20; | |
| padding-right: 20px; | |
| background: url("https://m.autozone.com/resources/images/icons/phone.png") no-repeat right center | |
| } | |
| footer nav { | |
| background: url("https://m.autozone.com/resources/images/footer-bg.jpg") no-repeat top center; | |
| padding-top: 10px | |
| } | |
| footer ul.inline { | |
| margin: 0; | |
| padding: 10px 0 | |
| } | |
| footer li { | |
| border-right: 1px solid #231f20; | |
| padding-right: 5px; | |
| margin-bottom: 5px | |
| } | |
| footer nav ul li a,footer nav ul li a:visited { | |
| color: #6c6f70; | |
| text-shadow: none | |
| } | |
| footer nav ul li a:hover { | |
| text-decoration: underline | |
| } | |
| footer li:last-child { | |
| border-right: none; | |
| padding-right: 0 | |
| } | |
| ul.social li { | |
| border-right: none | |
| } | |
| ul.social li a { | |
| width: 32px; | |
| height: 32px; | |
| text-indent: -999em; | |
| overflow: hidden; | |
| display: block | |
| } | |
| #cont.hasPencilBanner.hasTopBanner { | |
| margin-top: 312px !important | |
| } | |
| @media screen and (max-device-width: 1024px) { | |
| #cont,#cont.hasPencilBanner,#cont.hasPencilBanner.hasTopBanner { | |
| margin-top:0 !important; | |
| -webkit-box-shadow: none; | |
| box-shadow: none | |
| } | |
| } | |
| .button,button { | |
| padding: 6px 16px | |
| } | |
| .quickLinks { | |
| background: #f1f1f1; | |
| border: 2px solid #A2A4A3; | |
| margin-top: 20px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding: 5px; | |
| line-height: 55px | |
| } | |
| .quickLinks .qlHeader { | |
| background: none; | |
| color: #6B6F70; | |
| float: left; | |
| font-family: 'AutoZoneCond-Medium', Arial Bold, sans-serif; | |
| font-size: 18px; | |
| line-height: 55px; | |
| padding: 0 50px; | |
| margin: 1px 0 0 | |
| } | |
| @media (max-width: 700px) { | |
| .quickLinks { | |
| padding-left:208px | |
| } | |
| .quickLinks .qlHeader { | |
| margin-left: -208px | |
| } | |
| .quickLinks a { | |
| float: left; | |
| height: 60px | |
| } | |
| .quickLinks .separator { | |
| display: none | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment