/* ===== Body ===== */
body {
    background: #fff;
    font: 14px "Open Sans", Helvetica, Arial, sans-serif;
    color: #2f2f2f;
	line-height:1.25em;
}

/* ===== Wrapper ===== */
/* set both the max-width and the ie8 fix wrapper to the same width */
.wrapper {
    max-width: 980px; /* <--- Should be the same px wide */
    margin: 0 auto;
}

.ie8 .wrapper {
    min-width: 980px; /* <--- Should be the same px wide */
}

.content-background { background: #fff; }

.content-background h1#ctl00_ContentSection__PageTitle {
    margin-left: 15px;
}

/* ===== Site Link Style ===== */
/* inline link styling */
a {
    text-decoration: none;
    color: #c4172c;
}

a:hover { color: #333; }

a:focus {
   outline: none;
}

.customcontent a { text-decoration: none; }

.customcontent ul {
    list-style-type: disc;
	padding-left:20px;
}

.container {
    background: none repeat scroll 0 0 #ddd;
}

ul {
    list-style-type: none;
    margin-top: 0.5em;
}

.img-center, .img-center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/* button styling */
.custompage .btn {display:inline-block}

.btn,
#customform input[type="submit"] {
    transition: all .3s ease-in-out;
    color: #fff;
    background: #c4172c;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    line-height: 2.5em;
    cursor: pointer;
    display: block;
    margin: 2px 0;
    padding: 0 1em;
}

.btn:hover,
a:hover .btn,
#customform input[type="submit"]:hover {
    background: #333;
    color: #fff;
}

p + a.btn,
h3 + a.btn {
    margin-top: 0.5em;
}

/* paragraph */

p {
    line-height: 1.25em;
    margin-top: 0.5em;
}

/* Headings */

h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    line-height: 1.25em;
}

h2 {
    font-size: 1.25em;
    color: #333;
    line-height: 1.1em;
}

h3 {
    font-size: 1.1em;
    text-transform: uppercase;
    color: #333;
    line-height: 1em;
}

h1, h2, h3 {
    margin-top: 0.5em;
}

sub {
    font-size: 10px;
    vertical-align: text-top;
    color: #c4172c;
}

.content > h1,
.content > p,
.content > .customcontent { margin: 10px }

table h2, table h3 {margin:0}

/* header ==================== */

.header-bar {
    color: #2f2f2f;
    background: #fff;
    /*border-top: 14px solid #000000;
    border-bottom: 8px solid #000000;*/
}

/*.header-bar:before,*/
.header-bar:after {
    content: "";
    display: block;
    background: #c4172c;
}

/*.header-bar:before {
    height: 1px;
}*/

.header-bar:after {
    height: 4px;
}

.header-bar .logo-container {
    padding: 30px 15px;
}

.header-bar .logo-container img {
    padding: 0 20px;
}

.header-bar .logo {
    font: 0/0 a;
    display: inline-block;
}

.header-bar .contact-info-container {
    padding: 35px 15px 25px;
    font-size:1.1em;
    line-height:1.3em;
    font-weight:700;
}

.header-bar .contact-info-container.social {
    font-size: 1em;
}

.header-bar .contact-info-container a.btn {
    max-width: 152px;
}

.header-bar .contact-address {
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 10px;
}
.header-bar .contact-address h1 {
    font-size: 1.2em;
    margin: 0;
    font-weight: 700;
}

.header-bar .contact-address span {
    display: block;
}

.header-bar .mobile-phone-button {
    display: none;
    text-align: center;
    background: #eee;
    font-size: 1.5em;
	padding: 15px;
}

.header-bar .contact-phones {
    font-weight: 600;
}

.header-bar .contact-phones .label {
    display: none;
}

.header-bar .social li {
    display: inline-block;
    background-color: #c4172c;
    width: 2.25em;
    height: 2.25em;
    margin-right: 5px;
    text-align: center;
    padding: 4px 0;
    transition: all .3s ease-in-out;
}

.header-bar .social li:hover {
    background-color: #2f2f2f;
}

.header-bar .social a {
    color: #fff;
    font-size: 1.75em;
}

.header-bar .social a.btn {
    font-size: inherit;
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {

    .header-bar .logo-container {
        padding: 10px 0;
        text-align: center;
    }

    .header-bar .contact-info-container {
        padding: 0;
        background: none;
    }

    .header-bar .contact-address,
    .header-bar .desktop-phones,
    .header-bar .social {
        display: none;
    }

    .header-bar .mobile-phone-button {
        display: block;
    }

}

/* navigation ==================== */

.nav-bar {
    padding-bottom: 15px;
    background-color: #000;
    color: #fff;
}

.nav {
    position: relative;
    z-index: 900;
}

.nav:after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #e6e6e6;
}

.nav .mobile-toggle {
    padding: 9px 15px;
    line-height: 36px;
    color: #e6e6e6;
    font-size: 1.1em;
    display: none;
    cursor: pointer;
    position: relative;
}

.nav .mobile-toggle:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 25px;
    height: 4px;
    border-radius: 2px;
    background: #000;
    box-shadow: 0 8px 0 0 rgba(0,0,0,1), 0 16px 0 0 rgba(0,0,0,1);
}

.nav .menu {
    display: table;
    width: 100%;
}

.nav .menu > ul {
    display: table-row;
}

.nav .menu > ul > li {
    display: table-cell;
}

.nav .menu > ul > li > a {
    display: block;
    position: relative;
    text-align: center;
    color: #e6e6e6;
    font-size: 1em;
    font-weight: 600;
    /*text-transform: uppercase;*/
    line-height: 3.25em;
}

.nav .menu > ul > li:hover > a {
    color: #fff;
}

.nav .menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 999;
	border:1px solid #b4b4b4;
    margin-top: 0;
}

.nav .menu ul ul ul {
    top: 0;
    left: 100%;
}

.nav .menu ul ul li {
    position: relative;
    display: block;
}

.nav .menu li:hover > ul {
    display: block;
	box-shadow:0px 1px 1px #b4b4b4;
}

.nav .menu > ul > li:last-child ul {
    left: auto;
    right: 0;
}

/* IE8 fix class last-item injected by javascript */
.nav .menu .last-item ul {
    right: 0;
    left: auto;
}

.nav .menu li li a {
    color: #333;
    background: #fefefe;
    padding: .75em 1em;
    display: block;
    width: 185px;
	border-bottom:1px solid #b4b4b4;
}

.nav .menu li li a:hover {
    color: #fff;
    background-color: #c4172c;
}

@media only screen and (max-width: 767px) {

    /* mobile navigation */

    .nav .menu {
        display: none;
    }

    .nav .mobile-toggle {
        display: block;
    }

    .nav .menu > ul {
        display: block;
    }

    .nav .menu > ul li {
        display: block;
        border-top: 1px solid #fff;
    }

    .nav .menu > ul ul li {
        border-top: 1px solid #c4172c;
    }

    .nav .menu li > ul,
    .nav .menu li:hover > ul {
        display: none;
    }

    .nav .menu .newvehicles > a:before,
    .nav .menu .preowned > a:before,
    .nav .menu .specials > a:before {
        display: none;
    }

    .nav .menu > ul li a {
        line-height: 3em;
    }

    .nav .menu ul ul {
        position: static;
    }

    .nav .menu li li a {
        padding: 0;
        text-align: center;
        line-height: 3em;
        font-size: 16px;
        width: auto;
		
    }

    .nav .menu .has-sub > a:after {
        content: "+";
        display: block;
        font-size: 1.5em;
        position: absolute;
        top: 0px;
        right: 20px;
    }

    .nav .menu .has-sub > a.open:after {
        content: "-";
        top: -2px;
        right: 23px;
    }

    .nav .menu .pNav > .has-sub > a:after {
        border-top-color: #fff;
    }
    
}

/* footer ==================== */

.footer {
    font-size: 0.8em;
    color: #e6e6e6;
    line-height: 1.5em;
    padding-bottom: 10px;
    background: #2f2f2f;
}

.footer a {color: #e6e6e6;}

.footer a:hover {color: #c4172c;}

.footer .pNav > .home {
    display:none;
}

.footer .pNav > li {
    width: 14.28%;
    float: left;
    padding: 10px;
}

.footer .pNav > li > a {
    font-weight: bold;
    line-height: 2.5em;
}

.footer .bottom-nav {margin-bottom: 1em;}

.footer .bottom-nav li {display: inline;}

.footer .bottom-nav li + li {
    border-left: 1px solid;
    margin-left:2px;
    padding-left:5px
}

.footer .contactinfo {text-align: right;}

.footer .contactinfo .dealerinfo > span {display: block;}

.footer .contactinfo .dealerinfoname {display: none;}

@media only screen and (max-width: 767px) {

    .footer ul ul {
        display: none;
    }

    .footer .pNav > li {
        width: auto;
        padding: 0 0 0 15px;
    }

    .footer .contactinfo {text-align: center;}

}

/* privacy policy ul fix */
ul.pNav,
ul.pNav ul,
.pNav li {
    padding-left: 0;
    list-style-type: none;
}

@media only screen and (max-width: 480px) {

	.footer .copyright {
		text-align:center;	
	}

}

/* sidebars dealer/service/finance ==================== */

.locationhours {display: none;}

.sidebar {
    font-size: 0.85em;
    background: #F7F7F7;
    border: 1px solid #eee;
}

.sidebar .header {
    border-bottom: 1px solid #bbb;
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 1.4em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.sidebar .sb-hours {margin-top: 15px;}

.sidebar .hourstable tr,
.sidebar .dealerinfo {line-height: 1.5em;}

.sidebar .dealerinfo { display:block; }

.sidebar .dealerinfoname {font-weight: bold;}

.sidebar td,
.sidebar .phones .label {padding-right: 10px;}

.evidonPrivacyNoticeSpan {
  width: 100% !important;
}

.center{
    text-align: center;
}

/* dealer-locations.aspx */
.locations-nav ul{
    margin: 0 auto;
}

.locations-nav li{
    display: inline;
    transition: 0.3s;
    margin: 10px 0;
    padding: 5px 10px;
    background-color: #c4172c;
    color: #fff;
    border: 5px solid #EBEBEB;
    cursor: pointer;
}

.locations-nav li:hover{
    background-color: #333333;
    box-shadow: 0 5px 10px #333;
}

.locations-nav a{
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.locations-nav .title{
    font-style: italic;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 5px;
    padding: 5px 0 5px;
    border-bottom: 1px solid #EBEBEB;
}

.locations-nav .address{
    font-weight: lighter;
    font-size: 12px;
}

.locations-nav .telephone{
    font-size: 12px;
}

.locations-nav .lng, .locations-nav .lat{
    display: none;
}

#map-canvas{
    margin: 0 0 15px;
    border: 1px solid #999;
}

/* Staff Page */

#StaffPage .staff-member-image img {
    width: 100%;
}

#StaffPage h4 {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
    #StaffPage .staff-member-image {
        padding-right: 0;
    }

    #StaffPage .staff-member-image img {
        margin: 0 25%;
        width: 50%;
    }
}

/*  Finance Department Page */
.finance-dept p {
    margin: 1em 0;
}

.finance-dept img {
    width: 100%;
    border: 2px solid #999;
}

.finance-dept .btn {
    float: left;
    text-decoration: none;
}

/* payment calc fix */

#payment-calc {
    margin-top: 15px;
}

/* research page */

.research-page ul {
    list-style-type: none;
    padding-left: 0;
}

.research-page ul a.btn {
    display: block;
}

/* CTA image replace for Popular Searches, Popular Autos, and Recent Customers */  
#Popular-Searches .left div.CTAs ul li a,  
#Popular-Autos .left div.CTAs ul li a,  
#recent-customers1 .left div.CTAs ul li a {  
  background-image: url(../images/recent-customers-ctas.png);  
} 


/* employment form */
.employmentForm .header {
    font-size: 1.2em;
    font-weight: 600;
}

/* utility classes */
.img-responsive {
    width: 100%;
}

.panel {
    background-color: #e6e6e6;
    padding: 15px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.dealer-disclaimer {
    font-size: 12px;
    margin-top: 15px;
}

/* iframe responsive fix */
.iframe-sml {
    display: none;
}

@media only screen and (max-width: 979px) {
    .iframe-lg {
        display: none;
    }

    .iframe-sml {
        display: block;
        background-color: #e6e6e6;
        padding: 25px;
        margin: 25px;
        text-align: center;
    }

    .iframe-sml a {
        margin-top: 15px;
    }
}