/*** CSS Document ***/



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

body {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #282828 url(/images/.jpg) top center no-repeat; color: #ccc;}
.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;}
.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);}
.bullet {padding-left:30px;}
.bullet li {list-style: disc;}


/** 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;}
h1, h2 {color: #ff6501; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */
h3 {color: #ff6501; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h4 {color: #ccc; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
h5 {color: #ccc; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
h6 {color: #ccc; font-size: 10px; font-weight: bold; margin-bottom: 5px;}
ul {padding: 0; margin:0;}
ul li {list-style:none;}
p {margin: 0 10px 15px 0; padding: 0; line-height: 18px;}
a {text-decoration: none; outline: none; color: #fff;}
a:hover {color: #ff6501;}
a img {border: none;}
img {margin: 0; padding: 0;}


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

#wrapper {position: relative; width: 980px; z-index: 3; margin: 0 auto; background: #323232;}

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

#companyLogo, #companyLogo a {width: 100px; height: 82px;}
#companyLogo {}
#companyLogo a {display: block; background: url(/images/template-logo.png) top left no-repeat; margin: 0;}

#mainNav {position: relative; z-index: 21; margin-top: 20px;}
#nav {margin: 0; padding: 0;}
#nav > li {float: left; list-style: none;}
#nav > li > a {display: block; padding: 10px 15px; color: #fff;}
#nav > li > a:hover, #nav > li.show > a {background-color: #3c3c3c; color: #ff6501;}
#nav li.dropDown {position: relative; z-index: 22;}
#nav li.dropDown > ul.subNav {display: none; position: absolute; z-index: 23; min-width: 230px; padding: 0; background-color: #3c3c3c;}
#nav li.dropDown > ul.subNav > li {border-bottom: 1px solid #4b4b4b; list-style: none;}
#nav li.dropDown > ul.subNav > li > a {display: block; min-width: 200px; padding: 10px 15px;}
#nav li.dropDown > ul.subNav > li > a:hover {background-color: #4b4b4b;}
#nav li.dropDown:hover > ul.subNav, #nav li.dropDown.show > ul.subNav {display: block;}
#nav li.dropDown.with-js > ul.subNav {display: none;}

#main {}
#content {}

#footer {padding: 30px 40px; color: #ccc;}
#footer a {color: #fff;}
#footer a:hover {color: #ff6501;}
#footer > dl {margin: 0 35px 0 0; padding: 0 60px 0 0; border-right: 1px dotted #4b4b4b;}
#footer > dl > dt {margin-bottom: 10px; color: #ff6501;}
#footer > dl > dd {margin: 0 0 8px 0; font-size: 11px;}
#footer > dl > dd span {color: #ff6501;}
#footer > dl > dd span.left {padding-right: 15px;}
#footer > dl > dd span.left, #footer > dl > dd span.right {color: #ccc;}

#footerCopy {font-size: 10px;}
#footerCopy p {margin: 0; padding-left: 10px;}
#footerCopy #dsLogo {padding-left: 0;}


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

/* Index */
#homeMain {}
#homeContent {}

/* Inventory / Inventory Detail / Modals/ > darknav, lightnav, or greynav */
body.darknav .textbuttons li span.icon,
body.darknav .textbuttons li,
body.darknav .InventoryDetailModals .textbuttons li {
	background-color: #ff6501;
}

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

/* More/Less Comment Collapse Text Color*/
#main.InvDetailPage .unitText .morelessButton {color: #ff6501;}

/* ** Inventory Detail breadcrumb nav styles ** */ 
#showroom-detail-container .div-social-buttons-breadcrumbs h3 a {color: #ff6501 !important;}

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


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

/* Nivo Slider v2.4 Layout Styles */
#slider {width: px !important; height: px !important;}
#slider {position: relative; background: url(http://cdn.dealerspike.com/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: 5px; bottom: 5px; z-index: 9;}/* Controls Position of the slide bubbles*/
.nivo-controlNav a {display: block; width: 22px; height: 22px; background:url(http://cdn.dealerspike.com/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(http://cdn.dealerspike.com/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-directionNav {display:block !important;} /* important to always keep nivo arrows visible */


/* 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; text-align: left;}
#pnlFeaturedInventory {width: 200px; margin:0;}
#pnlFeaturedInventory img {margin-bottom: 5px;}