@import url("reset.css");

html { background: #aeaeae url(/apps/ddc/v4/media/img/bg-page.png) repeat-x 0 0; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; line-height: 1.5; text-align: center; color: #323232; }
/* =global 
-------------------------------------------------- */
a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #222; }
a:hover, a:active { color: #FAAA19; }
a.high:link { text-decoration: none; color: #F6871F; }
a.high:visited { text-decoration: none; color: #D45627; }
a.high:hover, a:active { color: #FAAA19; }
h1, h2, h3, h4 { font-weight: normal; color: #323232; }
h1 { font-size: 2em; }
h2 { font-size: 1.7em; font-weight: bold; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
p { font-size: 13px; line-height: 1.6; margin-bottom: 1.5em; }
blockquote { margin: 0; padding: 0 0 0 2em; }
blockquote p { margin-bottom: 1.5em; padding: 0; font-size: 1.1em; font-style: italic; }
blockquote cite { font-size: 0.85em; line-height: 1.1; font-style: italic; }
ol, ul { margin-bottom: 1.5em; }
ol { margin-left: 18px; }
ol li { margin-bottom: 0.5em; }
ul { list-style: disc; margin: 0 0 1.5em 15px; }
ul ul { margin-top: 1.5em; }
ul li { margin-bottom: 3px; }
sup { position: relative; top: -5px; right: 0; font-size: 9px; }
/* =forms --*/
form { float: left; width: 100%; margin: 0 0 1em; }
form a:link { text-decoration: none; }
form fieldset { margin-bottom: 1em; padding: 10px; border: 1px solid #ccc;  }
form legend { padding: 0 1em; font-size: 16px; font-weight: normal; color: #323232; }
form ol { list-style-type: none; width: 100%; }
form ol li { position: relative; clear: none; float: left; width: 45%; margin: 0 4% 0 0; padding: 0 0 20px 0; }
form li label { float: left; width: 100%; margin: 0; padding: 10px 0 0 0; font-size: 13px; font-weight: bold; text-align: left; }
form li input { clear: left; float: left; width: 100%; padding: 5px 0; font-size: 1.2em; text-indent: 5px; border: 1px solid #636363; }
form li select { clear: left; float: left; width: 100%; padding: 5px 0; font-size: 1.1em; border: 1px solid #636363; }
form li textarea { clear: left; float: left; width: 100%; height: 180px; padding: 5px 0; font-size: 1.2em; text-indent: 5px; border: 1px solid #636363; }
form div.hiddenFields { display: none; }
/* =errors --*/
form li label.error { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 12px; font-style: italic; font-weight: normal; }
form li input.error, form li textarea.error { border-color: #7F1F1F; background-color: #FFEFEF; }
/* =specific form inputs --*/
form ol li.required label, form ol li.required label { color: #D45627; }
form ol li.fieldcity { clear: left; }
form ol li.fieldmessage, form ol li.fieldmessage { float: left; width: 94%; margin: 1% 0 0 0; }
form ol li.fieldpostalcode input, form ol li.postalcode input { width: 50%; }
form li.fieldfirsttime, form li.fieldnewsletter { position: relative; clear: none; float: left; width: 45%; margin: 0 4% 10px 0; }
form li.fieldfirsttime label, form li.fieldnewsletter label { width: 80%; padding-left: 30px; }
form li.fieldfirsttime input, form li.fieldnewsletter input { position: absolute; top: 10px; left: 0; width: 15px; border: 0; }
form li.submit { position: relative; top: -20px; float: right; width: auto; margin: 0 40px 0 0; padding-bottom: 0; }
/* =sidebar form inputs --*/
#sidebar form { position: relative; top: -10px; margin: 0; }
.promo #sidebar form { top: 10px; }
#sidebar form fieldset { margin: 0; padding: 0; border: 0; }
#sidebar form ol { margin-left: 0; }
#sidebar form li { width: 100%; }
#sidebar form li.submit { margin-right: 0; }
#sidebar form li.submit input { float: right; width: auto; }
#sidebar form li label { padding: 0; }
#sidebar form li.fieldfirsttime, #sidebar form li.fieldnewsletter { display: none; }
/* =quickContact form --*/
#quickcontact { display: none; }
#TB_ajaxContent form { position: relative; top: -5px; width: 760px; margin: 0; }
#TB_ajaxContent form fieldset { margin: 0; padding: 0; border: 0; }
#TB_ajaxContent form li input { float: none; width: 100%; padding: 3px 0; }
#TB_ajaxContent form li select { clear: none; float: none; width: 100%; }
#TB_ajaxContent form ol { width: 760px; }
#TB_ajaxContent form ol li { width: 43%; margin-left: 2%; padding-bottom: 15px; }
#TB_ajaxContent form ol li label { padding-top: 0; }
#TB_ajaxContent form ol li.fieldcity { clear: left; }
#TB_ajaxContent form ol li.fieldmessage { float: left; width: 695px; }
#TB_ajaxContent form li.fieldmessage textarea { float: left; clear: left; width: 100%; height: 100px; }
#TB_ajaxContent form li.fieldpostalcode input { clear: left; float: none; width: 50%; display: block; }
#TB_ajaxContent form li.fieldfirsttime, #TB_ajaxContent form li.fieldnewsletter,
#TB_ajaxContent form li.fieldpage_source, #TB_ajaxContent form li.fieldpage_source_url { display: none; }
#TB_ajaxContent form li.submit { float: right; width: 10%; top: 0; }
#TB_ajaxContent form li.submit input { width: auto; padding: 5px 8px 7px 5px; }
/* =utility --*/
.button:active { color: #fff; background-color: #ff9900; }
#header .button { float: right; padding: 5px; font-size: 11px; line-height: 1; border: 2px solid #444; background-color: #222; }
#header .button:hover { color: #fff; background-color: #ff6600; }
#header .button:active { color: #fff; background-color: #ff9900; }
#intro .button { float: right; padding: 3px 5px; font-weight: bold; text-decoration: none; border: 1px solid #ddd; background-color: #f6f6f6; }
#intro .button:hover { color: #fff; background-color: #ff6600; }
#intro .button:active { color: #fff; background-color: #ff9900; }
#main .button { float: right; margin-bottom: 2em; padding: 5px 25px 5px 0; border: 0; font-size: 12px; line-height: 1; font-weight: bold; text-decoration: none; background: url(/apps/ddc/v4/media/img/icons/icoRightArrow.gif) no-repeat 100% 0; }
#main .button.highlight { background: url(/apps/ddc/v4/media/img/icons/icoRightArrowYellow.gif) no-repeat 100% 0; }
#sidebar .button { float: right; margin-bottom: 2em; padding: 5px 25px 5px 0; border: 0; font-size: 12px; line-height: 1; font-weight: bold; text-decoration: none; background: url(/apps/ddc/v4/media/img/icons/icoRightArrow.gif) no-repeat 100% 0;  }
#main .button:hover, #sidebar .button:hover { color: #ff6600; }
#main .listing li p a.button { margin: 3px 10px 0 0; }
#intro a.button#action-contact,
#main a.calltoaction { border: 2px solid #d3d3d3; font-weight: normal; text-align: center; color: #fff; background-color: #f6871f; background-image: none; }

#main a.calltoaction { display: block; width: 80px; padding: 5px 0; text-decoration: none; }
#main a.calltoaction:visited { text-decoration: none; }

#secondary a.button,
form li.submit input {padding: 6px 5px 4px; border: 2px solid #d3d3d3; font-size: 12px; line-height: 1; font-weight: normal; color: #fff; background-color: #f6871f; background-image: none; }
form li.submit input { padding: 5px 10px 5px 8px; }
#sidebar form li.submit input { width: auto; }
#intro a.button#action-contact:hover,
#secondary a.button:hover,
form li.submit input:hover,
#main a.calltoaction:hover { color: #fff; background-color: #ff6600; }
/* =containers 
-------------------------------------------------- */
.container { width: 960px; margin: 0 auto; padding: 0; font-size: 1.3em; text-align: left; background-color: #fff; }
.group { position: relative; padding: 10px 20px; }

/* =header 
-------------------------------------------------- */
#header { position: relative; z-index: 101; width: 960px; height: 87px; padding-bottom: 0; background: #080808 url(/apps/ddc/v4/media/img/site-header-interior.jpg) no-repeat 50% 100%; }
#home.live #header, #nada #header { height: 78px; background-image: url(https://static.dealer.com/apps/ddc/v4/apps/ddc/v4/media/img/site-header-noshadow.jpg); }
#header .group { padding: 0 20px; }
#header a:link, #header a:visited { color: #ddd; text-decoration: none; }
#header h1 { float: left; width: 260px; height: 30px; margin: 7px 0 5px 0; text-indent: -9999px; background: transparent url(/apps/ddc/v4/media/img/ddc-logo.png) no-repeat 0 0; }
#header h1 a { display: block; width: 100%; height: 100%; }
#header p { float: left; margin: 12px 0 0 20px; font-size: 0.9em; font-weight: normal; letter-spacing: 0.1em; color: #ccc; }
#header ul { list-style-type: none; margin: 0; padding: 0; }
/* =main nav -- */
#nav-wrap { position: relative; z-index: 101; clear: both; margin: 0; padding: 0; }
#nav-wrap ul#nav, #nav-wrap ul#nav ul { position: relative; margin: 0; padding: 0; height: 34px; }
#nav-wrap ul#nav { top: 5px; }
#nav-wrap ul#nav li { position: relative; float: left; width: 16.5%; height: 34px; font-size: 14px; letter-spacing: 1px; padding: 0; }
#nav-wrap ul#nav li a { display: inline-block; padding: 2px 20px 2px 0; border-bottom: 5px solid transparent; text-decoration: none; }
#nav-wrap ul#nav li.here a, #nav-wrap ul#nav li.parent-here a { border-bottom-color: #ff6600; }
#nav-wrap ul#nav li a:hover { border-bottom-color: #ff9900; }
#nav-wrap ul#nav li ul { z-index: 102; left: -9999px; width: 260px; height: auto; margin: 0; padding: 5px 0 0 0; border-style: solid; border-color: #999 #999 #444; border-width: 0 1px 1px 1px; background-color: #fff; }
#nav-wrap ul#nav li li { z-index: 1003; float: none; width: 100%; height: auto; margin: 0; padding: 0; font-size: 12px; background-color: #fff; }
#nav-wrap ul#nav li li a { border-bottom: 0; }
#nav-wrap ul#nav li li a:link, #nav-wrap ul#nav li li a:visited { display: block; width: 96%; padding: 5px 2%; border-bottom: 0; color: #444; background-color: #fff; }
#nav-wrap ul#nav li li a:hover { color: #ff6f00; }
#nav-wrap ul#nav li li.here a { font-weight: italic; }
/* =jQuery list action -- */
#nav-wrap ul#nav li.sfhover ul ul,
#nav-wrap ul#nav li.sfhover ul ul ul,
#nav-wrap ul#nav li.sfhover ul ul ul ul { left: -9999px; }
#nav-wrap ul#nav li:hover ul,
#nav-wrap ul#nav li.sfhover ul,
#nav-wrap ul#nav li li.sfhover ul,
#nav-wrap ul#nav li li li.sfhover ul,
#nav-wrap ul#nav li li li li.sfhover ul,
#nav-wrap ul#nav li.sfhover li:last-child { left: auto; right: auto; }

#nav-wrap ul#nav li:hover ul {left:auto; right:auto;}

#nav-wrap ul#nav li.sfhover:last-child ul { left: auto; right: 173px; }
/* =self-clearing floats
-------------------------------------------------------------- */
#nav-wrap ul#nav:after {display:block;clear:both;content:".";height:0;visibility:hidden;}

/* =content 
-------------------------------------------------- */
/* =intro --*/
#intro { position: relative; margin: 0; min-height: 50px; padding: 15px 265px 15px 20px; border-bottom: 1px solid #d0d0d0; background-color: #f3f3f3; }
#intro.full { padding-right: 20px; }
#lvlc #intro, #press #intro { padding-right: 100px; }
#intro > br { display: none; }
#intro h1 { clear: left; margin: 0; font-size: 24px; font-weight: bold; line-height: 1.2; } 
#intro h2 { margin: 0; font-size: 13px; font-weight: normal; }
#intro p { margin: 10px 0 0; }
#intro p.author { font-size: 11px; line-height: 1; font-style: italic; }
#intro ul#nav-sub { width: 100%; margin: 0; }
#intro ul#nav-sub li { float: left; margin: 0 1em 0.1em 0; }
#intro ul#nav-sub li a { color: #bbb; }
#intro ul#nav-sub li.here a{ font-weight: bold; }
#intro ul#nav-sub ul { display: none; }
#intro div.vid-wrap { margin: 0 0 20px 10px; background-color: #ddd; }
#intro ul#breadcrumbs { list-style: none; position: relative; top: -15px; float: left; width: 100%; margin: 0 0 -10px; }
#intro ul#breadcrumbs li { float: left; margin-right: 5px; font-size: 11px; }
#intro p.action { position: absolute; top: 5px; right: 20px; }
#intro p.action a#action-lvlc { float: left; width: 125px; height: 50px; margin-right: 10px; padding: 5px 55px 0 0; border-right: 1px solid #ddd; line-height: 1.2; text-decoration: none; color: #555; background: url(https://pictures.dealer.com/d/dealerdotcom/uploads/pages/icons/icoLVLC_small.gif) no-repeat 95% 0; }
#intro p.action a#action-contact { float: left; width: auto; margin-top: 8px; font-size: 12px; }
/* =tab slider --*/
#main #slider { position: relative; top: -20px; left: -20px; width: 960px; background-color: #fff; }
#main #slider .scroll { position: relative; overflow: hidden; overflow-x: hidden; clear: left; width: 960px; height: 370px; background: #fff; }
#main #slider .scrollContainer div.panel { overflow-y: hidden; overflow-x: hidden; width: 920px; height: 350px; padding: 10px 20px; }
#main #slider .scrollContainer div.panel h2 { clear: none; margin: 0; font-size: 30px; margin-bottom: 0; line-height: 1; }
#main #slider .scrollContainer div.panel h3 { clear: none; margin: 0; }
#main #slider .scrollContainer div.panel p { margin: 10px 0 0; }
#main #slider .scrollContainer div.panel ul { margin: 10px 0 0 16px; }
#main #slider .scrollContainer div.panel li { margin-bottom: 3px; }
#main #slider .scrollContainer div.panel div.product-box { float: left; width: 200px; height: 270px; }
#main #slider .scrollContainer div.panel div.product-box p { margin: 0; }
#main #slider .scrollContainer div.panel div.product-box img { max-width: 200px; margin: 0; padding: 0; }
#main #slider ul.navigation { position: relative; left: 0; float: left; width: 940px; list-style: none; margin: 0; padding: 0 0 0 20px; border-top: 1px solid #888; }
#main #slider ul.navigation li { float: left; margin: 0; padding: 0; border: 1px solid #d0d0d0; border-width: 0 0 0 0; }
#main #slider ul.navigation li.l1 { border-left: 1px solid #d0d0d0; }
#main #slider ul.navigation a { position: relative; top: 0; display: block; padding: 10px; border-top: 0; font-size: 0.9em; font-weight: bold; color: #fff; text-decoration: none; background: url(/apps/ddc/v4/media/img/bg-tab.gif) repeat-x 0 0;  }
#main #slider ul.navigation a:hover { background-position: 0 -76px; border-bottom-color: #ff9900; }
#main #slider ul.navigation a.selected { top: -1px; color: #222; border-top-color: #fff; border-bottom: 1px solid #888; background-color: #fff; background-image: none; }
#main #slider ul.navigation li.last { border-right: 1px solid #d0d0d0; }
#main #slider ul.navigation a:focus { outline: none; } 
#main #slider .scrollButtons { display: none; position: absolute; top: 150px; cursor: pointer; }
#main #slider .scrollButtons.left { left: -20px; }
#main #slider .scrollButtons.right { right: -20px; }
#main #slider span.image img { padding: 0; border: 0; }
#main #slider .vid-wrap { display: block; position: relative; top: -10px; right: 10px; width: 320px; height: 200px; }
/* =page --*/
#main { padding: 20px; }
#main h2 { clear: both; margin: 0 0 0.5em; font-size: 36px; font-weight: bold; }
#main h3 { margin: 0 0 1px; font-size: 16px; font-weight: bold; }
#main h3 span { display: block; font-size: 13px; font-style: italic; font-weight: normal; }
#main h4 { margin: 0 0 5px; font-size: 14px; }
#main h4 span { display: block; font-size: 13px; font-style: italic; font-weight: normal; }
#main h4 span.amp, #main h4 span.trade { display: inline; font-size: inherit; font-style: none; font-weight: inherit; }
#main h3 a:link, #main h4 a:link, #main h3 a:visited, #main h4 a:visited { color: #323232; text-decoration: none; }
#main h3 a:hover, #main h4 a:hover { color: #F6871F; }
#main h3 a:hover span, #main h4 a:hover span { color: #323232; }
#main p { margin-bottom: 16px; font-size: 13px; }
#main a:hover, #main a:active { color: #F6871F; }
#main ul ul { margin: 3px 0 16px 18px; }
#main .listing, #page .listing { list-style-type: none; margin-left: 0; }
#main .listing li { clear: right; position: relative; margin-bottom: 2.5em; }
#blog #main .listing li {position: static;}
#main .listing li li { clear: none; }
#main .listing li.recent { padding-top: 5px; border-top: 2px solid #ccc; }
#main .listing li li { margin-bottom: 3px; }
#main .listing li h4 { font-weight: bold; }
#main .listing li h3 { margin-bottom: 10px; }
#main .listing li h3 a,
#main .listing li h4 a { text-decoration: none; }
#main .listing li p.author { margin-bottom: 1.5em; font-size: 0.85em; text-transform: uppercase; color: #666; }
#main .listing li p.meta { margin: 1em 0; padding: 0.5em 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; color: #999; }
/* =sidebar --*/
#sidebar { clear: none; margin-left: 75%; padding: 2em 20px; border-top: 1px solid #fefefe; background-color: #f2f2f5; }
#sidebar h4 { clear: none; margin: 0; font-weight: bold; color: #383838; }
#sidebar p { font-size: 12px; color: #434343; }
.promo #sidebar p { color: #000; }
#sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar ul { list-style-type: circle; }
#sidebar ul li { margin-bottom: 0.25em; font-size: 12px; color: #434343; }
#sidebar ul.listing { list-style-type: none; margin: 1em 0; padding: 0; }
#sidebar ul.listing li { margin: 0 0 1em; padding: 0; }
#sidebar ul.listing li span { display: block; font-size: 0.8em; font-style: italic; }
#sidebar ul.listing li a { color: #222; }
#sidebar ul.listing li a strong { display: block; color: #ff4411; }
#sidebar ul.listing li ul { list-style-type: none; }
#sidebar ul.nav { list-style-type: none; margin: 1em 0; border-bottom: 1px solid #e0e0e0; }
#sidebar ul.nav li { position: relative; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff; }
#sidebar ul.nav li { margin: 0; padding: 0.5em 0; }
#sidebar ul.nav li span.date { display: block; font-size: 0.85em; font-weight: bold; color: #777; color: rgba(0,0,0,0.35); text-transform: uppercase; }
#sidebar ul.nav li span.entries { position: absolute; right: 0; bottom: 0.6em; font-size: 0.85em; font-style: italic; color: #999; }
#sidebar ul.nav li span.timeline { display: block; font-size: 0.85em; font-weight: bold; color: #999; }
#sidebar ul.nav li ul { list-style-type: none; margin: 5px 0 -7px 0; }
#sidebar ul.nav li li { padding-left: 1.5em; }
#sidebar #share ul.nav li img { position: relative; top: 3px; margin: 0 5px 0 0; }
#sidebar .section { float: left; width: 100%; min-height: 0; margin: 0 0 1em 0; padding: 0; border: 0; }
#sidebar #feed.section li a { padding: 2px 0 2px 20px; background: url(https://pictures.dealer.com/d/dealerdotcom/uploads/pages/icons/feed-icon-14x14.png) no-repeat 0 0; }
#sidebar #feed.section h6 { font-size: 12px; color: #434343; }
#sidebar #feed.section p { font-size: 11px; }
#sidebar form input { border: 1px solid rgb(88, 88, 88); background-color: #fdfdfd; }
#sidebar form li.submit input { background-color: #F6871F; margin-top:10px;}
#sidebar form input:hover { border-color: rgb(99,99,99); -webkit-box-shadow: #fff 0 0 10px }
#sidebar form input:focus { -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 5px; }
#sidebar form input:focus { background-color: #fff; -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in }
#sidebar form input:hover, #sidebar form input:focus { -webkit-transition-timing-function: ease-out }
.promo #sidebar .form p {margin-bottom:4px;}
.promo #sidebar .form div {background-color:#F6871F; color:#000000; position:relative; right:20px; width:200px; padding:15px 20px;}
.promo #sidebar .form h3 {font-size:1.1em; font-weight:bold; color:#000; background: url(/apps/ddc/v4/media/img/white-arrow.png) no-repeat scroll 0 0 transparent; padding-left:20px; position:relative; right:20px;}
.promo #sidebar .form .phone {font-size:1.3em; font-weight:bold;}

/* =secondary --*/
#secondary { clear: both; margin: 0; padding: 2em 20px; border-top: 1px solid #d0d0d0; background-color: #fcfcfc; }
#secondary a { text-decoration: none; }
#secondary h4 { clear: none; font-weight: bold; color: #383838; }
#secondary blockquote { margin: 0; padding: 0; }
#secondary blockquote p { margin: 0 0 1.5em 0; padding: 0; border: 0; }
#secondary p, #main #secondary li { font-size: 0.9em; }
#secondary p.request-demo a.button { float: none; margin: 1em auto; }
#secondary .group { position: relative; float: left; min-height: 200px; padding: 0 1% 20px 1%; border-right: 1px solid #fefefe; border-left: 1px solid #ccc; }
#secondary .group h5 { margin-bottom: 1em; }
#secondary .group.first { border-left: 0; }
#secondary .group.last { margin-right: 0; border-right: 0; }
#secondary.duo .group { width: 660px; }
#secondary.duo .group.first { padding-left: 0; }
#secondary.duo .group.last { width: 210px; margin: 0; }
#secondary.trio .group { width: 30%; }
#secondary.trio .group.last { margin-right: 0; }
#secondary.quad .group { width: 24%; }
#secondary.quad .group.last { width: 19%; }
#secondary .group p.prevnext { position: absolute; bottom: -20px; left: -10px; width: 100%; font-size: 0.85em; text-align: center; color: #999; }
#secondary ul { list-style: none; margin: 0;  }
#secondary ul.cycle li { display: none; margin-bottom: 0; }
#secondary ul.cycle > li:first-child { display: block; }
#secondary ul#resources { margin: 0.5em 0; }
#secondary ul#resources li { margin-bottom: 5px; padding: 0 0 3px 20px; font-size: 12px; font-weight: bold; background-repeat: no-repeat; background-position: 0 5px; }
#secondary ul#resources li.pdf { background: url(/apps/ddc/v4/media/img/ico_pdf.gif) no-repeat 0 0; }
#secondary ul#resources li a:link { color: #3F7E9D; }
#secondary ul#resources li a:hover, #secondary ul#resources li a:visited { color: #6CA0BE; }
#secondary ul#latest li { margin-bottom: 10px; }
#secondary ul#latest li a { font-size: 12px; }
#secondary ul#latest span.link { text-decoration: underline; color: #000; }
/* =classic
-------------------------------------------------- */
#content.classic #main { float: left; width: 70%; padding: 20px 0 0 20px; border: 0; }
#content.classic #sidebar .section img { max-width: 100%; }
* html #content.classic #sidebar .section img { max-width: 200px; }
*+html #content.classic #sidebar .section img { max-width: 200px; }
/* =footer 
-------------------------------------------------- */
#footer { border-top: 1px solid #080808; background-color: #2a2a2a; }
#footer a:link, #footer a:visited { color: #696969; text-decoration: none; }
#footer a:hover { color: #ff4411; }
#footer ul { list-style: none; margin-left: 0; }
#footer ul ul { margin-left: 0; }
#footer ul#footer-nav { margin: 0; padding: 0; }
#footer ul#footer-nav li { float: left; width: 21%; padding: 0 1.5%; font-size: 13px; }
#footer ul#footer-nav li a { font-weight: normal; color: #555; }
#footer ul#footer-nav li a:hover { color: #ff4411; }
#footer ul#footer-nav li ul { margin-top: 0.5em; }
#footer ul#footer-nav li li { float: none; width: auto; margin-bottom: 0.25em; font-size: 11px; }
#footer ul#footer-nav li li a { line-height: 1.1; color: #696969; }
#footer ul#footer-nav li li ul { display: none; }
#footer .group { padding: 20px; border-top: 1px solid #666; }
#footer #additional { border-top: 1px solid #080808; font-size: 12px; background: #080808 url(/apps/ddc/v4/media/img/bg-header.png) repeat-x 0 0; }
#footer #additional p { clear: left; color: #555; font-size: 12px; }
#footer #additional ul li { float: left; margin: 0 4px 0 0; color: #444; }

ul#super-nav { float: right; margin: 7px 0 0 0; padding: 0; }
ul#super-nav li { display: inline; float: left; margin: 0 0 0 15px; }
ul#super-nav li#phone { margin: 0 15px 0 0; padding-top: 5px; font-weight: normal; letter-spacing: 0.1em; }
ul#super-nav li#phone span { display: none; }
ul#social { position: absolute; top: 20px; right: 20px; }
ul#social li, ul#super-nav li.social { float: left; width: 28px; height: 28px; margin: 0 2px; }
ul#social li a, ul#super-nav li.social a { display: block; width: 100%; height: 100%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; }
ul#social li a.facebook, ul#super-nav li a.facebook { background-image: url(https://pictures.dealer.com/d/dealerdotcom/uploads/pages/icons/icoFacebook.png); }
ul#social li a.feed, ul#super-nav li a.feed { background-image: url(https://pictures.dealer.com/d/dealerdotcom/uploads/pages/icons/icoRSS.png); }
ul#social li a.twitter, ul#super-nav li a.twitter { background-image: url(https://pictures.dealer.com/d/dealerdotcom/uploads/pages/icons/icoTwitter.png); }
ul#social li a.youtube, ul#super-nav li a.youtube { background-image: url(https://pictures.dealer.com/d/dealerdotcom/uploads/pages/icons/icoYouTube.png); }

/* =page 
-------------------------------------------------- */
#awards ol.listing li { overflow: hidden; position: relative; margin-bottom: 0; padding: 1.5em 0; border-bottom: 1px solid #DDDDDD; }
#awards ol.listing li.first { padding-top: 0; }
#awards ol.listing li.odd { position: relative; }
#awards ol.listing li h4 { margin-bottom: 0; }
#awards ol.listing li p { margin-bottom: 5px; }
#awards ol.listing li div.meta { margin-bottom: 10px; }
#awards ol.listing li div.meta p { font-style: italic; }
#awards ol.listing li div.award-image { float: left; width: 170px; }
#awards ol.listing li div.award-image img { max-width: 150px; margin: 0; padding: 0; outline: 0; }
* html #awards ol.listing li div.award-image img { width: 150px; }
*+html #awards ol.listing li div.award-image img { width: 150px; }
#awards ol.listing li div.award-details { margin-left: 170px; }
#awards ol.listing li div.award-details h4 { clear: none; }
/* =company --*/
#about-us-culture #main #stuckinvt { padding: 10px; background-color: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* =home --*/
#home #header { background-image: url(/apps/ddc/v4/media/img/site-header.jpg); }
#home #intro { display: none; }
#home #content { padding-top: 15px; }
#home #main { float: left; width: 660px; margin: 0 0 0 20px; padding: 0; }
#home #slideshow { position: relative; width: 640px; margin: 0 0 10px; padding-bottom: 75px; }
#home #slideshow #slides { width: 640px; height: 360px; margin: 0;  background: url(/apps/ddc/v4/media/img/loading.gif) no-repeat 50% 50%; }
#home #slideshow #slides img { margin: 0 auto; display: none; }
#home #slideshow #slides img.first { display: block; }
#home #slideshow #slideshow-nav { z-index: 101; overflow: hidden; position: absolute; bottom: 0; left: 0; float: left; width: 560px; margin: 0; }
#home #slideshow #slideshow-nav li { width: 100px; float: left; margin: 0 12px 0 0; list-style: none }
#home #slideshow #slideshow-nav a { width: 100px; padding: 3px; display: block; border: 1px solid #ccc; }
#home #slideshow #slideshow-nav a.activeSlide { background: #3f7e9d; }
#home #slideshow #slideshow-nav a:focus { outline: none; }
#home #slideshow #slideshow-nav img { border: none; display: block }
#home #slideshow .controls { position: absolute; bottom: 20px; display: block; width: 21px; height: 21px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; }
#home #slideshow #next { right: 0px; background-image: url(/apps/ddc/v4/media/img/icons/icoRightArrow.gif); }
#home #slideshow #pause { right: 25px; background-image: url(/apps/ddc/v4/media/img/icons/icoPause.gif); }
#home #slideshow #prev { right: 50px; background-image: url(/apps/ddc/v4/media/img/icons/icoLeftArrow.gif); }
#home #sidebar { margin-left: 680px; height: 366px; padding: 0 20px 10px 0; border: 0; background-color: #fff; }
#home #sidebar ul { list-style-type: none; margin: 1em 0 0; padding: 0.5em 0 0; border-top: 1px solid #999; }
#home #sidebar li { margin: 0; padding: 0; line-height: 1; }
#home #sidebar li a { display: block; width: 100%; padding: 0.5em 0; font-weight: bold; }
#home #sidebar li a:hover { background-color: #eee; }
#home #sidebar .section { margin-bottom: 10px; }
#home #secondary { margin: 0; }
#home #secondary .group.first { width: 470px; }
#home #secondary .group.last { width: 420px; padding: 0 0 20px 2%; } 
#home #secondary #ads { float: left; width: 100%; }
#home #secondary #ads li { clear: none; float: left; width: 220px; height: 100%; margin: 0 15px 0 0; }
#home #secondary #latest { border-bottom: 1px solid #fefefe; }
#home #secondary #latest li { margin: 0; padding: 15px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #fefefe; }
#home #secondary #latest li.first { border-top: 0; }
/* =live --*/
#live #header { background-image: url(/apps/ddc/v4/media/img/site-header-noshadow.jpg); height:78px;}
#home.live #content { position: relative; top: -12px; padding-top: 0; }
#home.live #main { width: 960px; height: 540px; margin: 0 0 -15px 0; padding: 0; }
/*#videofeed {background-color:#000 !important; background-image:none !important;}*/
#leadForm {display:none;}

/* =lvlc --*/
#lvlc #content.classic #main { float: left; width: 580px; padding: 2.2em 0 0 20px; border: 0; }
#lvlc #main #lvlc-form h3 { margin: 0 0 10px 0; }
#lvlc #main form { float: left; margin: 0 0 2em; }
#lvlc #main form fieldset { margin: 10px; padding: 0; border: 0; }
#lvlc #main form li label { color: #222; }
#lvlc #main form li input, #lvlc #main form li textarea, #lvlc #main form li select { border: 1px solid #aaa; }
#lvlc #main form li.submit { margin: 30px 33px 0 0; }
#lvlc #main form li label.error { color: #7F1F1F; }
#lvlc #main form li input.error, #lvlc #main form li textarea.error { border-color: #7F1F1F; background-color: #FFEFEF; }
#lvlc #content.classic #sidebar { margin-left: 605px; padding: 2em 5px; border-top: 0; border-bottom: 1px solid #e0e0e0; }
#lvlc #sidebar ol { margin: 2em 0 0 30px; }
#lvlc #sidebar ol li { margin-bottom: 10px; }
#lvlc-block { position: relative; background: url(/apps/ddc/v4/media/img/icons/icoLVLC.gif) no-repeat 100% 0; }
#lvlc-block h3 { margin: 0 70px 10px 0; font-size: 13px; font-weight: bold; color: #333; }
#lvlc-block p { margin-right: 80px; font-size: 13px; color: #555; }
#lvlc-block p a.begin { position: absolute; bottom: 0; right: 10px; text-decoration: underline; }
/* =press --*/
#press #about-ddc { margin-top: 2em; }
#press #content.classic #main { padding-top: 25px; }
/* =search-marketing --*/
#search-marketing-nav { margin-top: 2em; }
/* =showcase --*/
#showcase #page h3 { clear: left; }
#showcase #page ul#stories { list-style-type: none; width: 100%; margin: 0 0 1em 0; }
#showcase #page ul#stories li { position: relative; min-height: 180px; margin-bottom: 2em; padding-left: 220px; }
#showcase #page ul#stories li h3 { font-weight: bold; }
#showcase #page ul#stories li a.logo { position: absolute; top: 0; left: 0; width: 200px; }
#showcase #page ul#stories li img { max-width: 100%; }
#showcase #testimonials { margin: 1em 0; }
#showcase #testimonials ul { list-style-type: none; }
#showcase #testimonials ul li { float: left; width: 45%; margin-right: 4%; }
#showcase #testimonials ul li.even { clear: both; }
#showcase #testimonials ul li blockquote p { position: relative; font-size: 16px; }
#showcase #testimonials ul li blockquote p span.quote {  display: inline; font-size: 36px; color: #999; }
#showcase #testimonials ul li blockquote p span.after { display: none; }
#showcase #testimonials ul li blockquote p span.before { position: absolute; top: -10px; left: -20px; }
/* =success-stories --*/
#success-stories #page ul { margin-top: 2em; }
#success-stories #page li { position: relative; float: left; clear: left; margin-bottom: 2em; padding-left: 260px; }
#success-stories #page li h3 { margin-bottom: 0.5em; font-size: 1.3em; font-weight: bold; line-height: 1.5; }
#success-stories #page li p.logo { position: absolute; top: 0; left: 0; width: 240px; }
#success-stories #page li p.logo img { max-width: 100%; }
/* =videos --*/
#videos ol, #videos ul, #videos li { list-style-type: none; }
#videos #featured { float: left; width: 660px; margin-bottom: 2em; background-color: #eee;}
#videos #featured .video { width: 640px; padding: 10px; background-color: #eee; }
#videos #featured h3 { margin: 10px 10px 0; font-weight: bold; line-height: 1.3; background-color: #eee; }
#videos #featured h4 { margin: 0; padding: 0.5em 10px; font-weight: bold; background-color: #eee; }
#videos #featured div.video { height: 360px; }
#videos #featured ol { width: 100%; margin: 0; background-color: #eee; }
#videos #featured ol li { float: left; width: 31.5%; padding: 10px 0 10px 10px; background-color: #eee; }
#videos #featured ol li h5 { clear: left; display: block; font-size: 85%; margin-bottom: 3px; }
#videos #featured ol li p { font-size: 85%; line-height: 1.3; }
#videos #featured ol li p.thumb { float: left; width: 100px; height: 60px; margin: 0 8px 0 0; border: 5px solid #ddd; }
#videos #featured ol li p.thumb img { width: 100px; height: 60px; margin: 0; padding: 0; }
#videos #sidebar { margin-left: 685px; padding: 38px 0 0; background-color: transparent; }
#videos #sidebar .section { width: 260px; padding: 0; }
#videos #categories h4 { margin-bottom: 1.5em; }
#videos #roll { overflow-y: scroll; width: 260px; height: 333px; margin: 10px 0 40px; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#videos #roll ol { margin-top: 20px; }
#videos #roll li { float: left; width: 100%; margin-bottom: 1em; }
#videos #roll li h5 { clear: left; display: block; font-size: 85%; margin-bottom: 3px; }
#videos #roll li p { margin-bottom: 0; font-size: 85%; line-height: 1.3; }
#videos #roll li p.thumb { float: left; width: 100px; height: 60px; margin: 0 8px 0 0; border: 5px solid #ddd; }
#videos #roll li p.thumb img { width: 100px; height: 60px; margin: 0; padding: 0; }
#page.videos ol.listing li { margin: 0; padding: 0 0 4em; }
#page.videos ol.listing li div.video { margin-bottom: 0.5em; padding: 10px; background-color: #eee; border: 1px solid #ddd; }
#page.videos ol.listing li p { width: 640px; }

/* utility. 
--------------------------------------------- */
span.pull-left, div.pull-left, a.pull-left, img.pull-left, img.float-left { float: left; margin: 0 20px 5px 0; }
span.pull-right, div.pull-right, a.pull-right, img.pull-right, img.float-right { float: right; margin: 0 0 5px 20px; }
span.image img { padding: 10px; background-color: #eee; }
div.vid-wrap { display: block; margin: 1em auto; padding: 10px; background-color: #eee; }
div.vid-wrap p { margin-bottom: 0; }
div.vid-wrap div { padding: 0; border: 1px solid #ccc; background-color: #222; }
div.vid-wrap.large { width: 642px; min-height: 340px; }
div.vid-wrap.large div.video { width: 640px; height: 360px; }
div.vid-wrap.small { width: 322px; min-height: 180px; }
div.vid-wrap.small div.video { width: 320px; height: 180px; }
div.vid-wrap.center { margin: 1em auto; }
div.vid-wrap.pull-left { float: left; margin: 10px 20px 1em 0; }
div.vid-wrap.pull-right { float: right; margin: 10px 0 1em 20px; }
#main #slider .scrollContainer div.vid-wrap p, #intro div.vid-wrap p { position: relative; top: -3px; margin: 0; padding: 0; }

ul.recent { margin: 1em 0; }
ul.recent li { margin-bottom: 1em; }
ul.recent li span.date { display: block; font-size: 0.85em; font-weight: bold; color: #777; color: rgba(0,0,0,0.35); text-transform: uppercase; }
hr, .hide { display: none; }
a img { border: none; }
#event-map { float: right; width: 460px; height: 360px; margin: 0 0 1em 1em; }
ul#ads { list-style-type: none; width: 220px; margin: 0 auto; }
ul#ads li { margin-bottom: 10px; }

/* self-clear floats */
.container:after,
.section:after,
#main:after,
#page #featured:after,
#secondary:after,
ul#nav-sub:after,
#header ul#nav:after,
#header ul#nav li ul:after,
#footer ul#footer-nav:after,
ul.tabs:after,
p.last:after,
#slider:after,
#sidebar:after,
#videos #content:after,
#search-marketing-nav:after  { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }

/* =thickbox
--------------------------------------------- */
#TB_window { z-index: 2002; position: fixed; top:50%; left:50%; display: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; border: 4px solid #525252; text-align:left; color: #323232; background: #ffffff; }
#TB_secondLine { font-size: 10px; color:#666666; }
#TB_window a:link { text-decoration: underline; color: #000; }
#TB_window a:visited { text-decoration: underline; color: #222; }
#TB_window a:hover, #TB_window a:active { color: #FAAA19; }
#TB_overlay { z-index: 1002; position: fixed; top: 0; left: 0; height:100%; width:100%; }
.TB_overlayMacFFBGHack { z-index: 1002; background: url(/apps/ddc/v4/media/img/macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ float:left; height: 25px; padding:7px 30px 10px 25px; }
#TB_closeWindow{ float:right; height:25px; padding:11px 25px 10px 0; }
#TB_closeAjaxWindow{ float:right; margin-bottom:1px; padding:7px 10px 5px 0; text-align:right; }
#TB_ajaxWindowTitle{ float:left; margin-bottom:1px; padding:7px 0 5px 10px; font-size: 13px; font-weight: bold; }
#TB_title{ height:27px; background-color:#e8e8e8; }
#TB_ajaxContent{ overflow:auto; clear:both; padding:2px 15px 15px 15px; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load{ z-index:2003; position: fixed; top: 50%; left: 50%; display:none; width:208px; height:13px; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
#TB_HideSelect { z-index:2009; position:fixed; top: 0; left: 0; width:100%; height:100%; border:none; background-color:#fff; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }

/* =enriched
--------------------------------------------- */
/* =form --*/
form fieldset, form fieldset { 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; }
    
form li input, form li input,
form li textarea, form li textarea { 
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; }

#lvlc #main form { 
   border-radius: 4px; 
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; }

#lvlc #main form li input, #lvlc #main form li textarea, #lvlc #main form li select {
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}
   
/* =buttons--*/
.button, form li.submit input { 
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8); 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button:hover, form li.submit input:hover { 
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8); }
.button:active, form li.submit input:active { 
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8); }

.calltoaction { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header .button { 
    text-shadow: 1px 1px 1px rgb(0,0,0); 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header .button:hover { text-shadow: 1px 1px 1px #ff1100; }
#header .button:active { text-shadow: 1px 1px 1px #ff1100; }
#intro a.button, #secondary a.button, form li.submit input { text-shadow: none; }
#intro a.button:hover, #secondary a.button:hover, form li.submit input:hover { text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
#seo-questionnaire form li.submit input {margin-top:10px;}

/* =text --*/
#header p { text-shadow: 1px 1px 1px #080808; }
#intro h1, #intro h2 { text-shadow: 1px 1px 1px #fff; }
#main #slider .scrollContainer div.panel h2,
#main #slider .scrollContainer div.panel h3 { text-shadow: 1px 1px 1px rgb(255,255,255); }
#main #slider ul.navigation a { text-shadow: 1px 1px 1px #000; }
#main #slider ul.navigation a.selected { text-shadow: 0 0 0 #fff; }
#sidebar h4 { text-shadow: 1px 1px 1px #fff; }
#sidebar ul.nav li a { text-shadow: 1px 1px 1px #fff; }
#secondary h4 { text-shadow: 1px 1px 1px #fff; }
#footer a:link, #footer a:visited { text-shadow: 1px 1px 1px #181818; }
#footer ul#footer-nav li a:hover { text-shadow: 1px 1px 1px #000; }
#footer #additional p { text-shadow: 1px 1px 1px #181818; }
#lvlc #main form li label { text-shadow: 1px 1px 1px #fff; }
#page.videos ol.listing li div.video { 
    text-shadow: 1px 1px 1px #fff; 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#header ul#nav li ul { 
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}

div.vid-wrap p strong { text-shadow: 1px 1px 1px #fff; }

/* = blog comments
-------------------------------------------------------------- */
#blogComments { padding-top:6px; margin-top:20px; border-top:solid #DfDfDf 1px;}
#totalComments { padding-left:16px; font-weight:bold; }
#commentList{ padding:0; list-style:none; }
.commentBody{ padding:10px; margin-top:10px; -moz-border-radius:5px; border-radius:5px; border:solid #D0D0D0 1px; background-color:#F3F3F3; }
.commentMeta{}
a.commentAuthor { font-weight:bold; text-decoration:none;}
.commentDate { font-style:italic;}
.comment { padding-top:6px; border-top: solid #DfDfDf 1px;}


/* = newsletter "widget"
-------------------------------------------------------------- */
.newsletterForm {width:260px; height:76px; background:transparent url(https://static.dealer.com/apps/ddc/v4/media/img/newsletter-bg.png?001) 0 0 no-repeat;}
#sidebar .newsletterForm form {position:relative; top:42px; left:10px; padding:0; margin:0;}
#sidebar .newsletterForm .submit {width:75px; background-color:#F6871F; border:2px solid #c9c9c9; color:#FFFFFF; text-align:center; padding:3px 5px; margin-left:4px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;}
#sidebar .newsletterForm input.text {border:solid #d1d1d1 1px; height:20px; width:155px; text-indent:5px; color:#2A2A2A; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;}