* { margin: 0; padding: 0; }
body { text-align: center; font: 11px Arial, Helvetica, sans-serif; line-height: 21px; color: #444; background: url(images/bg.gif) top left repeat-x #fff; margin-bottom: 40px; }

/* TEXT FORMATTING
************************************************/
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #993333; }
h1 { font-size: 22px; margin: 3px 0px 15px 0px; line-height: 100%; }
h2 { font-size: 18px; margin: 15px 0px 5px 0px; }
h3 { font-size: 14px; font-weight: bold; margin: 12px 0px 5px 0px; }
a:link, a:visited { color: #3366cc; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: underline; }
.back a { text-transform: uppercase; font-weight: bold; color: #333; font-size: 12px; }

#topbar a, .compass-nav-top a, .listingbox .top a { text-decoration: none; }
#main a:hover, #footer a:hover { background-color: #3366cc; color: #fff; text-decoration: none; }

/* LAYOUT ELEMENTS 
************************************************/
#wrapper { width: 930px; margin: 0px auto 30px auto; text-align: left; }
#topbar { width: auto; height: 25px; line-height: 25px; font-size: 11px; text-align: right; }
#topbar ul { list-style-type: none; }
#topbar li { display: inline; padding: 0px 5px; font-size: 11px; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #fff; }
#topbar li a { color: #fff; }
#topbar li a:hover {}
#header { height: 115px; }
#address { float: right; font-size: 11px; line-height: 18px; width: 200px; text-align: left; margin-top: 15px; }
.compass-nav-top ul { list-style-type: none; width: auto; height: 55px; background-image: url(images/menu-bg.gif); background-position: top left; background-repeat: repeat-x; line-height: 25px; }
.compass-nav-top ul li { display: inline; float: left; }
.compass-nav-top ul li a:link, .compass-nav-top ul li a:visited { display: block; float: left; padding: 0px 20px; color: #fff; height: 55px; font-size: 11px; font-weight: normal; text-transform: uppercase; }
.compass-nav-top ul li a:hover { color: #faa61a; text-decoration: none; }
.compass-nav-top ul li.active a, .compass-nav-top ul li a.active:hover,
   #dealer-inventory-list .compass-nav-top ul li a[href='/inventory'],
   #dealer-inventory-detail .compass-nav-top ul li a[href='/inventory'],
   #gallery-view .nav-photo-gallery { background-color: #faa61a; color: #000; text-decoration: none; }
.separator { width: auto; height: 25px; background: #eee; }
#main {  background-image: url(images/sidebar-bg.gif); background-position: top right; background-repeat: repeat-y; }
#content { float: left; width: 655px; }
#content ol { margin: 10px 0px 10px 25px; }
#content ul { padding: 6px 0px 6px 15px; }
#content ul li { }
#main .spacer { width: auto; height: 1px; background-color: #d8d8d8; margin: 10px 0px; }
#sidebar { float: right; width: 260px; font-size: 11px; line-height: 21px; }
#sidebar .spacer { height: 1px; margin: 10px 0px; background-color: #d8d8d8; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { background: url(images/li-small.gif) center left no-repeat; text-indent: 12px; }
#sidebar ul li a { font-weight: normal; }
#footer { background-color: #eee; color: #666; font-size: 10px; padding: 0px 10px; line-height: 25px; margin: 20px 0px 0px 0px; }

/* Hides from IE-mac \*/
* html #footer { height: 1%; }
/* End hide from IE-mac */

.featuredBox { line-height: 18px; height: 78px; }
.featuredBox .image { display: block; margin-right: 4px; }
.featuredBox .image img { width: 90px; height: 60px; }

/* Photo Gallery */
.galleryphoto { margin-right: 8px; }
.gallery-list .clear { margin-bottom: 15px; }
.galleryback { margin-top: 15px; }

/* INVENTORY LIST 2.0 
************************************************/
#dealer-inventory-list .submit, .dealer-inventory-list .submit { margin: 4px 0 8px 0; background-color: #ad3110; color: #fff; padding: 2px 12px; width: auto; border: none; font-size: 14px; font-weight: bold; }
.listingbox { width: auto; font-size: 11px; /* border-bottom: 1px solid #ededed; */ margin: 0px; line-height: 18px; padding: 0px 0px 15px 0px; }
.listingbox .top { height: 20px; line-height: 20px; color: #444; padding: 0px 10px; background-color: #eee; border-bottom: 1px solid #ccc; }
.listingbox .top a { color: #444; }
.listingbox .top a:hover { color: #444 !important; text-decoration: underline !important; background-color: transparent !important; }
.listingbox .img { float: left; margin-right: 8px; }
.listingbox ul.listing { width: 510px; list-style-type: none !important; float: left; margin: 7px 0px 0px 0px !important; padding: 0px !important; }
.listingbox ul.listing li { height: 17px; width: 50%; float: left; text-indent: 0px; background-image: none; overflow: hidden; }
.listingbox span.link { display: block; font-size: 14px; margin-top: 3px !important; }
.listingbox span.price { font-size: 12px; }
.alt1 { background-color: #fff; }
.alt2 { background-color: #ffffff; }
.listing-infobox { font-size: 12px; padding-bottom: 8px; border-bottom: 1px solid #eee; margin-bottom: 8px; }
#searchFilter ul { padding-left: 0px; }
#searchFilter h2 { font-size: 14px; font-weight: bold; }
#searchFilter h3 { font-size: 12px; color: #333; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
#searchFilter .search-criteria { font-size: 11px; color: #333; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.pagerLinks a { font-size: 11px; padding: 2px 6px; border: 1px solid #ccc; text-decoration: none; }
.activePagerLink { font-size: 11px; padding: 2px 4px; border: 1px solid #333; }
.pagerLinks a:hover, .pagerLinks .activePagerLink { text-decoration: none; background-color: #3366cc; border-color: #333; color: #fff; }

/* INVENTORY DETAIL 2.0 
************************************************/
#dealer-inventory-detail #content ul, #dealer-inventory-list #content ul, #inventory #content ul { margin: 0; list-style-type: none; }
#dealer-inventory-detail #content ul li, #dealer-inventory-list #content ul li, #inventory #content ul li { text-indent: 0px; background-image: none; }
#dealer-inventory-detail #main { background-image: none !important; }

#invHeader, #invHeader h1 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #444 !important; margin-bottom: 0px !important; }
#invLeft { width: 495px; float: left; margin-top: 8px; }
#invRight { width: 427px; float: right; margin-top: 8px; }
.invBox { width: auto; border: 1px solid #dedede; padding: 8px; margin-bottom: 8px; }
.invBox h2, .invBox h3 { font-size: 14px; font-weight: bold; color: #333333; background-color: #f5f5f5; margin: -8px -8px 8px -8px; padding: 4px 4px 4px 8px; }
.invLeft strong, .invRight strong { color: #000; }
.invButtonsTop { position: relative; clear: both; background-color: #f5f5f5; margin: -8px -8px 8px -8px; padding: 4px 8px; }
.invButtonsBottom { clear: both; background-color: #f5f5f5; margin: 8px -8px -8px -8px; padding: 4px 8px; }
.invMainSpec { float: left; font-size: 14px; color: #888; text-transform: uppercase; }
.invMainSpec a { font-size: 11px; }
.invCarfax { float: right; }
ul.features { list-style-type: none; width: auto; }
ul.features li { width: 50%; float: left; background: url(images/li-small.gif) left no-repeat !important; font-size: 11px; text-indent: 8px !important; }

/* Vehicle Detail REMOVED
	ul.specs { list-style-type: none; width: auto; margin: 0px; padding: 0px; }
	ul.specs li { width: 50%; float: left; border-bottom: 1px solid #eee; height: 30px; line-height: 30px; background-image: none; }
	ul.specs li strong { color: #333; }
*/

/* Similar Vehicles */
.similarBox { line-height: 18px; height: 95px; }
.similarBox .image { display: block; margin-right: 4px; }
.similarBox .image img { }

/* Specs */
.invSpecsWrapper { margin: 4px -8px; background: url(images/bg_inv_main.gif) top left repeat; }
.invSpecsLeft, .invSpecsRight { list-style-type: none; }
.invSpecsLeft { width: 50%; float: left; }
.invSpecsRight { width: 50%; float: right; }
.invSpecsLeft li, ul.invSpecsRight li { text-indent: 8px; line-height: 29px; }

/* Photos */
.invPhotoMain { height: auto; border: 1px solid #dedede; margin-bottom: 8px; }
.invPhotos img { float: left; margin: 0px 4px 4px 0px; border: 1px solid #dedede; }
.invPhotos img:hover { }

a.invButton { position: relative; background: url('images/bg_button_inv_a.gif') top right no-repeat; color: #444; display: block; float: left;
 font: 12px arial, sans-serif; height: 25px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
a.invButton span { background: url('images/bg_button_inv_span.gif') no-repeat; display: block; line-height: 15px; padding: 5px 0 5px 18px; }
a.invButton:active { background-position: bottom right; color: #000; outline: none; }
a.invButton:active span { background-position: bottom left; padding: 6px 0 4px 18px; }

a.invButton:link, a.invButton:visited { color: #000; font-weight: normal; }
a.invButton:hover { text-decoration: none; color: #000 !important; background-color: transparent !important; }

/* MISC STYLES 
************************************************/
img { border: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; }
.hidden { display: none; }
*:focus { outline: none; }
.padder { padding: 15px; }

/* Form Styles */
.form-table .label { padding-right: 20px; font-weight: bold; }
.form-table input, .form-table textarea, .form-table select { width: 300px; border: 1px solid #ccc; font: 16px Tahoma, Verdana, sans-serif; background-color: #f9f9f9; color: #37342f; padding: 4px; }
.form-table input:focus, textarea:focus { background-color: #fff; }
.form-table input.submit { color: #fff; display: block; font: 11px arial, sans-serif; height: 25px; font-weight: bold; background-color: #ad3110; padding: 5px 18px 5px 18px; width: auto; }
form ul { margin-left: 25px !important; }
.invalid { color: #ad3110; font-weight: bold; }