/**************************************
 * Showcase
**************************************/
.dt-showcase{width:100%;margin:10px auto;}
.dt-showcase p{margin:5px 10px;}

.dt-showcase .showcase-tabs{list-style:none;margin:0 auto;padding:0;height:21px;}
.dt-showcase .showcase-tabs li{float:left;text-indent:0;padding:0;margin:0;list-style-image:none;}
.dt-showcase .showcase-tabs a{color:black;background:#eee;display:block;height:19px;line-height:20px;font-size:9pt;text-align:center;text-decoration:none;padding:0px 15px;margin:0;position:relative;top:1px;border:solid 1px #999;-webkit-border-top-right-radius:7px;-webkit-border-top-left-radius:7px;-moz-border-radius:7px 7px 0 0;}
.dt-showcase .showcase-tabs a:first-child{margin:0;}
.dt-showcase .showcase-tabs a:hover{color:black;background:white;}
.dt-showcase .showcase-tabs a.current,
.dt-showcase .showcase-tabs a.current:hover,
.dt-showcase .showcase-tabs li.current a{border-bottom:none;height:20px;cursor:default;color:black;background:white;}
.dt-showcase .showcase-pane{display:block;margin:0 auto;padding:15px 10px;border:1px solid #999;height:auto;color:black;background-color:white;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius:0 0 7px 7px;-webkit-box-shadow:1px 1px 3px rgba(136,136,136,0.5);}

.dt-showcase .detail .tab-box { width:90%;margin:0 auto; }

.dt-showcase .vehicle{display:inline-block;position:relative;float:left;width:155px;margin:10px;text-align:center;color:black;background:white;}
.dt-showcase .models{padding:10px;}
.dt-showcase .model{float:left;width:180px;height:100px;text-align:center;}
.dt-showcase .vehicle .trims{display:none;position:absolute;z-index:100;top:5px;min-width:100px;font-size:10pt;white-space:nowrap;}
.dt-showcase .trims{position:absolute;border:1px solid #aaa;padding:10px;color:black;background:#eee;z-index:2;text-align:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dt-showcase .trims a{text-decoration:none;padding-left:8px;}
.dt-showcase .fuel_economy{position:absolute;width:170px;z-index:5;margin-top:5px;margin-left:550px;}
.dt-showcase .body_styles{padding:10px;}
.dt-showcase .body_styles .body_style{border:solid 2px #ccc;margin:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dt-showcase .body_styles .body_style .vehicle{}

.dt-showcase .color_swatches .exterior_color,
.dt-showcase .color_swatches .interior_color{display:block;width:2.5em;height:2em;margin:4px;padding-top:0.2em;text-align:center;vertical-align:middle;-webkit-border-radius:5px;-moz-border-radius:5px;}

.dt-showcase .tab_box{width:90%;padding:0 10px;margin:15px 5px;clear:both;}
.dt-showcase .tab_box .title{float:left;width:6em;border-top:solid 1px black;border-left:solid 1px black;border-right:solid 1px black;padding:2px 4px;margin:0 2px;text-align:center;color:black;background:#ddd;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius:5px 5px 0 0;}
.dt-showcase .tab_box .title:first-child{margin-left:5px;}
.dt-showcase .tab_box .title:last-child{margin-left:5px;}
.dt-showcase .tab_box .title:hover{color:black;background:#ccc;}
.dt-showcase .tab_box .selected{color:black;background:white;}
.dt-showcase .tab_box .content{border:solid 1px black;margin:0;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dt-showcase .tab_box .content h4{text-align:left;}
.dt-showcase .tab_box .review{margin:10px;text-align:left;}
.dt-showcase .tab_box .column{float:left;margin:5px;}
.dt-showcase .tab_box .item{vertical-align:top;text-align:left;}
.dt-showcase .tab_box .number{width:2em;text-align:right;margin-right:5px;display:block;float:left;clear:left;}
.dt-showcase .tab_box .item label{margin-left:5px;}

.dt-showcase .inquiry{margin:25px;}
.dt-showcase .inquiry label{display:block;width:4em;margin-right:5px;text-align:right;float:left;}
.dt-showcase .inquiry input{vertical-align:top;}
.dt-showcase .inquiry .buttons{float:right;margin-right:50px;}
.dt-showcase .multiselect{margin:5px 10px;width:250px;white-space:nowrap;overflow:auto;border:solid 1px #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dt-showcase .multiselect .item{padding:2px 5px;text-align:left;}
.dt-showcase .multiselect .item:hover{color:black; background:#eee;}
.dt-showcase .multiselect .item:active{color:black; background:#ccc;}
.dt-showcase .color_swatches{width:230px;height:3em;margin:30px 15px;text-align:left;clear:left;}

.dt-showcase .detail {color:black;background:white;padding:10px;margin:0 auto;}
.dt-showcase .detail h1{padding:5px;}

.dt-showcase .detail .photos{float:left;width:45%;height:290px;margin:5px;padding:5px;border:solid 1px #999;border-radius:7px;}
.dt-showcase .detail .photos ol{list-style-type:none;margin:0!important;}
.dt-showcase .detail .photos .exterior-images{position:relative;width:420px;height:200px;text-align:center;}
.dt-showcase .detail .photos .exterior-images .file{display:none;position:absolute;margin:0 33px;}
.dt-showcase .detail .photos .exterior-images .file:first-child{display:block;}
.dt-showcase .detail .photos .exterior-colors{display:block;clear:both;vertical-align:middle;font-size:8pt;}
.dt-showcase .detail .photos .exterior-colors ol li{margin:0px;}
.dt-showcase .detail .photos .exterior-colors .swatch{float:left;width:25px;height:25px;margin:3px;-webkit-box-shadow:rgba(0,0,0,0.50) 1px 1px 5px;}
.dt-showcase .detail .photos .exterior-colors li label{display:none;}
.dt-showcase .detail .photos .interior-colors{display:block;clear:both;vertical-align:middle;font-size:8pt;}
.dt-showcase .detail .photos .interior-colors ol li{margin:0px;}
.dt-showcase .detail .photos .interior-colors .swatch{float:left;width:25px;height:25px;margin:3px;-webkit-box-shadow:rgba(0,0,0,0.50) 1px 1px 5px;}
.dt-showcase .detail .photos .interior-colors li label{display:none;}

.dt-showcase .detail .vehicle-info{float:left;width:45%;height:280px;margin:5px;padding:20px 5px 0;text-align:left;border:solid 1px #999;border-radius:7px;}
.dt-showcase .detail .vehicle-info label{display:inline-block;margin-right:5px;width:90px;text-align:right;font-size:9pt;}
.dt-showcase .detail .vehicle-info label:after{content:':';}

.dt-showcase .detail .vehicle-info .link-buttons{width:320px;margin:40px auto 0;text-align:center;}
.dt-showcase .detail .vehicle-info .link-buttons a {display:inline-block; margin:2px 5px; width:140px; text-align:center; text-decoration:none; }

.dt-showcase .detail .fuel-economy { float:right;width:175px;text-align:center; }
.dt-showcase .detail .fuel-economy .highway { display:inline-block; vertical-align:middle; font-size:24pt; text-align:center; }
.dt-showcase .detail .fuel-economy img { display:inline-block; vertical-align:middle; margin:0 10px;}
.dt-showcase .detail .fuel-economy .city { display:inline-block; vertical-align:middle; font-size:24pt; text-align:center; }
.dt-showcase .detail .fuel-economy label { width:auto; margin:0; font-size:10pt; display:block; text-align:center; }
.dt-showcase .detail .fuel-economy label:after {content:'';}

.dt-showcase .detail .vehicle-info .photo-gallery-button { display:block; width:100px; margin:20px auto 0; }
.dt-showcase .detail .photo-gallery { display:none; z-index:20000; width:660px; border:solid 3px #000; border-radius:12px; background-color:white; padding:10px; -webkit-box-shadow:0px 1px 25px rgba(0,0,0,0.60); }
.dt-showcase .detail .photo-gallery .photo-gallery-close { float:right; }
.dt-showcase .detail .photo-gallery .gallery-medium-image {overflow:hidden;width:640px;height:400px;margin:5px auto;}
.dt-showcase .detail .photo-gallery .photo-thumbs {width:640px;height:70px;overflow:auto;padding:5px;margin:5px auto;background:white;border:solid 1px #999;border-radius:7px;}
.dt-showcase .detail .photo-gallery .photos-exterior,
.dt-showcase .detail .photo-gallery .photos-interior { display:inline; white-space:nowrap; overflow:none; }

.dt-showcase .options li {float:left;width:40%;display:inline-block;margin:0 0 0 10px;}
.dt-showcase .options li:before {content:'\2022 ';}

.dt-showcase .equipment li {float:left;width:40%;display:inline-block;margin:0 0 0 10px;}
.dt-showcase .equipment li:before {content:'\2022 ';}

body #blinder { background:black; opacity:0.8; position:absolute; top:0; left:0; z-index:100; width:100%;}