@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500|Roboto+Condensed:300,400); body, html { margin: 0; padding: 0; } #v2-header { width: 100%; height: 102px; position: absolute; top: 0; left: 0; line-height: normal; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; /*border-bottom:solid 1px #d6d6d6*/ } .v2-simple-header #v2-header { height: 61px } #v2-header div, #v2-header li, #v2-header p, #v2-header ul { float: none; margin: 0; padding: 0; list-style: none } #v2-header .v2-header-dropdown { display: none; padding: 10px; min-width: 220px; background: #fff; border: 1px solid #b4b4b4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: 'Roboto Condensed'; font-weight: 400; font-size: 16px; position: absolute; left: 0; top: 0; z-index: 9999 } #v2-header .v2-header-dropdown:after, #v2-header .v2-header-dropdown:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #v2-header .v2-header-dropdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: -5px } #v2-header .v2-header-dropdown:before { border-color: rgba(180, 180, 180, 0); border-bottom-color: #b4b4b4; border-width: 6px; margin-left: -6px } #v2-header .v2-header-dropdown .v2-button { display: block; height: 36px; line-height: 36px; color: #492f07; text-decoration: none; text-align: center; text-indent: 0; font-size: 18px; font-weight: 300; text-shadow: 0 1px 0 rgba(255, 255, 255, .38); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; background-color: #fdb613; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OTkxZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzEwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #f7991d), color-stop(100%, #ffc10f)); background-image: -moz-linear-gradient(bottom, #f7991d 0, #ffc10f 100%); background-image: -webkit-linear-gradient(bottom, #f7991d 0, #ffc10f 100%); background-image: linear-gradient(to top, #f7991d 0, #ffc10f 100%) } #v2-header .v2-header-dropdown .v2-button:hover { background-color: #faa100; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ODkxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #f7891a), color-stop(100%, #ffae0d)); background-image: -moz-linear-gradient(bottom, #f7891a 0, #ffae0d 100%); background-image: -webkit-linear-gradient(bottom, #f7891a 0, #ffae0d 100%); background-image: linear-gradient(to top, #f7891a 0, #ffae0d 100%) } #v2-header .v2-header-dropdown li { padding: 1px 0 } #v2-header .v2-header-dropdown li a { display: block; position: relative; height: 24px; color: #254488; line-height: 24px; font-size: 14px; text-indent: 3px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } #v2-header .v2-header-dropdown li a:hover { background: #f4f4f4 } #v2-header .v2-header-dropdown li a .fa { width: 20px } #v2-header .v2-header-dropdown li strong { display: block; padding: 10px 0 0; color: #888; font-weight: 400 } #v2-header .v2-frame { width: 950px; margin: 0 auto; position: relative } #v2-header #v2-header-info { height: 60px; border-bottom: solid 1px #fff; background: #fff } #v2-header #v2-header-info .v2-logo { display: block; width: 230px; height: 40px; text-indent: -9999px; background: url(/images/v2-header-sprite.png) no-repeat; position: absolute; top: 10px; left: 0 } #v2-header #v2-header-info .v2-phone { display: block; width: 310px; height: 40px; color: #444; font-family: Roboto sans-serif; font-size: 12px; font-weight: 400px; position: absolute; top: 7px; left: 700px } #v2-header #v2-header-info .v2-phone em { color: #333; font-weight: 500; font-style: normal } #v2-header #v2-header-info .v2-phone strong { display: block; color: #bc0100; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; line-height: 20px } #v2-header #v2-header-info .v2-phone strong span { color: #b1b1b1 } #v2-header #v2-header-info .v2-header-links { display: block; height: 20px; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400; position: absolute; top: 10px; left: 280px } #v2-header #v2-header-info .v2-header-links>li { float: left; padding: 0 15px 0 0; position: relative } #v2-header #v2-header-info .v2-header-links>li>a { display: block; padding: 0 12px 0 0; height: 20px; color: #254488; text-decoration: none } #v2-header #v2-header-info .v2-header-links .v2-header-links-1 ul strong, #v2-header #v2-header-info .v2-header-links .v2-header-links-2 strong { padding: 0 !important } #v2-header #v2-header-info .v2-header-links>li>a:hover { text-decoration: underline } #v2-header #v2-header-info .v2-header-links>li>a.v2-single { background: 0 0 } #v2-header #v2-header-info .v2-header-links>li>a>.fa { position: relative; top: -3px; left: 3px } #v2-header #v2-header-info .v2-header-links>li:hover ul { display: block } #v2-header #v2-header-info .v2-header-links .v2-header-links-1 ul .v2-button, #v2-header #v2-header-info .v2-header-links .v2-header-links-1 ul li:first-child, .v2-simple-header #v2-header #v2-header-action { display: none } #v2-header #v2-header-info .v2-header-links .v2-header-links-1 ul { top: 20px; left: -29px } #v2-header #v2-header-info .v2-header-links .v2-header-links-2 ul { top: 20px; left: -47px } #v2-header #v2-header-info .v2-header-links .v2-header-links-3 ul, #v2-header #v2-header-info .v2-header-links .v2-header-links-4 ul { top: 20px; left: -29px } #v2-header #v2-header-action { height: 57px; border-top: solid 1px #d6d6d6; border-bottom: solid 1px #fff; background-color: #f3f3f3; filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #fff), color-stop(100%, #f3f3f3)); background-image: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background-image: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background-image: linear-gradient(to bottom, #fff 0, #f3f3f3 100%) } #v2-header #v2-header-action #v2-search .v2-search-cta { width: 148px; height: 41px; text-indent: -9999px; position: absolute; top: 10px; left: 2px; background: url(/images/v2-header-sprite.png) 0 -40px no-repeat } #v2-header #v2-header-action #v2-search .v2-search-input { width: 390px; height: 35px; position: absolute; top: 12px; left: 160px; z-index: 1 } #v2-header #v2-header-action #v2-search .v2-search-input input { margin: 0; width: 100%; height: 32px; color: #555; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 16px; text-indent: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #b4b4b4; background: #fff } #v2-header #v2-header-action #v2-search .v2-search-button { width: 70px; height: 35px; position: absolute; top: 12px; left: 560px } #v2-header #v2-header-action #v2-search .v2-search-button input { margin: 0; padding: 0; width: 100%; height: 36px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .43); border: 1px solid #00236f; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; background-color: #254488; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NDM4NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJjNTM5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #244385), color-stop(100%, #2c539d)); background-image: -moz-linear-gradient(bottom, #244385 0, #2c539d 100%); background-image: -webkit-linear-gradient(bottom, #244385 0, #2c539d 100%); background-image: linear-gradient(to top, #244385 0, #2c539d 100%); cursor: pointer } #v2-header #v2-header-action #v2-search .v2-search-button input:hover { background-color: #254488; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjM2M5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzNDliMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #1c3c9e), color-stop(100%, #2349b1)); background-image: -moz-linear-gradient(bottom, #1c3c9e 0, #2349b1 100%); background-image: -webkit-linear-gradient(bottom, #1c3c9e 0, #2349b1 100%); background-image: linear-gradient(to top, #1c3c9e 0, #2349b1 100%) } body #header, body #menu-description-wrap { background: 0 0 } #v2-header #v2-header-action #v2-header-account, #v2-header #v2-header-action #v2-header-cart { padding: 0 0 0 12px; width: 138px; height: 40px } #v2-header #v2-header-action #v2-header-account>li, #v2-header #v2-header-action #v2-header-cart>li { height: 45px } #v2-header #v2-header-action #v2-header-account>li>a, #v2-header #v2-header-action #v2-header-cart>li>a { display: block; color: #777; font-size: 16px; text-decoration: none } #v2-header #v2-header-action #v2-header-account>li>a .fa-shopping-cart, #v2-header #v2-header-action #v2-header-cart>li>a .fa-shopping-cart { float: left; padding: 5px 10px 0 0; color: #999 } #v2-header #v2-header-action #v2-header-account>li>a .fa-sort-down, #v2-header #v2-header-action #v2-header-cart>li>a .fa-sort-down { float: right; margin-right: 8px } #v2-header #v2-header-action #v2-header-account>li>.v2-header-dropdown, #v2-header #v2-header-action #v2-header-cart>li>.v2-header-dropdown { top: 40px; display: none } #v2-header #v2-header-action #v2-header-account>li>.v2-header-dropdown:after, #v2-header #v2-header-action #v2-header-account>li>.v2-header-dropdown:before, #v2-header #v2-header-action #v2-header-cart>li>.v2-header-dropdown:after, #v2-header #v2-header-action #v2-header-cart>li>.v2-header-dropdown:before { left: 126px } #v2-header #v2-header-action #v2-header-account>li:hover>.v2-header-dropdown, #v2-header #v2-header-action #v2-header-cart>li:hover>.v2-header-dropdown { display: block } #v2-header #v2-header-action #v2-header-account strong, #v2-header #v2-header-action #v2-header-cart strong { color: #444; display: block; line-height: 14px } #v2-header #v2-header-action #v2-header-account { position: absolute; top: 10px; left: 640px } #v2-header #v2-header-action #v2-header-cart { position: absolute; top: 10px; left: 800px } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li { padding: 10px 0; border-bottom: solid 1px #ddd } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-view-cart, #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li:last-child { border-bottom: none } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li a { display: block; padding: 5px; overflow: hidden; height: auto; text-indent: 0 } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li a .v2-cart-qty { display: block; width: 15px; float: left; color: #555; font-size: 13px; line-height: 15px } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li a .v2-cart-title { display: block; float: left; width: 135px; height: auto; text-indent: 0; font-size: 13px; font-weight: 400; line-height: 15px } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li a .v2-cart-title span { display: block; font-weight: 300; color: #777 } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li a .v2-cart-price { display: block; float: right; width: 60px; color: #333; font-size: 13px; line-height: 15px; text-align: right } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-cart-total { padding: 0; border-bottom: none } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-cart-total p { text-indent: 15px; overflow: hidden; font-family: 'Roboto Condensed' } #v2-vehicle-selector, #v2-vehicle-selector p { font-family: 'Roboto Condensed', sans-serif } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-cart-total p span { display: block; float: right } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-cart-total .v2-shipping { color: #555; font-size: 14px; font-weight: 400 } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-cart-total .v2-total { padding: 10px 0 0; font-size: 16px } #v2-header #v2-header-action #v2-header-cart .v2-header-dropdown li.v2-view-cart a { padding: 0 } #v2-vehicle-selector { width: 100%; height: 56px; position: absolute; top: 102px; left: 0; font-weight: 300; border-top: solid 2px #00562f; border-bottom: solid 2px #00562f; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA4CAAAAAAZC80wAAAAG0lEQVQYV2P6z/SBiQEM/0NpTB5ChlgWLtNEANtkC2tOha18AAAAAElFTkSuQmCC) repeat-x #eaeaea } .v2-simple-header #v2-vehicle-selector { display: none } #v2-vehicle-selector p { font-size: 16px; margin: 0; padding: 0 } #v2-vehicle-selector form { width: 950px; height: 100%; margin: 0 auto; background: url(/images/220.GIF) center center no-repeat } #v2-vehicle-selector form p { float: left; height: 34px; margin: 11px 0 0 10px } #v2-vehicle-selector form p.v2-selector-label { width: 134px; margin-left: 9px; color: #7b7b7b; text-align: right; font-weight: 400; font-size: 16px; line-height: 34px; text-shadow: 0 1px 0 #fff; text-transform: uppercase; margin-top: 1px !important; } #v2-vehicle-selector.stick form p.v2-selector-label { color: #fff !important; } #v2-vehicle-selector form p.v2-selector-dropdown { width: 230px } #v2-vehicle-selector form p.v2-selector-submit { width: 50px } #v2-vehicle-selector form p input, #v2-vehicle-selector form p select { margin: 0; width: 100%; height: 35px; font-family: 'Roboto Condensed', sans-serif; cursor: pointer } #v2-vehicle-selector form p select { color: #444; font-weight: 400; font-size: 16px; text-indent: 10px; -webkit-appearance: none; border: 1px solid #747474; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAQAAABwz0azAAAAMUlEQVQYV2NwYQDCepcKEA1h/gfCChAHwgTBSpAMHKJxGuDKGkAiEG4DTFkDiOnCAAAyXR6bo6s/uwAAAABJRU5ErkJggg==) 215px 50% no-repeat #f4f4f4 } #v2-vehicle-selector form p select:disabled { color: #999; border-color: #969696; cursor: default } #v2-vehicle-selector form p input { padding: 0; color: #fff; font-weight: 300; font-size: 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .43); border: 1px solid #03aa5c; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; background-color: #03aa5c } #v2-vehicle-selector form p input:hover { background-color: #03aa5c } #v2-promos { width: 965px; height: 250px; margin: 0 0 20px 10px } #v2-promos img { display: block; border: none } #v2-promos .v2-main { width: 630px; float: left } #v2-promos .v2-sub { width: 310px; float: right; margin-bottom: 10px } body { background: #fff } body #main_wrapper { padding-top: 120px } body #main_wrapper #MainContentArea { background-image: none } body.v2-simple-header #main_wrapper { padding-top: 62px } body #header { height: auto; width: auto } #v2-sli #v2-vehicle-selector form p input { -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; background-color: #c9181e; border-color: #71110f; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmMTkxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMTcxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #af1915), color-stop(100%, #cd171f)); background-image: -moz-linear-gradient(bottom, #af1915 0, #cd171f 100%); background-image: -webkit-linear-gradient(bottom, #af1915 0, #cd171f 100%); background-image: linear-gradient(to top, #af1915 0, #cd171f 100%) } #v2-sli #v2-vehicle-selector form p:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #d91116; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MTIwZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiMTExNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #c5120f), color-stop(100%, #db1116)); background-image: -moz-linear-gradient(bottom, #c5120f 0, #db1116 100%); background-image: -webkit-linear-gradient(bottom, #c5120f 0, #db1116 100%); background-image: linear-gradient(to top, #c5120f 0, #db1116 100%) } #v2-sli .sli_grid_result .sli_grid_title { height: 32px; overflow: hidden } #v2-sli .sli_grid_result .sli_grid_title a h2 { color: #254488; font-family: 'Roboto Condensed', Arial, Verdana; font-weight: 400; font-size: 15px; text-align: left } #v2-sli .sli_grid_result .sli_grid_title a:hover h2 { color: #254488; text-decoration: underline } #v2-sli .sli_grid_result .sli_product_options { height: 120px } #v2-sli .sli_grid_result .sli_product_options .sli_product_information { height: auto; overflow: visible } #v2-sli .sli_grid_result .sli_product_options .sli_product_information p { margin: 0 5px; padding: 5px 0 0; font-family: Roboto, Arial; font-size: 13px; font-weight: 300 } #v2-sli .sli_grid_result .sli_product_options .sli_product_information .sli_productlist_mmy { height: 85px; overflow: auto; margin: 0 5px 0 2px; padding: 5px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } #v2-sli .sli_grid_result .sli_product_options .sli_product_information .sli_productlist_mmy .sli_productlist_detils { padding: 0 0 8px; border-bottom: solid 1px #ddd; margin: 0 0 8px } #v2-sli .sli_grid_result .sli_product_options .sli_product_information .sli_productlist_mmy .sli_productlist_detils:last-child { border-bottom: none } #v2-sli .sli_grid_result .sli_product_options .sli_product_information .sli_productlist_mmy .sli_productlist_detils a { color: #254488 } #v2-sli .sli_grid_result .sli_product_options .sli_product_information .sli_productlist_mmy .sli_productlist_detils a:hover { color: #254488; text-decoration: underline } #v2-sli .sli_grid_result .sli_product_options .sli_product_information:hover .sli_productlist_mmy { display: block } #tiFinalOptionParent, #version p { display: none } #v2-sli #sli_pagination_footer, #v2-sli #sli_performor { padding: 20px 0 } #customer-service2-last, .customer-service2, .customer-service3 { height: 260px !important } body #v2-vehicle-selector form p select { font-size: 12px; height: 34px !important; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist } body #v2-vehicle-selector form p select:focus { border: none } #v2-vehicle-selector form p.v2-selector-label { overflow: hidden } #ti_land_year>p.v2-selector-submit { width: 70px; text-align: right; float: right } body #v2-vehicle-selector form { background: 0 0; padding: 0 } .v2-selector-dropdown:after { content: ''; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 1.5s, opacity 1.5s ease 2s; -moz-transition: color 1.5s, opacity 1.5s ease 2s; -o-transition: color 1.5s, opacity 1.5s ease 2s; transition: color 1.5s, opacity 1.5s ease 2s; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: 0 0; opacity: .6 } .v2-selector-dropdown.ti-missed:after { opacity: .1; background: #e79191 } .v2-selector-dropdown { position: relative; border-radius: 6px } .v2-selector-dropdown.ti-missed { border: 1px solid #bf0f0f } @media (max-device-width:767px) { #version p { display: block; margin: 20px auto; width: 300px; height: 36px; line-height: 36px; color: #254488; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; cursor: pointer } } #v2-header div.logo_sec { float: left; margin: 0; padding: 15px 0 } #v2-header div.top_menu { float: left; margin: 32px 0 0 8%; padding: 0 20px; border: 1px solid #000 } #v2-header div.login_sec { float: right; margin: 0; padding: 15px 0; line-height: 15px; text-align: left } #v2-header div.top_menu ul, #v2-header div.top_menu ul li { margin: 0; padding: 0 } #v2-header div.top_menu ul li { float: left; margin: 0; padding: 5px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #1d2f23; background: #fff } #v2-header div.top_menu ul li a, #v2-header div.top_menu ul li a:hover { float: left; margin: 0; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px } #v2-header div.top_menu ul li a { color: #333; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px } #v2-header div.top_menu ul li a:hover { color: #fff; background: #01a75b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px } .clear { clear: both } #v2-header div.login_sec a, #v2-header div.login_sec a:hover { font-size: 14px; font-family: Arial; font-weight: 700; padding: 10px; color: #01a75b } .copyright, .oem_search input.enter_oem { font-size: 13px; font-family: Arial, Helvetica, sans-serif } .oem_search { width: 100%; margin: 0 auto 15px; text-align: center } .oem_search input.enter_oem { width: 20% !important; margin: 0 auto; text-align: left; padding: 0 10px 0 25px; color: #000; background: url(/image/search.png) 5px 9px no-repeat #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px } .mail-container ul { margin: 0; padding: 0; color: #fff } .mail-container ul li { display: inline; color: #fff; margin: 0; padding: 0; border-right: 1px solid #fff } .mail-container ul li a { color: #fff; font-size: 13px; padding: 0 5px; margin: 0 } .social { margin: 0 auto; text-align: center; padding: 10px 0 } .copyright { width: 100%; text-align: center; color: #fff; margin: 0; padding: 0 } #v2-header div.login_sec a span { background: #fff; border: 2px solid #01a75b; padding: 15px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; width: 12px; position: relative; right: 9px } .oem_search a { background: #fff; padding: 10px 7px 4px; border: 1px solid #000; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px } #v2-header div.login_sec .ti-header-phone { float: right; margin: -28px 0 0 1px; padding: 0; } #v2-header div.login_sec .ti-header-phone a, #v2-header div.login_sec .ti-header-phone a:hover { font-size: 20px; font-weight: bold; margin: 0; padding: 0; text-decoration: none; } .support_whole .tiSupport { padding: 0 !important; font-weight: 200; width: 75px; }
p.v2-selector-submit { display: inline-block; width: 18%; } p.v2-selector-submit input#sub { display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: 400 !important; padding-left: 0px !important; padding-right: 0px !important; width: 64px !important; } button#ymm_reset { display: inline-block; color: #757e85; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: 600; border: 0; background: transparent; margin: 0px 5px; } button#ymm_reset:after { content: '\f0e2'; font-family: 'FontAwesome'; margin: 0px 5px; } body #ymm-search .select { width: 16%; } @media screen and (max-width:1024px) { body #ymm-search { width: 100%; } } @media screen and (max-width:800px) { p.v2-selector-submit { display: inline-block; width: 100%; text-align: center; padding: 10px 0px; } } @media(min-width:1024px){ body #v2-vehicle-selector form p.v2-selector-dropdown, body #v2-vehicle-selector form p.v2-selector-dropdown.ti-small { width: 136px !important; } body #v2-vehicle-selector form p select { width: 140px !important; } /* body #v2-vehicle-selector form p.v2-selector-dropdown.ti-small { width: 160px !important } */ /* body #v2-vehicle-selector form p.v2-selector-dropdown { width: 160px !important } */ } #v2-vehicle-selector form p.v2-selector-submit { width: 170px; } body.ti-home button#ymm_reset, #main_wrapper #v2-vehicle-selector.stick button#ymm_reset { color: #fff; }
/* For mobile responisve */
.timb-div{ overflow: unset !important; } @media(max-width:1024px) and (min-width:786px){ #v2-header div.login_sec a{ white-space: nowrap; } .mob-search-container{ width: 100%; max-width: 450px; } } @media(min-width:1024px){ .shop-BY-Vehicle-div-hide{ display: none !important; } .desktop-flex{ display: flex !important; } } @media(max-width:1024px){ #v2-header div.search_make a.search_make_r{ padding: 8px 11px 10px !important; } #v2-header .v2-header-dropdown.meri{ left: 11px !important; } .make_sec{ width: 100% !important; } #v2-header div.login_sec{ float: unset !important; } #v2-header .search_make_inner{ width: 100% !important; justify-content: center  !important; } /* .ANI{ display: block !important; } */ .shop-BY-Vehicle-div-hide{ display: flex !important; justify-content: center; align-items: center; padding: 0.5rem; } #v2-header div.login_sec a, #v2-header div.login_sec a{ font-size: 13px !important; } #MainContentArea, #main_wrapper, #v2-header .v2-frame, #v2-vehicle-selector form{ width: 100% !important; padding: 0px !important; } #v2-header{ position: unset !important; float: unset !important; } #v2-vehicle-selector{ position: unset !important; } .shop-vehicle-div-hide{ display: none; } .make_sec.multi-part-div{ display: none ; } #main_wrapper #v2-vehicle-selector.ANI.stick{ top: 257px !important; } #v2-vehicle-selector.ANI.stick form p.v2-selector-label{ color:#7b7b7b !important ; } #v2-vehicle-selector.ANI.stick{ background: #eee !important; } #main_wrapper #v2-vehicle-selector.ANI.stick button#ymm_reset{ color: #757e85 !important; } .ANI.stick{ /* display: none !important; */ position: absolute !important; width: 100% !important; animation: none !important; top: 257px !important; -webkit-animation: none !important; } .v2-frame{ width:unset  !important; } .make_sec{ width: 100%  !important; } #ti_land_year{ width: unset !important; } #main_wrapper{ width: unset !important; } body #main_wrapper.NonHome{ padding-top: 0px  !important; } #v2-vehicle-selector{ height: fit-content !important; } .make_sec .ti-header-phone{ width: unset !important; } .make_sec{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } body #v2-vehicle-selector form p{ margin: 7px 20px  !important; } #v2-vehicle-selector form p select{ background-image: none !important; width: 100% !important; } body #v2-vehicle-selector form p.v2-selector-dropdown, body #v2-vehicle-selector form p.v2-selector-dropdown.ti-small{ width: 100%  !important; } .ti-header-phone{ display: none; } #v2-vehicle-selector{ top:257px !important } #v2-header div.search_make{ float: unset !important; width: 100% !important; } /* #v2-header div{ float: unset !important; } */ #v2-header div.search_make input{ width: 100% !important; } #v2-header div.cart_r{ margin: 28px 10px !important; } .mob-search-container{ display: flex; justify-content: center; align-items: center; gap: 8px; padding-right:8px; } #v2-header div.search_make input{ margin: 0px !important; } #v2-header div.search_make a.search_make_r{ top: 0 !important; left: 0 !important; margin: 0px !important; } .logo_sec{ width: 100%; display: flex; justify-content: center; align-items: center; } #v2-vehicle-selector form p.v2-selector-label.Shop-by-vehicle-mob{ width: auto !important; } } #v2-vehicle-selector form p.v2-selector-label.Shop-by-vehicle-mob{ margin: 0px !important; }