/*** CSS Document ***/ /** General Styles - Generic styles useful through out the site **/ body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #fff; color: #000; padding: 0; margin: 0; text-align: left;} .clearall, .clearfix {clear: left; clear: right; clear:both; display: block;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .left {float: left; display: inline;} .right {float: right; display: inline;} .lastFloat {margin-right: 0 !important;} .decimal {text-align:right} .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;} /** Page Elements - Used to zero out common tags and general styling of them **/ div {padding: 0; margin: 0;} h1, h2, h3, h4 {margin: 0; font-family: 'Ubuntu', sans-serif;} h1, h2 {color: #f88420; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */ h3 {color: #f88420; font-size: 18px; font-weight: bold; margin-bottom: 5px;} h4 {color: #ccc; font-size: 12px; font-weight: bold; margin-bottom: 5px;} h5 {color: #daa520; font-size: 20px; font-weight: bold; margin-bottom: 5px;} /*h5 for HotelSuites*/ p {padding:0; margin: 0 10px 15px 0; text-align: left; line-height: 18px;} ul {margin: 0; padding: 0;} ul li {list-style: none;} a {text-decoration: none; outline: none; color: #787878;} a:hover {color: #f88420;} a img {border: none;} img {margin: 0; padding: 0;} .hiddenSpan, #header h1 span, #header h2 span, #header h3 span, #header h4 span, #homeMain h1 span, #homeMain h2 span, #homeMain h3 span, #homeMain h4 span, #footer h1 span, #footer h2 span, #footer h3 span, #footer h4 span {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} /** Template Styles - For styles used to build the template **/ #headerWrapper {position: fixed; top: 0; left: 0; z-index: 12; width: 100%; height: 130px; background:url(../images/bruce-rossmeyers-header-bg-tile.jpg) top left repeat-x;} #header {position: relative; z-index: 11; width: 940px; margin: 0 auto; padding: 12px 20px 0 20px; font-family: 'Ubuntu', sans-serif; background:url(../images/bruce-rossmeyers-header-bg.jpg) top left no-repeat;} #companyLogo, #companyLogo a, #companyLogo h1 {width: 435px; height: 66px;} #companyLogo {} #companyLogo a {display: block;} #companyLogo h1 {margin: 0; background:url(../images/bruce-rossmeyers-logo.png) top left no-repeat; background-size: 420px; margin-top: 2px;} #locNav {height: 1%; padding-bottom: 3px;} #locNav li {float: left; display: inline; margin-right: 20px; padding: 2px 20px 2px 0; border-right: 1px dotted #959595;} #locNav li.lastFloat {margin-right: 0; padding-right: 0; border-right: none;} #locNav li h3 {margin: 0 0 5px 0; text-align: center;} #locNav li p {margin: 0; padding: 0; line-height: 12px; text-align: center; color: #f88420;} #locNav li p.phone {padding-bottom: 5px;} #locNav li p a {color: #aaa;} #locNav li p a:hover {color: #fff;} #daytonaLogo {margin-right: 10px; vertical-align: middle;} #mainNav {height: 1%;} #nav {position: relative; z-index: 10;} #nav span {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} #nav li {float: left; display: inline;} #nav li:hover {background-color: #3c3c3c;} #nav li a {display: block; padding: 13px 15px 14px 15px; color: #fff;} #nav li a:hover, #nav li.hover a.uppercase, #nav li a strong {text-decoration: none; color: #f88420;} #nav li a:hover strong {color: #fff;} #nav li ul li {display: block; border-bottom: 1px solid #4b4b4b; height: 31px;} #nav li ul li:hover {background-color: #4b4b4b;} #nav li ul li a {width: 225px; padding: 8px 15px; background-image: none !important;} #nav li ul li a:hover {} #nav .dropDown {position: relative; z-index: 9;} #nav .dropDown a {background:url(../images/bruce-rossmeyers-nav-arrow.png) 96% 50% no-repeat;} #nav .dropDown .subNav {display: none; position: absolute; z-index: 8; width: 255px; padding: 0; background-color:#3c3c3c;} #nav li.dropDown:hover .subNav, #nav li.dropDown.show .subNav {display: block;} #nav .dropDown.with-js .subNav {display: none;} #socialNavSide{top: 225px; position:relative; right: 30px;} #socialNavSide li {padding: 0 10px;} #socialNavSide li a img {opacity: 1;} #socialNavSide li a:hover img {opacity: .70;} #socialNav {padding-top: 11px;} #socialNav li {float: left; display: inline; padding: 0 10px;} #socialNav li a img {opacity: 1;} #socialNav li a:hover img {opacity: .70;} #wrapper {width: 940px; margin: 0 auto; padding-top: 150px;} /*#main{width: 900px; margin: 20px auto 0; padding: 20px 10px; border: 1px solid #f88420} #main ul {margin-bottom: 10px;} #main ul li {} #content {padding: 0 10px; }*/ #quickNav {width: 240px; background:url(../images/bruce-rossmeyers-footer-bg-tile.jpg) top left;} #quickNav h3 {margin-bottom: 0; padding: 15px 0 20px 12px; font-size: 24px; line-height: 24px; font-weight: 300;} #quickNav a {display: block; color: #fff;} #quickNav a:hover {color: #f88420;} #quickNav .accordionButton {margin: 0 6px; padding: 6px 12px; font-family: 'Ubuntu', sans-serif; font-size: 14px; border-top: 1px dotted #959595;} #quickNav .accordionContent {background: #000;} #quickNav .accordionContent ul {padding: 10px 18px 7px 18px;} #quickNav .accordionContent ul li {padding-bottom: 3px;} #footerWrapper {width: 100%; margin-top: 30px; background:url(../images/bruce-rossmeyers-footer-bg-tile.jpg) top left; border-bottom: 20px solid #000;} #footer {width: 940px; margin: 0 auto; padding: 35px 0; color: #fff; background:url(../images/bruce-rossmeyers-footer-bg.jpg) top left no-repeat;} #footer p {margin: 0; padding-left: 10px;} #footer a {font-weight: normal; color: #fff; text-decoration: none;} #footer a:hover {color: #f88420;} #footerLogo {padding-right: 40px;} #footer div.left dl {margin: 0 20px 0 0; padding: 0 40px 10px 0; border-right: 1px dashed #959595;} #footer div.left dl dt {margin-bottom: 30px; font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 14px; font-weight: 700; color: #f88420;} #footer div.left dl dd {margin: 0 0 10px 0; font-size: 11px;} #footerLocs {padding: 0 40px 0 30px !important; border-left: 1px dashed #959595;} #footerLocs dt {margin-bottom: 3px !important;} #footerLocs dd {margin: 0 0 20px 0 !important; color: #f88420;} #footerRight {padding-left: 20px;} #footerSponsors {margin-bottom: 10px;} #footerSponsors h3 {padding-right: 20px; font-size: 18px; line-height: 17px; font-weight: 300; color: #fff;} #carouselWrapper {position: relative; width: 280px !important; height: 75px !important;} #sponsorsCarousel {overflow: hidden;} #sponsorsCarousel {width: 280px !important; height: 75px !important;} #sponsorsCarousel ul li {float: left; position: relative; width: 280px !important; height: 75px !important;} #sponsorsCarousel ul li a {display: block;} #carouselWrapper #sponsorsNext a, #carouselWrapper #sponsorsPrev a {display: block; width: 7px; height: 13px; background:url(../images/bruce-rossmeyers-featured-arrows.png) top left no-repeat;} #sponsorsNext {position: absolute; top: 30px; right: 10px; z-index: 11;} #sponsorsPrev {position: absolute; top: 30px; left: 10px; z-index: 11;} #sponsorsNext a {background-position: -7px 0 !important;} #sponsorsNext a:hover {background-position: -7px -13px !important;} #sponsorsPrev a:hover {background-position: 0 -13px !important;} #newsletterButton {margin-bottom: 10px; padding-left: 10px;} #newsletterButton a {font-family: 'Ubuntu', sans-serif; font-size: 26px; line-height: 26px; font-weight: 300; color: #f88420;} #newsletterButton a:hover {color: #fff;} /** Page Styles - For styles specific to individual pages **/ /* Index */ #homeMain {} #invNav {height: 41px; padding: 0 11px 0px 10px;} #invNav li a {display: block; height: 41px; overflow: hidden;} #invNav li a span {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} #invNavNew a {background:url(../images/bruce-rossmeyers-inv-nav-new.png) top left no-repeat; width: 463px;} #invNavNew a:hover {background-position: 0 -41px !important;} #invNavPre a {background:url(../images/bruce-rossmeyers-inv-nav-pre.png) top left no-repeat; width: 418px;} #invNavPre a:hover {background-position: 0 -41px !important;} #invShop {height: 71px; padding: 0 0px 0px 0;} #invShop li a {display: block; height: 71px; overflow: hidden;} #invNavShop a {background:url(../images/bruce-rossmeyers-inv-nav-shop.png) top left no-repeat; width: 940px;} #invNavShop a:hover {background-position: 0 -71px !important;} #homeEvents {position: relative; width: 220px; height: 332px; font-family: 'Ubuntu', sans-serif; background:url(../images/bruce-rossmeyers-events-bg.jpg) top left no-repeat; overflow:hidden;} #homeEvents h3 {margin: 0; padding: 10px 0 0 12px; font-size: 28px; line-height: 28px; font-weight: 300; color: #f88420; font-weight:bold;} #homeEvents ul {padding: 15px 20px 0 20px;} #homeEvents ul li {margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #959595;} #homeEvents ul li.lastFloat {margin-bottom: 0; padding-bottom: 0; border-bottom: none;} #homeEvents ul li h4 a {font-size: 13px; line-height: 13px; font-weight: 300; color: #fff !important;} #homeEvents ul li h4 a:hover {font-size: 13px; line-height: 13px; font-weight: 300; color: #f88420 !important;} #homeEvents ul li div.eventDate {padding-right: 12px;} #homeEvents ul li div.eventDate span {display: block; width: 38px; height: 34px; padding-top: 4px; font-size: 26px; font-weight: 300; background: #000; color: #fff; text-align: center;} #homeEvents ul li p {margin: 0; font-size: 11px; line-height: 11px; font-weight: 300; color: #aaa;} #homeEvents #eventsBtn {width:100%; padding:10px; text-align:center;} #homeEvents #eventsBtn h3 {font-size:14px;} #infoNav {height: 301px; padding-top: 20px;} #infoNav li {} #infoNav li a {display: block; width: 220px; overflow: hidden; background: url(../images/bruce-rossmeyers-info-nav.jpg) no-repeat;} #infoNav li a span {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} #infoNavService a {background-position: 0 0 !important; height: 65px;} #infoNavService a:hover {background-position: -220px 0 !important;} #infoNavParts a {background-position: 0 -65px !important; height: 54px;} #infoNavParts a:hover {background-position: -220px -65px !important;} #infoNavMotoClothes a {background-position: 0 -119px !important; height: 60px;} #infoNavMotoClothes a:hover {background-position: -220px -119px !important;} #infoNavVideos a {background-position: 0 -179px !important; height: 56px;} #infoNavVideos a:hover {background-position: -220px -179px !important;} #infoNavRentals a {background-position: 0 -235px !important; height: 64px;} #infoNavRentals a:hover {background-position: -220px -235px !important;} #infoNavCustom {height: 300px; padding-top: 13.4px;} #infoNavCustom li {} #infoNavCustom li a {display: block; width: 220px; overflow: hidden; background: url(../images/bruce-rossmeyers-info-nav-new.jpg) no-repeat;} #infoNavCustom li a span {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} #customInfoNavService a { background-position: 0 7px !important; height: 67px;} #customInfoNavService a:hover {background-position: -220px 7px !important;} #customInfoNavParts a { background-position: 0 -60px !important ; height: 55px;} #customInfoNavParts a:hover { background-position: -220px -60px !important; } #customInfoNavMotoClothes a { background-position: 0 -114px !important ; height: 55px;} #customInfoNavMotoClothes a:hover { background-position: -220px -114px !important; } #customInfoNavLearnToRide a { background-position: 0 -168px !important ; height: 55px;} #customInfoNavLearnToRide a:hover { background-position: -220px -168px !important; } #customInfoNavVideos a { background-position: 0px -222px !important ; height: 55px;} #customInfoNavVideos a:hover { background-position: -220px -222px !important; } #customInfoNavRentals a { background-position: 0px -276px !important ; height: 55px;} #customInfoNavRentals a:hover { background-position: -220px -276px !important; } #homeNews {width: 940px; height: 90px; margin-top: 25px; background: url(../images/bruce-rossmeyers-news-bg.png) no-repeat; background-color:black;} #homeNews h3 {margin: 0; padding: 25px 0 0 22px;} #homeNews iframe {padding: 12px 0 0 50px;} /*#homeNews ul {padding: 12px 0 0 50px;} #homeNews ul li {padding-bottom: 5px;} #homeNews ul li a {padding-left: 15px; font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 14px; color: #fff; background: url(../images/bruce-rossmeyers-news-arrow.png) 0 50% no-repeat;} #homeNews ul li a:hover {color: #aaa;}*/ /* Calendar */ .cluetip-default h3#cluetip-title {background-color: #4e4e4c !important;} .cluetip-default #cluetip-outer {background-color: #efefef !important;} .cluetip-default #cluetip-title a {color: orange !important; font-size: 0.95em;} .heading2 p {text-align:center;} /* hours-destination-daytona*/ .highlightBox { width: 700px; text-align: center; margin: 15px 0px; font-size: 16px; padding: 10px; /*shadow*/ -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .imgShadow { -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 11px 16px -6px black; } /* Product Info/Inventory - Do not touch */ .BikeDetail div {color: #555 !important;} .BikeDetail div span {color: #000 !important;} #VehBody {color: #323232;} #VehBody a {color: #000;} #VehBody a:hover {color: #f88420;} .leftdiv, .centerdiv, .rightdiv {float: left; margin: 17px 0 0 0;} .leftdiv {display: inline; margin-left: 30px; width: 302px;} .leftdiv img {border: 3px solid #333;} .centerdiv {margin-left:38px; width: 228px;} .rightdiv {margin-left: 10px; width: 230px;} .rightdiv ul li {display: inline;} .rightdiv img {margin-bottom: 11px;} .vhicle_row a {color: #000;} #tooltip h3 {color: #000;} #swatches span, #information span {display: block; padding: 0 0 0 120px; height: 19px; background: none; color: #ccc; font-weight:bold;} #biketext {margin-top: 15px; padding: 5px 0 5px 5px; width: 286px; height: 51px; color: #606060; font-weight:bold;} #swatches span {padding-left: 65px;} #swatchcolors {border: 3px solid #333; height: 178px; width: 204px; background-color: #fff; overflow: auto; padding: 10px 5px 0 13px;} #swatchcolors li {list-style-type: none; height: 26px; margin-bottom: 8px; padding: 5px 0 6px 36px;} #swatchcolors li p {display: inline; text-transform: uppercase; font-weight:bold;} #information {margin-top: 15px; font-weight:bold;} #information span {padding-left: 80px;} .ulbox {list-style-type: none; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333;} .ulbox li {border-bottom: 1px solid #333;} .ulbox a {padding: 10px; display: block;} .ulbox a:hover, .ulbox a:active {background: #A0A0A0;} .notice a {color: #f30;} .bheader {font-weight:bold;} /** jQuery Styles - For script styles that are used frequently **/ /* Nivo Slider v2.4 Layout Styles */ #slider {width: 700px !important; height: 332px !important;} #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;} #newslider {width: 700px !important; height: 200px !important;} /*#newslider {position:relative; background:url(../imglib/template/v4/nivo/loading.gif) no-repeat 50% 50%;}*/ #newslider img {position:absolute; top:0px; left:0px; display:none;} #newslider a {border:0; display:block;} #smyrna-slider {width: 650px !important; height: 332px !important; border: 1px solid black;} #smyrna-slider {position:relative; background:url(../imglib/template/v4/nivo/loading.gif) no-repeat 50% 50%;} #smyrna-slider img {position:absolute; top:0px; left:0px; display:none;} #smyrna-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:6; display:none;} .nivo-slice {display:block; position:absolute; z-index:5; height:100%;} .nivo-caption {display: none !important; position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:6;} .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:6; cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} .nivo-controlNav {position:absolute; left:374px; bottom:-25px;}/* 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;} /* jqFeatured Inventory v1.5.3 Styles */ .FINVImage img {width: 200px; height: 150px;} .FINVImageNada img {width: 200px; height: 100px;} #jqFeatured {width: 640px !important; height: 180px; margin-left: 30px; overflow: hidden;} #jqFeatured ul li {width: 200px; height: 180px; margin-right: 20px; text-align: center;} #pnlFeaturedInventory {position: relative; width: 700px; height: 301px; margin-top: 20px; padding: 0; background:url(../images/bruce-rossmeyers-featured-bg.jpg) top left no-repeat;} #pnlFeaturedInventory img {margin-bottom: 15px;} #pnlFeaturedInventory h2 {margin-bottom: 0; padding: 15px 0 20px 12px; line-height: 24px; font-weight: 300; color: #fff;} #pnlFeaturedInventory h2 img {margin-bottom: 0;} #pnlFeaturedInventory a {color: #fff;} #pnlFeaturedInventory a:hover {color: #f88420;} #featuredControl {position: absolute; bottom: 0; left: 0; width: 700px; height: 40px;} #featuredNav {padding: 14px 0 0 12px;} #featuredNav li {float: left; display: inline; margin-right: 12px;} #featuredNextButton a, #featuredPrevButton a {display: block; width: 7px; height: 13px; background:url(../images/bruce-rossmeyers-featured-arrows.png) top left no-repeat;} #featuredPrevButton a {background-position: 0 0 !important; } #featuredPrevButton a:hover {background-position: 0 -13px !important;} #featuredNextButton a {background-position: -7px 0 !important;} #featuredNextButton a:hover {background-position: -7px -13px !important;} #featuredButtons {padding: 12px 12px 0 0;} #featuredButtons li {float: left; display: inline; margin-right: 20px;} #featuredButtons li a {font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 16px; font-weight: 300;} /* Bike Week Counter */ #news_scroll_counter { padding: 3px 15px 0 0; color:#fff; text-align: center; display:block; } #news_scroll_counter:hover {opacity:.8;} #news_scroll_counter_clock { font-size:28px; height:34px; overflow:hidden; width:167px; text-align:right; } #news_scroll_counter_ref { font-size:13px; letter-spacing:.3px; text-align:center; padding:3px 0 3px 0; /*margin-bottom:3px;*/ } .kkc-sec {padding-right: 5px;} .innerContent {width: 600px;} .interiorContentColWrapper {margin-top: 30px; padding: 18px; background:url(http://www.brucerossmeyer.com/images/ride-now-peoria-content-bkg.png);} .interiorContentCol {width: 407px;} #preCatalog a {background:url(../imglib/INVENTORYPAGES/MAKES/harley-davidson-pre-owned.jpg) top left no-repeat !important;} #newCatalog a {background:url(../imglib/InventoryPages/Makes/harley-davidson-new.jpg) top left no-repeat !important;} /*inventory styles*/ .xinventorypageslist li a img.make-logo { bottom:7px !important; left:7px !important; } ul.makes .make-name, ul.body-types li a .body-type-name { right:7px !important; } /*general content styles*/ hr.separate { border:none; margin:30px 0px; } hr.divisor { border:none; border-bottom: dashed 1px #787878; margin:30px 0px; } div.innerContentMedium {width: 500px;} .border { border: solid 1px #f88420; } /*content div adjust*/ .videos #content, .vendors #content, .parts #content, .bike #content, .rentals #content, .service #content, .t-shirts #content, .leather #content, .jewerly #content, .info #content, .him #content, .financing #content, .customs #content, .cards #content { width:670px !important; } .bikeweek #quickNav, .info #quickNav, .staff #quickNav, .hours-new-smyrna #quickNav, .hours-daytona #quickNav, .vendors #quickNav, .financing #quickNav, .rentals #quickNav, .service #quickNav, .parts #quickNav, .daytona-customs #quickNav, .biketoberfest #quickNav, .links #quickNav, .RossmeyerRewards #quickNav {display: none;} .bikeweek #content, .info #content, .staff #content, .hours-new-smyrna #content, .hours-daytona #content, .vendors #content, .financing #content, .rentals #content, .service #content, .parts #content, .daytona-customs #content, .biketoberfest #content, .links #content, .RossmeyerRewards #content {width: 936px !important;} /*background images*/ .vendors { background: #fff url(../images/bgs/vendors.jpg) bottom no-repeat !important; padding:0px 3px 250px 3px; } #careers { background: #fff url(../images/bgs/careers.jpg) top right no-repeat !important; } .service { background: #fff url(../images/bgs/service.jpg) bottom right no-repeat !important; padding:0px 3px; } .rentals { background: #fff url(../images/bgs/rentals.jpg) bottom right no-repeat !important; padding:0px 3px 90px; } .info { background: #fff url(../images/bgs/info.jpg) bottom right no-repeat !important; padding:0px 3px; } .financing { background: #fff url(../images/bgs/financing.jpg) bottom right no-repeat !important; padding:0px 0px 70px; } .daytona-customs { background: #fff url(http://www.brucerossmeyer.com/images/bgs/daytona-customs.jpg) top no-repeat !important; } /*links*/ .links ul li { font-weight: bold; } .linksList { text-align: left; } .linksList li { display:inline-table; margin:10px 10px 30px; text-align: center; } .linksList li img { width:180px; height:144px; } /*staff*/ .staffService { text-align: center; } .staffService li { display: inline-table; margin:10px 30px 10px 0px; width:300px; } .staffService li img { width:298px; height:298px; margin-bottom: 5px; border:solid 1px #787878; } .staffService li h3 { margin:0px; } .staffService li p { margin:0px; text-align: center; } .staffList li { display: inline-table; margin:10px 18px 20px 0px; } .staffList li img { height:200px; width:200px; border:solid 1px #787878; } .staffList li h3 { font-size: 15px; text-align: center; color:#787878; } /*parts*/ .partsBike li { display: inline-table; margin:10px 15px 15px 0px; } .partsBike li img { width:150px; height:150px; } .partsBike li p { text-align: center; } .partsImg li { display: inline-table; margin:10px 8px 20px 0px; width:200px; text-align: center; } .partsImg li img { width:200px; margin-bottom: 5px; } .partsImg li h3 { margin:0px; font-size: 15px; margin-bottom: 0px; } /*merch*/ .merchList li { display: inline-table; width:150px; margin:10px 15px 30px 0px; } .merchList li img { width:150px; height:150px; } .merchList li h4 { color:#313131; text-align: center; } /*Locations*/ #locations {display:inline !important;} /*Suzuki*/ div.xinvlist div.xpreownedinventory span.InvIcon img[src*="icon_Suzuki.png"] {display:none;} /*daytona-customs*/ ul.customsList { text-align: center; } ul.customsList li { display: inline-table; margin: 10px 15px 20px 0px; } ul.customsList li a { display: block; width: 210px; height: 270px; margin-bottom: 5px; background: #fff center no-repeat scroll; } #GeicoForm #conf {width: 400px;} .privacy #quickNav {display: none;} .privacy {width:940px;} #optOutInfo h3 {} #optOutInfo h3:hover {color:#787878;} /* Custom Navigation Daytona */ #content #customNav {width: 225px; height:480px; padding-left:15px;} #customNav li a {display: block; width: 225px;; background: url(../images/custom-navigation2.jpg) no-repeat;} #customNav #navDaytona a{background-position: 0 0 !important; height: 75px;} #customNav #navDaytona a:hover{background-position: -225px 0 !important;} #customNav #navHotel a{background-position: 0 -75px !important; height: 75px;} #customNav #navHotel a:hover{background-position: -225px -75px !important;} #customNav #navEvents a{background-position: 0 -150px !important; height: 75px;} #customNav #navEvents a:hover{background-position: -225px -150px !important;} #customNav #navRestaurants a{background-position: 0 -225px !important; height: 75px;} #customNav #navRestaurants a:hover{background-position: -225px -225px !important;} #customNav #navCommercial a{background-position: 0 -300px !important; height: 75px;} #customNav #navCommercial a:hover{background-position: -225px -300px !important;} /*#customNav #navCondominiums a{background-position: 0 -375px !important; height: 75px;}*/ /*#customNav #navCondominiums a:hover{background-position: -225px -375px !important;}*/ #customNav #navPackages a{background-position: 0 -450px !important; height: 75px;} #customNav #navPackages a:hover{background-position: -225px -450px !important;} #customNav #navLivetoride a{background-position: 0 -525px !important; height: 75px;} #customNav #navLivetoride a:hover{background-position: -225px -525px !important;} #customNav #navStayandplay a{background-position: 0 -600px !important; height: 75px;} #customNav #navStayandplay a:hover{background-position: -225px -600px !important;} #customNav #navPamperyourhog a{background-position: 0 -675px !important; height: 75px;} #customNav #navPamperyourhog a:hover{background-position: -225px -675px !important;} /* restaurantsshops page */ .shopsInfo {width:75%;} /* Hide Ducati logo on xinventory pages */ #VehBody .dspMake-DUCATI .InventoryIcon {display:none;} /* Countdown plugin on index.asp */ #countdownContainer{ border-top-left-radius: 3px; /* border radius to make the box nice looking */ border-top-right-radius: 3px; background-color: rgba(0, 0, 0, 1); /* background color of the containing box */ position: relative; /* you don't have to use absolute positioning, but when placing in a header it can be more convenient */ margin-left: 725px; margin-top: 86px; font-family: "Rokkitt", serif; /* match the font to the site itself */ font-size: 20px; /* font size of the text above the countdown */ color: #f88420; /* color of text above the countdown */ font-weight: bold; -webkit-box-shadow: 2px 2px 4px #000; /* make it pretty */ -box-shadow: 2px 2px 4px #000; padding: 8px 10px; width: 170px; /* defines the size of the box */ text-align: center; } #countdown { font-size: 16px; /* font size of countdown text */ color: #fff; /* color of countdown text */ } .countColor{ color: #f88420; } @media (max-width: 1100px) { #socialNavSide{ display: none; } } .xtrade_value h1, .xtrade_value form, .xtrade_value p {display: none;} .xtrade_value #xTradeIframe {height: 640px;} #schedRideEditableContainer {width:940px; margin:0 auto;} /* Riders Edge Sprite */ #edgeSprite a, #edgeSprite {background:url(http://www.brucerossmeyer.com/images/HD-Lakeland-class-schedule-button.jpg); display:block; height:22px; width:110px;} #edgeSprite a {background-position: 0px 0px;} #edgeSprite {background-position: 0px 22px;} /*Learn to ride page*/ hr.separate, hr.divisor { border:none; margin:30px 0px; } hr.divisor { border-bottom:solid 1px #333; } @font-face{font-family:HD-Letterpress;src:url(../includes/fonts/hdletterpress-webfont.eot);src:url(../includes/fonts/hdletterpress-webfont.eot#iefix) format('embedded-opentype'),url(../includes/fonts/hdletterpress-webfont.woff) format('woff'),url(../includes/fonts/hdletterpress-webfont.ttf) format('truetype'),url(../includes/fonts/hdletterpress-webfont.svg) format('svg');font-weight:400;font-style:normal} .learn-to-ride #content { background: #000 url(../images/pages/riders-edge/rockstar-rider.jpg) bottom no-repeat; background-size:100%; padding-bottom: 593px; } #ridersEdge { background: gray url(../images/pages/riders-edge/hero-rider.jpg) top no-repeat; color: #000; line-height: 22px; font-size: 14px; padding: 20px; position: relative; } #ridersEdge h1, #ridersEdge h2, #ridersEdge h3, #ridersEdge .tagline { font-weight: 400; line-height: normal; font-family: HD-Letterpress,verdana,helvetica; text-transform: uppercase; } #ridersEdge .topCol { width: 355px; margin-bottom: 60px; } #ridersEdge .topCol h1 { color:#000; font-size: 28px !important; line-height: 55px !important; margin-top: 0px; } #ridersEdge .topCol h1 strong { font-size:65px !important; } #ridersEdge .topCol h2 { color: #c60; font-size: 22px; line-height: 22px; letter-spacing: 1px; } #ridersEdge p, #ridersEdge ul { line-height: 22px !important; } #ridersEdge ul li { margin: 4px 0 0; } #ridersEdge .btn-contain a { margin-right: 15px; } #ridersEdge .riderCol { width: 450px; } #ridersEdge .riderCol h3 { font-size: 46px; line-height: 36px; color:#000; } #ridersEdge .riderCol h3 strong { font-size: 22px; } #ridersEdge .right { width: 260px; padding: 20px; background-color: #333; color:#999; } #ridersEdge .right h3 { color: #fff; font-size: 24px; } #ridersEdge .right strong { color:#fff; } #ridersEdge .tagline { position: absolute; font-size: 37px; color:#fff; bottom: -593px; } .rentals .content-paragraph { width: 40%; } .rentals .bright-bg { background: #FFD700; } .home-video {margin: 25px auto 0;} /* Hog Chapter styles */ #main.daytona-beach-hog-chapter {background: rgba(0,0,0,0); border: 1px solid #f88420; width: 900px; margin: 20px auto 0; padding: 20px 10px; background: #000000;} #main.hog-info { width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420; } #main.ladies-of-harley { width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.hog-membership { width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.rides-and-activities { width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.chapter-charity { width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.state-hog-rally{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.super-hog{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.pig-in-a-poke{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.newsletters{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.maps-ride-pickup-points{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.parking-lot-practice{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.hog-points{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.patch-policy{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} #main.quartermaster{ width: 900px; margin: 20px auto 0; padding: 20px 10px; background:#fff; border: 1px solid #f88420;} .hog-chapter #imageFrame { padding:0px 30px 25px 0px;width: 582px; height: 302px; } .hog-chapter #imageFrame img { width: 580px; height: 300px; } #hogSlider { top:23px; width: 582px; height: 300px; margin: -15px 50px 0px 20px;} #hogNavItems { padding:0px 0px 25px 30px; margin-bottom: 9px;} #hogNavItems ul { margin:0px; } #hogNavItems ul li { display: block; } #hogNavItems ul li a { display: block; padding: 9px 18px 10px 20px; border:solid 1px #f97730; color:#fff; font-size: 18px; background-color: #000; font-family: 'Rajdhani', sans-serif; font-weight: bold;} #hogNavItems ul li a:hover { color:#f97730; background-color: transparent; } .borderLeft { border-left:solid 1px #fff; } .borderRight { border-right: solid 1px #fff; } #hogContent {border-top:solid 1px #fff;} .hogRightWrapper #eventsWrapper {height:233px; width:408px; margin: 0 auto; margin-top:10px;background:#111111} .hogRightWrapper #eventsWrapper h3 {font-size:16px; line-height:30px;} .hogRightWrapper #eventsWrapper ul li div.eventInfo h4 {font-size:12px;} .hogRightWrapper #eventsWrapper ul li div.eventDate span {font-size:18px; height:30px; width:30px; margin-top:0; padding-top:0;} .hogRightWrapper #eventsWrapper ul li p {font-size:8px;} .hogRightWrapper #eventsWrapper a.fullCalLink {font-size:15px;} .hogLeftWrapper {width: 373px; padding-top:10px; margin-top:8px;} .hogLeftWrapper iframe {margin: 0 auto;} .hogRightWrapper {width: 447px; padding:7px 0px 25px 25px; font-size:13px;} a.hogNav { background-color: #FF5500; color: #FCFCFC; border-radius: 3px; padding: 5px; background: -webkit-linear-gradient(top, #FA5300 0, #FF5500 4%, #FF7733 40%, #FF7A38 50%, #FF7733 60%, #FF5500 96%, #FA5300 100%) no-repeat; font-size: 11px; } a.hogNav:hover { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); background: #808080; } /* End Hog Chapter styles */ #countdownContainer { margin-top:-161px; margin-left: 720px; width:200px; height:145px; background: url('../images/bruce-rossmeyers-background-timer.jpg') repeat; } .hog-points .hogButton{ background-color: black; padding: 11px; border-radius: 5px; color: #ff5c0b; font-weight: bold; text-transform: uppercase; display: inline-block; margin: 0 auto; font-size:16px; } .lightnav .camera_fakehover .camera_commands .camera_play, .lightnav .camera_fakehover .camera_prev > span, .lightnav .camera_fakehover .camera_next > span, .lightnav .camera_thumbs .camera_nextThumbs > div { background-color: #fff; background-image: url(../imglib/Inventory/inventory-detail/images/dark-icons.png); }