/*** CSS Document ***/

/** General Styles - Generic styles useful through out the site **/

body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; background:#000 url(/images/teds-motorcycle-world-bg.jpg) top center no-repeat; color: #898989; 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;}
.vcard {display: none;}


/** Page Elements - Used to zero out common tags and general styling of them **/

div {padding: 0; margin: 0;}
h1, h2, h3, h4 {margin: 0;}
h1, h2 {color: #b52725; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */
h3 {color: #b52725; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h4 {color: #ccc; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
h1 span, h2 span, h3 span, h4 span {display: none;}
p {padding:0; margin: 0 10px 15px 0; text-align: left;}
ul {margin: 0; padding: 0;}
ul li {list-style: none;}
a {text-decoration: none; outline: none; color: #fff;}
a:hover {color: #b52725;}
a img {border: none;}
img {margin: 0; padding: 0;}


/** Template Styles - For styles used to build the template **/

#fixedBadge {position:fixed; top:0; right:0; z-index:9;}

#wrapper {width: 920px; margin: 0 auto; padding: 20px;}

#header {position: relative; z-index: 11;}

#companyLogo {position: absolute; top: -16px; left: -7px; width: 178px; height: 147px;}
#companyLogo a {display: block; width: 178px; height: 147px;}
#companyLogo h1 {background:url(/images/teds-motorcycle-world-logo.png) top left no-repeat; width: 178px; height: 147px; margin: 0;}
#companyInfo {width: 595px;}
#companyContact {margin-right: 30px;}
#companyDealer ul {margin-right: 15px;}
#companyDealer ul li {margin-bottom: 15px;}

#mainNav {width: 730px; margin-top: 15px; padding-top: 10px; border-top: 5px solid #b52725;}
#dropdown {float: left; position: relative; z-index: 10;}
#dropdown .upper {margin-right: 3px; font-size: 14px; text-transform: uppercase;}
#dropdown span {display: none;}
#dropdown li {float: left; display: inline; padding:3px 15px;}
#dropdown li:hover {background-color:#262626;}
#dropdown li a {display: block; color: #fff;}
#dropdown li a:hover {color: #b52725; text-decoration: none;}
#dropdown li ul li {display: block; padding: 0;}
#dropdown li ul li a {width: 205px; padding: 11px 15px 13px 15px; min-height: 45px; border-top: 1px solid #262626; border-bottom: 1px solid #262626;}
#dropdown li ul li a:hover {background-color: #1c1c1c; border-top: 1px solid #0c0c0c; border-bottom: 1px solid #444;}
#dropdown .liTopNav {position: relative; display: block; z-index: 9;}
#dropdown .liTopNav .sub_menu {position: absolute; z-index: 8; display: none; width: 475px !important; background-color:#262626; margin-top: 7px; font-size: 11px; text-transform: none;}
#dropdown .row ul {float: left; display: inline; width: 235px;}
#dropdown .row .leftNavColumn {margin-right: 5px;}
#dropdown .row a h3 {margin: 0; font-size: 11px !important; color: #898989;}
#dropdown .row a:hover h3 {color: #b52725;}
#dropdown .row p {margin-bottom: 0 !important; color: #c6c6c6;}
.navCenter {right: -240px;}
.navRight {right: 0;}

#main {margin-top: 35px;}
#main ul {margin-bottom: 10px;}
#content {}

#footer {margin: 50px 0 35px 0; padding-top: 35px; border-top: 1px solid #363636;}
#footer p {margin: 0; margin-bottom: 5px;}
#footer address {display: inline; font-style: normal;}
#footer ul li {float: left; display: inline; width: 200px; margin-right: 40px;}

#fixedFooterWrapper {position: fixed; z-index: 21; width: 100%; bottom: 0; left: 0; padding: 3px 15px; background-color: #0f0f0f; border-top: 1px solid #2d2d2d;}
#fixedFooter {position: relative; z-index: 22;}
#fixedFooter form div {position: relative; width: 239px;}
#fixedFooter input[type=text] {width: 120px;}
#fixedFooter input[type=image] {position: absolute; top: 0; right: 0;}
#companyLogoSm {margin: 5px 10px;}
#footerInventory {margin-top: 7px; margin-right: 120px;}
#footerInventory li {float: left; display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #fff;}
#footerInventory li.lastFloat {border-right: none;}
#footerSocial {position: absolute; top: -10px; right: 35px;}


/** Page Styles - For styles specific to individual pages **/

/* Index */
#featuredNav a span {display: none;}
#featuredNav a {display: block; width: 289px; height: 32px; overflow: hidden; background: url(/images/teds-motorcycle-world-pre-owned-button.png) no-repeat;}
#featuredNav a:hover {background-position: 0 -32px;}

#dealerServices {margin-top: 30px; padding: 3px; background-color: #363636;}
#dealerServices h2 {margin: 6px 0 9px 6px;}
#dealerServices div.servicesWrapper {padding: 20px 19px; background-color: #191919;}
.servicesWrapper ul {margin-right: 15px; font-size: 11px;}
.servicesWrapper ul li {margin-bottom: 15px; padding-left: 10px; background:url(/images/teds-motorcycle-world-bullet.png) center left no-repeat; list-style: none;}
.servicesWrapper ul li.lastFloat {margin-bottom: 0;}

#newsletterNav {margin: 20px 10px 0 0;}
#newsletterNav a span {display: none;}
#newsletterNav a {display: block; width: 295px; height: 14px; overflow: hidden; background: url(/images/teds-motorcycle-world-newsletter.png) no-repeat;}
#newsletterNav a:hover {background-position: 0 -14px;}

#imageNav {margin-top: 30px;}
#imageNav li {float: left; display: inline; margin-right: 13px;}
#imageNav a {display: block; width: 220px; height: 98px; overflow: hidden; background: url(/images/teds-motorcycle-world-image-nav.jpg) no-repeat;}
#imageNav a span {display: none;}

#imageNavDeal a {background-position: 0 0;}
#imageNavDeal a:hover {background-position: 0 -98px;}

#imageNavHP a {background-position: -220px 0;}
#imageNavHP a:hover {background-position: -220px -98px;}

#imageNavHOG a {background-position: -440px 0;}
#imageNavHOG a:hover {background-position: -440px -98px;}

#imageNavStore a {background-position: -660px 0;}
#imageNavStore a:hover {background-position: -660px -98px;}

/* 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;}

/* 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: #ff6501;}
.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;}

/* xThankYou */
#tyGeneric {display:block !important;}
#tyFlash {display:none;}

/** jQuery Styles - For script styles that are used frequently **/

/* Nivo Slider v2.4 Layout Styles */
#sliderWrapper {position: relative;}
#slider {position:relative; width: 920px; height: 320px; 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;}
#sliderOverlay {position: absolute; top: 0; right: 0; z-index: 7; min-height: 320px; padding: 0 29px; background:url(/images/teds-motorcycle-world-featured-bg.png) top left;}
#sliderOverlay h2 {margin: 40px 0 15px 0; padding-bottom: 7px; border-bottom: 1px solid #3c3c3c;}

/* 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: 200px !important; height: 180px; overflow: hidden;}
#jqFeatured ul li {width: 200px; height: 180px; margin-right: 10px;}
#pnlFeaturedInventory {position: relative; width: 200px; margin: 0 0 0 44px;}
#pnlFeaturedInventory img {margin-bottom: 5px;}
#featuredNext, #featuredPrev {display: block; position: absolute; width: 8px; height: 17px;}
#featuredNext {top: 81px; right: -25px; z-index: 10; background:url(/images/teds-motorcycle-world-featured-next.png) top left no-repeat;}
#featuredPrev {top: 81px; left: -25px; z-index: 10; background:url(/images/teds-motorcycle-world-featured-prev.png) top left no-repeat;}

/* Kwicks Accordion Slider */
#accordion {position: relative; margin: 0; margin-top: 30px; padding: 0; list-style: none;} /* Set a width: ---px !important; if you would like a specific width on the container */
#accordion li{display: block; width: 136px; height: 266px; padding: 0; overflow: hidden;} /* Width and height of initial state before hover */
#accordion.horizontal li {float: left; display: inline; margin-right: 5px;}
#accordion.vertical  li{margin-bottom: 5px;}
#accordionFrame1 {background-image:url(/images/slideshow/Promo-SlideShow/image1.jpg);}
#accordionFrame2 {background-image:url(/images/slideshow/Promo-SlideShow/image2.jpg);}
#accordionFrame3 {background-image:url(/images/slideshow/Promo-SlideShow/image3.jpg);}
#accordionFrame4 {background-image:url(/images/slideshow/Promo-SlideShow/image4.jpg);}
#accordionFrame1 a, #accordionFrame2 a, #accordionFrame3 a, #accordionFrame4 a {display: block; width: 500px; height: 266px;} /* Anchor width and height set to full when expanded */
#accordionFrame1 span, #accordionFrame2 span, #accordionFrame3 span, #accordionFrame4 span {display: none;}
#accordion.horizontal #accordionFrame4 {margin-right: 0;}
#accordion.vertical #accordionFrame4 {margin-bottom: 0;}

#cluetip a {color:#0033FF; font-weight:bold;}

#roadButton {background: url(/imglib/template/v4/leads/dealerspike-leads-road-button2.jpg) no-repeat!important;}
#roadButton a {z-index:10!important;}
#roadButton {z-index:9!important;}