section{max-width:960px}
section img{width: 100%}

.financeAndSpecials .columns{margin: 0}
.financeAndSpecials .five{width:37%}
.financeAndSpecials .seven{width:60%}


/*** Specials ***/
.flexslider{background:none; border:none;}
.flexslider .slides > li{text-align:center; margin-bottom: 0}
.flex-control-nav li a {
    background: #666;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
}
.flex-control-nav li a.active {background: #ED5D20;} 
.flex-direction-nav li a{top: 30px}

.InvSpecialBox {border: 5px solid #ed5d20;}
.InvSpecialFlag h3 {
    background: #ED5D20;
    padding-bottom: 7px;
    text-shadow: none;
}
.InvInfoBox, .InvSpecialBox {
    background: #242424;
    padding: 0 !important;
}
.InvSpecialName {
    font-size: 16px;
    font-size: 1.6rem;
}
.InvSpecialName a {color: #fff;}
.InvSpecialVehicleInfo {margin-top: 8px;}
img.InvSpecialsCar {
    margin: 4px;
    border: none;
    border-radius: 0;
}
.InvInfoBox .four {
    width: 55%;
    margin: 0 2% 0 0;
}
.InvInfoBox .eight {
    width: 43%;
    margin: 10px 0 0;
    text-align: center;
}

/*** CTA Buttons ***/

ul.bigBtns{font-family: 'Play', 'Trebuchet MS', sans-serif; list-style:none}
.bigBtns li {
    float: left;
    width: 32.5%;
    text-align: center;
    margin-bottom: 30px;
  background: #999;
  background: -moz-linear-gradient(top,  #4e4e4e 0%, #dbdbdb 25%, #eaeaea 40%, #7a7a7a 45%, #333333 55%, #4e4e4e 70%, #c4c4c4 90%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(25%,#dbdbdb), color-stop(40%,#eaeaea), color-stop(45%,#7a7a7a), color-stop(55%,#333333), color-stop(70%,#4e4e4e), color-stop(90%,#c4c4c4), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%);
  background: -o-linear-gradient(top,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%);
  background: -ms-linear-gradient(top,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%);
  background: linear-gradient(to bottom,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%);
}
.bigBtns a{text-decoration:none}
.bigBtns .inner {
    margin: 6px;
    display: block;
  background: #000;
}
.bigBtns .hide-on-phones {margin: 0 1.25%;}
.btnTitle {
    background: #ED5D20;
    display: block;
    color: #fff;
    line-height: 2;
    font-size: 20px;
}
.bigBtns a .btnTitle{
    transition: background .5s, color .5s;
    -webkit-transition: background .5s, color .5s;
}
.bigBtns a:hover .btnTitle{
    transition: background .5s, color .5s;
    -webkit-transition: background .5s, color .5s;
    background: #fff;
    color: #ED5D20;
}
.bigBtns a img{
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
}
.bigBtns a:hover img{
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    opacity: .5;
}

/*** Inventory Search form ***/

.invSrchBg {
  background: #FFF;
  border: 4px solid #ED5D20;
  padding: 0 15px;
}
.invSrchBg select {margin: 0 auto 4px}
#InvSearchBoxHP {margin-bottom: 10px}
#InvSearchBoxHP h3.invSrchHeader {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.5;
  margin: 0;
  text-align: center;
}
.SubmitSearchbutton .invIcon {display: none}
#InvSearchBoxHP .block-grid.two-up {margin: 0}
#InvSearchBoxHP #InvSearchBoxSubmit li {
  float: none;
  width: 100%;
  margin: 0;
  text-align: center;
}
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton {
  background: #ED5D20;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0;
  width: 100%;
  margin: 6px 0;
}
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton a {text-decoration: none}
.StartOver {color: #666}



/*** Media Queries ***/
@media only screen and (max-width: 900px){
  .InvSpecialVehicleInfo{font-size: 1.4rem;}
  .flex-direction-nav li a {
    border-radius: 4px;
    height: 32px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    top: 91%;
    width: 39px;
  }
  .flex-direction-nav li .prev{left:0; background-position: -6px -11px;}
  .flex-direction-nav li .next{right:0; background-position: -59px -11px;}
} 

@media only screen and (max-width: 800px){
  #InvSearchBoxHP h3.invSrchHeader{font-size: 1.6rem}
}

@media only screen and (max-width: 767px){
  .financeAndSpecials > .columns {width: 50% !important; float: left !important; text-align: center}
  .financeAndSpecials .five img {width: 90%; margin-top: 14%;}
  .InvSpecialImg img {width: 100%;}
  .InvSpecialVehicleInfo {display: none;}
  .InvSpecialName {padding-bottom: 10px;}
  .searchAndSeo {clear: both;}
  .bigBtns li {margin: 0 1% 20px; width: 48%;}
  h1 {margin-top: 20px; text-align: center; font-size: 1.6rem}
  .flex-control-nav {margin-bottom: 30px;}
  .flex-direction-nav li a {top: 93%;}
}
@media only screen and (max-width: 650px){
  .flex-direction-nav li a {top: 95%;}
}
@media only screen and (max-width: 550px){
  .financeAndSpecials > .columns {width: 100% !important;}
  .financeAndSpecials .five img {width: 90%; margin-top: 0; max-width: 350px}
  .InvSpecialName a {font-size: 2.5rem;}
  .bigBtns li {
    width: 100%;
    margin: 0 0 6px;
    float: none;
    overflow: hidden;
  }
  .bigBtns .inner {margin: 6px 4px;}
  .bigBtns img {display: none;}
  .btnTitle {line-height: 3; font-size: 2.5rem;}
}
@media only screen and (max-width: 480px){
  .flex-direction-nav li a {top: 94%;}
}
