div#car-details {
  margin-left : 15px;
}

div#car-details .header {
  font-size : 2.5em;
  font-weight : bold;
  clear : both
}

div#car-details .youtube-video {
  margin-top : 10px;
  margin-bottom : 10px;
  text-align : center
}

div#car-details .pictures {
  float : right;
  width : 400px
}

div#car-details .caption {
  text-align : center;
}

div#car-detail .options {
  font-weight : bold
}

div#car-details div.detail {
  float : left;
  width : 250px
}

div#car-detail .footer {
  clear : both
}

div#car-detail .contact {
  margin-top : 15px;
  margin-bottom : 15px;
  text-align : center
}

div#car-details table .label, div#car-details table .field {
  text-align: left;
  border-bottom : 1px solid;
}

div#car-details .contact {
  text-align : center;
  margin-top : 4px;
  margin-bottom : 4px;
}

div#car-details .options-header {
  font-weight : 700;
}

div#car-details ul.options {
  margin : 0px;
  padding : 0px;
  list-style : none;
}

div#car-details li.option {
  float : left;
  margin-right : 5px;
  padding-left : 3px;
  padding-right : 1px;
}

div.pictures-link {
  text-align : center;
  font-weight : 700;
  margin : 10px;
}

div#calculator {
  width : 300px;
  height : 180px;
  color : #fff;
  background : url(../images/calc_back.gif) top left no-repeat;
  z-index : 5000;
  padding : 10px;
}

div#calculator input {
  width : 60px
}

div#calculator table {
  margin-bottom : 10px
}

div#calculator td.label {
  text-align : right
}

div#calc-submit, div#calc-close {
  cursor : pointer;
  font-weight : bold;
  text-align : center
}

div.calculator-link {
  cursor : pointer;
  font-weight : bold;
}

/**************************************************************************/
/************************ Additions for Index Card ************************/
/**************************************************************************/

div#car-details .cardView {
  margin-right: 20px;
}

div#car-details .cardView .card {
  float: left;
  width: 100%;

  border-radius: 1em;
  margin: 10px 0px 0px;
}

div.cardView .card .title {
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 2em;
  padding: 5px 10px;
}

div.cardView .card .body {
  float: left;
  padding: 10px;
  width: 100%;
}

div.cardView .card .body .main-pic{
  float: left;
  margin-right: 10px;
}

div#car-details .body .field {
  float: left;
  width: 250px;
  margin: 5px 25px 0px;
}

div#car-details .body .label {
  font-weight: bold;
  display: inline-block;
  width: 90px;
}

div#car-details .body .value {
  display: inline;
}

div.cardView .card .body img {
}

div#car-details .cardView .card ul.options {
  margin-left: 20px;
}

div.cardView .card .option {
  float: left;
  width: 48%;
}