﻿#vehicleSearchContainer {
    margin: 40px auto 20px auto; 
}

body {
    background-color: #fff;
}

.ui-tabs .ui-tabs-panel {
    padding: 10px !important;
}
.back
{
    padding-left:5px;
}

.third-party-links-container { 
    padding-bottom:15px;
}

#nav-search-toggle a,
#nav-search-toggle a:hover,
#nav-search-toggle a:focus,
#nav-search-toggle a:visited
 {
    color:white;
    width:150px;
    border-radius: 0;
    font-weight: 700;
    letter-spacing:0.5px;
    font-size:14px;
    text-transform:uppercase;
    cursor:pointer;
    font-family:"Roboto";
    text-decoration:none;
}

.nav-search-toggle-container ul {
    border-bottom:none;
    border:none;
    background-color:transparent;
}

.nav-search-toggle-container h3 {
    text-align:center;
}

.nav-search-toggle {
    float:none;
    display:inline-block;
    margin: 0;
    padding: 10px 20px;
    height: 45px;   
    font-weight:400;
    color:white;
    border-radius: 0px !important;
}

#vehicleSearchContainer .ui-widget-header .ui-state-default, 
#vehicleSearchContainer .ui-widget-header .ui-state-default a, 
#vehicleSearchContainer .ui-widget-header .ui-state-default a:link {
    color: #333;
}

#vehicleSearchContainer .ui-widget-header .ui-state-default a:hover{
    color: rgba(51,51,51,0.8);
}

#vehicleSearchContainer .ui-widget-header .ui-state-active, 
#vehicleSearchContainer .ui-widget-header .ui-state-active a, 
#vehicleSearchContainer .ui-widget-header .ui-state-active a:link {
    color: #FFF;
}

#vehicleSearchContainer .ui-widget-header .ui-state-active a:hover {
    color: rgba(255,255,255,0.8);
}

#vehicleSearchContainer .ui-widget-header .ui-state-default, 
#vehicleSearchContainer .ui-widget-header .ui-state-default a:link, 
#vehicleSearchContainer .ui-widget-header .ui-state-default a:visited,
#finance .ui-widget-header .ui-state-default a  {
    background: transparent;
}

#vehicleSearchContainer #tabs .ui-tabs-nav li.ui-state-default
{
    border: none;
    background-color: #F5F5F5;
    color:#333;
    height:40px;
    width:150px;
}

.nav-search-toggle-container > ul {
    text-align:center;
}

.nav-search-toggle-container > ul > li {
    float:none;
    display:inline-block;
}

#nav-search-toggle > li > a,
#nav-search-toggle > li > a:hover,
#nav-search-toggle > li > a:focus {
    border:none !important;
    border-radius:0px;
    outline:none;
}



#vehicle-type-container img {
    width:80%;
    display: block;
    border: none;
    margin-bottom: 10px;
}


.vehicle-type-item {
    background-color: white;
    text-align: center;
    padding:30px 20px;
}

.vehicle-type-item a {
    text-decoration: none;
    color: #6E685A;
}

.vehicle-type-item a img {
    width: 80%;
    display:block;
    margin:auto;
}

#vehicle-type-makes-container {
    display: none;
    font-size: 14px; 
    font-weight: 600; 
}

#vehicle-makemodel-make-container .makeListContainer,
#vehicle-type-makes-container .makeListContainer,
#trimListContainer {
    padding:30px 20px;
    background-color:white;
}

#vehicle-type-makes-container .makeListContainer h3 {
    padding-top: 0; 
    margin-top: 10px;
}

#vehicle-type-makes-container #makeList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; 
    -webkit-margin-bottom-collapse: separate;
    padding-left: 5px;
}

        
#vehicle-type-makes-container #modelListContainer h5 {
    padding-left: 10px;
}

 .returnVehicleTypeLink, 
 .returnVehicleTypeLink:hover 
{
    cursor: pointer;        
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
}

 .returnVehicleTypeLink span{
     margin-left:10px;
}

.returnVehicleTypeLink:hover
{
    text-decoration:underline;
}

 .vehicle-search-container-header-left {
     margin-top:26px;
     text-align:left;     
 }


.vehicleMakeOption,.usedModelOption, .trimOption {
    margin-bottom: 15px;
    text-align:left;
}

.vehicleMakeOption a, 
.vehicle-type-item a,
.usedModelOption a, 
.trimOption a{
    cursor: pointer;
    font-weight:500;
}

.selectedMakeOption {
    text-decoration: underline;
}


.modelOption{
    padding:20px;
    text-align: center;
}

.modelOption a {
    cursor: pointer;
}

.modelOption img {
    width:80%;
    display: block;
    margin: 0 auto;
} 


.modelImage Img{
    text-align:center;  
    width:80%
}


#vehicle-value-guides,
#vehicle-history-reports
{
    text-align:center;
    padding:0 20px 20px 20px;
}

#vehicle-value-guides h2,
#vehicle-history-reports h2
{
font-size: 20px;
font-weight:600;
padding-bottom:0px;
margin-bottom:0px;
}

#vehicle-value-guides .subheading,
#vehicle-history-reports .subheading
{
font-size: 14px;
font-weight:400;
font-family:"Roboto";
margin-bottom:30px;
color:#666;
}

    #vehicle-value-guides > div img,
    #vehicle-history-reports > div img {
        margin: 0 30px 20px;
        max-width: 130px;
        cursor: pointer;
        max-height: 74px;
    }


#vehicleSearchContainer .nav li a:focus{
     /*padding:15px 15px 15px 15px;*/
     color:rgba(255,255,255,0.8);
}

.selectedVehicleType,
.selectedMakeTitle,
.selectedArrow,
.selectedVehicleMake,
.selectedModelTitle
{
    font-family:"Roboto";
    text-transform:uppercase;
    font-size:24px;
    color:#333;
    font-weight:700;
}


#vehicleSearchContainer .nav > li > a{
     /*padding:15px 15px 15px 15px;*/
}

.button-secondary
{
    padding:0;
}

@media(max-width:480px) {
    #nav-search-toggle span {
        display:inline-block;
    }  
    .col-sm-3{
        width:100%;
    }

    .vehicleMakeOption {
    margin-bottom: 15px;
    text-align:center;
}
    #vehicle-type-makes-container span{
        display:none;
    }

    #vehicle-type-model-container .vehicle-search-container-header-left span{
         display:none;
    }
}

 @media only screen and (min-width:504px) and (max-width:767px) {
        .col-smx-6 {
            width: 50%;
        }

        .vehicleMakeOption, .usedModelOption {
            text-align: center;
            margin-bottom: 15px;
        }
    }

@media only screen and (max-width:504px) {

        .vehicleMakeOption, .usedModelOption {
            text-align: center;
            margin-bottom: 15px;
        }
    }