/* ******************************************************************************************************* */
/* Base HTML elements */

* { margin: 0px; padding: 0px; outline: none; }
html, body { font-size: 11px; font-family: arial, sans-serif; }
body.main-body { padding-bottom: 100px; }

a { text-decoration: underline; cursor: pointer; }

ul { padding: 0px; list-style: none; }
li { padding: 0px; }
ol { margin-left: 24px; }
img { border: 0px; vertical-align: text-bottom; }
form { border: 0px; }
object { border: 0px; font-size: 0px; line-height: 0px; vertical-align: text-bottom; }
label, input { vertical-align: middle; }
hr { height: 0px; border: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin: 5px 0px 6px 0px; }
p { margin-bottom: 10px; text-indent: 0px; }

table	{ border-collapse: collapse; text-align: left; empty-cells: show; }
th { font-size: 11px; text-align: left; padding-right: 10px; }
td { font-size: 11px; font-family: arial, sans-serif; }

html, body { font-size: 11px; font-family: arial, sans-serif; }
body.main-body { padding-bottom: 100px; }
a { text-decoration: underline; }

ul.menu-panel { padding: 0; margin: 0; list-style: none; }
ul.menu-panel li { padding: 0; }

table { font-size: 11px; text-align: left; }
th { padding-right: 10px; }
td { font-family: arial, sans-serif; }

label { font-size: 13px; line-height: 1.3 }

.row.equal-height {
  overflow: hidden; 
}
.row.equal-height > [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.btn-group-vertical .btn {
    text-align: left;
}

.btn {
    text-decoration: none;
}

.dropdown-menu > li > a {
    color: inherit;
    text-decoration: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: inherit;
    text-decoration: underline;
    background-color: inherit;
}


/* ******************************************************************************************************* */
/* Main container */

div.main-container { width: 960px; margin: auto; text-align: left; }
div.framed-container { margin: auto; min-width: 750px; max-width: 960px; text-align: left; }
.ebay-listing .page-content {
    min-width: 1070px !important;
}

h1.pagetitle { margin: 0; }

/* ******************************************************************************************************* */
/* Banner elements */

div.banner-container { text-align: center; }

div.banner-title { padding: 8px 20px; }
a.banner-title { text-decoration: none; }
span.banner-title { display: block; font-weight: bold; font-size: 40px; line-height: 150%; font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; text-align: center; }

.banner-text-shadow {
    text-shadow: 1px 1px 1px rgba(0,0,0,.5),
                 2px 2px 5px rgba(0,0,0,.3);
}

div.banner-contact { margin: 8px 20px; font: bold 11px/14px Arial, sans-serif; white-space: nowrap; }
div.banner-phone { font-size: 13px; line-height: 20px; }


/* ******************************************************************************************************* */
/* Menu elements */

div.menu-container { clear: both; }

a.menu-heading { position: relative; z-index: 900; white-space: nowrap; }

div.menu-panel { position: absolute; border: 0px; padding: 0px 3px 3px 0px; background: transparent url(../images/menu/fauxshadow.png); z-index: 1000; }

ul.menu-panel { min-width: 150px; }
a.menu-panel { display: block; font: bold 11px/13px tahoma, arial; text-decoration: none; padding: 5px 40px 5px 20px; }


/* ******************************************************************************************************* */
/* Content elements */

table.dynamic-centering { margin: auto; }

.page-content-element .row {
    margin: 0;
}

.element-heading { font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }
.element-sub-heading { font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }
  
/* Dealership Info elements */
.dealershipinfo-mainphone { font: bold 20px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.dealershipinfo-fax { font: bold 20px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.dealershipinfo-email { font: bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
  

.googlemap-container {
    min-height: 150px;
    max-height: 500px;
}
.googlemap {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 150px;
    max-height: 500px;
}


/* Quick Links elements */
a.imagequicklinks { display: block; background-repeat: no-repeat; background-position: -10000px 0px; }
a.imagequicklinks:hover { background-position: center center; }
a.imagequicklinks:hover > img { visibility: hidden; }

/* Slide Show elements */
div.slideshow-container { overflow: hidden; position: relative; }
div.slideshow-image { z-index: 99; }
table.slideshow-overlay { position: absolute; top: 0px; left: 0px; z-index: 100; }

.slideshow-pager { z-index: 999; position: relative; top: -45px; left: 15px; padding: 10px; }
.slideshow-pager li { display: inline-block; width: 15px; margin: 0px 2px; } 
.slideshow-pager li a { display: block; width: 15px; height: 15px; background: url(../images/slider/pager.png) 0px 0px no-repeat; }
.slideshow-pager li.cycle-pager-active a { background-position: -15px 0px; }
.pager-dots-blue li a { background: url(../images/slider/pager-blue.png); }
.pager-dots-green li a { background: url(../images/slider/pager-green.png); }
.pager-dots-yellow li a { background: url(../images/slider/pager-yellow.png); }
.pager-dots-orange li a { background: url(../images/slider/pager-orange.png); }
.pager-dots-red li a { background: url(../images/slider/pager-red.png); }
.pager-dots-purple li a { background: url(../images/slider/pager-purple.png); }
.pager-dots-brown li a { background: url(../images/slider/pager-brown.png); }
.pager-dots-darkgreen li a { background: url(../images/slider/pager-darkgreen.png); }
.pager-dots-darkred li a { background: url(../images/slider/pager-darkred.png); }
.pager-dots-gray li a { background: url(../images/slider/pager-gray.png); }
.pager-dots-teal li a { background: url(../images/slider/pager-teal.png); }
.pager-dots-tan li a { background: url(../images/slider/pager-tan.png); }
.pager-dots-navy li a { background: url(../images/slider/pager-navy.png); }



.slideshow-loading-container { width: 180px; margin: auto; border-radius: 4px; padding: 4px 10px; text-align: center; background: #000; color: #ccc; opacity: 0.2; font-size: 13px; font-weight: bold; }

.slideshow-player { width: 230px; height: 72px; padding: 0px 7px; margin: auto; background: url(../images/player/player-bg.png); }
.slideshow-player-button { display: inline-block; width: 48px; height: 48px; margin: 10px; background: url(../images/player/buttons.png) 0px 0px no-repeat; }
.slideshow-player-prev { background-position: 0px 0px; }
.slideshow-player-prev:hover { background-position: -48px 0px; }
.slideshow-player-play { background-position: -96px 0px; }
.slideshow-player-play:hover { background-position: -144px 0px; }
.slideshow-player-pause { background-position: -192px 0px; }
.slideshow-player-pause:hover { background-position: -240px 0px; }
.slideshow-player-next { background-position: -288px 0px; }
.slideshow-player-next:hover { background-position: -336px 0px; }

/* Inventory Slide Show elements */
.element-type-inventoryslideshow { font-weight: bold; }
.invslide-make-large { font-size: 24px; } .invslide-model-large { font-size: 24px; }
.invslide-price-large { font-size: 36px; } .invslide-call-large { font-size: 30px; }
.invslide-make-medium { font-size: 16px; } .invslide-model-medium { font-size: 16px; }
.invslide-price-medium { font-size: 24px; } .invslide-call-medium { font-size: 20px; }
.invslide-make-small { font-size: 12px; } .invslide-model-small { font-size: 12px; }
.invslide-price-small { font-size: 16px; } .invslide-call-small { font-size: 13px; }

/* Library Image elements */
a.libraryimage-hover { display: block; float: left; background-repeat: no-repeat; background-position: -10000px 0px; }
a.libraryimage-hover:hover { background-position: center center; }
a.libraryimage-hover:hover > img { visibility: hidden; }

/* ******************************************************************************************************* */
/* Vehicle panels */

div.slider-viewport { overflow: hidden; }
a.slider-arrow-top, a.slider-arrow-bottom { display: block; margin: 0px auto; padding: 0px !important; width: 50px !important; min-width: 50px !important; height: 24px !important; background-position: center center !important; background-repeat: no-repeat !important; }
a.slider-arrow-left, a.slider-arrow-right { display: block; padding: 0px !important; width: 24px !important; min-width: 24px !important; height: 50px !important; background-position: center center !important; background-repeat: no-repeat !important; }
a.vehicle-panel-specials { display: block; float: left; padding: 5px; text-align: center; text-decoration: none; }

/* ******************************************************************************************************* */
/* Form elements */

table.form th, table.form td { height: 22px; }
table.form td+th { padding-left: 20px; }

table.form th, .field-heading { padding-right: 20px; font-weight: normal; white-space: nowrap; }

div.form { clear: both; margin: auto; padding: 2px; }
div.form-field { float: left; margin-top: 5px; width: 210px; }

.required-indicator { font-size: 13px; line-height: 1.3; font-weight: bold; margin-bottom: 10px; }
.form-errors, .form-submitted, .form-info { color: #333; padding: 10px 15px; }
.form-errors-icon { color: #900; font-size: 14px; margin-right: 10px; }
.form-submitted-icon { color: #090; font-size: 14px; margin-right: 10px; }
.form-info-icon { color: #009; font-size: 16px; margin-right: 10px; }
.form-vehicle-details { padding: 8px 10px; margin-top: 4px; background: #fff; border: 1px solid #ccc; border-radius: 4px; }

[class*=col-].input-group {
    padding-right: 15px;
    padding-left: 15px;
}

.popover-content {
    color: #333;
}

/*input[type="text"], input[type="password"], textarea, select { width: 192px; height: 16px; padding: 1px 3px; border: 1px solid #bbc; background-color: #fff; color: #000; font: 11px/16px arial, sans-serif; vertical-align: middle; }
select { width: 200px; height: 20px; line-height: 20px; padding: 0px; }

input[type="file"] { width: 390px; height: 20px; padding: 1px 3px; border: 1px solid #bbc; color: #000; background-color: #fff; font: 11px arial, sans-serif; vertical-align: middle; }
input[type="checkbox"] { width: 15px; height: 15px; margin: 2px;  }
input[type="radio"] { width: 20px; height: 16px; }*/

input.input-money, input.input-pct, .input-float {
    text-align: right;
}
input.input-data, textarea.input-data, div.input-data {
    background-color: #ffc !important;
}

input[type="text"].good { border-color: #090; color: #060; font-weight: bold; background: #efe url(../images/input/greencheck.gif) no-repeat right; }
input[type="text"].bad { border-color: #900; color: #600; font-weight: bold; background: #fee url(../images/input/redx.gif) no-repeat right; }

.read-only { border: 1px solid #ddd !important; color: #808080 !important; background-color: #fff !important; }

/*button, a.button, input.button { position: relative; margin: 10px; height: 24px; min-width: 80px; padding: 0px 8px; font: bold 11px/16px tahoma, arial, sans-serif; text-align: center; cursor: pointer; white-space: nowrap; outline: none; }
a.button, input.button { display: inline-block; text-decoration: none; margin: 2px; border: 1px outset; line-height: 24px; }
input.button { line-height: 20px; }*/

div.form-tabs { height: 25px; }
a.form-tab { display: inline-block; border-width: 3px; border-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 16px; padding: 10px; margin-bottom: 3px; }
a.form-tab-selected { padding-bottom: 13px; margin-bottom: 0px; }


/* ******************************************************************************************************* */
/* Footer elements */

div.disclaimer-container { padding: 10px 0px; }
div.disclaimer { font: normal 10px/13px arial sans-serif; }

.media-link { display: inline-block; }
.media-icon { display: block; border-radius: 4px; height: 20px; width: 20px; text-align: center; font-size: 15px; line-height: 20px; color: #fff; }
.media-icon-mobile { color: #000; }
.media-icon-facebook { background-color: #3b5998; }
.media-icon-facebook .fa-facebook { vertical-align: bottom; margin: 2px 0 0 2px; }
.media-icon-twitter { background-color: #00aced; }
.media-icon-youtube { background-color: #cd201f; }
.media-icon-googleplus { background-color: #dd4b39; }
.media-icon-instagram { background-color: #3f7298; }
.media-icon-yelp { background-color: #af0606; }

div.footer-container { min-width: 960px; }
div.footer-links { float: left; padding: 5px 15px 5px 5px; }
.footer-links-heading { font-weight: bold; }
.footer-link { text-decoration: none; }
.footer-link:hover { text-decoration: underline; }

div.sitemap-links { padding-bottom: 15px; }
.sitemap-links-heading { font-size: 13px; line-height: 22px; font-weight: bold; }
.sitemap-link { margin-left: 10px; font-size: 12px; line-height: 16px; text-decoration: none; }
.sitemap-link:hover { text-decoration: underline; }
.sitemap-link-inventory { display: block; font-size: 12px; line-height: 16px; text-indent: -10px; margin-left: 20px; }

div.seotext-container { padding-top: 20px; }
div.addthis-container { float: left; padding: 5px 20px 5px 8px; }
div.poweredby-container { float: right; margin: 20px 20px 0px 0px; }
div.page-bottom { width: 100%; max-width: 960px; margin: auto; }
div.bottom-links-container { padding-top: 40px; text-align: center; font: normal 10px/15px verdana, tahoma, arial, sans-serif; }
h6.seotext { font: normal 10px/10px arial sans-serif; text-align: left; }


/* ******************************************************************************************************* */
/* Misc. elements */

.sub-text { font: normal 9px/13px arial, sans-serif; }
.error { color: #f00; font-weight: bold; }
.okay { color: #060; font-weight: bold; }
.bold { font-weight: bold; }
.clip { text-overflow: ellipsis; overflow: hidden; }
.clear { clear: both; }

.border0 { border-width: 0px !important; border: none; }
.border1 { border-width: 1px; border-style: solid; border-color: inherit; }
.pad5 { padding: 5px; }

.rounded-corners { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 

a.def { border-bottom-style: dotted; border-bottom-width: 2px; text-decoration: none; }

.cursor-default { cursor: default; }


/* contact list */

.contact-list-column {
    margin: 10px 0 15px 0;
}
.contact-list-photo {
    float: left;
    width: 165px;
    padding-right: 15px;
    margin-right: 15px;
}
.contact-list-details {
    float: left;
}
.contact-list-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.contact-list-title {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}


/* lot header */

.lot-header-column {
    margin: 10px 0 15px 0;
}
.lot-header-photo {
    float: left;
    padding-right: 15px;
    margin-right: 15px;
}
.lot-header-details {
    float: left;
}
.lot-header-name {
    font-weight: bold;
}
.lot-header-phone {
    font-weight: bold;
}
.lot-header-distance {
    font-weight: bold;
    font-style: italic;
}
.lot-header-invlink {
    font-size: larger;
    font-weight: bold;
}


/* testimonials */

.testimonials-container {
    padding: 0 20px;
}
.testimonial {
    padding-bottom: 25px;
}
.testimonial-comment .popover {
    position: relative;
    display: block;
    max-width: none;
}
.testimonial-location {
    font-style: italic;
}
.testimonial-vehicle {
    font-weight: bold;
}

.testimonial .top.popover {
    margin: 10px 0 15px 0;
}

.left.popover > .arrow {
    right : -10px;
}
.top.popover > .arrow {
    bottom : -10px;
}


/* browse inventory */

.browse-inventory-container {
    padding: 15px;
}
.browse-inventory-link {
    float: left;
    width: 20%;
    max-width: 300px;
    -moz-min-width: 160px;
    -ms-min-width: 160px;
    -o-min-width: 160px;
    -webkit-min-width: 160px;
    min-width: 160px;
}



/* ******************************************************************************************************* */
/* Content page columns */

table.page-content-table { width: 100%; table-layout: fixed; margin: 0px auto; }
div.splash-container table.page-content-table { width: auto !important; }


/* ******************************************************************************************************* */
/* Palette elements */

.palette-box1 { border: 8px solid #18181c; padding: 10px; margin-top: 2px; text-align: left; }
.palette-heading1 { font: bold 15px/20px Tahoma, sans-serif; margin-bottom: 5px; }
.palette-box2 { border: 8px solid #222228; padding: 10px; margin-top: 2px; text-align: left; }
.palette-heading2 { font: bold 13px/16px Tahoma, sans-serif; margin-bottom: 2px; }

/* Inventory List */
.inventory-report-updated {
    width: 90px;
    padding: 4px;
    font-size: 10px !important;
    text-align: center;
}
.special-border { border: 2px solid #000; }
td.inventory-photo { width: 110px; padding: 2px; }
td.inventory-details { vertical-align: top; padding: 8px; }
td.inventory-report { width: 80px; border-left: 4px solid #000; text-align: center; vertical-align: top; padding: 5px 0px; }
td.inventory-price { width: 150px; border-left: 4px solid #000; text-align: center; }
a.inventory-page { display: block; float: left; margin: 0px 1px; width: 20px; height: 18px; line-height: 18px; font-weight: bold; text-align: center; text-decoration: none; }

.currency-symbol { font-size: 12px; vertical-align: text-top; }
.currency-symbol-small { font-size: 10px; vertical-align: text-top; }

a.vehicle-label { font-size: 13px; line-height: 22px; font-weight: bold; }
div.vehicle-tagline { font-size: 12px; line-height: 20px; font-weight: bold; }

td.invpanel-gallery { padding: 0px 2px; }
table.invpanel-gallery { height: 122px; }
td.invpanel-gallery a.vehicle-label { font-size: 11px; line-height: 15px; }
td.invpanel-gallery div.vehicle-tagline { font-size: 11px; line-height: 15px; margin: 4px 0px; }

.overlay-sold-105, .overlay-pending-105 { height: 24px; line-height: 24px; margin-top: 54px; font-size: 14px; }
.overlay-sold-150, .overlay-pending-150 { height: 28px; line-height: 28px; margin-top: 84px; font-size: 18px; }
.overlay-sold-200, .overlay-pending-200 { height: 32px; line-height: 32px; margin-top: 118px; font-size: 22px; }
.overlay-sold-bg, .overlay-pending-bg { display: block; position: absolute; opacity: 0.9; }
.overlay-sold-text, .overlay-pending-text { display: block; position: absolute; font-weight: bold; text-align: center; vertical-align: middle; }


td.invpanel-gallery { padding: 0px 2px; }
table.invpanel-gallery { height: 122px; }
td.invpanel-gallery a.vehicle-label { font-size: 11px; line-height: 15px; }
td.invpanel-gallery div.vehicle-tagline { font-size: 11px; line-height: 15px; margin: 4px 0px; }

div.search-criteria { border-bottom: 2px dotted #000; }
div.search-criteria-heading { padding: 4px 0px 4px 20px; font-size: 12px; font-weight: bold; cursor: pointer; }
div.current-criteria-heading { padding: 4px 0px 4px 5px; font-size: 12px; font-weight: bold; }
.remove-criteria { display: inline-block; padding-left: 4px; font-size: larger; }

div.search-criteria-panel {
    padding: 4px 0 2px 0;
    margin: 0;
    font-size: 12px !important;
    line-height: 18px !important;
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
}
div.search-criteria-panel a {
    display: block;
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.4285;
    text-decoration: none;
}

.search-box .dropdown-menu {
    background-color: #fff !important;
}
.search-box .dropdown-menu > li > a {
    color: #222 !important;
}
.search-box .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #eee !important;
}



/* Vehicle Listings */

div.vehicle-listing-container { padding: 4px; }
a.button-selected { font-size: 13px; text-transform: uppercase; }
.photo-caption { padding: 4px; text-align: center; font-size: 11px; font-weight: bold; font-style: italic; }


/* Vehicle Details Paga */

.vehicle-heading {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: bold;
}

.specifics-container {
    /*margin: 15px -15px 0 -15px;*/
    margin-top: 15px;
}

.specifics-label {
    display: inline-block;
    width: 100px;
    font-weight: bold;
}

.contact-info-label {
    display: inline-block;
    font-weight: bold;
    padding-right: 8px;
}

.video-frame {
    width: 650px;
    height: 412px;
    margin: 10px auto;
    border-style: solid;
    border-width: 4px;
    border-radius: 5px;
}

div.vehicle-description {
  font-size: 12px;
}

.thumbnails-label {
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

div.vehicle-links-container {
    margin-top: 2px;
    margin-bottom: 1px;
    text-align: center;
}

div.vehicle-link {
    display: inline-block;
}
div.vehicle-link .btn {
    font-size: 12px;
}

ul.vehicle-condition li {
    padding: 2px 0;
}

.feature-type {
    font-size: 12px;
    font-weight: bold;
}

@media print{
    div.main-container{
          padding: 0 !important;
          margin: 0 !important;
          border: 0 !important;
    }
    .element-type-vehicle-details {
        position: absolute;
    } 
    .accent-color2 {
        color: black !important;
    }
    a:link:after, a:visited:after {
        content: "";
    }
    div.footer-container, div.page-bottom {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }
}