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

* { margin: 0px; padding: 0px; outline: none; }
html, body { font-size: 11px; font-family: arial, sans-serif; }
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 { text-align: left; padding-right: 10px; }
td { font-size: 11px; font-family: arial, sans-serif; }

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

table.splash-container { margin: auto; text-align: left; }

div.main-container { width: 960px; margin: auto; text-align: left; }
/* div.page-content-row + div.page-content-row { margin-top: 10px; } */

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

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

div.banner-title { margin: 8px 20px; line-height: 150%; }
a.banner-title { text-decoration: none; }
span.banner-title { float: left; font-weight: bold; font-size: 40px; line-height: 150%; font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; filter: Shadow(strength=3, direction=135); padding-right: 5px; }

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; }

div.element-heading { font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }
div.element-sub-heading { font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }
  
/* Dealership Info elements */
td.element-data-column { vertical-align: top; width: 220px; padding: 8px; }
div.dealershipinfo-mainphone { text-align: center; font: bold 24px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; }
div.dealershipinfo-fax { text-align: center; font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; }
  
/* 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; }

/* ******************************************************************************************************* */
/* 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: 202px; padding: 0px 14px; }

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[type="text"].input-money { padding-left: 13px; width: 47px; background: #fff url(../images/input/dollar.gif) no-repeat left; text-align: right; }
input[type="text"].input-pct { padding-right: 18px; width: 42px; background: #fff url(../images/input/percent.gif) no-repeat right; text-align: right; }
input[type="text"].input-rgb { padding-left: 15px; width: 45px; background: #fff url(../images/input/pound.gif) no-repeat left; }
input[type="text"].input-url { padding-left: 30px; width: 165px; background: #fff url(../images/input/http.gif) no-repeat left; }
input[type="text"].input-data, textarea.input-data, div.input-data { border: 1px solid #960; background-color: #ffc; }
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; }

.field-focus-1 { background-color: #ffe !important; border-color: #daa !important; }
.field-focus-2 { background-color: #ffd !important; border-color: #d88 !important; }
.field-focus-3 { background-color: #ffc !important; border-color: #e66 !important; }
.field-focus-4 { background-color: #ffb !important; border-color: #e44 !important; }
.field-focus-5 { background-color: #ffa !important; border-color: #f22 !important; }
.field-focus-6 { background-color: #ff9 !important; border-color: #f00 !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; }


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

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

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.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; }

.border1 { border-width: 1px; border-style: solid; border-color: inherit; }

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

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

/* ******************************************************************************************************* */
/* 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 */

.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; }

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; }
span.remove-criteria { float: right; display: block; width: 11px; height: 11px; margin-top: 4px; }
  
table.browse-inventory { width: 100%; margin: 0px 10px; }
table.browse-inventory td { vertical-align: top; }
table.browse-inventory a { font-size: 12px; line-height: 20px; }

/* Vehicle Listings */

div.vehicle-listing-container { padding: 4px; }
a.button-selected { font-size: 13px; text-transform: uppercase; }