/* ------------ general settings */
BODY       {
  background : #222;
  color      : #FFF;
  margin     :    0;
  padding    :    0;
  font-size  : 12pt;
  font-family: "Gill Sans", GillSans, "Trebuchet MS", Arial, sans-serif;
}
div.spacer { clear: both }
A,
A:visited,
A:link     { color: White }
P          { margin: 10px }
P.errorMsg { margin: 10px 10px 300px 10px; }
H1         { font-size: 16pt; font-weight: bold; padding: 0; border: 0; margin: 10px }

/* ---------------- page wrapper */
#wrap {
  margin :  0 auto 10px auto;
  padding:     0;
  width  : 944px;
  border-top:  0;
}

/* ----------------- page header */
#header    {
  margin:    0;
  min-width: 944px;
}
#header H1 {
  margin : 0;
  padding: 0;
  background: #234
    url('/cars/graphics/header84_001122.jpg')
    no-repeat bottom right;
  height: 85px;
}
#header H1 SPAN {
  display: none;
}
/*
#head {
  margin: 0;
  border: 0;
  padding: 0;
  border-bottom: 3px solid white;
  height: 200px;
  background: #234
    url('/cars/graphics/header-logo.jpg')
}
#head H1   {
  display: none
}
*/

#shadow {
  position: absolute;
  left    :        0;
  height  :     35px;
  width   :     100%;
  z-index :      999;
  background: transparent;
  background: transparent
   url('/cars/graphics/drop-shadow.png')
   repeat-x top left;
}

/* ---------- main page settings */
#page      {
  border     :     0;
  /* min-height : 400px; */
  padding    :   5px 7px 7px 10px;
  margin-left: 203px;
  width      : 735px;
  border     :   3px solid white;
  border-top :     0;
}
#inventory #page,
#inventoryDetail #page {
  padding   : 0;
}
#page H5   {
  font-weight: normal;
  font-size:  8pt;
  margin   : 10px;
  padding  :    0;
  border   :    0;
}
#page BR.spacer {
  clear    : both;
}

/* ------------------ side panel */
.sidePanel {
  width      :    200px;
  position   : absolute;
  border     :  3px solid White;
  background : #456;
  margin     : 40px 0 0 0;
  line-height:    0;
}
.sidePanel .sidePanelShadow {
  position  : absolute;
 height    :     100%;
  width     :     20px; /* 35 */
  right     :        0;
  margin-top:     -3px;
  padding   :    3px 0;
  z-index   :      999;
  background: transparent
    url('/cars/graphics/drop-shadow-left.png')
    repeat-y top left;
}
.sidePanel H3 {
  margin     :     0;
  font-size  :  10pt;
  line-height:  12pt;
  font-weight:  bold;
  background : White;
  color      :  #234;
  padding    :   1px 3px 3px 3px;
}
.sidePanel UL {
  margin     :    0;
  padding    :    0; /* 3px 0 */
  font-size  :  8pt;
  line-height: 12pt;
  list-style : none;
}
.sidePanel UL A {
  display:    block;
  padding: 3px 15px 3px 5px;
  width  :    180px;
  text-decoration : none;
  -moz-user-select: none;
  -moz-outline    : none;
}
.sidePanel UL .selected A,
.sidePanel UL A:hover {
  background: #CCC;
  color     : #222;
  text-decoration: none;
}
.sidePanel P {
  line-height: 12pt;
  margin: 10px 5px;
}
#sidePreview {
  border-top : 3px solid white;
  line-height:   0;
  padding    :   0;
  margin     :   0;
}
#sidePreview IMG {
  display    : block;
  width      : 200px;
  height     : 133px;
}
#quicklinks {
  margin     :     0;
  top        : 600px;
/*
  background :  #456
  url('/cars/graphics/drop-shadow.png')
  no-repeat 0 10px;
*/
}
#quicklinks UL {
 font-size  :  10pt;
 line-height:  12pt;
}
#searchResultsSidePanel {
  margin     :     0;
  top        : 130px;
}

/* ----------------- page footer */
#foot    {
  margin-top   :  25px;
  border       :     0;
  padding      :  10px 10px 7px 10px;
   /* 5px 10px 10px 10px; */
  border-width : 1px 0;
  border-style : solid;
  border-color : white;
  height       :  15px; /* 35 */
  color        :  #FFF;
  background   :  #234;
  text-align   : right;
  clear        :  both;
  font-size    :   8pt;
  line-height  :  10pt;
  letter-spacing: 0.05em;
  min-width    : 924px; /* 944-pad */
}
#foot UL {
  margin     :  5px 0;
  list-style :   none;
}
#foot UL LI {
  width      :    20%;
  float      :   left;
  text-align : center;
}
#foot BR {
  clear      :   both;
}
#foot H5 {
  margin     :      0; /* 5px 0 */
  padding    :      0;
  border     :      0;
  line-height:   10pt;
  font-size  :    8pt;
  font-weight: normal;
}
#foot span.left  {
  float      :   left;
  text-align :   left;
}
#foot span.right {
  float      : right;
  text-align : right;
}

/* ----------------- form styles */
.formSpacer {
  margin-top :   30px;
}
.formWrap {
  border     :    3px double white;
  width      :  400px;
  margin     : 0 auto;
  padding    :      0;
  background :   #456;
}
.formWrap H1,
.formWrap H3 {
  background :  White;
  color      :  Black;
  margin     :      0;
  text-align : center;
  font-size  :   14pt;
  line-height:   16pt;
  padding    :    5px;
}
.formWrap H3 {
  font-size  :   10pt;
  line-height:   12pt;
  padding    :    2px;
}
.formWrap H4 {
  margin      :   15px -15px;
  font-size   :   10pt;
  padding     :  5px 0;
  text-align  : center;
  border-style:  solid;
  border-color:  White;
  border-width:  2px 0 1px 0;
}
.formWrap FORM {
  margin: 15px;
}
.formWrap LABEL {
  float      :    left;
  text-align :   right;
  width      :     25%;
  cursor     : pointer;
  padding-top:     2px;
}
.formWrap INPUT,
.formWrap SELECT  {
  float     : right;
  text-align:  left;
  width     :   70%;
  margin-bottom: 3px;
}
.formWrap TEXTAREA {
  width  :    98%;
}
.formWrap DIV.submit {
  text-align: center;
}
.formWrap DIV.submit INPUT {
  float  :   none;
  width  :   auto;
  margin :      0;
  padding: 0 30px;
}
.formWrap BR {
  clear: both;
}
.formFooter {
  background: #234;
  padding   :  5px;
  font-size :  8pt;
  border-top:  1px solid white;
}
.formFooter A {
  color  : White;
  display: block;
  margin :     0;
  padding: 0 2px;
  text-decoration: none;
}
.formFooter A:hover {
  color     : #000;
  background: #CCC;
  text-decoration: none;
}
.formFooter .left {
  float: left;
  text-align: left;
}
.formFooter .right {
  float: right;
  text-align: right;
}
#loginNewPW LABEL {
  width: 50%;
}
#loginNewPW INPUT {
  width: 45%;
}
.sideFormWrap {
  margin: 10px;
}