/* 
	Data table styles
*/
#datatable {
  border-collapse: collapse;
  border: none;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  /* odd data row background color: */
  background: #dadada;
  width: 545px;
  }

td.dtable, th.dtable {
  border-bottom: 1px solid #FFF;
  padding: .4em;
  color: #000000;
  }

thead th.dtablehead, tfoot th.dtablehead {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: none;
  text-align: left;
  background: #e1253d;
  color: #FFFFFF;
  padding: 3px 0 3px 1px;
  }

tbody td.dtable a {
  background: transparent;
  text-decoration: none;
  color: #000000;
  }
tbody td.dtable a:hover {
  background: #ffffff;
  text-decoration: underline;
  color: #000000;
  }
tbody th.dtable a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #000000;
  }
tbody th.dtable a:hover {
  background: transparent;
  color: #363636;
  }
tbody th.dtable, tbody td.dtable {
  vertical-align: middle;
  text-align: left;
  }
tfoot td.dtable {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
tr.even {
  background: #b1b1b1; 
  }
tr.odd {
  background: #bbbbbb; /*blue*/
  }
  
/* highlight row */  
tbody tr.odd:hover  tr.even:hover{
  background: #929292; /*blue */
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
 
 .hlt  {
  background: #929292; /*blue */
  /*border: 1px solid #03476F;*/
  color: #FFFFFF;
  }
  
/* new way to highlight+resize image */
a.enlargeimg:hover img {filter:none;}
a.enlargeimg img {width:20; height:27;}
a.enlargeimg:hover img {width:100px; height:auto}


  
/*tbody tr:hover th,
tbody tr.odd:hover th {
  background: #bbbbbb; 
  color: #FFFFFF;
  }*/

.notes {
	font: normal 11px verdana, arial, helvetica, sans-serif;
 color:#000000;
 padding: 3px 1px;
}

thead th.dtablehead a, tfoot th.dtablehead a {
 text-decoration: none;
 color:#ffffff;
  }
#ie_link_dtablehead{
 text-decoration: none;
 color:#ffffff;
  }
  #ie_link_dtablehead:hover{
 text-decoration: underline;
 color:#ffffff;
  }
  
thead th.dtablehead a:hover, tfoot th.dtablehead a:hover {
text-decoration: underline;
 color:#ffffff;
  }

/* popup css */

.carpic{
font: normal 11px verdana, arial, helvetica, sans-serif;
position: relative;
z-index: 0;
}

.carpic:a span{
font: normal 11px verdana, arial, helvetica, sans-serif;
position: relative;
z-index: 0;
}

/*background-color: transparent;*/
.carpic:hover{
font: normal 11px verdana, arial, helvetica, sans-serif;
z-index: 50;
}

.carpic span{ /*CSS for enlarged image*/
/* position: fixed; */ 
position: absolute;
background-color: white;
padding: 5px;
left: -10px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.carpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.carpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px; /* offset enlarged image below highlighted row */
left: -330px; /*left: -50px;*/ /*position where enlarged image should offset horizontally */

}

/* 
	new car table styles
*/
.dealer_city {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color: #ee1d24;
	margin-left: 30px;
}
#dealer_web_addr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration: underline; 
	color: #003399;
	margin-left: 30px;
	line-height:18px;
	
}
.dealer_addr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	margin-left: 30px;
	line-height:18px;
}
.column {
	padding: 5px 0px 5px 5px;  /* inside box */
	/*width: 130px;*/
	float: none;
	text-align: left; /* IE center */ 
	margin-top: 2px;  /* outside box */
	/*margin-bottom: 4px;*/
	margin-left: 0px;
	/*margin-right: 2px;*/
	border-left: 1px solid #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#newcartable {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  /* odd data row background color: */
  background: #ffffff;
  background-image:url(images3/newcars_photo.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  padding: 0;
  margin: 0;
  }
td.hdr{
background: #003399;
}
td.newcar, th.newcar {
  
  padding: .4em;
  color: #000000;
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  
  }

thead th.newcarhead, tfoot th.newcarhead {
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #000000;;
  text-align: left;
  background: #003399;
  color: #FFFFFF;
  padding-top:3px;
  }
td.newcar a {
  background: transparent;
  text-decoration: none;
  color: #000000;
  }
td.newcar a:hover {
  background: #ffffff;
  text-decoration: underline;
  color: #000000;
  }
tbody th.newcar a {
  font-family: Arial, Helvetica, sans-serif;
    background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #000000;
  }
tbody th.newcar a:hover {
  background: transparent;
  color: #363636;
  }
tbody th.newcar, tbody td.newcar {
  vertical-align: top;
  text-align: left;
  }
tfoot td.newcar {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }

thead th.newcarhead a, tfoot th.newcarhead a {
 text-decoration: none;
 color:#ffffff;
  }
#ie_link_newcarhead{
 text-decoration: none;
 color:#ffffff;
  }
  #ie_link_newcarhead:hover{
 text-decoration: underline;
 color:#ffffff;
  }
  
thead th.newcarhead a:hover, tfoot th.newcarhead a:hover {
text-decoration: underline;
 color:#ffffff;
  }












.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}



.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}
/* position: absolute; */
/* border: 1px dashed gray; */
/* background-color: lightyellow; */
.thumbnail span{ /*CSS for enlarged image*/
/* position: fixed; */
position: relative; 
background-color: white;
padding: 5px;
left: 100px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}



.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}