.DMJDemo{font-size: 36px; font-weight: bold;}
.alias-inventory-featured-new .btn.btn-primary.btn-block.view-link {background: #ff0000; width: 100%; font-size: 17px;}
.DMJ-4th{ padding: 1px;}
/* 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 */
/*[data-location="vehicle-eprice-button"]{background: rgb(255,126,0, 1.0); }*/
[data-location="vehicle-value-a-trade-button"]{background: rgb(12,150,225,.7); color: #fff;}
[data-location="vehicle-value-a-trade-button"]:hover{background: rgb(12,150,225,1); color: #fff;}
[data-location="vehicle-eprice-button"] {
            background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
            padding: 18px 8px;
            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: 15px;
          }

[data-location="vehicle-eprice-button"]:hover {
            background-image: linear-gradient(to left, #FF512F 0%, #F09819  100%, #FF512F  100%);
            color: #000;
            text-decoration: none;
          }
[data-location="vehicle-eprice-button"]{
  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)
  }
}
.yui3-g.row{width: 100% !important; }
.alias-inventory-listing-default-auto-new single-franchise .ddc-span12{padding: 0px !important;}
.alias-inventory-listing-default-auto-used .ddc-span12{padding: 0px !important;}
.price-btn.cst-btn-3{background: #ccc !important;}
.dmjAvail{color:rgba(0,145,4,1.00);font-size: 35px; font-weight:300;}
.dmjNoAvail{color:rgba(255,0,4,1.00);font-size: 35px; font-weight:300;}
.alias-sitebuilder-free-nissan-walkaround-stream-1 button{background: #009900; border: 1px rgb(100,100,100,.5); border-radius:35px; padding: 15px; color: #fff; font-size: 25px; box-shadow: inset 5px 5px 15px rgb(155,255,0,.8), inset -2px -2px 12px rgb(95,225,0,.8);}
.alias-sitebuilder-free-nissan-walkaround-stream-1 button:hover{background: #009900; border: 1px rgb(0,0,0,.9); padding: 15px; color: #fff; font-size: 25px; box-shadow: inset 2px 2px 8px rgb(155,255,0,.8), inset -1px -1px 6px rgb(95,225,0,.8);}
.alias-sitebuilder-free-nissan-walkaround-stream-1 .dmj-shad{ box-shadow: 0px 5px 10px rgb(0,0,0,.8); }
.alias-sitebuilder-free-nissan-walkaround-stream-1 [data-widget-id="contact2"]{width: 58%; text-align: center !important; margin-left:50% !important; margin: auto !important; background: rgb(201,201,201,.3);}
.alias-sitebuilder-free-nissan-walkaround-stream-1 .walkPG{width: 100% !important;}
.alias-sitebuilder-free-nissan-walkaround-stream-1 .walkPG2{width: 78% !important; position:relative; top:-0px;}
.alias-sitebuilder-free-nissan-walkaround-stream-1 .walkPG2-5{position:relative; top:-19px; }
.alias-sitebuilder-free-nissan-walkaround-stream-1 .zindexClass{z-index: 199 !important;}
.box2:hover{ 
Opacity: .7;
}

/*Adds linear gradient othe vehicle CTA 'Save More'*/
.vdp .btn-info {border: solid 1px; border-color: #924f01; padding: 12px; background: linear-gradient(#ffef03,#ffd503); border-radius: 8px; background-image: linear-gradient(#ff4e00, #ff8a00); text-decoration: none; font-family: roboto; font-weight: 400; font-size: 16px; text-shadow: 0px 0px #000000; color: #000000;}
.vdp .btn-info:hover {border: solid 1px; border-color: #924f01; background: #ff0100; background-color: #009900; opacity: .7; background-image: none; color: #ffffff;}
.vlp .btn-info {border: solid 1px; border-color: #924f01; padding: 12px; background: linear-gradient(#ffef03,#ffd503); border-radius: 8px; background-image: linear-gradient(#ff4e00, #ff8a00); text-decoration: none; font-family: roboto; font-weight: 400; font-size: 16px; text-shadow: 0px 0px #000000; color: #000000;}
.vlp .btn-info:hover {border: solid 1px; border-color: #924f01; background: #ff0100; background-color: #009900; opacity: .7; background-image: none; color: #ffffff;}

.ddc-footer{background-color: #fff;}
.navbar-nav .dropdown .sublabelled {min-width:50px; padding: 13px 13px;}
/*michael.gamache - adjusted nav width to accommodate a 5th nav item*/
.navbar-nav .nav > li > a, .navbar-nav .ddc-nav-inline > li > a {min-width: 110px;}

.vlp .inventoryList .item.inv-type-new .pricing .abSub .label { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 13.0px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .abSub .value { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 13.0px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .final-price .label { text-decoration: none; font-face: open sans; padding-top: 10px; padding-bottom: 11px; font-size: 14px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .final-price .value { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 20px; color: #04af00; }
.vdp .inv-type-new.pricing .abSub .price { text-decoration: none; font-weight: 300; font-size: 18px; color: #009900; }
.vdp .inv-type-new.pricing .abSub .label{ text-decoration: none; font-weight: 300; font-size: 18px; color: #009900; }
.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: 19px; color: #04af00; }
/* Start 'vlp-used-price-label-final-price' (do not modify this line) */
/* Modified by joshuasiegartel on 09/26/17 06:56 PM EST */
.vlp .inventoryList .item.inv-type-used .pricing .final-price .label { text-decoration: none; font-weight: 800; font-size: 11px; color: #03cc01; }
/* End 'vlp-used-price-label-final-price' (do not modify this line) */

/* 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: 18.5px; color: #03cc01; }
/* End 'vdp-used-price-label-final-price' (do not modify this line) */

/* Start 'vlp-used-price-value-final-price' (do not modify this line) */
/* Modified by joshuasiegartel on 09/26/17 06:55 PM EST */
.vlp .inventoryList .item.inv-type-used .pricing .final-price .value { text-decoration: none; font-weight: bold; font-size: 22px; color: #03cc01; }
/* End 'vlp-used-price-value-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) */
/* 07832041 JLC */
.inventoryList .hproduct .pricing a.eprice::before {display:none;}
.inventoryList .hproduct .pricing a.eprice {padding:10px 16px;}

/* Start 'vlp-ePrice-button' (do not modify this line) */
/* Modified by ddcawehmeyer on 06/08/17 04:17 PM EDT */
.vlp .inventoryList .pricing .btn.eprice span { text-decoration: none; font-family: roboto; font-weight: 400; font-size: 16px; text-shadow: 0px 0px #000000; color: #000000; }
/*.vlp .inventoryList .pricing .btn.eprice span { text-decoration: none; font-style: italic; font-size: 22px; color: #ffffff; }*/
.vlp .inventoryList .pricing .btn.eprice:hover span { color: #ffffff; }
.vlp .inventoryList .pricing .btn.eprice span { background: none; background-image: none; }
.vlp .inventoryList .pricing .btn.eprice { border: solid 1px; border-color: #924f01; padding:10px; width: 152px; background: linear-gradient(#ffef03,#ffd503); border-radius:8px; background-image: linear-gradient(#ff4e00,#ff8a00); background-color: none; }
.vlp .inventoryList .pricing .btn.eprice:hover { border: none; background: #ff0100; border-style: inset; background-color: #009900; opacity: .7;  background-image: none; }
/* End 'vlp-ePrice-button' (do not modify this line) */
/* 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-family: roboto; font-weight: 400; font-size: 16px; text-shadow: 0px 0px #000000; color: #000000; }
.vdp .pricing .eprice.button:hover { color: #ffffff; }
.vdp .pricing .eprice.button { border: solid 1px; border-color: #924f01; padding:12px; width: 270px; background: linear-gradient(#ffef03,#ffd503); border-radius:8px; background-image: linear-gradient(#ff4e00, #ff8a00);}
.vdp .pricing .btn.eprice.button:hover {border: solid 1px; border-color: #924f01; background: #ff0100; background-color: #009900; opacity: .7;  background-image: none; }
/* End 'vdp-ePrice-button' (do not modify this line) */


/*cjschneide M-00431611*/
.index body {background:url('/static/sites/n/napletonstlouisnissan/images/stlNissanBGoffers.jpg') no-repeat center fixed;background-size:100%;background-position:0px 0px;}
.page-bd {background:#fff; }
.index body {background:#fff}

/* M-00445909 chris.diego */
.container.main {padding:0;}
.container.main .yui3-g,
.container.main .row {margin:0;}

div.callBox{
 height: 100%;
 width: 100%;
border-style: double;
 border: #000000 2px;
 border-radius:5px;
color: white;
 margin: 0px;
font-family: roboto;
font-size: 19px;
font-weight: 400;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:15px;
 background: linear-gradient(#a50000,#ff0000); \
border-radius:8px; 
background-image: linear-gradient(#a50000, #ff0000);
}
div.callBox:hover{
 height: 100%;
 width: 100%;
border-style: inset;
 border: #282727 2px;
 border-radius:7px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 2px #fff inset;
 padding:15px;
 background: linear-gradient(#a50000,#ff0000); \
border-radius:8px; 
background-image: linear-gradient(#a50000, #ff0000);
}
#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-weight:200;
}

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

#bcrumb Ol li a
{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-weight:200;
}

#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-weight:200;
}
/* New Acura Classes  Use these for CSS*/
#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-weight:200;
}

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

#bcrumb Ol li a
{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-weight:200;
}

#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-weight:200;
}
.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% {transform: rotate(3deg);}
  20%, 90% {transform: rotate(1deg);}
  30%, 80% {transform: translate3d(3px, 0, 0);}
  40%, 70% {transform: translate3d(1px, 0, 0);}
  50%, 60% {transform: rotate(3deg);}

} 
.flex-dmj {
  display: flex;

}
.flex-dmj.col-dmj {

  flex: 4;
}

@media (max-width: 600px) {
  .flex-dmj,
  .flex-dmj-thirds {
    display: block;
    .col-dmj {
      width: 100%;
      margin: 0 0 10px 0;
    }
  }
}
.flex-dmj { 
  margin: 0 0 10px 0;
}
.col-dmj {
  background: red;
  color:#fff;
  padding: 20px;
}
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.dave2 {
 background: #f6f6f6;
 height: 400px;
 width: 100%;
 border: #7aacff solid 1px;
 border-radius:10px;
 margin: 1px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:20px;
}
div.djdiv {
 background: #f6f6f6;
 height: 55px;
 width: 100%;
 border: #7aacff solid 1px;
 border-radius:10px;
 margin: 1px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
}
div.djdiv:hover {
 background: #f6f6f6;
 height: 55px;
 width: 100%;
 border: #ff0000 solid 1px;
 border-radius:10px;
 margin: 1px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
   box-shadow: 0px 0px 5px 2px #f00;
-webkit-box-shadow: 0px 0 5px 2px #f00;
    -moz-box-shadow: 0px 0 5px 2px #f00;
    box-shadow: 0px 0px 5px 2px #f00;
}

/* ddcenricop - shrink nav font */
.navbar-nav>li>a {font-size: 15px;}
.modelButtons {
    background: #12489e;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtons:hover {
  background: #36F;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG {
    background: #009900;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG:hover {
  background: #00f400;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
/*Top Model Buttons*/
.modelButtons2 {
    background: #12489e;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtons2:hover {
  background: #36F;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG2 {
    background: #009900;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG2:hover {
  background: #00f400;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
a.anchor {
    display: block;
    position: relative;
    top: -313px;
    visibility: hidden;
}

/* billyh 06156328 */
.inventoryList .hproduct {min-height: 330px;}

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;
}
#EddieFloat  {
float: right;    
 margin: 0 0 0 15px;
}
#EddieFloat2  {
float: left;    
 margin: 0 15px 0px 0px;
}
/* Form Spacing classes ****Only for Desktop CSS**** */
.ddc-span4.name.contact-firstName{
padding: 0px; 
}
.ddc-span4.name.contact-lastName{
padding: 0px; 
}
/* Top Desktop Banner enlarge COVID-19 ****Only for Desktop CSS**** */
.alias-sitebuilder--span-style--color---009900---appointments-available--span--1 [data-widget-id="content1"]{width: 150%;Margin: auto; position: relative; right: 230px;}

/* New Button Styling for COVID-19 Page ****Mobile and Desktop**** */
.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;
}

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