﻿/* vehicleSearchQuick */

#vehicleSearchQuick {
  background: #fff none;
}

#vehicleSearchQuick h2 {
  padding-left: 5px;
}

/* vehicleteaser */

#vehicleOffer {
  float: left;
}

#vehicleOfferLoader {
  width: 300px;
  height: 226px;
  position: absolute;
  z-index: 5;
  display: none;
  background: #fff url(../images/bg-loader.gif) no-repeat center center;
}

#vehicleOfferImage {
  position: absolute;
  z-index: 4;
}

#vehicleOfferRight {
  float: right;
}

#vehicleOfferList {
  width: 298px;
  height: 224px;
}

#vehicleOfferTeaser {
  margin-top: 1em;
  width: 700px !important;
}

  .vehicleOfferItem {
    line-height: 1.1em;
    margin-bottom: 10px;
    float: left;
  }

  .vehicleOfferItem .image {
    width: 100px;
    height: 75px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    background: #fff url(../../images/loading-small.gif) no-repeat center center;
    overflow: hidden;
  }

  .vehicleOfferItem h2 {
    width: 100px;
    margin-bottom: .8em;
  }

    .vehicleOfferItem h2 a {
      font-size: .9em !important;
    }


/* list */

#vehicleList {
  border: 0px none;
	border-collapse: collapse;
	margin-bottom: 1px;
	min-height: 250px;
}

#vehicleList .vehicleListItem {
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #E6E6E6;
  height: 140px;
  overflow: hidden;
}

#vehicleList .vehicleListItem .left {
  float: left;
  width: 160px;
  margin-right: 10px;
}

#vehicleList .vehicleListItem .left .actionFlag {
  position: absolute;
  z-index: 5;
  margin: -5px 0px 0px -5px;
}

#vehicleList .vehicleListItem .right {
  float: right;
  width: 455px;
}

#vehicleList .vehicleListItem .right .title {
  float: left;
  width: 300px;
  height: 32px;
}

#vehicleList .vehicleListItem .right h4 {
  font-size: 11px !important;
  margin-bottom: 0px !important;
  float: left;
}

#vehicleList .vehicleListItem .right .title .financing {
  font-size: 11px !important;
}

#vehicleList .vehicleListItem .right h4 a {
  color: #4D5967;
}

#vehicleList .vehicleListItem .right .price {
  float: right;
  width: 155px;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  color: #4D5967;
}

#vehicleList .vehicleListItem .right .price span {
  font-weight: normal;
  font-size: 11px;
}

table.vehicleListItemData {
  width: 455px;
  border: 0px none;
	border-collapse: collapse;
	padding: 0;
	margin: 10px 0px 0px 0px;
}

table.vehicleListItemData tbody th,
table.vehicleListItemData tbody td {
  width: 25%;
  text-align: left;
}

table.vehicleListItemData tbody td.details {
  text-align: right !important;
}

table.vehicleListItemData tbody td.details a.linkOption {
  float: right !important;
  background: transparent url(../images/icon-arrow-right-green.gif) no-repeat right center !important;
  margin-left: 10px !important;
  margin-right: 0px !important;
  padding-right: 10px;
}

a.linkClipboardAdd {
  float: right !important;
  background: transparent url(../images/icon-clipboard-add.gif) no-repeat left center !important;
  margin-left: 10px !important;
  margin-right: 0px !important;
  padding-left: 15px;
}

a.linkClipboardRemove {
  float: right !important;
  background: transparent url(../images/icon-clipboard-remove.gif) no-repeat left center !important;
  margin-left: 10px !important;
  margin-right: 0px !important;
  padding-left: 15px;
}

table.vehicleListItemData tbody td.details a:hover {
  text-decoration: underline;
}

table.vehicleListItemData tbody td input {
  float: left;
  width: auto;
  margin: 3px 5px 0px -3px;
}

table.vehicleListItemData tbody td label {
  float: left;
  margin-top: 3px;
}

#vehicleList .vehicleListItem a.linkImage {
  float: left;
  width: 145px;
  height: 109px;
  background: transparent url(../images/bg-loader.gif) no-repeat center center;
  position: absolute;
  z-index: 4;
}

div.vehicleListOptions {
  line-height: 18px;
}

div.vehicleListOptions .left {
  float: left;
  width: 30%;
}

div.vehicleListOptions .center {
  float: left;
  text-align: center;
  width: 40%;
}

div.vehicleListOptions .right {
  float: right;
  text-align: right;
}

div.vehicleListOptions .right label {
  float: left;
  margin: 0px 10px 0px 0px;
}

div.vehicleListOptions .right select {
  float: right;
  width: 50px;
}

/* search */

#formSearch .container {
  padding: 10px 5px 5px 5px !important;
}

#formSearch h2 {
  padding-left: 5px;
  margin: 0px 0px 10px 0px !important;
}

#formSearch h3 {
  padding-left: 5px;
  margin: 5px 0px 10px 0px !important;
}

#vehicleSearchFeatures {
  float: left;
  width: 720px;
}

.vehicleCategory {
  overflow: hidden;
}

/*
.cabrio {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -127px;
}

.smallcar {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -26px;
}

.limousine {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -2px;
}

.van {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -72px;
}

.offroad {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -99px;
}

.estatecar {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -47px;
}

.sportscar {
  background: transparent url('../images/icon-vehicle-category.gif') no-repeat 218px -148px;
}
*/

/* show */

#vehicleDetails {
  border: 0px none;
	border-collapse: collapse;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

#vehicleDetails td {
  vertical-align: top;
}

#vehicleDetails td.left {
  width: 285px;
}

#vehicleDetails td.center {
  width: 180px;
}

#vehicleDetails td.right {
  width: 340px;
  text-align: right;
}


#vehicleDetails td.right a {
  /*margin: 0px 0px 5px 5px;
  padding: 0;
  float: left;*/
}
#vehicleDetails td.right .imglist { width: 340px; overflow: hidden; }
#vehicleDetails .linkImageShow { margin: 0 0 5px 5px; }
#vehicleDetails .linkImageShowSmall { display: inline; float: left; margin: 0 0 5px 5px; }

#vehicleDetails table {
	border-collapse: collapse;
	margin-bottom: 0px !important;
}

#vehicleDetails th,
#vehicleDetails table tbody th {
  text-align: left;
  width: 160px;
  font-weight: normal;
}

#vehicleDetails table tbody th.price,
#vehicleDetails table tbody td.price {
  font-weight: bold;
  padding-bottom: 10px;
}

#vehicleDetails h1,
#vehicleDetailLocation h4 {
  font-size: 11px;
  margin: 0px 0px 10px 0px;
}

#vehicleDetailLocation h4 { margin-top: 0 !important; }

#vehicleDetailLocation {
}

#vehicleDetailImages {
  position: relative;
  height: 165px;
  overflow: hidden;
}

#zoom {
  background: transparent url(../images/icon-zoom.png) no-repeat right bottom;
  height: 16px;
  margin: -20px 0 0 137px;
  position: relative;
  width: 16px;
  z-index: 99;
}

#vehicleDetailImages ul {
  position: absolute;
  background: transparent none !important;
  z-index: 10;
  margin-top: 119px;
}

#vehicleDetailImages ul li {
  background-color: #fff;
  margin: 0px 1px 1px 0px;
}

#vehicleDetailImages ul li a {
  padding: 3px 4px !important;
  cursor: pointer;
}

#vehicleDetailImages div {
  border: 0px none !important;
  padding: 0px !important;
  position: relative;
}

a.linkImageShow {
  float: left;
  width: 165px;
  height: 124px;
  background: transparent url(../images/bg-loader.gif) no-repeat center center;
}

a.linkImageShowSmall {
  float: left;
  width: 80px;
  height: 60px;
  background: transparent url(../images/bg-loader.gif) no-repeat center center;
}

#vehicleDetailLocation,
#vehicleDetailEmissionFuelConsumption {
  margin: 10px 0px;
}

#vehicleDetailEmissionFuelConsumption table {
  width: 100%;
}

#vehicleDetailEmissionFuelConsumption table th,
#vehicleDetailEmissionFuelConsumption table td {
  font-weight: normal;
  width: 50%;
}

#vehicleDetailEmissionFuelConsumption table td {
  text-align: right;
}

#tabPanel {
  margin-top: 10px;
}

#features h4 {
  margin-top: 10px;
}

p.infoFinancing {
  margin: 20px 0px 0px 0px !important;
}

/* emission sticker */

.EMISSIONSSTICKER_RED span,
.EMISSIONSSTICKER_YELLOW span,
.EMISSIONSSTICKER_GREEN span {
  display: none;
}

.EMISSIONSSTICKER_RED {
  background: transparent url(../images/icon-emissionsticker-red.gif) no-repeat 0px 1px;
}

.EMISSIONSSTICKER_YELLOW {
  background: transparent url(../images/icon-emissionsticker-yellow.gif) no-repeat 0px 1px;
}

.EMISSIONSSTICKER_GREEN {
  background: transparent url(../images/icon-emissionsticker-green.gif) no-repeat 0px 1px;
}

/* compare */

#vehicleCompareOptions {
  width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 1px;
	border: 0px none;
	margin: 0;
	padding: 0;
}

#vehicleCompareOptions tbody td {
  width: 25%;
}

#vehicleCompareOptions tbody tr.option td {
  background: #e6e6eb none;
  padding: 5px 0px 5px 5px;
  vertical-align: top;
}

#vehicleCompareData {
	border-collapse: collapse;
	border: 0px none;
  border-spacing: 0;
  margin-bottom: 1px;
  padding: 0;
  width: 100%;
}

#vehicleCompareData thead th {
  background: #ccccd1 none;
  padding: 5px;
  text-align: left;
  vertical-align: bottom;
}

#vehicleCompareData tbody tr.even {
  background: #f0f0f5 none;
}

#vehicleCompareData tbody th,
#vehicleCompareData tbody td {
  width: 25%;
  padding: 5px;
  vertical-align: top;
}

#vehicleCompareData tbody th {
  text-align: left;
}

#vehicleCompareData tbody td {
  text-align: center;
}

#vehicleCompareData tbody td.vehicleFeature {
  font-size: 20px;
  font-weight: bold;
  line-height: 12px;
}

#vehicleClipboardInfo {
	margin-bottom: 10px;
	font-weight: bold;
	display: none;
}

#vehicleClipboardList a {
	clear: both !important;
}

#vehicleClipboardList .action {
	margin-top: 10px;
}

#vehicleListComplete {
  width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 1px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #E6E6E6;
}

#vehicleListComplete thead th.first {
  text-align: left;
  padding: 10px 0px;
}

#vehicleListComplete tbody td {
  text-align: center;
}

#vehicleListComplete tbody td.first {
  text-align: left !important;
}

#vehicleListComplete td.linkClipboard a {
  margin-right: 20px !important;
}

#employeeList {
  width: 278px;
  height: 236px;
  overflow: hidden;
  padding: 5px;
}

.last {
  margin-bottom: 5px !important;
}
