/* New DMJ Beta */
.hoursBox{
	width: 20%;
	heght: 100%;
	/* padding:14px; */
	padding-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
	/* background:linear-gradient(
    90deg,
    rgba(66,103,178,1) 10%,
    rgba(66,103,178,.3) 25%,
	rgba(66,103,178,.1) 50%,
   rgba(66,103,178,.3) 75%,
    rgba(66,103,178,1) 90%
  ); */
  font-size: 2.8em;
  font-weight: 300;
  color: #999;
}
h1{padding:2px; margin: 2px;}
.textBox{
	font-family: "Open Sans", sans-serif;
	width: 20%;
	heght: 100%;
	/* background:linear-gradient(
    90deg,
    rgba(0,0,0,1) 10%,
    rgba(0,0,0,1) 25%,
	rgba(0,0,0,1) 50%,
   rgba(0,0,0,1) 75%,
    rgba(0,0,0,1) 90%
  ); */
  font-size: 1.2em;
  font-weight: 400;
  color: #fff;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.tg{border-collapse:collapse;}
.tg td{border-collapse:collapse;}
.tg th{overflow:hidden;}
@media all and (max-width: 479px) {
	.lpT, .lpt table, 
	.lpt thead, .lpt tbody, 
	.lpt th{display: block;}}
@media all and (max-width: 479px) {
	.dmjTbl{
	width: 100%;
	font-family: "Open Sans", sans-serif;
	 }
.dmjTH{ }
.theadDJ{width: 100%;}
.dmjHfont{color: #fff; font-size: 5.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS{color: #F00; font-size: 5.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G{color: #f00; font-size: 6.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G2{color: #999; font-size: 4.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-S{color: #F00; font-size: 3.5vw; font-family: "Open Sans", sans-serif; }
}
@media only screen and (min-width: 480px){ 
.dmjTbl{
	
background: transparent !important;
	width: 45%;
	font-family: "Open Sans", sans-serif;
	}
.dmjTH{background: transparent !important;}
.dmjHfont{color: #000; font-size: 2.5vw; padding-right: 0px; font-family: "Open Sans", sans-serif;}
.dmjDHMS{color: #f00 !important; font-size: 1.8vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G{color: #f00; font-size: 1.8vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G2{color: #000; font-size: 1.8vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-S{color: #F00; font-size: 1.0vw; font-family: "Open Sans", sans-serif; }
}
/* New DMJ Beta */
:root {
  --color-primary-700: #1f4588;
}

.index .page-bd{padding-top: 15px !important;}
/* HEADER */
.ddc-site .page-header.compact .mycars-default {top: 100px; right: 6px;}
.page-header.compact.sticky-header-nav{height: 141px !important;}
.navbar.navbar-default.compact.sticky-header-nav{top: 141px !important;}

/* NAV */
.compact.navbar-default, .compact.ddc-navbar-default {height: 73px; display: flex; justify-content: flex; align-items: center;}
.ddc-site .navbar-default .container  { min-height: 73px; }
.compact .navbar-nav .dropdown > a { min-height: 73px; }
.compact .navbar-nav .dropdown .dropdown-menu.row {margin-top: 30px;}
.navbar-nav .dropdown .nav-with-children {min-width:85px; padding: 12px 3px;}
.navbar-nav .dropdown .sublabelled {min-width:50px; padding:10px 15px; font-size:15px;}
.navbar-nav .dropdown a:has(.cst-nav-service):hover {background: transparent; opacity: .7;}
.navbar-nav .dropdown a:has(.cst-nav-service):hover:after {display: none;}
.navbar-nav .dropdown.open .nav-with-children {background-color: #fff; color: #000 !important;}
.navbar-nav .dropdown.open:hover .nav-with-children {background-color: #1f4588; color: #fff !important; border-bottom: 2 px solid #000!important;}
.navbar-default .navbar-nav>.currentPage>a {background-color: #1f4588!important;}
.navbar-default .compact .navbar-nav>.currentPage>a:hover {background-color: #1f4588;}
.compact .navbar-nav .home > a {color: var(--color-neutral-0); background-color: var(--color-primary-700);}

.navbar-nav, .ddc-mega-menu-nav .contact-form label, .navigation-default .dropdown-menu a:not(.btn) {color: var(--color-neutral-0);}
.dropdown-menu {background-color: var(--color-primary-700);}
.navigation-default .dropdown-menu h4 {color: var(--color-neutral-0);}
.nav .inventory-featured-default .btn-primary {font-size: 11px;}
.nav .inventory-featured-default .hproduct .description {line-height: 1.1}

.alias-sitebuilder-eddie-napleton-aka-edward-napleton-jr-1 [data-widget-id="content1"]{width: 70% !important; margin:auto;}

.ws-specials .slide-type-image .custom-asset, .ws-specials .slide-type-image > a {margin-top: 15px;}
.dmjFcFS{margin-left: 250px !important; margin-right: 250px !important;}
.content-alert-banner-message{background-color: #000; background-image: url("https://pictures.dealer.com/n/napletonhondaoaklawn/1234/f90a94e581d04e8f9e75ab7cabf19fa4.jpg"), url("https://pictures.dealer.com/n/napletonhondaoaklawn/1234/3bf854eedf7f49f19c21e754fb4c27d4.jpg");/*, linear-gradient(
    90deg, rgba(0,0,0,.4) 14%,
    rgba(0,156,0,.9) 25%,
   rgba(0,156,0,.9) 75%,
    rgba(0,156,0,.4) 86%
  );*/ background-repeat: no-repeat; background-size: contain !important;
  background-position: left center, right center,
    right 0em top 0em; background-size: contain; font-size: 21px; font-weight: bold !important; padding: 2px; margin: -13px !important; bottom-margin: 12px !important; color: #f00 !important;} 
.memDMJ{font-size: 1.5vw;}
.text-link.text-link-inverse.content-alert-banner-link{/* background: #000 !important; */ opacity: .8 !important; color: #fff; margin-left: -10px; font-size: 24px; padding-left: 20px; padding: 4px;}
.dmjIncrease{ 
   text-transform: uppercase;
  background-image: linear-gradient(
    -260deg,
	#009900 5%,
	#fffd74 16%,
 	#93E9BE 25%,
	#0000FF 35%,
    	#0000FF 65%,
    	#93E9BE 75%,
    	#fffd74 84%,
	#009900 95%

  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 7s linear infinite;
  display: inline-block;
      font-size: 46px;
	margin-bottom: -12px;
}
@keyframes textclip {
  to {
    background-position: -200% center;
  }
}
.alias-inventory-listing-default-auto-used .fn{font-size: 20px !important; font-family: 'Open Sans', sans-serif; font-weight: 300;}
[data-location="vehicle-pre-approval-button"]{font-size: 15px !important; background: #fff !important; color: #009900 !important; border: 2px solid #009900;}
[data-location="vehicle-eprice-button"]{margin-top: 0px !important;}
[data-location="vehicle-eprice-button"] {
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
  padding: 22px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border-radius: 5px;
  display: block;
  font-size: 20px;
  }

[data-location="vehicle-eprice-button"]:hover {
  background-image: linear-gradient(to left, #FF512F 0%, #F09819  100%, #FF512F  100%);
  color: #000;
  text-decoration: none;
  }

a[href^="tel:+18888403576"]{background: rgb(173,216,230,.9); color: #000; font-size: 15px;}

.price-btn.cst-btn-0{
  animation: jiggle 2.8s infinite ease-in;
width: 100%;

}
@keyframes jiggle {
  45%, 65% {
    transform: scale(1, 1)
  }
  50% {
    transform: scale(.9, 1.2)
  }
  55% {
    transform: scale(0.9, 1.1) translate(0, -5px)
  }
  60% {
    transform: scale(1.0, 1.0) translate(0, -5px)
  }
}

.ddc-wrapper {padding-top: 200px !important;}

.price-btn.cst-btn-1:hover{
opacity: .7;
box-shadow: 0px 10px 13px 3px rgba(10, 10, 10, 0.4);
}

.clock-text{color: #fff !important;}
/*Adds linear gradient othe vehicle CTA 'Save More'*/
.vdp .btn-info {background: linear-gradient(#ff00c6,#aa0084) !important; border: solid 1px; border-color: #924f01; padding: 12px;border-radius: 8px;font-size: 21px;}
.vdp .btn-info:hover {border: solid 1px; border-color: #924f01; background-color: #aa0084; opacity: .7; background-image: none; color: #ffffff;}
.ddc-span4.name.contact-firstName{
padding: 0px; 
}
.ddc-span4.name.contact-lastName{
padding: 0px; 
}
.ddc-span4{padding: 7px;}

/*  dtjosem  */
.showroom-price{font-face: Open Sans; font-size: 36px; color: #009900;}
.btn-primary{background-color:#009900; font-face: Open Sans; font-size: 18px; color: #fff;}

/* dtjosem fix img disp */
.ddc-content.content-default .content img {display:inline-block;}
.customEpriceImage{     /* Start the shake animation and make the animation last for 0.5 seconds  */
padding-bottom: 5px;
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: shake .5s;
	animation-delay: 5s;
animation-iteration-count: 1; 
    /* When the animation is finished, start again */
    animation-iteration-count: 1; 
}
/* End vdp-ePrice-button */

/* dtjosem DNA4636878 */
.vdp .ddc-content.links-list.testDrive {margin: 0;}
.vdp .ddc-content.links-list.tradein a {text-decoration: none;}


/* ddcrandyh DNA5364007 */
.inventoryList .media img, .inventoryList .ddc-media img { height: auto; }

/* Start 'vdp-ePrice-button' (do not modify this line) */
/* Modified by ddcawehmeyer on 06/08/17 03:54 PM EDT */
.vdp .pricing .eprice.button { text-decoration: none; font-style: italic; font-weight: bold; font-size: 21px; text-shadow: 0px 0px #000000; color: #ffffff;}
.vdp .pricing .eprice.button:hover { color: #ffffff; }
.vdp .pricing .eprice.button { border: solid 1px; border-color: #924f01; padding:12px; width: 252px; background: linear-gradient(#ff00c6,#aa0084); border-radius:8px; background-image: linear-gradient(#ff00c6,#aa0084);}
.vdp .pricing .btn.eprice.button:hover { border: solid 1px; border-color: #924f01; background: #ff0000; background-color: #8d006d; background-image: none; }
/* End 'vdp-ePrice-button' (do not modify this line) */

/* ddcjamesc M-00450515 */
.dealertrack-badgeprice-container .DRSCustBtn { color: #000000; text-shadow: 0px 0px #000000;  background: linear-gradient(#cad3de,#81878e) }
.dealertrack-badgeprice-container .DRSCustBtn:hover { color: #009900; text-shadow: 0px 0px #009900;  background: linear-gradient(#cad3de,#81878e) }
#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: rigth;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li { display: inline;font-family:"Roboto";
font-weight:200; }

#bcrumb Ol li a
{
text-decoration: none;
padding: 4px 4px;
color: #000;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
.index .box:hover{
opacity: .8;
}
.box1:hover{
opacity: .8;
}
/* .vdp .inv-type-new.pricing .abSub .label { text-decoration: none; font-weight: bold; font-size: 12px; color: #000000; } */
.vdp .inv-type-new.pricing .final-price .price { text-decoration: none; font-face: open sans; font-weight: 400; padding-top: 10px; padding-bottom: 15px; font-size: 25px; color: #04af00; }
.vdp .inv-type-new.pricing .final-price .label { text-decoration: none; font-face: open sans; font-weight: 400; padding-top: 10px; padding-bottom: 15px; font-size: 25px; color: #04af00; }

.inventory-featured-full-page .hproduct .pricing .internetPrice .label,
.inventory-featured-full-page .hproduct .pricing .internetPrice .value {color: #f00; font-face: roboto; font-weight:bold; font-size:18px; }

/* Start 'vdp-used-price-label-final-price' (do not modify this line) */
/* Modified by sarahvespa on 09/01/17 04:30 PM EDT */
.vdp .inv-type-used.pricing .final-price .label { text-decoration: none; font-weight: bold; font-size: 23px; color: #03cc01; }
/* End 'vdp-used-price-label-final-price' (do not modify this line) */

/* Start 'vdp-used-price-value-final-price' (do not modify this line) */
/* Modified by ddcawehmeyer on 09/21/17 03:18 PM EDT */
.vdp .inv-type-used.pricing .final-price .price { text-decoration: none; font-weight: bold; font-size: 30px; color: #03cc01; }
/* End 'vdp-used-price-value-final-price' (do not modify this line) */
div.dmj1{
 background: #12489e;
 height: 100%;
 width: 100%;
 border: #000000 solid 1px;
 border-radius:7px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:15px;
}
div.dmj2{
 background: #12489e;
 height: 100%;
 width: 100%;
 border: #000000 solid 1px;
font-face: alegra sans;
font-weight: 200;
font-size:21px;
text-decoration: none;
 border-radius:7px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:15px;
}
.dmj2 a{
font-face: alegra sans;
font-weight: 200;
font-size:22px;
text-decoration: none;
color: white;
}
.dmj2 a:hover{
font-face: "alegra sans";
padding:2px;
font-weight: 200;
font-size:23px;
text-decoration: none;
color: #00fcff;
}
a.anchor {
    display: block;
    position: relative;
    top: -313px;
    visibility: hidden;
}

.vdp .inv-type-used.pricing .abSub .label { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 17.0px; color: #006b08; }
.vdp .inv-type-used.pricing .abSub .price { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 17.0px; color: #006b08;}
/* Start 'vdp-new-price-label-abSub' (do not modify this line) */
/* Modified by ddcawehmeyer on 02/08/18 05:06 PM EST */
.vdp .inv-type-new.pricing .abSub .label { text-decoration: none; font-weight: 300; font-size: 22px; color: #009900; }
/* End 'vdp-new-price-label-abSub' (do not modify this line) */
.containerDMJ {
   border: 0px solid #dddddd;
   width: 550px;
   height: auto;
   position: relative;
}
.tagDMJ {
   float: left;
   position: absolute;
   left: 0px;
   top: 0px;
   background-color:rgba(255,255,255, 0.8);
   padding: 0px;
   color: #ff0000;
   font-weight: bold;
 font-size: 23px;
   font-face: alegra sans;
}
.containerDMJ2 {
   border: 0px solid #DDDDDD;
   width: 100%;
   height: auto;
   position: relative;
}
.tagDMJ2 {
   float: left;
   position: absolute;
   left: 41.5%;
   top: 18%;
   background-color:rgba(255,255,255, 0.7);
   padding: 20px;
   color: #000000;
  text-align: center;
   font-weight: bold;
 font-size: 15px;
   font-face: alegra sans;
}

/* ddcmhampton  M-00463677 */
.cst_SCHEDULE_SERVICE_BUTTON a {width:156px;font-size:18px;}
.fancyFont{
font-face: alegra sans;
font-size: 19px;
font-weight: 200;
color: #555555;
}
.fancyFontVLP{
font-face: alegra sans;
font-size: 19px;
font-weight: 200;
color: #fff;
}
.fancyFontVLP a{
font-face: alegra sans;
font-size: 14px;
font-weight: 200;
color: #fff;
}
.fancyFontVLP a:hover{
font-face: alegra sans;
font-size: 14px;
font-weight: 200;
color: #ff0;
}
.fancyFontTeach{
font-face: alegra sans;
font-size: 17px;
font-weight: 200;
color: #555555;
}
.fancyFont2{
font-face: alegra sans;
font-size: 36px;
font-weight: 200;
color: #ffffff;
}
.fancyFontLg{
font-face: alegra sans;
font-size: 23px;
font-weight: 200;
color: #000000;
}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#ffffff;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 10px;border-style:solid;border-width:0;overflow:hidden;word-break:normal;border-color:#ffffff;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:0 0px;border-style:solid;border-width:0;overflow:hidden;word-break:normal;border-color:#ffffff;}

@media all and (max-width: 479px) {
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block	;}}

/* M-00466630 billyh for zhonda-dealers-htm.htm */
.row.cst-chicagoBg .ddc-span3.cst-form {display: block; border: 2px solid #787777; height: auto; background-color: rgba(70,130,180, 0.7); padding: 30px; margin:20px 0px 20px 0px; min-width:450px; width:25%;}
.row.cst-chicagoBg .contact-form {background-color: rgba(255,255,255, 0.6); padding: 20px;}

.row.cst-chicagoBg .tagDMJ2_b {float: left; background-color: rgba(255,255,255, 0.8); padding: 20px; color: #0a19a7; text-align: center; font-weight: bold; font-size: 15px; font-face: alegra sans; width: auto; margin: 260px auto 0;}
.row.cst-chicagoBg .cst-redText {color: #ff0000; font-size: 24px; font-weight: bold; background-color: rgba(255,255,255, 0.7); margin: 0 0 10px; line-height: 24px; padding: 10px 0;}
.row.cst-chicagoBg .ddc-span3.cst-form .contact-form h3 {display:none;}
.row.cst-chicagoBg .ddc-span3.cst-form .form-group .ddc-span4, .row.cst-chicagoBg .ddc-span3.cst-form .form-group .ddc-span8 {width:100%}
.row.cst-chicagoBg .form-group label {text-align: left; font-size: 18px;}
.row.cst-chicagoBg .form-group .ddc-offset4 {margin-left: 0;}
.row.cst-chicagoBg .ddc-span6 {width: 51%; float: right; margin-right:20px;}
.cst-chicagoInfo {display:none;}

/* M-00471488 ddcbobc */
.alias-sitebuilder-joliet-honda-dealerships-1 .row.cst-chicagoBg { background: url('//pictures.dealer.com/n/napletonhondaoaklawn/1485/3135fa900c74768b6aa0be6be803edcex.jpg') no-repeat; background-size: auto auto; background-size: cover; height: 800px; }
.alias-sitebuilder-orland-park-1 .row.cst-chicagoBg { background: url('//pictures.dealer.com/n/napletonhondaoaklawn/1247/6e84ae4fc2c0b20c08ad7903da44614bx.jpg') no-repeat; background-size: auto auto; background-size: cover; height: 800px; }
.alias-sitebuilder-chicago-dealerships-1 .row.cst-chicagoBg { background: url('//pictures.dealer.com/n/napletonhondaoaklawn/0265/36ed633afd36c6ae488fa292f57ac21fx.jpg') no-repeat; background-size: auto auto; background-size: cover; height: 1200px; } 
.alias-sitebuilder-used-car-dealership-oak-lawn-1 .row.cst-chicagoBg { background: url('//pictures.dealer.com/n/napletonhondaoaklawn/0825/1a184707374808e1c17c789f9850cdb3x.jpg') no-repeat; background-size: auto auto; background-size: cover; height: 800px; }
.alias-sitebuilder-nuevos-automoviles-honda-1 .row.cst-chicagoBg { background: url('//pictures.dealer.com/n/napletonhondaoaklawn/1827/163ba13d79764409a895f8f17c73c825x.jpg') no-repeat; background-size: auto auto; background-size: cover; height: 800px; } 
div.chModels{
 background: #12489e;
 height: 100%;
 width: 100%;
 border: #000000 solid 1px;
 border-radius:7px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:15px;
}
div.chModels:hover{
 background: #1d72fb;
 height: 100%;
 width: 100%;
 border: #ffff00 solid 2px;
 border-radius:7px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 3px #fffinset;
 padding:15px;
}
div.dmj2c{
 background: #009900;
 height: 35px;
 width: 100%;
 border: #000000 solid 1px;
font-face: alegra sans;
font-weight: 200;
font-size:21px;
text-decoration: none;
 border-radius:4px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
}
div.dmj2c:hover{
 background: #00ff00;
 height: 100%;
 width: 100%;
 border: #000000 solid 1px;
font-face: alegra sans;
font-weight: 200;
font-size:21px;
text-decoration: none;
 border-radius:9px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 3px #fffinset;
}
.dmj2c a{
font-face: alegra sans;
font-weight: 200;
font-size:28px;
text-decoration: none;
color: white;
}
.dmj2c a:hover{
font-face: "alegra sans";
padding:2px;
font-weight: 200;
font-size:23px;
text-decoration: none;
color: #00fcff;
}
/* Start 'vdp-new-price-value-abSub' (do not modify this line) */
/* Modified by ddcawehmeyer on 02/08/18 05:06 PM EST */
.vdp .inv-type-new.pricing .abSub .price { text-decoration: none; font-weight: 300; font-size: 22px; color: #009900; }
/* End 'vdp-new-price-value-abSub' (do not modify this line) */
div.dmj4{
 background: linear-gradient(#c9f5ff,#00d2ff);
 background-image: linear-gradient(#c9f5ff,#00d2ff);
 height: 100%;
 width: 100%;
 border: #004eff solid 1px;
 border-radius:5px;
color: black;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:15px;
}
div.dmj4:hover{
 background: linear-gradient(#c9f5ff,#00d2ff);
 background-image: linear-gradient(#c9f5ff,#00d2ff);
 height: 100%;
 width: 100%;
 border: #004eff double 1px;
 border-radius:7px;
color: black;
 margin: 0px;
 box-shadow: 0px 0px 3px 2px #000 inset;
 padding:15px;
}

/* ddcluker M-00500229 */
.inventoryList .eprice.btn, .vdp .ePrice .btn { font-style: normal !important; }



/* ddcsamp M-00523829 */
.index .cst-content {background-color: #E8E8E8;}




/* Dave 100% adjustable BG 
.ddc-content.content-default.M-00510433 .content { background-size:100%; width="100%"; margin-left:-50%;margin-right:-50% }*/
.alias-sitebuilder-honda-accord-for-sale-oak-lawn-1 .container.main{width:100%;position: relative;}
.alias-sitebuilder-honda-accord-for-sale-oak-lawn-1 div.yui3-g.row:not(:first-child){width:960px;margin-left:auto;margin-right:auto;}

.modelButtons {
background: #004e00;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
color: white;
margin: 0;
box-shadow: 0px -5px 6px 1px #626366 inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}
.modelButtons:hover {
background: #00ec00;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px -5px 9px 1px #007bff inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}
.modelButtonsG {
background: #009900;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px -5px 6px 1px #004e00 inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}
.modelButtonsG:hover {
background: #00ec00;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px -5px 6px 1px #007bff inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}

/*Top Model Buttons*/
.modelButtons2 {
background: #004e00;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px 5px 6px 1px #009900 inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}

.modelButtons2:hover {
background: #00ec00;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px 5px 9px 1px #009900 inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}

.modelButtonsG2 {
background: #009900;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px 5px 6px 1px #009900 inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}

.modelButtonsG2:hover {
background: #00ec00;
height: 100%;
width: 100%;
font-face: "open Sans";
font-size: 26px;
border: #000000 solid 1px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: white;
margin: 0px;
box-shadow: 0px 5px 6px 1px #009900 inset;
padding:15px;
text-align:center!important;
vertical-align:middle!important;
display:inline-block;
}

a.model3 {
	Text-decoration: none;
	font-family: alegra sans;
	font-size: 26px;
	color: #FFF;
    }

/* visited link */
a:visited.model3 {
   Text-decoration: none;
   font-family: alegra sans;
	font-size: 26px;
	color: #FFF;
}
/* mouse over link */
a:hover.model3 {
	Text-decoration: none;
	font-family: alegra sans;
	font-size: 26px;
	color: #F00;
}
div.MenuService{
 background-image: linear-gradient(#8b0000, #ff0000);
background: linear-gradient(#ff0000,#8b0000);
 height: 90%;
 width: 100%;
 border: #000000 solid 1px;
 border-radius:7px;
color: white;
 margin: 0px;
 padding:9px;
box-shadow: 
  0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #860000, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.7); /*top internal highlight*/

}

div.MenuService:hover{
background: linear-gradient(#8b0000,#ff0000);
 height: 90%;
 width: 100%;
 border-radius:9px;
color: white;
 margin: 0px;
 padding:9px;
 box-shadow: 0px 0px 0px 1px #000 inset;

}
.newDJ {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: shake .5s;
	animation-delay: 2s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes shake {
    
  10%, 90% {transform: rotate(-2deg);}
  20%, 80% {transform: rotate(1deg);}
  40%, 60% {transform: translate3d(3px, 0, 0);}

} 
.newDJ2 {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: wiggle .5s;
	animation-delay: 5s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes wiggle {


  10% {transform: translate3d(3px, 120, 215);}
  20% {transform: rotate(360deg);}
  30% {transform: translate3d(6px, -120, -230);}
  50% {transform: rotate(-3deg);}

} 
.newDJ3 {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: wiggle .5s;
	animation-delay: 7s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes wiggle {


  10% {transform: translate3d(5px, 120, 255);}
  20% {transform: rotate(360deg);}
  30% {transform: translate3d(8px, -120, -200);}
  50% {transform: rotate(-3deg);}

} 
.newDJ4 {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: wiggle .5s;
	animation-delay: 3s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes wiggle {


  10% {transform: translate3d(5px, 120, 255);}
  20% {transform: rotate(360deg);}
  30% {transform: translate3d(8px, -120, -200);}
  50% {transform: rotate(-3deg);}

} 

/* 04720314 JLC */
.inventory-search-payment.CC04720314 {display:none;}
.buyNow{
 height: 100%;
 width: 100%;
 border: #fffc00 solid 1px;
 border-radius:5px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:3px;
 background: rgba(255, 255, 0, 0.9);
 font-face: Roboto;
 font-size: 17px;
 font-color: black;
 font-weight: 200;
color: #000;
}
.form-group label, .ddc-form-group label, .ddc-form-group-container label{ padding-right:10px; padding-top:4px;} 
.buyNow2{
 height: 100%;
 width: 100%;
 /*border: #fffc00 double 1px;*/
 border-radius:5px;
 margin: 0px;
 /*box-shadow: 0px 0px 0px 1px #fff inset;*/
 padding:3px;
 background: rgba(255, 255, 0, 0.9);
 font-face: Roboto;
 font-size: 17px;
 font-color: black;
 font-weight: 200;
color: #000;
}
.buyNow2:hover{
 height: 100%;
 width: 100%;
border: #009900 solid 1px;
 border-radius: 10px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #1800cb inset;
 padding:3px;
 background: rgba(255, 255, 0, 0.9);
 font-face: Roboto;
 font-size: 17px;
 font-color: black;
 font-weight: 200;
color: #009900;
}
.btn.btn-primary.btn-sm.ui-button-submit.btn-no-decoration.pull-left{height: 40px; padding:10px;}
.nopadd{
padding: 0px;
margin: 0px;
}
.box5 {
z-index: 5;
position: absolute;
left: 0px;
top: -20px;
	width:100%;
	height:65px;
	background-image: linear-gradient(#bdff00, #59c100);
	margin:20px auto;
	font-face: "open sans";
	font-size:18px;
	font-weight: 200;
	color: #000;


}
.box5:hover {
text-decoration: none;
	width:100%;
	height:65px;
	background-image: radial-gradient(#a8ff00, #62b500);
	margin:20px auto;
	font-face: "open sans";
	font-size:18px;
	font-weight: 200;
	color: #525355;
	opacity: 1;
        box-shadow: 0px 1px 4px 1px #003d00 inset;



}
.effect5
{
  z-index: 1;
  position: relative;
}
.effect5:before, .effect5:after
{

  z-index: 0;
  position: absolute;
  content: "";
  bottom: 5px;
  left: 5px;
  width: 80%;
  top: 20%;
  max-width:500px;
  background: #000;
  -webkit-box-shadow: 0 8px 2px #000;
  -moz-box-shadow: 0 8px 2px #000;
  box-shadow: 0 11px 4px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.effect5:after
{

  z-index: -5;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.effect5:hover::before{
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 5px;
  left: 5px;
  width: 80%;
  top: 20%;
  max-width:500px;
  background: #000;
  -webkit-box-shadow: 0 4px 4px #000;
  -moz-box-shadow: 0 4px 4px #000;
  box-shadow: 0 4px 4px #000;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.effect5:hover:after
{

  z-index: -5;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
  right: 2px;
  left: auto;
}


[data-widget-id="slideshow1"]{
z-index: 0 !important;
}
.slideControls{
position: absolute !important;
z-index: 9999 !important;
}
/*Also Must Add Font below for Button style.  This is commented out so just copy the whole thing*/
.countdown-clock-default .countdown-dark span{
background: #fff;
color:#ff0000 !important;
font-weight: bold;
}
/*Also Must Add Font below for Button style.  This is commented out so just copy the whole thing*/
.fancyFont21{
/*
@font-face{
font-family: 'BONEAPA';
src: url('http://napleton.com/BONEAPA.TTF')  format('truetype');
}
*/
padding-top: 19px;

font-size: 36px;
font-weight: bold;
color: #ff0;
text-shadow:1px 1px 1px #000, 1px 1px 1px #ff0;

}
.v9-global-0011-v2 .countdown-container{padding-bottom: 0px; }
.countdown-clock{padding-botom: 10px !important; padding-top:0 !important;}
.countdown-clock-default{padding-bottom: 0px !important; padding-top: 0px !important; width: 50% !important;}
.v9-global-0011-v2 .countdown-clock-default .countdown-content {position: relative !important; top: 0 !important;}
.countdown-container{ padding-top: 55px !important; padding-bottom: 50px !important;}
.countdown-clock-default ddc-content{ padding-top: 0px !important;}
/*Fix home page white box issue. DMJ*/
.v9-global-0011-v2 .content{background: transparent;}
/* MUST BE CUSTOM PROGRAMMED FOR EACH PAGE TO HIDE TIMER WHEN DIV PRESENT. CANNOT COPY AND PASTE FOR OTHER SITES BECAUSE iDS WILL VARY */
.index [data-widget-id="content16"]{}

/* End of code hiding DDC timer to clean up the page and show only my timer.  Must be custom for each site. */
/* Add padding to footer to float above new countdown <div> Globally */
.third-party-service-footer{
padding-bottom: 100px;
}
a[title="Google+"]{
visibility: hidden !important;
}
.endorsedCare{
font-size: 12px;
}
.index [data-widget-id="content16"]{
visibility: hidden;
}
/*
.alias-auto-used-details [data-widget-id="content1"]{
visibility: hidden !important;
}
*/
.alias-inventory-featured-used [data-widget-id="content6"]{
visibility: hidden !important;
}

.alias-inventory-listing-default-auto-new [data-widget-id="content6"]{
 visibility: hidden !important;
}
.alias-auto-new-details [data-widget-id="content11"]{
 visibility: hidden !important;
}
.alias-inventory-listing-default-auto-used [data-widget-id="content4"]{
 visibility: hidden !important;
}
.alias-auto-used-details [data-widget-id="content5"]{
 visibility: hidden !important;
}
.alias-inventory-featured-used .abSub .label:before{
Content: "<div>";
content: url(https://pictures.dealer.com/n/napletonhondaoaklawn/0307/84f67b827ebec7030297d65cc4c15937x.jpg);
float: left;
padding-right: 10px;
    display: inline-block;
}
.alias-inventory-featured-used .abSub .value:after{
Content: "</div>";
content: url(https://pictures.dealer.com/n/napletonhondaoaklawn/0307/84f67b827ebec7030297d65cc4c15937x.jpg);
padding-left: 10px;
float: right;
}
.alias-inventory-featured-used .abSub .label{
color: #009900;
font-size: 15px;
font-weight: bold;
}
.alias-inventory-featured-used .abSub .value{
color: #009900;
font-size: 17px;
font-weight: bold;
padding-top: 8px;
}
.clock-text{color: #fff !important;}
.box2:hover{
opacity: .7;
}
.page-bd{ 
padding: 5px;
}
.DMJcntBox{
 background: #fff;
 border-radius:10px;
padding: 0px !important;
}
.DMJcntBox2{
 background: #f00;
 border-radius:10px;
padding: 0px !important;
}
.btn.DRSCustBtn.dealertrackButton{background: #009900;color: #fff;}
.alias-sitebuilder-dealerships-open-near-me-1 [data-widget-id="content1"]{width: 150%;Margin: auto; position: relative; right: 230px;}
.Covid19{  
  -webkit-box-shadow: 0 4px 4px #000;
  -moz-box-shadow: 0 4px 4px #000;
  box-shadow: 0 4px 4px #000;
text-decoration: none;
}
.Covid19:hover{  
  -webkit-box-shadow: 0 1px 1px #000;
  -moz-box-shadow: 0 1px 1px #000;
  box-shadow: 0 1px 1px #000;
text-decoration: none;
}

/* Responsive table */
@media all and (max-width: 479px) {
.lpT, .lpt table,
  .lpt thead,
 .lpt tbody,
 .lpt th,
  .lpt td,
 .lpt tr
{
    display: block	;
  }}

/* ddcrmelasky 13158587 */
.vdp .links-list .nav>li { margin-bottom: 10px; }

/* fdbarfety 10087498 */
.page-bd .inventory-featured-default img.photo.thumb {width: 100%;}
.page-bd .inventory-featured-default .pricing .label {white-space: inherit; width: 45%}
.page-bd .inventory-featured-default .pricing {width: 55%;}
.page-bd .inventory-featured-default .description {line-height: 1.4; padding: 0 250px 0 0}
.page-bd .inventory-featured-default .yui3-u-1-2 .pricing .label {padding: 0 0 3px 40px;}
.page-bd .inventory-featured-default .view-link {margin-bottom: 30px;}
.page-bd .inventory-featured-default .cst-btn-3 {margin-top: 10px;}
.page-bd .inventory-featured-default .h5 {font-size: 22px;}

/* fdbarfety 13175011 */
.ddc-footer{background-color: #fff;}
.ddc-footer .navigation-default {float: none; width: 100%; display: flex; justify-content: center;}
.ddc-footer .navigation-default ul li>a {display: block; padding: 35px 10px;}