/* MAIN BODY definitions */
#body {
  position : relative;
  width : 800px;
  height : 725px;
  min-height : 600px;
  margin:0;
  padding:0;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  background-color : #ffcc33;
}
#body #banner {
  position:absolute;
  top:0px;
  left:13px;
  display:block;
  width:325px;
  height:32px;
  background-image: url(images/logo.gif);
  background-repeat : no-repeat;
  background-position : center;
  border-bottom : medium solid #FFFFFF;
  z-index:1000;
}
#body #banner h1 {
  display:none;
  visibility:hidden;
}

/* LEFT SIDE definitions */
#body #leftside {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 150px;
  height : 600px;
  min-height : 600px;
  margin:0;
  padding:130px 0 0 0;
  background-color : #ffcc33;
}
#body #leftside .tag {
  position: relative;
  margin:10 10 10 15;
  text-indent : -10px;
  line-height:95%;
  text-transform : uppercase;
  color : #003333;
  font-weight:bold;
}
#body #leftside img {
  position: relative;
  border : 1px solid #003333;
  display : block;
  margin : 25 13 25 12;
}
#body #leftside .backbutton {
  position:absolute;
  top:50;
  display:block;
  width:110px;
  height:45px;
  margin:0 20 0 20;
  background-color:#003333;
  text-decoration:none;
  text-align:center;
  font-size:20px;
  line-height:90%;
  color:#FFFFFF;
}
#body #leftside .backbutton:hover {
  color:#FFCC33;
}
#body #leftside .contact {
  position:absolute;
  bottom:0;
  display:block;
  width:100px;
  height:40px;
  margin:0 25 10 25;
  background-color:#003333;
  text-decoration:none;
  text-align:center;
  font-size:20px;
  line-height:90%;
  color:#FFFFFF;
}
#body #leftside .contact:hover {
  color:#FFCC33;
}

/* RIGHT SIDE definitions */
#body #header {
  position : absolute;
  top : 0px;
  left : 150px;
  width : 650px;
  height:150px;
  margin:0;
  padding:0;
  background-color : #003333;
}
#body #header * {
  margin:5;
  font-size:15px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:95%;
}
#body #header img {
  border : 2px solid #003333;
  display : inline;
  margin : 5% 40% 5% 40%;
}
#body #header #phone {
  position:absolute;
  top:0px;
  right:0px;
  padding:0;
  text-align:center;
  width:325px;
  height:40px;
  margin:5px;
	border-left : 2px dotted #FFCC33;
	border-bottom : 2px dotted #FFCC33;
}
#body #header #phone .number {
  font-size:14px;
  color:#FFCC33;
}
#body #header #phone .number i {
  font-size:10px;
}
#body #header #phone .name {
  font-size:15px;
}
#body #header #detailBox {
  position:absolute;
  top:75px;
  left:150px;
  width:350px;
  height:75px;
  padding:0;
}
#body #header #detailBox .car {
  font-size:16px;
  text-transform:uppercase;
  text-align: center;
}
#body #header #detailBox .car em {
  text-decoration:underline;
  font-style:normal;
}
#body #header #detailBox .year {
  text-transform:uppercase;
  float: left;
}
#body #header #detailBox .year em {
  font-weight:bold;
  font-style:normal;
}
#body #header #detailBox .color {
  text-transform:uppercase;
  float: right;
}
#body #header #detailBox .color em {
  font-weight:bold;
  font-style:normal;
}


#body #content {
  position : absolute;
  top : 150px;
  left : 150px;
  width : 650px;
  height : 575px;
  margin:0;
  padding:15;
  overflow:auto;
  background-color:#FFFFFF;
}
#body #content * {
  margin:0;
  color:#003333;
  line-height:95%;
}
#body #content #features {
  position:relative;
  border:2px solid #CC9933;
  width:300px;
  height:auto;
  float:right;
  margin:0 0 15 0;
}
#body #content #features ul {
  color:#003333;
}
#body #content #features .vin {
  position:relative;
  width:100%;
  display:block;
  text-align:center;
  margin:10 0 5 0;
}
#body #content #features .vin em {
  font-weight:bold;
  font-style:normal;
}
#body #content #features p {
  font-size:12px;
  margin:5;
  text-indent:5;
}
#body #content #features ul {
  font-variant : small-caps;
  text-indent:0;
  font-size:12px;
  font-weight:bold;
  margin:10;
  padding:0;
}
#body #content #features ul li {
  font-size:11px;
  font-weight:normal;
  font-variant : normal;
  list-style-position : inside;
}


#body #content .imageBox {
  position:relative;
  width:260px;
  /* height:325px; */
  margin:0px 15px 15px 0px;
  padding:0;
  background-color:#CC9933;
  float:left;
}
#body #content .imageBox img {
  position:relative;
  top:0;
  left:0;
  margin:5;
}
#body #content .imageBox .caption {
  font-size:15px;
  font-color:#000000;
  text-align: center;
  margin:0 0 5 0;
}

#body #content .error {
  font-size:18px;
  font-weight:bold;
  color:#911;
  margin:15px;
}
#body #content .headers {
  font-size:16px;
  font-weight:bold;
  color:033; 
  text-align:center;
  margin-bottom:5px;
}

#body #content h4  {
  text-indent:0;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:normal;
  line-height:110%;
  color:#000000;
  margin:10;
  margin-bottom:5px;
  padding:0;
}
#body #content ul li {
  font-size:13px;
  font-weight:normal;
  font-variant : small-caps;
  list-style-position : inside;
  margin-left:10px;
  margin-bottom:5px;
}        
#body #content .note {
   font-size:11px;
   font-weight:normal;
   font-decoration:italics;
   color:#000000;
}