/* -------- car name/miles/price */
#carHeaderWrapper    {
  background :     #234;
  color      :     #FFF;
  width      :    435px;
  font-size  :     10pt;
  line-height:     14pt;
  font-weight:   normal;
  padding    :        0;
  position   : absolute;
  right      :        0;
  bottom     :        0;
  z-index    :        9;

}
/* \*/
* html #carHeader { margin-right: -1px; }
/* */

#carHeaderBG {
  display: none;
}
#carHeader {
  padding :  5px 9px 3px 9px;
  position: relative;
  z-index :       10;
}
#carHeader .left {
  float     : left;
  text-align: left;
}
#carHeader .right {
  float     : right;
  text-align: right;
}
#carHeader H1,
#carHeader H2 {
  border     :    0;
  margin     :    0;
  padding    :    0;
  font-size  : 12pt;
  font-weight: bold;
}
#carHeader BR {
  clear: both;
}
/* ------------------ main photo */
#mainPic      {
  width      :    735px;
  height     :    490px;
  border     :        0;
  margin     :        0;
  line-height:        0;
  background :     #000;
  color      :     #FFF;
  text-align :   center;
  position   : relative;
}
#mainPic IMG  {
  display: block;
  margin :     0;
  border :     0;
}

/* ------------------ thumbnails */
#thumbs       {
  margin     :     0;
  line-height:     0;
  padding    :   3px 3px 3px 4px;
  background :  #000;
}
/* \*/
* html #thumbs { padding: 0 3px; }
/* */
#thumbs .thumb IMG {
  width : 77px;
  height: 51px;
}
#thumbs .thumb {
  float : left;
  margin:  2px;
}
#thumbs .thumb A,
#thumbs .thumb A:hover {
  text-decoration: none;
}
#thumbs .thumb A IMG {
  border: none;
}
#thumbs .thumb A IMG  {
  border: 2px solid #234;
}
#thumbs .thumb A IMG:hover {
  border: 2px solid white;
}
#thumbs BR,
#thumbs .spacer {
  clear   : both;
  height  :  2px;
  line-height: 0;
}

/* -------- car detail infoboxes */
.infoBox    {
  background :   #333;
  font-size  :    8pt;
}
.infoBox H3  {
  background :   #234;
  padding    :    5px 10px 5px;
  color      :  White;
  font-weight:   bold;
  text-align : center;
  margin     :      0;
  font-size  :   10pt;
}
.infoBox DIV.shadowbg {
  width: 100%;
}
.infoBox P,
.infoBox UL   {
  font-family: Verdana, Arial,
               sans-serif;
  font-size  :  8pt;
  line-height: 12pt;
  margin     :    0;
  padding    :  5px 10px 10px;
  background: transparent
    url('/cars/graphics/drop-shadow.png')
    repeat-x top left;
}
.infoBox UL  {
  list-style :   none;
}
.sidePanel LI {
  margin : 0;
  padding: 0;
}
.infoBox UL UL {
  background: transparent;
}
.infoBox UL.detail {
  margin     :      0;
  list-style : circle;
  padding    :  0 0 0 20px;
}
#callToday {
  background :  White;
  color      :   #234;
  text-align : center;
  padding    :    8px;
  font-weight:   bold;
}
#carDesc {
  font-weight:  normal;
  font-size  :    12pt;
  line-height:    20pt;
x  width      :   405px;
  padding    :    15px;
  margin     :       0;
  text-align : justify;
}

/* ------ search results sidebar */
UL#searchResults SPAN.srName {
  font-size  :   12px;
  font-weight:   bold;
}
UL#searchResults SPAN.left   {
  float:  left;
}
UL#searchResults SPAN.right  {
  float: right;
}
UL#searchResults BR {
  clear:  both;
}

/* --------------- split columns */
#lowerDetails {
  margin    :     0;
  padding   :     0;
  background:  #333; /* left bg */
  width     : 735px;
}
#outie {
  position: relative;
  margin-left: 300px; /* AWL */
  width      : 435px; /* AWC */
  background :  #456; /* center bg */
  min-height : 200px; /* not req'd */
  /* border-left : 1px solid White; */
  /* border-right: 1px solid White; */
}
#innie {
  float: left;
  width: 435px; /* AWC */
  margin-right: -1px;
}
#leftWrapper {
  float    :     left;
  position : relative;
  width    :    301px; /* (-below)+1 */
  margin-left: -300px; /* -(AWL+borderW)*/
}
#leftContent {
  width        : 300px; /* AWL */
}
#centerWrapper {
  float        : right;
  width        : 435px; /* AWC */
  margin-left  :  -1px;
  margin-bottom:  -1px;
}
#centerContent {
  padding: 0px;
}
#detailBottom {
  clear      :     both;
  background :    White;
  color      :    Black;
  width      :     100%;
  font-size  :      8pt;
  font-weight:     bold;
  text-align :    right;
  position   : relative;
}
#detailBottom P {
  margin  :                0;
  padding :  5px 5px 1px 5px;
  position:         relative;
}
BR.spacer {
  clear: both;
}

/* -------------------- overlays */
#page {
  position : relative;
}
#overlayWrapper DIV {
  display  :     none;
  position : absolute;
  margin   :        0;
  padding  :        0;
  z-index  :        9;
}
#overlayWrapper DIV H1 {
  margin   :     10px;
  border-bottom:  1px solid white;
}
#overlayWrapper {
  position : absolute;
  top      :        0;
  left     :        0;
  width    :    735px;
  height   :    490px;
  display  :   inline;
}
#overlayWrapper DIV.overlayActive {
  display    : inline;
  margin-top :   40px;
  margin-left:   40px;
}
#overlayWrapper DIV#overlayBG {
  background :  black;
  margin     :      0;
  padding    :      0;
  width      :  735px;
  height     :  490px;
  z-index    :      1;
  -moz-opacity:   0.5;
  opacity    :    0.5;
  filter:alpha(opacity=50);
}
#overlayWrapper DIV.overlayClose {
  font-size  :   10pt;
  line-height:   12pt;
  color   :     White;
  display :     block;
  position:  absolute;
  top     :         0;
  right   :         0;
  z-index :       999;
  margin  : 15px 10px;
}
/* \*/
* html #overlayWrapper DIV.overlayClose { margin-top: 14px; }
/* */
#overlayWrapper DIV.overlayClose A {
  display:   block;
  padding: 2px 3px;
  text-decoration: none;
}
#overlayWrapper DIV.overlayClose A:hover {
  background: #CCC;
  color     : #000;
  text-decoration: none;
  padding: 1px 2px;
  border : 1px solid #789;
}
#overlayWrapper DIV.formWrap {
  display: inline;
  margin :   10px;
}
#overlayWrapper DIV.formWrap DIV.submit {
  display   :    block;
  position  : relative;
  text-align:   center;
  margin-top:     10px;
}
#overlayWrapper DIV.formWrap LABEL {
  width     :   45%;
}
#overlayWrapper DIV.formWrap INPUT,
#overlayWrapper DIV.formWrap SELECT  {
  width     :   50%;
}
#overlayWrapper DIV.formWrap DIV.submit INPUT {
  width     :  auto;
}