/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
  background-color : #F3F1F1;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#titleimage{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

#titleimagetable{


}

#masthead{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;

}
                                                                                                                                          `````````````````````````````````````````````````````
#chromemenu{
margin: 0px 0px 0px 0px;
font-weight: bold;
font-size: 90%;

}



#content{

	padding:0px;
	border:0px dashed #;
	background-color:#;
      width:90%;  
      margin-left:auto; 
      margin-right:auto;  
      	
}

.listing{

}



#oddrow{
bgcolor: #F3F1F1; 
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
width: 100%;
cellspacing: 0;
cellpadding: 0; 
}

#evenrow{
bgcolor: #D4D4D4; 
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
width: 100%;
cellspacing: 0;
cellpadding: 0; 
}

#header_table{
bgcolor: #D4D4D4; 
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
width: 100%;
cellspacing: 0;
cellpadding: 0; 
}

#table_even{ 
/**bgcolor: #D4D4D4;**/
height:20px;
width: 100%;
cellspacing: 0;
cellpadding: 0; 
}

#table_odd{ 
//**bgcolor: #F3F1F1; **/

height:20px;
width: 100%;
cellspacing: 0;
cellpadding: 0; 
}

#table_expanded {
bgcolor: #; 
height:110px;
width: 100%;
cellspacing: 0;
cellpadding: 0; 
}


#inventory_footer {


}





/************* #siteInfo styles AKA-Footer ***************/

.siteInfo{
       
      Width: 98%;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	background-image: url(http://k.tri-starautosales.com/images/chromebg.gif);
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

.siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}




/***************Chrome Nave Bar AKA-Header menu******************/
 

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: Right; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
font-family: Verdana;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
color: Black; 
width: 100%;
background: url(images/chromebg2.gif) center center repeat-x;
}






/***************ROws******************/


#stocklistheader{
	margin: 0px;
	padding: 0px;

}

#stocklistheader h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#stocklistheader a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}





/***************END ROws******************/

/***************Thumbs*********************/



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

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
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: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/*****************End Thumbs***********************/

.listing_rows{ 
cursor:pointer;
position: inherit;
left: 0px;       
z-index: 50; 
}


#expandedselected_row{ 
position: inherit;
left: 0px;
background:#DDDDDD;         
}


* html .listing_rows{ /*IE only rule. Original menu width minus all left/right paddings */
width: 100%;
}

.listing_rows ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.listing_rows a{
font: bold 13px Verdana;

display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;

}

.listing_rows a:visited{
color: #595959;
}

html>body .listing_rows a{ /*Non IE rule*/
width: auto;
}

.listing_rows :hover{
background-color: #D2E9FF;
color: black;
}



/**************************************/


.selected_row{ 
cursor:pointer;
position: inherit;
left: 0px;
background:#DDDDDD;  
z-index: 50;        
}

* html .selected_row{ /*IE only rule. Original menu width minus all left/right paddings */
width: 100%;
}

.selected_row ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.selected_row a{
font: bold 13px Verdana;

display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;

}

.selected_row a:visited{
color: #595959;
}

html>body .selected_row a{ /*Non IE rule*/
width: auto;
}

.selected_row :hover{
background-color: #D2E9FF;
color: black;
}