* {
   margin: 0px;
   padding: 0px;
   font-family: arial;
}

#page {
   width:1000px;
   margin-left:auto;
   margin-right:auto;
}

div.menu {
   background-image:url('../images/menu-background.jpg');
   background-repeat:repeat-x;
   background-color:#ca000c;
   border: 2px solid black;
   font-size:12px;
   color:white;
}

div.menu table {
   margin-left:auto;
   margin-right:auto;
   width:100%;
   text-align:center;
}

div.menu table td {
   width:16.6%;
   
}

div.menu a {
   text-decoration:none;
   color:white;
   font-size:10px;
}

#topContent {
   background: black;
   border-bottom: 2px solid black;
}

#topContent table{
   background:white;
   width:100%;
}

#topContent table td {
   width:50%;
}

#topContent h2{
   color:red;
   display:inline;
   font-size:30px;
}

#topContent h3 {
   color:red;
   font-size: 28px;
}

#topContent h4{
   color:red;
}

#blackBanner{
   /*color:white;*/
   background:white;
   padding:10px;
}

#blackBanner table {
   /*background:black;*/
}

#blackBanner li {
   list-style-type: none;
}

h4.inline {
   display:inline;
}

h3.inline {
   display:inline;
   color:red;
   font-size: 30px;
}

#contractInfo{
   padding:10px;
}

h1.inline {
    display: inline;
    font-size:28px;
    
}

h5.inline {
    display: inline;
}

#adminContent {
   font-size:80%;
}

#adminContent table td {
   padding:5px;
   }

#adminContent table th {
   padding:5px;
}

#adminContent table {
   border-collapse:collapse;
   color:black;
   margin-left:auto;
   margin-right:auto;
}

#mainContent {
   padding:15px;
   text-align: justify;
   width:970px;
   display:table; /* must put this in for FireFox - this helps the float:left divs from being annoying */
   font-size:80%;
}

#mainContent h4 {
   color:red;
   display:inline;
}

#mainContent h5 {
   display:inline;
   font-size:16px;
}

#mainContent h2 {
   color:red;
}

h2.inline {
   display:inline;
   font-size:28px;
}

a.noDecoration {
   text-decoration:none;
   color:red;
   font-size:14px;
   font-weight:bold;
}


div.grayBack {
   padding:2px;
   background:#c8c8c8;
   width:970px;
   margin:5px;

   display:table;
}

div.multiColList {
   display:table; /* must put this in for FireFox - this helps the float:left divs from being annoying */
   margin-bottom:5px;
   width:100%;
}

div.multiColList ul{
   list-style:round;
}

div.multiColList li {
  float: left;
  width: 222px;
  margin-left:10px;
  padding: 5px;
}

div.halfWidth {
   margin:10px;
   width:415px;
   padding:15px;
   float:left;
   /*min-height:100px;*/
   display:table; /* must put this in for FireFox - this helps the float:left divs from being annoying */
}



div.halfWidth  ul{
   margin-left:15px;
}


div.fullWidth {
   width:100%;
   display:table; /* must put this in for FireFox - this helps the float:left divs from being annoying */
}


div.carConversion {
   border:1px solid #c8c8c8;
   width:970px;
   height:250px;
   /*margin-bottom:10px;*/
   /*display:table;  must put this in for FireFox - this helps the float:left divs from being annoying */
   overflow:scroll;
}

div.carConversion img{
   float:left;
}
/*
div.carConversion div{
   
}*/

div.usedCarPicItem {
   float:left;
   width:120px;
   height:90px;
   margin:8px;
}

table.quickFormTable td {
   padding: 5px;
}


table.quickFormTable input {
   width:219px;
}

table.quickFormTable textarea.fullWidth {
   width:219px;
   height:100px;
}

table.full {
   width:100%;
}

table.full td{
   width:50%;
}

table.fullWidth {
   margin-left:auto;
   margin-right:auto;
   width:800px;

}

table.fullWidth td{
   vertical-align:top;
   padding:5px;
}

p.centerText {
   text-align:center;
}

td.rightBorder {
   border-right: solid 1px;
   padding:2px;
   padding-right:5px;
}

td.noBorder {
   padding:2px;
   padding-right:5px;
}

table.hireInfoTable {
   border-collapse:collapse;
   color:black;
}

table.hireInfoTable th {
   padding:5px;
   text-align:center;
}

table.hireInfoTable td {
   padding:5px;
   text-align:center;
}

div.centerButton {
   width:96px;
   margin-left:auto;
   margin-right:auto;
}

#contactLinkDiv {
   width:299px;
   margin-left:auto;
   margin-right:auto;
}

div.usedCarItem {
   width:460px;
   min-height:140px;
   border:2px solid black;
   margin:5px;
   float:left;
   display:table; /* must put this in for FireFox - this helps the float:left divs have the full height (ie 100% but you dont need to say it). */
}

div.usedCarItem table {
   width:100%;
}

div.usedCarItem table td {
   padding:3px;
}

td.grayBack{
   background:#c8c8c8;
}

td.grayBack td {
   width:50%;
}

#footer {
   display:table; /* must put this in for FireFox - this helps the float:left divs have the full height (ie 100% but you dont need to say it). */
   width:100%;
   left:0px;
}

#footerTop {
   padding:10px;
   border-top:2px solid red;
   border-bottom:2px solid red;
   color:gray;
   font-size:12px;
   min-height:80px;
   width:980px;
}

#citroenAddr {
   float:left;
   width:590px;
}

#jwLogo {
   padding:0px;
   left:40px;
   float:left;
   width:212px;
   margin:0px;
}

#jwLogo td {
   padding-left:20px;
}

#footerMiddle {
   padding:5px 10px;
   background:#c8c8c8;
   font-size:12px;
   color:black;
}

#footerBottom {
   padding-top:10px;
   font-size:8px;
}


div.contractCarItem {
   width:200px;
   margin:12px;
   background:#c8c8c8;
   padding:5px;
   float:left;
}

div.contractCarItem div {
   width: 200px;
   height: 133px;
   background-color: white;
   
}

div.contractCarItem h1 {
   font-size:28px;
   text-align:center;
}

div.contractCarItem  h2 {
   color:red;
   display: inline;
}

div.contractCarItem  h4{
   color:red;
   display: inline;
   font-size:14px;
}

div.message {
   margin-left:auto;
   margin-right:auto;
   width:600px;
   text-align:center;
}

div.centerImage {
   margin-left:auto;
   margin-right:auto;
   height:200px;
   width:267px;
}

div.centerLink {
   text-align: center;
   margin:10px;
}

div.picThumb {
   height:100px;
   min-width:100px;
   float:left;
   margin:10px;
}

#previewPicDiv {
   margin-left:auto;
   margin-right:auto;
}

#noscript {
   background:white;
   width:950px;
   top:20px;
   left:20px; 
   z-index:9; 
   border:dashed; 
   text-align:center; 
   margin-left:auto; 
   margin-right:auto; 
   padding:20px;
}

noscript a {
   font-size:20px; 
   text-decoration:none; 
   margin:10px;
}

