body {
    margin: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    background: #fff;
    font-size: 1.0em;
    color: #000;
}

A {
    text-decoration: none;
    color: #0099FF;
}

H2 {
    font-family: 'Source Sans Pro', san-serif;
    color: #232B68;
    font-size: 2.5em;
    font-weight: 900;
}

H4 {
    font-family: 'Source Sans Pro', san-serif;
    color: #000;
    text-transform: uppercase;
}

IMG {
    border: none;
}

.rollover img {
    opacity: 0.9;
}

.rollover:hover img {
    opacity: 0.7;
}

SELECT, INPUT {
    font-family: 'Source Sans Pro', Sans-Serif;
}

P, LI {
    line-height: 145%;
}

TABLE {
    border-spacing: 0px;
    border-collapse: collapse;
}

.l {
    float: left;
}

.r {
    float: right;
}

.clr {
    clear: both;
    height: 0px;
    width: 0px;
}

A.btn {
    display: block;
    text-decoration: none;
}

/* HEADER CONTAINER */

#hdr-container {
    height: 185px;
    background: url('../../Userfiles/Image/hdr-bg.png')repeat-x;
}

.hdr-1 {
    width: 980px;
    height: 150px;
    margin: auto;
    position: relative;
}

a.hdr-logo {
    top: 27px;
    left: -1px;
    position: absolute;
    display: block;
    height: 67px;
    width: 463px;
    background: url('../../Userfiles/Image/hdr-logo.png') no-repeat;
}

.hdr-1 {
    width: 980px;
    margin: auto;
    position: relative;
}

.hdr-txt-1 {
    float: right;
    color: #fff;
    font-family: 'Myriad Pro', Sans-Serif;
    text-align: right;
    font-size: 1.2em;
    padding-top: 35px;
    line-height: 1.3em;
}

/* MAIN MENU CONTAINER */

div#menu {
    position: absolute;
    left: 0px;
    top: 120px;
}


/* CONTENT CONTAINER */

#cnt-container {
    width: 980px;
    margin: auto;
    position: relative;
}

A.btn-1 {
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    font-size: 0.9em;
    padding: 0.5em 0.5em 0.4em 0.5em;
    color: #fff;
    background: #232B68;
    text-transform: uppercase;
    width: 133px;
    text-align: center;
}

    A.btn-1:hover {
        color: #ccc;
    }

/* HOME FEATURE CAR */

UL.feature-cars {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    UL.feature-cars LI {
        float: left;
        margin-left: 20px;
    }

        UL.feature-cars LI:last-child {
            margin-right: 0px;
        }

A.btn.view-cars {
    background: url('../../Userfiles/Image/btn-view-cars.png') 0 0 no-repeat;
    height: 46px;
}

    A.btn.view-cars:hover {
        background: url('../../Userfiles/Image/btn-view-cars.png') 0 -46px no-repeat;
    }

span.rollover {
    background: url('../../Userfiles/Image/mag.png') center center no-repeat #E8E8E8;
    cursor: pointer;
    height: 151px;
    width: 201px;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

    span.rollover:hover {
        opacity: .8;
    }


/* FOOTER CONTAINER */

#ftr-container {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.8em;
    padding-top: 24px;
    margin-top: 20px;
    height: 205px;
    width: 980px;
    margin: auto;
}

.ftr-1 {
    height: 117px;
    color: #4B4B4B;
    font-family: Source Sans Pro, sans-serif;
    font-size: 26px;
}

#ftr1 a, #ftr2 a, #ftr1, #ftr2 {
    color: #4B4B4B;
}




/* ## HINTS */

.hint, [data-hint] {
    position: relative;
    display: inline-block;
    cursor: help;
}

    .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        z-index: 1000000;
        pointer-events: none;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        transition: 0.3s ease;
    }

    .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .hint:before, [data-hint]:before {
        content: '';
        position: absolute;
        background: transparent;
        border: 6px solid transparent;
        z-index: 1000001;
    }

    .hint:after, [data-hint]:after {
        content: attr(data-hint);
        background: #383838;
        color: white;
        text-shadow: 0 -1px 0px black;
        padding: 8px 10px;
        font-size: 12px;
        line-height: 12px;
        white-space: nowrap;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 * 
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
    border-top-color: #383838;
}

.hint--bottom:before {
    border-bottom-color: #383838;
}

.hint--left:before {
    border-left-color: #383838;
}

.hint--right:before {
    border-right-color: #383838;
}

/**
 * top tooltip
 */
.hint--top:before {
    margin-bottom: -12px;
}

.hint--top:after {
    margin-left: -18px;
}

.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%;
}

.hint--top:hover:before, .hint--top:hover:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}

/**
 * bottom tooltip
 */
.hint--bottom:before {
    margin-top: -12px;
}

.hint--bottom:after {
    margin-left: -18px;
}

.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%;
}

.hint--bottom:hover:before, .hint--bottom:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

/**
 * right tooltip
 */
.hint--right:before {
    margin-left: -12px;
    margin-bottom: -6px;
}

.hint--right:after {
    margin-bottom: -14px;
}

.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%;
}

.hint--right:hover:before, .hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

/**
 * left tooltip
 */
.hint--left:before {
    margin-right: -12px;
    margin-bottom: -6px;
}

.hint--left:after {
    margin-bottom: -14px;
}

.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%;
}

.hint--left:hover:before, .hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.hdr-info {
    width: 300px;
}

.hdr-info .first-line {
    display: block;
    color: #ffff66;
    font-family: 'Source Sans Pro', san-serif;
    padding-bottom: 0.125rem;
}

.hdr-info .second-line {
    display: block;
    text-align: right;
}

    .hdr-info .second-line a {
        color: #fff;
        font-family: 'Source Sans Pro', san-serif;
        font-weight: bold;
        transition: all, 0.3s;
    }

        .hdr-info .second-line a:hover {
            color: #ffff66;
        }

.hdr-info .sales-text {
    font-style: italic;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 6px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing:1px;
    line-height: 1.2;
    text-align: right;
}

.hdr-info .ph {
    font-size: 40px;
    font-weight: 900;
    text-align: right;
    line-height: 1;
}

.ftr-info {
    width: 225px;
}

    .ftr-info {
        display: block;
        color: #fff;
        font-family: 'Source Sans Pro', san-serif;
        padding-left: 46px;

    }

    .ftr-info .sales-text {
        font-style: italic;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 6px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 1.2;
        text-align: right;
    }

    .ftr-info .ph {
        font-size: 35px;
        font-weight: 900;
        text-align: right;
        line-height: 1;
        text-align: right;
    }
.ftr-email {
    display: block;
    text-align: right;
}

    .ftr-email a {
        color: #fff;
        font-family: 'Source Sans Pro', san-serif;
        font-weight: bold;
        transition: all, 0.3s;
    }

        .ftr-email a:hover {
            color: #ffff66;
        }