[data-location="vehicle-eprice-button"]{background: #4cc7f4 !important; color: #dfe4e8 !important;}
/* 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; }
}
.content-alert-banner-message{background-color: #000; background-image: url("https://www.napleton.com/vw/F-2024-25-Volkswagen-New-Banner-L.jpg"), url("https://www.napleton.com/vw/F-2024-25-Volkswagen-New-Banner-R.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: #ff0; margin-left: -10px; font-size: 24px; padding-left: 20px; padding: 4px;}
.dmjIncrease{ 
   text-transform: uppercase;
  background-image: linear-gradient(
    -260deg,
    	#ff0000 5%,
	#9a031e 16%,
 	#fb8b24 25%,
	#ffff00 35%,
    	#ffff00 65%,
    	#fb8b24 75%,
    	#9a031e 84%,
    	#ff0000 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;
  }
}
/* New DMJ Beta */
.ButtPad{padding: 5px;}
.index .container-max-lg{ max-width: 95% !important;}
.index .p-10{padding: 15px !important;}
.vlp .inventoryList .item.inv-type-used .pricing .abSub .label{color: #0082D6 !important; font-weight: 200;}
.vlp .inventoryList .item.inv-type-used .pricing .abSub .value{color: #0082D6 !important; font-weight: 200;}
.vlp .inventoryList .item.inv-type-used .pricing .final-price .label{color: #000 !important;}
.vlp .inventoryList .item.inv-type-used .pricing .final-price .value{color: #000 !important;}
.vlp .inventoryList .item.inv-type-new .pricing .abSub .label{color: #0082D6 !important;}
.vlp .inventoryList .item.inv-type-new .pricing .abSub .value{color: #0082D6 !important;}
.vlp .inventoryList .item.inv-type-new .pricing .final-price .label{color: #000 !important;}
.vlp .inventoryList .item.inv-type-new .pricing .final-price .value{color: #000 !important;}
.btn.btn-primary.price-btn.btn-block{background: #4cc7f4; padding: 18px;}
.alias-inventory-featured-used .abSub .label{
color: #ff0000;
}
.alias-inventory-featured-used .abSub .value{
color: #ff0000;
}
.alias-inventory-featured-used .abSub {
background-color: #fff2ac;
background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}
.M00445039 .form-group { width: 49%; }
.M00445039 .form-group:nth-child(even){ float: left; margin-right: 5px; clear: both; }
.M00445039 .form-group:nth-child(odd) { float: right; }
div.dmj12{
background: radial-gradient(purple, black);
 height: 265px;
 width: 100%;
 border: #7aacff solid 1px;
 border-radius:7px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:0px;
 color:#fff;
 text-align: center;
 font-face:roboto;
 font-size: 21px;
 font-weight:100;

}
#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
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: .1em 1em;
color: #000;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
div.dave {
 background: #f6f6f6;
 height: 910px;
 width: 100%;
 border: #c3002f solid 1px;
 border-radius:10px;
 margin: 1px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:8px;
}
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;
}
.box2:hover{
opacity: .7;
}

/*
* === Dom Added ===
*/
.dar-container{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.dar-item {
/*border: 1px solid #222;*/
text-align: center;
}
@media 
only screen and (max-width: 740px),
(min-device-width: 362px) and (max-device-width: 1024px)  {
.dar-container {
display: grid;
grid-template-columns: 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
grid-row-gap: 30px;
}
}
.alias-auto-new-details .btn.btn-block.btn-primary{
background: #4cc7f4;
padding: 20px;
}

.alias-auto-used-details .btn.btn-block.btn-primary{
background: #4cc7f4;
padding: 20px;
}
.payment-summary-calculate {
background: #767676 !important;
color: #000;
}
.endorsed-care.endorsedCare{
font-weight: 100 !important;
}
.ddc-span4.name.contact-firstName{
text-align: right;
padding: 4px; 
}
.ddc-span4.name.contact-lastName{
padding: 4px; 
text-align: right;
}
.ddc-span4.email.contact-email-sep{
padding: 4px;
text-align: right;
}
.ddc-span4.phone.contact-phone-sep{
padding: 4px;
text-align: right;
}
.ddc-span4.textarea.comments{
padding: 4px;
text-align: right;
}
..btn.btn-primary.btn-block.view-link{ 
background: #4cc7f4;
}
.btn.btn-primary.btn-block.view-link:after{ 
content: " & Save";
}
.abSub .label{
color: #0082D6 !important; font-weight: 200 !important;}
.abSub .value	{
color: #0082D6 !important; font-weight: 200 !important;}
.msrp .label{ font-weight: 200;}
.msrp .value{ font-weight: 200;}
.internetPrice.final-price{color: #000 !important;}
.internetPrice.final-price .label{color: #000 !important;}

/* Start 'vlp-new-price-value-msrp' (do not modify this line) */
/* Modified by jamielaberge on 04/19/23 03:58 PM EDT */
.vlp .inventoryList .item.inv-type-new .pricing .msrp .value { text-decoration: none; font-weight: 200; font-size: 19.2px; color: #000000; }
/* End 'vlp-new-price-value-msrp' (do not modify this line) */

/* Start 'vdp-new-price-value-final-price' (do not modify this line) */
/* Modified by jamielaberge on 04/19/23 03:59 PM EDT */
.vdp .inv-type-new.pricing-detail .final-price .price-value { text-decoration: none; font-weight: 800; font-size: 22.5px; color: #000000; }
/* End 'vdp-new-price-value-final-price' (do not modify this line) */

/* ddcrandyh CC02025372 */
.incentive-type-heading.manufacturer-incentive.label { white-space: normal; }

/* Start 'vdp-new-price-value-discount' (do not modify this line) */
/* Modified by adabate on 01/14/25 09:20 AM EST */
.vdp .inv-type-new.pricing-detail .discount .price-value { text-decoration: none; font-size: 18px; color: #0082D6; }
/* End 'vdp-new-price-value-discount' (do not modify this line) */


/* Start 'vlp-new-price-label-abSub' (do not modify this line) */
/* Modified by williamabbey on 01/14/25 12:00 PM EST */
.vlp .inventoryList .item.inv-type-new .pricing .abSub a { text-decoration: none; font-weight: 200; font-size: 13.6px; color: #0082d6; }
/* End 'vlp-new-price-label-abSub' (do not modify this line) */

/* Start 'vlp-new-price-value-stackedRebate' (do not modify this line) */
/* Modified by andrewvardaman on 01/27/25 12:27 PM CST */
.vlp .inventoryList .item.inv-type-new .pricing .stackedRebate .value { text-decoration: none; font-weight: bold; font-size: 16px; color: #0082d6; }
/* End 'vlp-new-price-value-stackedRebate' (do not modify this line) */

/* Start 'vlp-new-price-value-stackedConditionalRebate' (do not modify this line) */
/* Modified by andrewvardaman on 01/27/25 12:27 PM CST */
.vlp .inventoryList .item.inv-type-new .pricing .stackedConditionalRebate .value { text-decoration: none; font-weight: bold; font-size: 16px; color: #0082d6; }
/* End 'vlp-new-price-value-stackedConditionalRebate' (do not modify this line) */