/*** CSS Document ***/

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

body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #000 url(/imglib/template/v4/leads/dealerspike-leads-bg.jpg) top center no-repeat; color: #fff; padding: 0; margin: 0; text-align: left; height: 100%;}
.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;}

/** 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: #676767; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */
h3 {color: #676767; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h4 {color: #676767; 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: 24px;}
ul {margin: 0; padding: 0;}
ul li {list-style: none;}
a {text-decoration: none; outline: none; color: #ccc;}
a:hover {color: #fdb201;}
a img {border: none;}
img {margin: 0; padding: 0;}

.liSubject {display: none}

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

#wrapper {width: 573px; margin: 0 auto; padding: 8px 16px;}
#innerWrapper {padding: 20px 23px 20px 23px;}

#header {width: 515px; height: 103px; margin-bottom: 15px; border: 5px solid #545454;}

#roadButton a span {display: none;}
#roadButton a:hover {opacity: 0;}
#roadButton a {display: block; width: 525px; height: 55px; overflow: hidden;}
#roadButton, #roadButton a {background: url(/imglib/template/v4/leads/dealerspike-leads-road-button.jpg) no-repeat;}
#roadButton {margin-bottom: 30px; background-position: 0 -55px;}

#formContent {width: 280px;}
#formContent li, #thankYouContent li {margin-bottom: 3px;}
#formContent li label, #thankYouContent li label {display: block; margin-top: 8px; color: #ccc; font-weight: bold; font-size: 14px;}
#formContent li input, #formContent li select {padding: 4px 8px; background-color: #373737; border: 2px solid #3c3c3c; font-size: 14px; color: #fff;}
#formContent li select {outline: none; width:171px;}
#formContent li input:hover, #formContent li input:active, #formContent li input:focus,
#formContent li select:hover, #formContent li select:active, #formContent li select:focus {background-color: #464646; border: 2px solid #4b4b4b; outline: none;}
#testRideBox:hover {background-color: #373737 !important; border: 2px solid #3c3c3c !important;}
#calendarButton {display: block; margin: 9px 9px 0 9px;}

#thankYouInfo {margin-left: 50px;}
#thankYouInfo li {margin-bottom: 4px;}
#thankYouInfo li span {display: block; margin-top: 8px; font-size: 14px; color: #4b4b4b;}

#submitButton a span {display: none;}
#submitButton a:hover {opacity: 0;}
#submitButton a {display: block; width: 164px; height: 22px; overflow: hidden;}
#submitButton, #submitButton a {background: url(/imglib/template/v4/leads/dealerspike-leads-submit-button.jpg) no-repeat;}
#submitButton {margin: 10px 2px 15px 0; background-position: 0 -22px;}

#footer p {margin: 0;}

/* Nivo Slider v2.4 Layout Styles */
#slider {position:relative; margin-left: 30px; background:url(/imglib/template/v4/nivo/loading.gif) no-repeat 50% 50%; border: 5px solid #545454;}
#slider img {position:absolute; top:0px; left:0px; display:none; width:200px; height:200px;}
#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:5; display:none;}
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-caption {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;}

/* Date Picker Styles */
a.dp-choose-date {float: left; width: 16px; height: 16px; padding: 0; margin: 8px 0 0 5px; display: block; text-indent: -2000px; overflow: hidden; background: url(/imglib/template/v4/datepicker/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px; cursor: default;}
input.dp-applied {width: 125px; float: left;}

table.jCalendar {border: 1px solid #ccc; background: #aaa; border-collapse: separate; border-spacing: 2px;}
table.jCalendar th {background: #333; color: #fff; font-weight: bold; padding: 3px 5px;}
table.jCalendar td {background: #ccc; color: #000; padding: 3px 5px; text-align: center;}
table.jCalendar td.other-month {background: #ddd; color: #aaa;}
table.jCalendar td.today {background: #666; color: #fff;}
table.jCalendar td.selected {background: #ffd15e; color: #000;}
table.jCalendar td.selected.dp-hover {background: #ffbd1a; color: #000;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background: #fff; color: #000;}
table.jCalendar tr.selectedWeek td {background: #f66; color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #bbb; color: #888;}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background: #bbb; color: #888;}

/* Date Picker Popup Functionality Styles - Do not touch unless necessary */
div.dp-popup {position: relative; z-index: 200; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em;}
div#dp-popup {position: absolute; z-index: 199; }
div.dp-popup h2 {font-size: 12px; text-align: center; margin: 2px 0; padding: 0;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000; text-decoration: none; padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top: 2px; left: 4px; width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute; top: 2px; right: 4px; width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default; color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}

#Confirmation {display: none;}

#NewsLetterContainer {clear: both;}

div[aria-hidden="true"]{display:none;}