/*** CSS Document ***/ /** General Styles - Generic styles useful through out the site **/ html {-webkit-text-size-adjust: none;} body {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; background-color: #1a1a1a; color: #252525;} .clearall, .clearfix {display: block; clear: both;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearLeft {clear: left;} .clearRight {clear: right;} .left {float: left;} .right {float: right;} .lastFloat {margin-right: 0 !important;} .imgLeft {float: left; margin: 0 10px 5px 0;} .imgRight {float: right; margin: 0 0 5px 10px;} .bullet {margin-left: 20px;} .bullet li {list-style: disc;} .uppercase {text-transform: uppercase;} .lowerercase {text-transform: lowercase;} .underline {text-decoration: underline;} .vcard {display: none;} .headerImg {margin-bottom: 15px;} .hiddenSpan {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} /* Global colors & font sizes used - Delete if not used */ .blueTxt {color: #0061e5;} /** Page Elements - Used to zero out common tags and general styling of them **/ div {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {margin: 0; color: #0061e5; font-weight: bold;} h1, h2 {font-size: 24px; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */ h3 {font-size: 18px; margin-bottom: 5px;} h4 {font-size: 14px; margin-bottom: 5px;} h5 {font-size: 12px; margin-bottom: 5px;} h6 {font-size: 10px; margin-bottom: 5px;} p {margin: 0 10px 15px 0; padding: 0; line-height: 18px;} ul {margin: 0; padding: 0;} ul li {list-style: none;} a {text-decoration: none; outline: none; color: #0061e5;} a:hover {text-decoration: underline;} a img {border: none;} a.imgFade:focus img, a.imgFade:hover img, a.imgFade:active img {opacity: 0.8;} img {margin: 0; padding: 0;} img.linkIcon {position: relative; top: -3px; vertical-align: middle; padding-right: 6px;} sup {position: relative; top: 0px; vertical-align: top; font-size: 80%;} abbr[title] {border-bottom-width: 0;} /** Template Styles - For styles used to build the template **/ /* Main Wrapper */ #wrapper {position: relative; z-index: 1; width: 100%; min-width: 1062px; background-color: #ffffff;} /* Header Bar Content */ #headerBarWrap {width: 100%; min-width: 1062px; font-family: 'Montserrat', sans-serif; background-color: #121316;} #headerBar {width: 1000px; padding: 15px 31px; margin: 0 auto;} /* Header Bar Content >> Company Contact Info and Links */ #companyContact li {position: relative; display: inline-block; float: left; padding: 0 16px 0 24px; margin-left:1px;} #companyContact li:before {content:""; display: block; position: absolute; top:0; bottom:0; left:-1px; margin: auto 0; border-left: solid 1px #6a6a6a; height: 15px;} #companyContact li:first-child:before {border-left: none;} #companyContact li.lastFloat {padding-right: 0; padding-left: 13px;} #companyContact li p {margin: 2px 0 3px; padding: 0; font-weight: 700; font-size: 12px; line-height: 18px; color: #6a6a6a;} #companyContact li a {color: #6a6a6a;} #companyContact li.dealerPhoneNum p, #companyContact li.dealerPhoneNum p a {color: #ee1c25;} #companyContact li.hoursLink a .fa {position: relative; vertical-align: middle; top: -2px; font-size: 14px; color: #ffffff; padding-right: 5px;} #companyContact li.hoursLink a:hover {color: #ffffff; text-decoration: none;} #companyContact li.hoursLink a:hover .fa {top: -3px; color: #ffffff; padding-right: 5px;} #companyContact li.socialLinks a {display: inline-block; margin-left: 3px;} #companyContact li.socialLinks a .fa {display: inline-block; width: 24px; text-align: center; font-size: 20px; line-height: 23px; color: #0061e5; padding-right: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #companyContact li.socialLinks a:hover .fa {color: #121316; background-color: #ffffff;} /* Header Content */ #header {position: relative; z-index: 20; width: 1000px; padding: 0 31px 28px; font-family: 'Montserrat', sans-serif; margin: 0 auto;} /* Header Content >> company logo */ #companyLogo {position: relative; z-index: 40; width: 181px; height: 32px;} #companyLogo a {display: block; position: absolute; top: -28px; left: -31px; width: 212px; height: 88px; background:url(../images/ridge-motorsports-logo.png) 0 0 no-repeat; -webkit-filter: drop-shadow(0 3px 13px rgba(0,0,0,.20)); filter: drop-shadow(0 3px 13px rgba(0,0,0,.20));} /* Main Navigation */ #mainNav {position: relative; z-index: 32; width: 1000px; height: 24px; margin: 0 auto;} #nav {position: relative; height: 24px;} #nav > li {float: left; display: inline; position: relative; margin-left:1px;} #nav > li:before {content:""; display: block; position: absolute; top:0; bottom:0; left:-1px; margin: auto 0; border-left: solid 1px #000; height: 12px;} #nav > li:first-child:before {border-left: none;} #nav li a {display: block;} #nav > li > a {padding: 0 7px; font: 700 12px/24px 'Montserrat', sans-serif; color: #252525;} #nav > li.dropDown > a {padding-right: 13px;} #nav > li.dropDown > a:after {content: "\f107"; font-family: FontAwesome; font-weight: normal; font-size: 8px; color: #ee1c25; position: absolute; top: 0; right: 5px;} #nav li a:hover, #nav li.show a {text-decoration: none;} #nav > li > a:hover, #nav > li.show > a {color: #ee1c25;} #nav > li > a:hover:after, #nav > li.show > a:after {top: 2px;} #nav li.dropDown {position: relative; z-index: 33;} #nav li.dropDown > ul.subNav {display: none; position: absolute; z-index: 34; min-width: 235px; margin-top: 10px; padding: 6px 0; background-color: #15234b; background-image: -webkit-gradient(linear, left top, left bottom, from(#15234b), to(#15234c)); background-image: -webkit-linear-gradient(top, #15234b, #15234c); background-image: -moz-linear-gradient(top, #15234b, #15234c); background-image: -ms-linear-gradient(top, #15234b, #15234c); background-image: -o-linear-gradient(top, #15234b, #15234c); background-image: linear-gradient(top, #15234b, #15234c); -moz-box-shadow: 0 6px 6px rgba(0,0,0,.75); -webkit-box-shadow: 0 6px 6px rgba(0,0,0,.75); box-shadow: 0 6px 6px rgba(0,0,0,.75); } #nav li.dropDown > ul.subNav > li {height: 32px; padding: 0 8px;} #nav li.dropDown > ul.subNav > li:hover {background-color: transparent;}/* optional */ #nav li.dropDown > ul.subNav > li > a {min-width: 195px; padding: 8px 12px; font: 12px/15px Arial, sans-serif; color: #fff; border-bottom: solid 1px #236db5;} #nav li.dropDown > ul.subNav > li:last-child > a {border-bottom: none;} #nav li.dropDown > ul.subNav > li > a:hover {color: #111; background-color: #ffffff;} #nav li.dropDown:hover > ul.subNav, #nav li.dropDown.show > ul.subNav {display: block;} #nav li.dropDown.with-js > ul.subNav {display: none;} /* Main Body Content */ #main {position: relative; width: 940px; padding: 20px !important; margin: 0 auto; background-color: #fff;} #main ul {margin-bottom: 10px;} #main ul li {} #content {min-height: 200px;} /* Footer Content */ #footerWrapper {position: relative; width: 100%; min-width: 1062px; font-family: 'Montserrat', sans-serif; background-color: #111111;} #footer {position: relative; width: 1000px; color: #fff; padding: 64px 31px 40px; margin: 0 auto;} #footer p {margin: 0;} #footer a {color: #fff;} #footer a:hover {color: #2969e5; text-decoration: none;} .footerColumn {min-width: 208px; margin: 0 10px 0 0; padding: 0 10px 0 0;} #footer .lastFloat {padding-right: 0;} .footerRightColumn {} .footerColumn, .footerRightColumn {min-height: 161px;} .footerColumn dt {margin-bottom: 6px; font-weight: 700; font-size: 20px; color: #959595;} .footerColumn dd {margin: 0; font-weight: 700; font-size: 11px; line-height: 20px;} .footerColumn dd .ftrHrsLink .fa {position: relative; vertical-align: middle; top: -1px; font-size: 18px; color: #ee1c25; padding: 0 5px 0 2px;} .footerColumn div.storeHrs {width: 292px;} .footerColumn div.storeHrs span {display: inline; float: left;} .footerColumn div.storeHrs span.hoursDay {width: 144px;} .footerColumn div.storeHrs span.hoursTime {color: #959595;} #footerLinksCol dd a .fa {padding: 0 8px 0 2px; position: relative; vertical-align: middle; top: 0; font-size: 8px; color: #ee1c25;} #footerLinksCol dd a:hover .fa {padding: 0 6px 0 4px;} #ftrFacebookIcon {display: block; width: 196px; height: 14px; padding: 11px 0 9px; margin-bottom: 22px; line-height: 14px; text-align: center; background-color: #252525; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #ftrFacebookIcon .fa {padding-right: 10px; position: relative; vertical-align: middle; top: -2px; font-size: 14px; color: #0061c6;} #ftrFacebookIcon:hover {color: #0061c6; background-color: #ffffff;} #manufacturerLink a {color: #0061c6; font-size: 13px; line-height: 16px; text-align: center;} #manufacturerLink a strong {display: block; padding-bottom: 6px; text-align: left;} #manufacturerLink a .fa {padding: 0 4px; position: relative; vertical-align: middle; top: -2px; font-size: 14px; color: #ffffff;} #manufacturerLink a:hover {color: #ffffff;} #manufacturerLink a:hover .fa {padding: 0 2px 0 6px; color: #ffffff;} #copyrightFooterWrap {padding: 11px 0; background: #1a1a1a;} #copyrightFooter {width: 1000px; padding: 0 31px; margin: 0 auto; color: #6d6d6d;} #copyrightFooter a {color: #6d6d6d;} #copyrightFooter a:hover {color: #ffffff; text-decoration: none;} #copyrightFooter .copyright {font-weight: 700; font-size: 11px; line-height: 14px; padding: 11px 0 0 0; margin: 0;} #copyrightFooter .copyright.left {margin-left: 0;} #copyrightFooter #privacyLinks {display: inline-block; width: 320px; margin: 0 auto; text-align: center;} #copyrightFooter #dealerFLogo {margin-right: 4px;} /** Page Styles - For styles specific to individual pages **/ /* BG Stretcher */ #bgWrapper {position: relative; z-index: 2; width: 100%; min-width: 1062px; height: 652px !important;} .bgstretcher-area {text-align: left;} .bgstretcher, .bgstretcher ul, .bgstretcher ul li {position: absolute; top: 0; left: 0;} .bgstretcher ul, .bgstretcher ul li {margin: 0; padding: 0; list-style: none;} .bgstretcher {position: absolute; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0; width: 100%; background: black; overflow: hidden;} /* Directional Arrows CSS */ #bgNav {position: relative; width: 1170px; min-width: 1000px; margin: 0 auto; display: none;} #bgWrapper:hover #bgNav {display: block;} #bgNav a {display: block; position:absolute; background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;} #bgNav #prevBG {left:10px;} #bgNav #nextBG {right:10px;} #bgNav #prevBG:before, #bgNav #nextBG:after {font-family: FontAwesome; font-weight: bold; font-size: 100px; color: #d0202c; text-align: center; text-shadow: 0 0 8px rgba(0,0,0,.5); text-indent: 0px; position: absolute; top: 35%; right: 0; left: 0; margin: 0 auto;} #bgNav #prevBG:before {content: "\f104";} #bgNav #nextBG:after {content: "\f105";} #bgNav #prevBG:hover, #bgNav #nextBG:hover {text-decoration: none;} #bgNav #prevBG:hover:before, #bgNav #nextBG:hover:after, #bgNav #prevBG:focus:before, #bgNav #nextBG:focus:after {color: #ffffff;} @media (max-width: 1188px) { #bgNav { width: 1000px; } } /* Index */ #homeMain {position: relative; width: 100%; min-width: 1062px; font-family: 'Montserrat', sans-serif;} .bdr-underline {color: #959595; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .bdr-underline:after {content: ""; display: block; padding-top: 3px; margin: 0 auto; border-bottom: solid 4px #d7d7d7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .bdr-underline:hover {color: #0061e5; text-decoration: none;} .bdr-underline:hover:after {border-color: #0061e5;} /* Index >> Brand logos Wrapper */ #brandLogosWrap {position: relative; width: 100%; min-width: 1062px; background: #111 url(../images/ridge-motorsports-brands-bg.jpg) top center no-repeat;} #brandLogos {position: relative; width: 1062px; margin: 0 auto; min-height: 130px;} #brandLogos ul {position: relative; display: table; margin: 0 auto;} #brandLogos ul:before, #brandLogos ul:after {content: ""; display: block; width: 278px; height: 2px; background-color: #555555; background-color: rgba(255,255,255,.31); position: absolute; top: 0; bottom: 0; margin: auto 0;} #brandLogos ul:before {left: -316px;} #brandLogos ul:after {right: -316px;} @media (max-width: 1172px) { #brandLogos ul:before, #brandLogos ul:after { width: 188px; } #brandLogos ul:before {left: -226px;} #brandLogos ul:after {right: -226px;} } #brandLogos ul li {display: inline-block; float: left; margin-left: 40px;} #brandLogos ul li:first-child {margin-left: 0;} #brandLogos ul li div {display: table-cell; vertical-align: middle; height: 130px;} /* Index >> Home Welcome Text */ #homeContent {width: 1006px; margin: 0 auto; padding: 48px 0 62px;} #homeContent li {display: inline-block; float: left; width: 156px; margin-left: 14px;} #homeContent li:first-child {margin-left: 0;} #homeContent li a {display: block; position: relative; height: 60px; padding-top: 176px; background-position: center top; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #homeContent li.unitIcon1 a {background-image: url(../images/ridge-motorsports-sport-bikes-icon.jpg);} #homeContent li.unitIcon2 a {background-image: url(../images/ridge-motorsports-adventure-bike-icon.jpg);} #homeContent li.unitIcon3 a {background-image: url(../images/ridge-motorsports-classics-bike-icon.jpg);} #homeContent li.unitIcon4 a {background-image: url(../images/ridge-motorsports-cruiser-bike-icon.jpg);} #homeContent li.unitIcon5 a {background-image: url(../images/ridge-motorsports-atvs-icon.jpg);} #homeContent li.unitIcon6 a {background-image: url(../images/ridge-motorsports-utvs-icon.jpg);} #homeContent li a:after {content: ""; display: block; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; width: 150px; border-top: solid 13px #111111; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #homeContent li a strong, #homeContent li a small {display: block; font-weight: 700; padding-left: 3px;} #homeContent li a strong {font-size: 18px; line-height: 20px; color: #111111;} #homeContent li a small {font-size: 12px; line-height: 12px; color: #959595;} #homeContent li a:hover {text-decoration: none;} #homeContent li a:hover strong, #homeContent li a:hover small {color: #0061e5;} #homeContent li a:hover:before {content: ""; display: block; width: 100%; height: 236px; position: absolute; top: 0; background-color: rgba(255,255,255,.1);} #homeContent li a:hover:after {width: 100%;} /* Index >> Home Welcome Text */ #welcomeWrapper {width: 100%; min-width: 1062px; padding: 40px 0 88px; background-color: #f4f4f4;} #welcomeTxtWrapper {width: 1006px; margin: 0 auto 56px; padding: 0 28px;} #welcomeTxtWrapper h1 {padding: 0; margin: 0 0 10px; font-weight: 700; font-size: 32px; text-align: center;} #welcomeTxtWrapper, #welcomeTxtWrapper p {font-weight: 700; font-size: 14px; color: #555555; text-align: center;} #welcomeTxtWrapper p {margin: 0 0 10px;} #welcomeTxtWrapper strong, #welcomeTxtWrapper b {font-weight: 700;} #welcomeTxtWrapper p:last-child {margin-bottom: 0;} #welcomeTxtWrapper #moreInfoLink {margin: 0;} #welcomeTxtWrapper #moreInfoLink a {font-weight: 700; font-size: 14px;} #welcomeTxtWrapper #moreInfoLink a.bdr-underline:after {width: 90px;} /* Index >> Action Buttons */ #actionButtons {width: 1006px; margin: 0 auto;} #actionButtons li {display: inline-block; float: left; width: 332px; height: 252px; margin-left: 5px; background-color: #252525; background-position: center top; background-repeat: no-repeat;} #actionButtons li:first-child {margin-left: 0;} #actionButtons li.actionBtn1 {background-image: url(../images/ridge-motorsports-action-btn1.jpg);} #actionButtons li.actionBtn2 {background-image: url(../images/ridge-motorsports-action-btn2.jpg);} #actionButtons li.actionBtn3 {background-image: url(../images/ridge-motorsports-action-btn3.jpg);} #actionButtons li a {display: block; position: relative; height: 83px; padding-top: 169px; color: #ffffff; background: -moz-linear-gradient(top, rgba(17,17,17,.0) 0%, rgba(17,17,17,.0) 39%, rgba(17,17,17,.0) 40%, rgba(17,17,17,.77) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,17,17,.0)), color-stop(39%,rgba(17,17,17,.0)), color-stop(40%,rgba(17,17,17,.0)), color-stop(100%,rgba(17,17,17,.77))); background: -webkit-linear-gradient(top, rgba(17,17,17,.0) 0%,rgba(17,17,17,.0) 39%,rgba(17,17,17,.0) 40%,rgba(17,17,17,.77) 100%); background: -o-linear-gradient(top, rgba(17,17,17,.0) 0%,rgba(17,17,17,.0) 39%,rgba(17,17,17,.0) 40%,rgba(17,17,17,.77) 100%); background: -ms-linear-gradient(top, rgba(17,17,17,.0) 0%,rgba(17,17,17,.0) 39%,rgba(17,17,17,.0) 40%,rgba(17,17,17,.77) 100%); background: linear-gradient(to bottom, rgba(17,17,17,.0) 0%,rgba(17,17,17,.0) 39%,rgba(17,17,17,.0) 40%,rgba(17,17,17,.77) 100%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #actionButtons li a:after {content: ""; display: block; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: 78%; border-top: solid 4px #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #actionButtons li a strong, #actionButtons li a small {display: block; font-weight: 700; text-align: center;} #actionButtons li a strong {font-size: 29px; line-height: 30px;} #actionButtons li.actionBtn3 a strong {font-size: 31px;} #actionButtons li a small {font-size: 16px; line-height: 16px;} #actionButtons li a small .fa {font-weight: 400; font-size: 18px; padding-left: 8px;} #actionButtons li a:hover {color: #c9e0ff; text-decoration: none; background: -moz-linear-gradient(top, rgba(17,17,17,.0) 0%, rgba(17,17,17,.77) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,17,17,.0)), color-stop(100%,rgba(17,17,17,.77))); background: -webkit-linear-gradient(top, rgba(17,17,17,.0) 0%,rgba(17,17,17,.77) 100%); background: -o-linear-gradient(top, rgba(17,17,17,.0) 0%,rgba(17,17,17,.77) 100%); background: -ms-linear-gradient(top, rgba(17,17,17,.0) 0%,rgba(17,17,17,.77) 100%); background: linear-gradient(to bottom, rgba(17,17,17,.0) 0%,rgba(17,17,17,.77) 100%); } #actionButtons li a:hover:after {width: 88%;} /* Index >> Featured Wrapper */ #featuredWrapper {width: 100%; min-width: 1062px; background: #111111 url(../images/ridge-motorsports-content-bg.jpg) center top no-repeat;} @media (min-width: 1800px) { #featuredWrapper { background-size: 100% auto; } } #featuredContent {width: 1010px; margin: 0 auto; padding: 38px 26px 72px;} #featuredContent > div > h2 {text-align: center; margin-bottom: 36px;} #featuredContent > div > h2 a {font-weight: 700; font-size: 14px;} #featuredContent > div#video-wrapper > h2 a:after {width: 56px;} #featuredContent > div#promo-wrapper > h2 a:after {width: 103px;} /* Inventory / Inventory Detail / Modals/ > darknav, lightnav, or greynav */ body.lightnav .textbuttons li span.icon, body.lightnav .textbuttons li, body.lightnav .InventoryDetailModals .textbuttons li { background-color: #0061e5; } /* Navigation Elements, Modal Buttons */ #main.InvDetailPage .backLink > a, #main.InvDetailPage .camera_prevThumbs > div , #main.InvDetailPage .camera_nextThumbs > div, #main.InvDetailPage .camera_prev > span , #main.InvDetailPage .camera_next > span, #main.InvDetailPage .camera_commands > div.camera_play , #main.InvDetailPage .camera_commands > div.camera_stop, #main.InvDetailPage .unitLeadButtons a span.textbuttonIcon , #main.InvDetailPage .unitLeadButtons a span.textbuttonArrow { background-color: #0061e5; } /* More/Less Comment Collapse Text Color*/ #main.InvDetailPage .unitText .morelessButton {color: #0061e5;} /* Styles for coda slider on inventory detail pages .lightnav .unitPrice h3 {color: #fff !important;} .lightnav .invUnitInfo {color: #111;} .lightnav .invUnitInfo .liUnit a label {color: #fff;} */ /* ** Inventory Detail breadcrumb nav styles ** */ #showroom-detail-container .div-social-buttons-breadcrumbs h3 a {color: #0061e5 !important;} /* xinventory list fixes */ .DS1InventoryList div.VehicleDetail div.InvTransmission span {display: inline; width: auto;} /* styles newsletter checkbox on xmotorclothes form */ .NewlettterSubscribeContainer {width:540px; margin: 0 auto;} /* xThankYou */ #tyGeneric {display: block !important;} #tyFlash {display: none;} /* --------------------------- Content Styles --------------------------- */ /* New and Preowned images */ #preCatalog a { background:url(../imglib/showroom/powersports-pre-200.jpg) top left no-repeat; } #newCatalog a { background:url(../imglib/showroom/powersports-new-200.jpg) top left no-repeat; } /* Buttons */ .custButt {display: inline-block; margin: 5px 0; padding: 15px; cursor: pointer; background: #15234b; text-decoration: none; color: #ee1c25 !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 20px; font-family: 'Helvetica', Arial; font-weight:bold; } .custButt a:hover{ text-decoration:none !important;} .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #000; color: white; text-decoration: none; } /* Service Department */ .service-table td {position: relative;} .showHim {text-align: center;} .showHim img{margin-bottom: 10px;} .showHim h4{display:block; width:160px; height:60px; padding-top:20px; margin-bottom:15px; background: #15234b; padding-left: 10px; padding-right: 10px; color: #FFFFFF;} .showImportant h4{width:280px; height: 35px} .showMe{display:none; position:absolute; left: 15px; top:-10px; z-index:999; width:300px; border-radius: 5px; box-shadow:0 0 5px #000000; background: #FFFFFF; margin:0; padding:10px;} .showMe p, ul {text-align:left;} .showHim:hover .showMe{display: block;} /* Parts Deparment */ .divL{float: left; width: 33%; padding-bottom: 10px;} /* Links */ .links .xcontent table{border-collapse: collapse; width: 100%; text-align: center; border: 1px solid #000;} .links .xcontent table th{font-size: 20px; color: #959595; background-color: #111111; padding: 8px;} .links .xcontent table td{font-size: 18px; background-color: #ffffff; border: 1px solid #000; padding: 5px;} .links .xcontent a:hover{color: #959595; text-decoration: none;} /* ------------------------- END CONTENT STYLES ------------------------- */ /** jQuery Styles - For script styles that are used frequently **/ /* Nivo Slider v2.4 Layout Styles */ #main-slider {width: 1800px !important; height: 652px !important;} #promo-slider {width: 635px !important; height: 205px !important; background-color: #000000;} .slider {position: relative; background: url(../imglib/template/v4/nivo/loading.gif) no-repeat 50% 50%;} .slider img {position: absolute; top: 0px; left: 0px; display: none;} .slider a {border: 0; display: block;} /* Nivo Slider v2.4 System Styles - Do not touch unless necessary */ .nivoSlider {position: relative;} .nivoSlider img {position: absolute; top: 0px; left: 0px;} .nivoSlider a.nivo-imageLink {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 8; display: none;} .nivo-slice {display: block; position: absolute; z-index: 7; height: 100%;} .nivo-caption {display: none !important; position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; width: 100%; z-index: 8;} .nivo-caption p {padding: 5px; margin: 0;} .nivo-caption a {display: inline !important;} .nivo-html-caption {display: none;} .nivo-directionNav a {position: absolute; top: 45%; z-index: 8; cursor: pointer;} .nivo-prevNav {left: 0px;} .nivo-nextNav {right: 0px;} .nivo-controlNav {position: absolute; right: 10px; bottom: 10px; z-index: 9;}/* Controls Position of the slide bubbles*/ .nivo-controlNav a {display: block; width: 22px; height: 22px; background:url(../imglib/template/v4/nivo/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left;} .nivo-controlNav a.active {background-position: 0 -22px;} .nivo-directionNav a {display: block; width: 30px; height: 30px; background:url(../imglib/template/v4/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0;} a.nivo-nextNav {background-position: -30px 0; right: 15px;} a.nivo-prevNav {left: 15px;} /* Nivo Slider v2.4 Control Styles - Adjust to override default control nav & directional arrows */ /*.nivo-directionNav {display:block !important;} /* important to always keep nivo arrows visible */ /* Promotions */ #manufacturerPromos {width:850px; margin:0 auto; text-align:center;} #manufacturerPromos li {width:150px; height:150px; display:inline-block; margin:0 7px 12px 7px; box-shadow: 0px 1px 3px 0px #222, 0px 0px 8px #444;} .x4promonav a {display: block;} .x4promonav a:hover {opacity: 0;} #x4promoarcticcat { background: url(../imglib/promos/promo-logos/promo-landing-page-sprite-ARCTIC-CAT.png) 0 -150px no-repeat; width: 150px; height: 150px; margin-left:0 !important; background-color:#76bd22; } #x4promoarcticcat a { background: url(../imglib/promos/promo-logos/promo-landing-page-sprite-ARCTIC-CAT.png) 0 0 no-repeat; width: 150px; height: 150px; background-color:gray; } #x4promotriumph { background: url(../imglib/promos/promo-logos/promo-landing-page-sprite-TRIUMPH.png) 0 -150px no-repeat; width: 150px; height: 150px; margin-left:0 !important; background-color:#21409d; } #x4promotriumph a { background: url(../imglib/promos/promo-logos/promo-landing-page-sprite-TRIUMPH.png) 0 0 no-repeat; width: 150px; height: 150px; background-color:gray; } #x4PromoArcticCatSnow {display:none!important;} div.xinvlist span.InventoryIcon img[src*="icon_Harley-Davidson.png"] {display:none;} div.xinvlist div.xCustomInventory span.InventoryIcon img[src*="icon_Harley-Davidson.png"] {display:none;} div.xinvlist span.InventoryIcon img[src*="icon_Suzuki.png"] {display:none;} div.xinvlist div.xCustomInventory span.InventoryIcon img[src*="icon_Suzuki.png"] {display:none;} div.xinvlist span.InventoryIcon img[src*="icon_Ducati.png"] {display:none;} div.xinvlist div.xCustomInventory span.InventoryIcon img[src*="icon_Ducati.png"] {display:none;} .xinventorypageslist li a[href$="/Arctic-Cat"] img.make-image {display: none;} .xinventorypageslist li a[href$="/Arctic-Cat"] {background:url("../images/pages/inventory/inv-arctic-cat.jpg");} body.facebookinventory #headerBarWrap {display: none;} .facebookinventory #footer {display:none !important;} .facebookinventory #mainNav {display:none !important;} .facebookinventory #navWrapper {display:none !important; min-width:785px;} .facebookinventory #wrapper {min-width:770px;} .facebookinventory #main {width: 770px; margin: 0px 0px;} /***** Loan Calculator Styles *****/ #unitDetails, .ls-panel, .unitSpecs {min-height: 400px !important;} form#payment {font-size: 14px;} form#payment table {width: 475px; margin: 30px auto;} form#payment table #tdVehiclePrice{color: #D9D9D9} form#payment table input {height: 24px; width: 120px;} form#payment table input[name^="interest"] {width: 79px;} form#payment table select {height: 24px; width: 58px;} form#payment table tr td:last-child {text-align: right;}