body
{
  /*ie needs these*/
  margin:0px;
  padding:0px;
  font-size:12px;
  font-family:Arial;
  /*align center for IE*/
  text-align:center;   
  background : url(../../images/Design/mainBG.gif) repeat-y center;   
}

input,select,textarea
{
  font-size:11px;
  font-family:Arial;
}
td{
  line-height: 15px;
  letter-spacing: 0px;
  word-spacing: 1px;
  color:black;
  font-size:12px;
  font-family:Arial;
}
a:active {
  text-decoration: none;
  color:black;
}
a {
  text-decoration: none;
  color:black;
}
a:hover {
  text-decoration: none;
  color:#BC0101;
}
a:visited {
  text-decoration: none;
  color:black;
}
.newDropDown {
   border:1px solid #000000;
   width: 170px
}

.link {
  cursor:pointer; 
}
.content {
  font-size:11px;
}
/*we use #container DIV  to center #content and #navigation in the page*/
#container
{
  margin: auto auto;
  /*our page width*/
  width:862px;
  /*center relative div*/
  /*make space for the header*/
  margin-top:147px;
  background-color:#C7D5E0;
  
}
#content
{
  text-align:left;
  width:660px;
  /*height:auto;*/
   /*have a minimum height, this does not work in IE*/
  /*min-height:637px;*/
  /* use float to inverse position with navigation DIV*/
  float:right;
  /*color section for identification*/
  background:#C7D5E0;
  
  top:0px;
  left:0px;
  padding-bottom:7px;
}

/*
  internet explorer min-height fix 
  can be removed if you don't need a minimum height
  in this way your CSS will be clean from hacks
*/
* html #content
{
  height:300px;
}


#navigation
{
  /* set margin top to header height*/
  float:left;
  /*height:auto;*/
  /* have a minimum height, this does not work in IE*/
  /*min-height:565px;*/
  width:202px;
  /*color section for identification*/
  background:#C7D5E0;
  position:relative;
  top:0px;
  left:0px;
  text-align:left;
  padding-bottom:7px;
}
#vehicleSearch
{
  /*height:284px;*/
  width:193px;
  text-align:left;
  background : white url(../../images/Design/left_nav_white_corner_thick.gif) no-repeat bottom;
  z-index: 20;
}
#services
{
  /*height:266px;*/
  width:193px;
  background : white url(../../images/Design/left_nav_white_corner_thick.gif) no-repeat bottom;
  text-align:left;
  position:relative;
  top:5px;
  z-index: 1;
}
.horiRule
{
  background : url(../../images/Design/left_nav_blue_stipple.gif) repeat-x top;
  line-height: 1px;
}

/*
  internet explorer min-height fix 
  can be removed if you don't need a minimum height
  in this way your CSS will be clean from hacks
      
* html #navigation
{
  height:300px;
}*/

#header
{
  /* postion absolute so we can place our div anywhere on the page, in this case the first div*/
  position:absolute;
  /*our page width*/
  width:862px;
  /*center absolute  div*/
  /*put div on the center of the page*/
  left:50%;
  /*move div 50% right to put it in the center of the page*/
  margin-left:-431px;
  /*pu the div fist on the page*/
  top:0px;
  /*height:267px;*/
  /*color section for identification*/
  background : url(../../images/Design/redline_tile.gif) repeat-x top;
}
#branding
{
  position:relative;
  margin-left:00px;
  height:146px;
  width:868px;
}
#logo
{
  margin-top:20px;
  margin-left:0px;
}
.topLinks
{
  font-size: 11px;
  color: #999999;
  text-decoration:none;
}
a.topLinks:hover
{
  font-size: 11px;
  color: black;
  text-decoration:none;
}
a.topLinks:active
{
  font-size: 11px;
  color: #999999;
  text-decoration:none;
}
a.topLinks:visited
{
  font-size: 11px;
  color: #999999;
  text-decoration:none;
}
#bidLogo
{
  margin-top:25px;
  margin-right:10px;
}
#tabNavigation
{
	margin-top:94px;
	position: absolute;
	top:30px;
	left:250px;
}
#banners
{
  height:118px;
  width:862px;
  background:#c7d5e0;
  text-align:left;
}
#frontMarketing
{
  /*float:left;*/
  width:187px;
  height:107px;
  background-color:#97acbd;
  margin: 5px 5px 5px 5px;
  text-align:center;
  vertical-align : middle;
}
#frontBanners
{
  margin: 1px 5px 5px 5px;*/
  padding:6px 0 0 4px;
  
}
#bestDeals
{ 
  text-align:left;
  height:158px;
  width:661px;
  background:#c7d5e0;
}
#bestDealsScroll
{
  height:106px; 
  width:623px; 
  overflow-y:hidden;
  overflow-x:hidden;
  float:left;
  background-color:#97acbd;
}
.bestDealsScrollText
{
  font-weight:bold;
  font-size: 11px;
  padding-left:5px;
  padding-top:10px;
}
#leftArrow
{
  float:left;
  width:19px;
}
#rightArrow
{
  float:left;
  width:19px;
}
#footer
{
  width:862px;
  clear:both;
  /*center relative div*/
  margin:auto auto;
  /*color section for identification*/
  background:#bd0102;
  height:20px;
  position:relative;
  left:0px;
  color:white;
  padding-top:3px;
  word-spacing:1px;
  margin-top:-10px;
}
#monthlySpecial
{
  
  float:left;
  width:402px;
  /*height:388px;*/
  padding-bottom:8px;
  background-color:#4f6f86;
  text-align:left;
}
#specialHeader {
 background:white url(../../images/design/specials_white_curve.gif) no-repeat top;
 height:42px;
 width:400px;
 margin-top:9px;
}
 
#frontNews
{
  float:left;
  width:258px;
  /*height:388px;*/
  padding-bottom:11px;
  background-color:#678399;
}
#frontNewsHeader {
 background:#4F6F86 url(../../images/design/news_white_curve.gif) no-repeat top;
 height:372px;
 width:250px;
 margin-top:9px;
 margin-left:2px;
 text-align:left;
 padding-right:1px;
}
#frontNewsContent {
 background-color:white;
 margin-top:9px;
 margin-left:5px;
 text-align:left;
}
.SearchItemDetailList
{
	list-style-image:url(../../images/list-item.gif);
	margin-left: 15px;
	padding-left: 0;
	text-align:left;
}


.SearchItemTitle
{
	color:#4f7491;
	text-align:left;
}

.HorizontalDashLine
{
	border-bottom:dashed 1px #B1C4D3;
	min-height:10px;
  cursor:pointer;
}

.SearchResultHead
{
	color:#000000;
}

.VehicleSearchAddButton
{
	background-image:url(../../images/VehicleSearchAdd.gif);
	width:30px;
	height:10px;
	background-repeat:no-repeat;
}



/*Region Dropdown START*/
.DropdownOption
{
    padding-right:18px;
    padding-left:5px; 
    font-family:Tahoma; 
    color:gray; 
    font-size:11px;
    background-color:white;
    cursor:pointer;
    vertical-align:middle; 
    text-align:left;
}

.DropdownOption_Over
{
    padding-right:18px;
    padding-left:5px; 
    font-family:Tahoma; 
    color:gray; 
    font-size:11px;
    background-color:silver;
    cursor:pointer;
    vertical-align:middle; text-align:left;
}

.DropdownTable1
{
    width:150px; height:16px
}

.DropdownTable2
{
    border:0px solid black;width:149px;
}

.DropdownContainerDiv1
{
    padding:0px 0px 0px 0px; height:23px;
}

.DropdownContainerDiv2
{
    display:none;
    position:absolute;
    z-index:2;
    overflow:auto;
    overflow-x:hidden;
    width:150px;
    border:1px solid #000000;
    background-color:white;
}
.DropdownContainerDiv2
{
    display:none;
    position:absolute;
    z-index:2;
    overflow:auto;
    overflow-x:hidden;
    width:150px;
    border:1px solid #000000;
}
.DropdownBackground
{
    background-image:url(../../images/regionsdd.gif); 
    width:150px; 
    height:16px;
    border:1px solid #000000;
    padding-right:18px;
    padding-left:5px; 
    font-family:Tahoma; 
    color:gray; 
    font-size:11px;
    cursor:pointer;
    vertical-align:middle; 
    text-align:left;
    line-height:16px;
}
.smallHoldingDiv {
  width:100px; 
}
.holdingSpan {
  font-size:10px;
}
/*Region Dropdown END*/
.bold {
  font-weight:bold;
}
.small {
  font-size:11px;
}
.form {
  font-size:11px;
}
.white {
  color:white;
}
a.white:hover {
  color:white;
}
a.white:visited {
  color:white;
}
.blankHeader {
  background:url(../../images/Design/BlankHeader.gif) repeat-x top; 
  font-size: 15px;
  padding-top:14px;
  padding-left:7px;
  color:white;
  font-weight:bold;
}
.theButton {
  background-color : #C7D5E0;
  border : 2px solid #4f7491;
  font-size:11px;
  letter-spacing:1px;
}
.hidden {
  display:none;
}
.specButt {
  background-color : #cbd6de;
  color : #283948;
  padding : 2px 2px 0px 2px;
  width : 14px;
  height : 19px;
  margin-left: 1px;
  margin-top: -1px;
  float:left;
  text-align:center;
}
.specButtHover {
  background-color : #4f7491;
  color : white;
  padding : 2px 2px 0px 2px;
  width : 14px;
  height : 19px;
  margin-left: 1px;
  margin-top: -1px;
  float:left;
  text-align:center;
}
#phoneNo {
  color:#d9171f;
  font-size:13px;
  /*margin-top:40px;
  display:block;*/
  font-weight:bold;
  margin-top:89px;
  position: absolute;
  top:35px;
  left:130px;
}
#showMenu {
  font-size:11px;
  font-style:italic;
}
.searchButt {
  background : #7490a6;
	border : 1px solid Black;
	color : White;
	font-weight : bold;
	font-size : 11px;
  font-family: verdana;
  width:180px;
  cursor:pointer;
}

#screenshot {
                display: none;
				border: 1px solid #666666;
				position: absolute;
				top: 70%;
				left: 70%;
				margin-left: -300px;
				-moz-box-shadow: 2px 2px 10px #000;
                -webkit-box-shadow: 2px 2px 10px #000;
				z-index:9999999;
	}
