/*** CSS Document ***/

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

body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; background:#0d0d0d url(../images/smith-brothers-harley-davidson-body-bg.jpg) top center no-repeat; color: #999; padding: 35px 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: #f96400; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */
h3 {color: #f96400; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h4 {color: #686868; 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; line-height: 18px;}
ul {margin: 0; padding: 0;}
ul li {list-style: none;}
a {text-decoration: none; outline: none; color: #f96400;}
a:hover {color: #00ccff;}
a img {border: none;}
img {margin: 0; padding: 0;}


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

#wrapper {width: 1017px; padding:4px;margin: 0 auto; background-color: #000;box-shadow:0 0 8px #000;}

#header {position: relative; z-index: 11; background:url(../images/smith-brothers-harley-davidson-header-bg.jpg) top left no-repeat;}

#companyLogo, #companyLogo a, #companyLogo h1 {width: 179px; height: 128px;}
#companyLogo {position: relative; top: 12px; left: 10px; z-index: 12;}
#companyLogo a {display: block;}
#companyLogo h1 {margin: 0; background:url(../images/smith-brothers-harley-davidson-logo.png) top left no-repeat;}

#hdLogo {position:relative;top:12px;right:15px;}
#companyInfo {clear:right;position:relative;top:22px;right:10px;}

#mainNav {clear:both;position:relative;left:-14px;margin-top: 25px; background:url(../images/smith-brothers-harley-davidson-nav-bar.png) top left no-repeat;width:1045px;height:44px;}
#nav {position: relative; z-index: 10;left:10px;}
#nav span {display: none;}
#nav li {float: left; display: inline; margin-right: 30px;}
#nav li:hover {background-color: #000;}
#nav li a {display: block; padding: 10px 15px; color: #fff;}
#nav li a:hover {font-weight: normal; text-decoration: none; color: #f96400;}
#nav li ul li {display: block; border-bottom: 1px solid #2d2d2d; height: 29px;}
#nav li ul li:hover {background-color: #2d2d2d;}
#nav li ul li a {width: 150px; padding: 7px 15px; background-image: none !important;}
#nav li.lastFloat ul li a {width: 100px;}
#nav li ul li a:hover {}
#nav .dropDown {position: relative; z-index: 9;}
#nav .dropDown a {background:url(http://www.smithbrosharley.com/images/el-cajon-hog-nav-arrow.gif) 95% 50% no-repeat;}
#nav .dropDown .subNav {display: none; position: absolute; z-index: 8; width: 180px; padding: 0; background-color:#3c3c3c;}
#nav .dropDown .thinner {width:130px;}
#nav li.dropDown:hover .subNav, #nav li.dropDown.show .subNav {display: block;}
#nav .dropDown.with-js .subNav {display: none;}

#main {padding: 30px 35px 50px 35px;}
#main ul {margin: 0 0 10px 20px;}
/*#main ul li {list-style: disc;}*/
#content {}

#outerFooter {margin-top:20px;}
#footer {margin-top: 15px; padding: 0 15px 15px 15px;width:1017px;margin:0 auto;}
#footer .footerColumn {float: left; display: inline; width: 288px; min-height: 86px; margin-right: 30px; padding: 10px 30px 10px 0; border-right: 1px solid #fff;}
#footer .footerColumn.lastFloat {margin-right: 0 !important; padding-right: 0 !important; border-right: none !important;}
#footer p {margin: 0; margin-bottom: 2px;}
#footer h3 {margin: 0; margin-bottom: 2px; font-size: 12px;}


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

/* Index */
#homeMain {padding: 10px 15px 15px 15px;}
#homeContent {}
#homeContent p {text-align:center;font-size:16px;color:#bbb;font-weight:bold;}

.infoNav {}
.infoNav li {margin-bottom: 12px;}
.infoNav li.lastFloat {margin-bottom: 0;}
.infoNav li, .infoNav li a {background: url(../images/smith-brothers-harley-davidson-image-nav-2.jpg) no-repeat;}
.infoNav li a {display: block; width: 229px; height: 178px; overflow: hidden;}
.infoNav li a:hover {opacity: 0;}
.infoNav li a span {display: none;}

#infoNavNew a {background-position: 0 0 !important;}
#infoNavNew {background-position: 0 -178px !important;}

#infoNavPre a {background-position: -229px 0 !important;}
#infoNavPre {background-position: -229px -178px !important;}

#infoNavCalendar a {background-position: -458px 0 !important;}
#infoNavCalendar {background-position: -458px -178px !important;}

#infoNavClothes a {background-position: -687px 0 !important;}
#infoNavClothes {background-position: -687px -178px !important;}

#lowerContent {margin-top: 12px;}

.memberNav {}
.memberNav, .memberNav a {background: url(../images/smith-brothers-harley-davidson-image-nav-3.jpg) no-repeat;}
.memberNav a {display: block; width: 231px; height: 198px; overflow: hidden;}
.memberNav a:hover {opacity: 0;}
.memberNav a span {display: none;}

#memberNavService a {background-position: 0 0 !important;}
#memberNavService {background-position: 0 -198px !important; margin-right: 15px;}

#memberNavParts a {background-position: -231px 0 !important;}
#memberNavParts {background-position: -231px -198px !important;}

.bottomNav {width:100%;margin:20px 0 0 1px;}
.bottomNav li {margin-bottom: 12px;}
.bottomNav li.lastFloat {margin-bottom: 0;}
.bottomNav li, .bottomNav li a {background: url(../images/smith-brothers-harley-davidson-image-nav-new.jpg) no-repeat;float:left;display: block; width: 193px; height: 58px; overflow: hidden;margin-right:5px;}
.bottomNav li a {}
.bottomNav li a:hover {opacity: 0;}
.bottomNav li a span {display: none;}

#hp100Nav a {background-position: 0 0 !important;}
#hp100Nav {background-position: 0 -58px !important;}

#merchNav a {background-position: -193px 0 !important;}
#merchNav {background-position: -193px -58px !important;}

#newsNav a {background-position: -386px 0 !important;}
#newsNav {background-position: -386px -58px !important;}

#ridesNav a {background-position: -579px 0 !important;}
#ridesNav {background-position: -579px -58px !important;}

#hogNav a {background-position: -772px 0 !important;}
#hogNav {background-position: -772px -58px !important;}

table.dpTable {color:#fff !important;background:#222 !important;}

/* Bikes */
#catalogWrapper {margin-left: 20px;} /* Center Catalogs */
.catalogInventory {margin-top: 25px;}
.catalogInventory li, .catalogInventory li a {width: 200px; height: 200px;}
.catalogInventory li {
	float: left; 
	display: inline; 
	margin-right: 20px;
	background-color: #121212; /* Change these colors to be similar to bgcolor */
	-moz-box-shadow: 0 0 5px 5px rgba(18,18,18,0.25);
	-webkit-box-shadow: 0 0 5px 5px rgba(18,18,18,0.25);
	box-shadow: 0 0 5px 5px rgba(18,18,18,0.25);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.25)";
    zoom: 1;
}
.catalogInventory li a {position: relative; display: block;}
.catalogInventory li a .catalogManufactureInfo {position: absolute; bottom: 0; left: 0; z-index: 1; width: 200px; height: 93px; background:url(../imglib/template/v4/catalog/catalog-footer-gradient.png) bottom right no-repeat;}
.catalogInventory li a .manufacturerLogo {position: absolute; bottom: 10px; left: 10px; z-index: 2;}
.catalogInventory li h3 {position: absolute; bottom: 5px; right: 10px; margin: 0; font-size: 16px; font-weight: normal; color: #fff;}
.catalogInventory li:hover h3 {color: #f96400;} /* Anchor Hover Color */
.catalogInventory li h3 span {display: inline; color: #f96400;} /* Arrow Color */

.harley .manufacturerLogo {width: 35px; height: 28px; background:url(../imglib/newinv/harley/harley-davidson-logo.png) top left no-repeat;}
#harleyLastCatalog a {background:url(../imglib/newinv/harley/harley-davidson-last.jpg) top left no-repeat;}
#harleyLatestCatalog a {background:url(../imglib/newinv/harley/harley-davidson-latest.jpg) top left no-repeat;}
#harleyNewCatalog a {background:url(../imglib/newinv/harley/harley-davidson-new.jpg) top left no-repeat;}
#harleyPreCatalog a {background:url(../imglib/newinv/harley/harley-davidson-pre-owned.jpg) top left no-repeat;}

/* 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: #f96400;}
.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 - For non-Harley sites
#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; margin-left: 15px;}
#sliderOverlay {position: absolute; bottom: 0; right: 0; z-index: 7; width: 500px; height: 115px; background: url(http://www.smithbrosharley.com/images/el-cajon-hog-slider-overlay.png) no-repeat;}
#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: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 */

/* Large Format - Delete if not in use*/
.FINVImage img {width: 200px; height: 150px;}
.FINVImageNada img {width: 200px; height: 100px;}
#jqFeatured {width: 415px !important; height: 180px; overflow: hidden;position:relative;}
#jqFeatured ul li {width: 200px; height: 180px; margin-right: 15px;}
#jqFeatured ul li a {color:#fff;text-align:center !important;}
#pnlFeaturedInventory {width: 415px; margin:0;position:relative;top:10px;left:40px;}
#pnlFeaturedInventory img {margin-bottom: 5px;}
#featured {position:relative;width:500px;height:198px;background: url(../images/smith-brothers-harley-davidson-featured-inventory-bg.jpg) no-repeat;margin:0;position:relative;right:4px;}
/*#featuredPrev, #featuredNext {top:110px; display:block; width: 24px; height: 42px; position: absolute;z-index:10;box-shadow:2px 2px 3px #555;}
#featuredPrev {left: -10px; background: url(http://www.smithbrosharley.com/images/wild-west-motorsports-featured-arrow-left.jpg) no-repeat;}
#featuredNext {right: -10px; background: url(http://www.smithbrosharley.com/images/wild-west-motorsports-featured-arrow-right.jpg) no-repeat;}
a.browseFeatured {position:relative;top:100px;left:285px;}*/

/* Small Format - Delete if not in use
.FINVImage img {width: 100px; height: 75px;}
.FINVImageNada img {width: 100px; height: 50px;}
#jqFeatured {width: 100px !important; height: 105px; overflow: hidden;}
#jqFeatured ul li {width: 100px; height: 180px; margin-right: 10px;}
#pnlFeaturedInventory {width: 100px; margin:0;}
#pnlFeaturedInventory img {margin-bottom: 5px;}
*/

/* Dealer Spike Slider Layout Styles */
#dss1 {}
#dss1 ul {width: 820px; height: 376px;}
#dss1 li {border-left: 10px solid #000;}
#dss1 img {width: 700px; height: 376px;}
#dss1 div {padding: 5px; bottom: 50px; background: #000; color: #fff;}
#dss1 h3 {margin: 0; font-size: 16px;}
#dss1 p {margin: 0; font-size: 12px;}
#dss1 h3.expand {font-size: 32px;}
#dss1 p.expand {font-size: 16px;}

/* Dealer Spike Slider System Styles - Do not touch */
.dss{position: relative; overflow: hidden; padding: 0;}
.dss li{position: absolute; list-style: none;}
.dss a{display: block;}
.dss div{position: absolute;}
.dss h3,.dss p{white-space: nowrap;}

/* /inventory */
#newCatalog {background:url(../images/harley-davidson-new.jpg);}
#preCatalog {background:url(../images/Harley-davidson-pre-owned.jpg);}

/* New Inventory Detail Page */
/* Unit Info Background Color Box */
#main.InvDetailPage .invUnitInfo{background-color: #000000;}

/* Facebook Tab */
/* Facebook slideout tab */
#panelFacebook {background-color: #000; width: 400px; position: fixed; z-index: 100; left: -400px; top: 230px;}
#panelFacebookTab {display: block; width: 40px; height: 150px; background-image: url(../images/facebook-tab.png); position: absolute; right: -40px; top: 0px;}