* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #d1d1d1 url(../images/body-bg.jpg) 0 0 repeat-x;/*color5*/
    font: 14px Arial, Helvetica, sans-serif;
    color: #333;

}

.wrapper, .siteHeader, .nav, .footer {
    width: 960px;
    margin: auto;
}

.wrapper {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    border-radius: 10px;
}

.wrapper.home
 { background:none; box-shadow:none;}


/* resets */

img {
    border: 0 none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

/* floats */

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/* links */

a {
    text-decoration: none;
    color: #b20000;
    /*color3*/
}

a:hover {
    color: #333;
    /*color4*/
}
.customcontent a {text-decoration: underline;}

.btn, #customform input[type="submit"] {
    color:#FFF;
    background: #b20000 url(../images/nav-bg.png) 0 -10px repeat-x;
    border-radius: 3px;
    border: 0;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    padding: 5px 10px;
    cursor:pointer;
    display: block;
    margin: 2px;
    box-shadow: none;
    filter: 0;
    text-decoration: none !important;

    background-color: #b20000;
    /*color3*/
}
.btn:hover, a:hover .btn, #customform input[type="submit"]:hover {
    top:auto;
    color: #fff;

    background-color: #333;
    /*color4*/
}

.custompage .btn, #payment-calc .btn {display:inline-block}

/* headings */

h1, #content .advancedsearch .advancedsearchinner .searchHeader h1, div.pagetitle {
    font-size: 22px;
    margin-top:0;

    color: #b20000;
    /*color1*/
}

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

h2 {
    font-size: 18px;
    margin: 0 0 1em;
    color: #666;
    /*color2*/
}

h3 {
    font-size: 14px;
    margin: 1em 0;
    text-transform: uppercase;
    color: #666;
    /*color2*/
    border: none;
}

table h2, table h3 {margin:0}

/* grid */

.grid, [class*='col-'] {padding:15px; *behavior: url(/dealersites/scripts/boxsizing.htc);
}

.grid {
    padding-right:0;
    padding-bottom:0;
    clear:both;

}

.row {
    *zoom:1;
    clear:both;
}
.row:after, .row:before {
    content:' ';
    display: table;
    clear:both;
}

[class*='col-'] {
    padding-left:0;
    padding-top: 0;
    float:left;
}
.col-1, .col-1-1 {width: 100%; }
.col-1-1.homepage {padding: 0;}
.col-1-2 {width: 50%; }

.col-1-3 {width: 33.33%; }
.col-2-3 {width: 66.66%;}

.col-1-4 {width: 25%; }
.col-3-4 {width: 75%;}


.col-1-5 {width: 20%; }
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}

.col-1-6 {width: 16.66%; }
.col-5-6 {width: 83.33%; }

.col-1-7 {width: 14.28%;}
.col-2-7 {width: 28.57%;}
.col-3-7 {width: 42.85%;}
.col-4-7 {width: 57.14%;}
.col-5-7 {width: 71.42%;}
.col-6-7 {width: 85.71%;}

.col-1-12 {width: 8.33%;}
.col-5-12 {width: 41.66%;}
.col-7-12 {width: 58.33%;}
.col-11-12 {width: 91.66%;}

/* masthead */

.siteHeader a {
    color: #666;
}

.siteHeader .inner {
    padding: 10px;
    overflow: hidden;
    height: 140px;
    text-transform: uppercase;
}

.siteHeader .chatService {
    display:none;
	position:absolute;
	right: 61px;
	top: 76px;
}

.siteHeader .chatService a:hover {
	background-position: 0 100%;
}

.siteHeader .chatService a {
	background-image: url(../images/liveChat.png);
	overflow: hidden;
	width: 137px;
	height: 28px;
	display:block;
}

.siteHeader .chatService a img {
	display:none;
}

.siteHeader .logo {
    float: left;
    width: 194px;
    height: 96px;
    font: 0/0 a;
    margin: 20px 30px 0 0;
    background: url(../images/logo.png) center no-repeat;
}

.siteHeader .warranty {
    float: left;
    width: 56px;
    height: 56px;
    font: 0/0 a;
    margin: 41px 0 0 7px;
    background: url(../images/warranty.png) center no-repeat;
}

.siteHeader .rightside {margin-top: 34px;}

.siteHeader .rightside > div {
    width: 245px;
    float: right;
    text-align: right;
    display: block;
}

.siteHeader .dealerinfo {
    display: inline;
}

.siteHeader .contact-info {
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin-top: 43px;
}

.siteHeader .contact-info .dealerinfoname {
    font-size: 42px;
    font-weight: bold;
    line-height:30px;
    display: block;
}

.siteHeader .contact-info > div {
    margin-top:5px;
    float:left;
    width: auto;
}
.siteHeader .dealer-address {
    font-weight: bold;
    font-size: 16px;
}
.siteHeader .dealer-phone {
    font-weight: bold;
    font-size: 18px;
    margin-right: 5px;
}
.siteHeader .dealer-phone .dealerinfophone {
    color: #b20000;
}
.siteHeader .dealer-phone .label {
    display: none;
}

/* navigation */

.nav {
    clear:both;
    height: 51px;
    position: relative;
    z-index: 900;
    background: url(../images/nav-bg.png) repeat-x;
    background-color: #333;/*color1*/
    margin-bottom: 15px;
    border-radius: 8px;
}

.nav ul, .nav li {
    padding: 0;
    margin: 0;
    position:relative;
}

.nav .indicator, .nav .hidden {
    display: none;
}


.nav .menu > ul {
}

.nav .menu > ul > li {
    float: left;
    border-radius: inherit;
}

.nav .menu > ul > li > a {
    padding: 0 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-shadow: 1px 2px 3px #000;
    line-height: 51px;
    display: block;
    color: #fff;
    border-right: 1px solid rgba(0,0,0,.2);
    border-left: 1px solid rgba(255,255,255,.2);
    background: url(../images/nav-bg.png) repeat-x;
    background-color: #333;/*color1*/
}

.nav .menu > ul > li:hover > a {
    background-color: #b20000;
    /*color2*/
}

.nav .menu > ul > li:first-child > a { border-left:0; border-radius: 8px 0 0 8px; }
.nav .menu > ul > li:last-child > a { border-right:0; border-radius: 0 8px 8px 0;}


.nav li > ul {
    width: 175px;
    padding: 0;
    top: 100%;
    left: 0;
    border: 0;
    background: url(../images/_blank.png); /* fixes an IE7 issue */
    margin: 0;
    position: absolute;
    display: none;
}

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

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

.nav li:hover > ul { display:block }

.nav li li:last-child, .nav li li:last-child > a {
    border-radius: 0 0 5px 5px;
}

.nav li li a {
    color: #000;
    background-color: #fff;
    padding: 5px 10px;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 12px;
    display: block;
    border: 1px solid rgba(0,0,0,.1);
    border: 1px solid #eee\9;
}
.nav li li + li > a { border-top: 0;}

.nav li li:hover > a {
    background-color: #b20000;
    /*color3*/
    color: #fff;
}


/* footer */

.footer {
    clear: both;
    font-size: 11px;
    color: #555;
    line-height: 16px;
    overflow: hidden;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}

.footer .inner {}

.footer .pNav > li, .footer .right, .footer .left {margin: 0px}

.footer a {
    color: #555;
}
.footer a:hover {
    color: #888;
}

.footer .pNav {
    overflow:hidden;
}

.footer .menu a { font-weight:bold; font-size:9px}
.footer .menu a:hover {}

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

.footer .pNav > li {
    padding:0;
    width: 160px;
    float: left;
    margin-bottom: 15px;
}

.footer .pNav > li > a {
    font-weight: bold;
    font-style: italic;
    line-height: 26px;
    color: #b20000;
    font-size: 14px;
}
.footer .pNav > li > a:hover {
    color: #888;
}

.footer .vinlink {color: #b20000;}
.footer .vinlink:hover {color: #888;}


.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 span.dealerinfoname {
    display: none;
}

/* secondary pages */

.locationhours {
    display: none;
}

.sidebar {
    padding: 10px;
    font-size: 12px;
    background: #F7F7F7;
    border: 1px solid #eee;
}

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

.sidebar .dealerinfo {display:block}
.sidebar td, .sidebar .phones .label {
    padding-right: 5px;
}

.sidebar .buttons { margin-top:10px; }



.staff-dept {
    CLEAR: both;
    margin-bottom:10px;
}
.staff-dept H2 { padding-left:5px;}
.staff-list {
    padding:10px 0 0;
    margin:0;
    overflow:hidden;
}
.staff-entry {
    DISPLAY: block
}
.staff-list H3 {
    FONT-STYLE: normal;
    MARGIN-BOTTOM: 5px;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}
.staff-list H4 {
    MARGIN-BOTTOM: 15px;
    FONT-SIZE: 12px;
}
.staff-list li {
    MARGIN: 0 5px 20px;
    PADDING: 10px;
    FLOAT: left;
    OVERFLOW: auto;
    border-radius: 3px;
    border: solid 1px rgb(219, 219, 219);
    background: #f2f2f2;
	width: 150px;
	height: 250px;
}
.staff-list IMG {
    MARGIN-BOTTOM: 5px;
    border: solid 8px #FFF;
    box-shadow: 1px 2px 4px #666;
}
.staff-list A {
    TEXT-ALIGN: center;
    LINE-HEIGHT: 10px;
background-color: #b20000;
    MARGIN: 0;
    padding: 5px;
    COLOR: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.staff-list A:hover {
    BACKGROUND-COLOR: #333;
}