@charset "utf-8";
@import "dmi-dialog.css";
@import "dmi-list-view.css";
@import "dmi-expanded-view.css";
@import "dmi-gallery-view.css";
@import "dmi-specials-view.css";
@import "formsDmi.css";

/*	Global styles */
p, ol, ul, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, hr, a, tbody, thead, tr, td {font-size:100%; margin:0; padding:0}
.clear {clear:both}
.left{float:left}
.right {float:right}
img {border:none}

/* links */

a:link.disabled,
a:hover.disabled,
a.disabled {color:#ccc !important; cursor:default}

a:link.enabled,
a.enabled {color:#1b5bc5 !important;}
a:hover.enabled {color:#6796E2 !important; text-decoration:underline}

a:link.selected,
a.selected {color:#ff9c00 !important;}
a:hover.selected {color:#fc0 !important; text-decoration:underline}

h3.phone {color:#4f80d2; float:right; font-size:175%; margin-right:5px}

/* Search Criteria Container */
.narrow {position:relative; min-width:780px; max-width:980px; display:block; float:left; background:#eee; border:1px solid #ccc; padding:5px}

.interior {background:#fff; border:1px solid #ccc; float:left; width:970px; margin-bottom:5px}
.interior h3 {border-bottom:1px solid #ccc; color:#333; padding:5px; margin:0 0 5px 0; background:#fefefe}

/* Make / Model / Year */

#ymm, #pp {float:left;}
#ymm {width:299px; border-right:1px dotted #ccc}
#ymm .radios {float:left; border-bottom:1px solid #eee; margin:0 0 5px 0; overflow:hidden; width:100%; padding:0 0 5px 0}
#ymm .new,
#ymm .preowned,
#ymm .both {float:left; margin:0; padding:0;}
#ymm .new {*margin-right:30px; width:33%}
#ymm .preowned {*margin-right:30px; width:40%}
#ymm .both {width:22%;}

.ymm_fr label{display:inline !important; *display:inline-block !important; padding-bottom:2px; width:auto;}
.ymm_fr label span{display:inline !important; *display:inline-block !important; float:none !important; padding-bottom:2px; width:auto !important;}
.ymm_fr select{margin:2px 0 10px 50px !important; width:210px !important;}

/* more generic css */
.narrow legend{font-size:10px; font-weight:bold; color:333; border:1px dotted #666; padding:3px 5px 0 5px; margin:0 5px 15px 0; border-bottom:none; background:#efefef}

#tar {padding:0; margin:0; width:288px; clear:both}
#extras {border:1px dotted #666; width:948px; padding:5px; background:#efefef; margin:5px; float:left}
#extras h4 {margin-bottom:10px}
#extras input {margin:0 2px; padding:0}
#extras span {margin-right:5px; width:auto}
#extras label {margin-right:15px}
#mileagerange {margin:15px 0 0 5px; float:left; *width:210px}
#mileagerange span {width:auto; padding:0; font-size:11px; float:left; margin:0}
#mileagerange label {margin:0; padding:0}
#mileagerange select {width:auto; float:left; margin:0; padding:0}
#mileagerange fieldset {*margin:5px 0 0 2px}

#ymm fieldset label {margin-left:6px}

#tar label {margin-left:0; *padding:0; *margin:0}

.narrow fieldset {border:none; display:block; float:left; margin:5px; padding:0}
.narrow fieldset span {width:100px; display:block; float:left}
.narrow fieldset br {clear:both}
.narrow fieldset h4 {margin:0 0 5px 0; font-size:10px}
.narrow fieldset select {border:1px solid #6796E2; color:#666; font-family:inherit; font-size:90%; margin:0 0 10px 5px; padding:1px; width:170px}
.narrow fieldset input {float:left; margin:0 15px 0 0; padding:0}
.narrow fieldset input {*margin-top:-4px} /*| IE hack is because labels would not vertically align properly |*/
.narrow fieldset label {color:#666; font-size:11px; float:left; margin:0; padding:0}

/* Price */
#pp {margin:0; width:265px; padding:0}
#pp table {margin:5px 5px; width:200px;}
#pp table tr td {margin:0 5px 0 0; text-align:right}
#pp table tr td a {margin:0; text-decoration:underline}

/* Body Style */
#bodystyles {float:left; width:404px; border-left:1px dotted #ccc; *float:none}
#bodyStylesDiv a,
#bodyStylesDiv a:link,
#bodyStylesDiv a:visited {display:block; float:left; font-size:80%; height:20px; margin:0 5px 10px 5px; *margin:5px; padding-top:35px; text-align:center; text-decoration:none; width:70px}
#bodyStylesDiv a:hover,
#bodyStylesDiv a:active{}
#bodyStylesDiv a span {float:left; display:block; margin-top:5px; width:100%;}
#bodyStylesDiv a.disabled,
#bodyStylesDiv a:hover.disabled {background-position:-155px 0px}
#bodyStylesDiv a:hover {background-position:0px 0px}
#bodyStylesDiv a.selected {background-position:0px 0px}

a#Coupe, a#Coupé {background: url(/plugins/images/inv/common/coupe.png) no-repeat -80px 0}
a#Convertible, a#Décapotable {background: url(/plugins/images/inv/common/convertible.png) no-repeat -80px 0}
a#Hatchback, a#Hayon {background: url(/plugins/images/inv/common/hatchback.png) no-repeat -80px 0}
a#Sedan, a#Berline {background: url(/plugins/images/inv/common/sedan.png) no-repeat -80px 0}
a#Truck, a#Camion {background: url(/plugins/images/inv/common/truck.png) no-repeat -80px 0}
a#Van {background: url(/plugins/images/inv/common/van.png) no-repeat -80px 0}
a#Minivan, a#Fourgon {background: url(/plugins/images/inv/common/minivan.png) no-repeat -80px 0}
a#Cargo_Van {background: url(/plugins/images/inv/common/cargovan.png) no-repeat -80px 0}
a#Passenger_Van {background: url(/plugins/images/inv/common/passengervan.png) no-repeat -80px 0}
a#SUV, a#Utilitaire_de_Sport {background: url(/plugins/images/inv/common/suv.png) no-repeat -80px 0}
a#Wagon, a#Familiale {background: url(/plugins/images/inv/common/wagon.png) no-repeat -80px 0}
a#Mini_MPV, a#Mini-Fourgon {background: url(/plugins/images/inv/common/mini_mpv.png) no-repeat -80px 0}
a#Targa {background: url(/plugins/images/inv/common/targa.png) no-repeat -80px 0}
a.generic {background: url(/plugins/images/inv/common/sedan.png) no-repeat -80px 0}

/* Search Entire / Advanced Search */
#search-buttons {clear:both}
#search-buttons .left {float:left}
#search-buttons .right {float:right}
#search-buttons .match {color:#333; display:block; float:none; font-size:15px; line-height:35px; text-align:center}
#search-buttons .match strong {color:#000}
#search-buttons a,
#search-buttons a:link,
#search-buttons a:visited,
#search-buttons a.searchButtonEnabled,
#search-buttons a.searchButtonEnabled:link,
#search-buttons a.searchButtonEnabled:visited {border:0}

#search-buttons a.searchButtonEnabled:hover,
#search-buttons a.searchButtonEnabled:active,
#search-buttons a:hover,
#search-buttons a:active{}

a.search-entire,
a.search-entire:link,
a.search-entire:visited,
a.searchButtonEnabled,
a.searchButtonEnabled:link,
a.searchButtonEnabled:visited {background: url(/plugins/images/inv/default/search-entire.png) no-repeat 0 center; color:#fff; cursor:pointer; display:block; float:left; line-height:40px; min-height:41px; min-width:267px; text-align:center}
a.search-entire:hover,
a.search-entire:active,
a.searchButtonEnabled:hover,
a.searchButtonEnabled:active {background: url(/plugins/images/inv/default/search-entire.png) no-repeat -267px center; color:#fc0; cursor:pointer}

a.advanced-search,
a.advanced-search:link,
a.advanced-search:visited {background:url(/plugins/images/inv/default/advanced-search.png) no-repeat 0 center; color:#fff; display:block; float:left; line-height:40px; margin-left:10px; *margin-right:-5px; min-height:41px; min-width:185px; text-align:center}
a.advanced-search:hover,
a.advanced-search:active {background: url(/plugins/images/inv/default/advanced-search.png) no-repeat -185px center; color:#fc0}
a.searchButtonDisabled,
a.searchButtonDisabled:link,
a.searchButtonDisabled:visited {background: url(/plugins/images/inv/default/search-entire.png) no-repeat -534px center; color:#999; cursor:default; display:block; float:left; line-height:40px; min-height:41px; min-width:267px; text-align:center}
a.searchButtonDisabled:hover,
a.searchButtonDisabled:active {background: url(/plugins/images/inv/default/search-entire.png) no-repeat -534px center; color:#999; cursor:default; display:block; float:left; line-height:40px; min-height:41px; min-width:267px; text-align:center}

#searchButton {font-size:18px;}

#criteria {margin-left:5px; width:980px}

.pn-no-labels{display:inline; padding-left:10px;}
.pn-no-labels ul{width:auto !important; float:none !important;}
.prev-next {font-family: Arial, Verdana, Helvetica, san-serif; margin:0 auto; overflow:hidden;}
.prev-next ul {background: #; display: inline; margin: 0 auto 1px auto; float:left; text-align: center; width:100%}
.prev-next li {color: #004FA1; display: inline; font-weight: bold; list-style: none; margin: 0}
.prev-next li a {border-bottom: 1px dotted #666; color: #999; margin: 0 1px}
.prev-next li a:hover {border-bottom: 1px solid #4f90d2; color: #4f90d2}
.prev-next a.next,
.prev-next a.prev,
.prev-next a.prev-icon,
.prev-next a.next-icon {border-bottom: 1px dotted #4f90d2; color: #4f90d2; font-size: 150%; font-weight: bold; line-height:150%; text-transform: uppercase}
.prev-next a.prev {background: url(/plugins/images/inv/default/prev.png) no-repeat left center; padding-left: 25px; margin: 0 15px 0 0}
.prev-next a.next {background: url(/plugins/images/inv/default/next.png) no-repeat right center; padding-right: 25px; margin: 0 0 0 15px}
.prev-next a.prev-icon {background:url(/plugins/images/inv/default/prev.png) left center no-repeat; padding-left:15px; margin:0 5px 0 0}
.prev-next a.next-icon {background:url(/plugins/images/inv/default/next.png) right center no-repeat; padding-left:15px; margin:0 0 0 5px}

.prev-next a.next:hover,
.prev-next a.next:active,
.prev-next a.prev:hover,
.prev-next a.prev:active,
.prev-next a.prev-icon:hover,
.prev-next a.prev-icon:active,
.prev-next a.next-icon:hover,
.prev-next a.next-icon:active {border-bottom:1px solid #004FA1; color:#004FA1}
.prev-next a.next:hover,
.prev-next a.next:active {background-position:right center}
.prev-next a.prev:hover,
.prev-next a.prev:active {background-position:-201px center}
.prev-next a.next-icon:hover,
.prev-next a.next-icon:active{background-position:4px center}
.prev-next a.prev-icon:hover,
.prev-next a.prev-icon:active{background-position:-201px center}
	
#priceRangeText {display:none;margin-left: 10px;margin-top: 20px}
.slider {position: relative;display:none;top:10px;left:12px;width: 226px;height: 23px;background: url(/plugins/images/inv/default/slider_bk.png) 50% 50% no-repeat}
.slider img {position: absolute;display:none;width: 12px;height: 26px}
.videoIframe {z-index:1000;width:304px;height:234px;background:#ffffff none repeat scroll 0 0;vertical-align:middle;margin:0 auto;padding:10px 0 10px 27px}
#vtdIframe {width:600px}
.inv-calculate,
.inv-calculate:link,
.inv-calculate:visited {background:url(/themes/default/pages/icon_estimator.gif) no-repeat left top; border-bottom:1px dotted #429DF8; color:#429DF8; line-height:150%; padding:3px 0 1px 20px; width:auto}
.inv-calculate:hover,
.inv-calculate:active {background:url(/themes/default/pages/icon_estimator.gif) no-repeat left -36px; border-bottom:1px solid #069; color:#069}


#help-views {line-height:150%; margin:20px 0 10px 0; padding:0; overflow:hidden; width:100%}
#help-views #helpfulinfo {color:#999; font-size:80%; line-height:250%; margin:5px; text-align:left}
#help-views #helpfulinfo h5 {display:inline; font-size:100%; float:left}
#help-views #helpfulinfo ul {list-style:none}
#help-views #helpfulinfo li {display:inline; margin-left:10px}
#help-views #helpfulinfo li.cert {background:url(/plugins/images/inv/default/icons/certified.png) no-repeat 0 center; padding:0 0 2px 18px}
#help-views #helpfulinfo li.photos {background:url(/plugins/images/inv/default/icons/image.png) no-repeat 0 center; padding-left:20px}
#help-views #helpfulinfo li.video {background:url(/plugins/images/inv/default/icons/video.png) no-repeat 0 center; padding-left:20px}
#help-views #views {float:right; margin-right:10px; margin-top:3px}
#help-views .left {line-height:225%}
#help-views #views h5 {display:inline; line-height:275%; margin-top:-5px; float:left}
#help-views #views li span {display:none}
#help-views ul {list-style:none; display:inline}

#views li span {display:none}
#views li {width:26px; height:26px; float:left; margin-left:5px}
#views li a {display:block; font-size:1px; width:26px; height:26px}

#list-view a {background:url(/plugins/images/inv/default/icons/view-list.png) 0 0 no-repeat}
#expanded-view a {background:url(/plugins/images/inv/default/icons/view-expanded.png) 0 0 no-repeat}
#gallery-view a {background:url(/plugins/images/inv/default/icons/view-gallery.png) 0 0 no-repeat}

a.compare-view,
a.compare-view:link,
a.compare-view:visited {background: url(/plugins/images/inv/default/compare-button.png) no-repeat center 0; font-size:12px; color:#fff; display:block; float: left; line-height:30px; margin:0 10px 10px 6px; min-height:31px; min-width:180px; text-align:center; padding:0;}
a.compare-view:hover,
a.compare-view:active {background: url(/plugins/images/inv/default/compare-button.png) no-repeat center -31px; color:#fc0}
a.compare-viewDisabled,
a.compare-viewDisabled:link,
a.compare-viewDisabled:visited {background: url(/plugins/images/inv/default/compare-button.png) no-repeat center -62px; font-size:12px; color:#999; cursor:default; display:block; float: left; line-height:30px; margin:0 10px 10px 6px; padding:0; min-height:31px; min-width:180px; text-align:center}

#compare-arrow {width:35px; height:25px; background:url(/plugins/images/inv/default/icons/compare-arrow.png) no-repeat top left; float:left}

#list-view a:hover, #expanded-view a:hover, #gallery-view a:hover, #compare-view a:hover {background-position:0 -26px}
#views .selected a {background-position:0 -26px; cursor:default}

#inventory-container {margin:0 auto; *overflow:hidden !important; width:1000px;}
#inventory-listing {border:none; border-collapse:collapse; margin:0; padding:0; *position:relative; width:100%;}
#inventory-listing tbody {width:100% !important;}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

.dd {position:absolute; display:none; background:#fff; border:1px solid #808080; padding:0}
.dd-header {background:#CCC; margin:5px; padding:5px}
.dd-header h5 {font-size:14px; color:#666}
.dd-header h6 {font-size:10px; color:#fff}
.dd ul {float:left; margin:0 10px 10px 10px; padding:0; list-style:none}
.dd li {display:block; text-align:left; min-width:75px}
#inventory-listing thead td .dd a {display:block; height:100%; text-decoration:none; background:transparent none; font-weight:normal; font-size:10px; background-image:none; color:#4f90d2; line-height:150%;}
#inventory-listing thead td .dd a:hover {text-decoration:underline; color:#1B5BC5}

#progress {width:200px; height:200px; text-align:center}
#progress img {margin:90px auto}

#view8 {height:270px; overflow-y:auto; overflow-x:hidden}

.smallVehicleImage {background: #efefef; border: 1px solid #999; display: block; float: left; margin: 10px; padding: 5px}

#o-special {float:right}

.noResultsText {float:left; width:750px}
.noResultsText li {color:#f00; font-size:130%; font-weight:bold; background:url(/plugins/images/required_bullet.png) no-repeat 0 2px; margin-left:41px; *margin-left:36px; padding-left:20px; *padding-left:10px}
.noResultsText li span {color:#4F80D2; font-size:80%; font-weight:normal; *padding-left:17px}

/* === puts header nav drop-down 'above' new inventory === */
.header {*position:relative; _position:relative; *z-index:1000; _z-index:1000}

.searchDescFR{display:none;}
.searchDesc {margin:0; padding:3px 0 0 10px; font-weight:normal; border-top:1px solid #ddd; color:#666; line-height:2em}
#searchDesc_all_new_used,
#searchDesc_certified,
#searchDesc_carfaxOneOwner,
#carListDiv,
#searchDesc_vehicles,
#searchDesc_range,
#searchDesc_video,
#searchDesc_and_images,
#searchDesc_images,
#searchDesc_age,
#searchDesc_lowmiles,
#searchDesc_andMiles,
#searchDesc_location,
#searchDesc_between,
#searchDesc_highmiles {font-weight:bold; text-transform:uppercase; color:#f60}

#sortSelector,
#sortSelector select,
#perPageSelector,
#perPageSelector select{font-size:10px; display:inline;}

#sortSelector,
#perPageSelector{margin-left:10px;}

/*/ Scion Template Specific /*/
.scionHoursCell{display:none;}