@charset "utf-8";
/* CSS Document */

#listing {
color: white;
padding: 0 20px;
}

#listing .filter {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #333333
}

#listing .filter ul {
margin-top: 10px;
}

#listing .filter ul li {
list-style: none;
display: inline;
margin-left: 20px;
}

#ranked_listing {
overflow: hidden;
}

#ranked_listing .car .photo {
background: url('..images/place_holders/preview_car_photo.png') no-repeat;
float: left;
text-align: center;
border: 1px solid #666666;
overflow: hidden;
}

#ranked_listing .car .photo a img {
border: 0;
}

#ranked_listing .car {
clear: both;
margin-bottom:20px;
overflow:hidden;
}

#ranked_listing .car .meta {
width: 250px;
margin-left: 10px;
font-style:italic;
}

#ranked_listing .car .title {
font-size: 21px;
padding: 0 0 0 0;
}

#ranked_listing .car .title .rank {
background: transparent url(../images/layout/bg_rank.gif) no-repeat scroll center center;
color:black;
float:left;
font-size:13px;
font-weight:bold;
margin-right:-23px;
padding:1px 0px 1px 5px;
width:13px;
position: relative;
right:242px;
top: 1px;
/*font-size: 20px;
color: black;
padding: 1px 7px;
background: white url('../images/layout/bg_rank.png') no-repeat scroll center center;
*/
}

#ranked_listing .car .rating {
padding: 10px 0px;
}

#ranked_listing .car .description {
height: 70px;
}

#ranked_listing .car .info {
font-size: 12px;
list-style:none; 
}

#ranked_listing .car .info li {
margin: 5px 0px;
}

/* car listing (unranked) */

#car_listing .car .photo {
width: 90px;
height: 90px;
background: url('..images/place_holders/thumbnail_car_photo.png') no-repeat;
float: left;
text-align: center;
border: 1px solid #666666;
overflow: hidden;
}

#car_listing .car .photo a img {
border: 0;
}

#car_listing .car {
clear: both;
margin-bottom:20px;
overflow:hidden;

}

#car_listing .car .meta {
width: 170px;
margin-left: 10px;
float: left;
}

#car_listing .car .title {
font-size: 15px;
padding: 0 0 0 0;
}


#car_listing .car .rating {
padding: 10px 0px;
}

#car_listing .car .info {
font-size: 12px;
list-style:none; 
}

#car_listing .car .info li {
margin: 5px 0px;
}


/* for sale car listing */


#forsale_car_listing .car .photo {
width: 90px;
height: 90px;
background: url('..images/place_holders/thumbnail_car_photo.png') no-repeat;
float: left;
text-align: center;
border: 1px solid #666666;
overflow: hidden;
}

#forsale_car_listing .car .photo a img {
border: 0;
}


#forsale_car_listing .car {
clear: both;
margin-bottom:13px;
overflow:hidden;
border:1px solid #777777;
padding: 5px;
}

#forsale_car_listing .car .meta {
width: 170px;
margin-left: 10px;
float: left;
}

#forsale_car_listing .car .title {
font-size: 15px;
padding: 0 0 0 0;
}

#forsale_car_listing .car .date_added {
color:#777777;
font-style:italic;
margin-top:2px;
}

#forsale_car_listing .car .view_link {
bottom:29px;
left:458px;
margin-bottom:-15px;
position:relative;
}

#forsale_car_listing .car .view_link img {
border: 0;
}


#forsale_car_listing .car .rating {
padding: 10px 0px;
}

#forsale_car_listing .car .info {
font-size: 12px;
list-style:none; 
color:#DCDCDC;
width: 420px;
margin-top: 5px;
}

#forsale_car_listing .car .info tr td {
width: 200px;
}

#forsale_car_listing .car .info li {
margin: 5px 0px;
}



/* Homepage car listing */

#home_car_listing {
margin-top: 20px;
}

#home_car_listing .car .photo {
width: 90px;
height: 90px;
background: url('..images/place_holders/thumbnail_car_photo.png') no-repeat;
text-align: center;
border: 1px solid #666666;
overflow: hidden;
margin-left:5px;
}

#home_car_listing .car .photo a img {
border: 0;
}

#home_car_listing .car {
clear: both;
margin-bottom:20px;
overflow:hidden;
width:150px;
}

#home_car_listing .car .meta {
width: 165px;
margin-left: 10px;
float: left;
}

#home_car_listing .car .title {
font-size: 15px;
padding: 0 0 0 0;
}


#home_car_listing .car .rating {
padding: 10px 0px;
}

#home_car_listing .car .info {
color:#666666;
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;


#home_car_listing .car .info li {
margin: 2px 0px;
}


#sort_by {
list-style: none;
padding: 10px 0px;
overflow: hidden;
margin-bottom: 10px;
border-bottom:1px solid #444444;
}

#sort_by li {
font-size: 12px;
display: block;
float: left;
margin-left: 15px;
}