/* Detailnavi - Tabbed content navigation above Details  */
#detailNavi {
	height:21px;
	padding-top: 22px; }

#detailNavi ul {
	list-style: none;
	padding: 0;
	margin: 0; }

#detailNavi li {
	float: left;
	margin-right: 2px; }

#detailNavi li a {
	background:url(../images/detailsnavi_off.gif) bottom left no-repeat;
	height: 21px;
	float: left;
	width: 96px;
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 21px; }

#detailNavi li a:hover {
	background:url(../images/detailsnavi_on.gif) bottom left no-repeat;
	height: 21px;
	float: left;
	width: 96px;
	display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height: 21px; }

#detailNavi li a#active {
	background:url(../images/detailsnavi_on.gif) bottom left no-repeat;
	color: #000;}

#detailNavi li a {     /* Hide from IE5-Mac \*/
	float: none; }


/* GENERAL */
html {
overflow-x: hidden; }

/* GENERAL */
body {
	background-color: #ffffff;
    padding: 0;
	margin: 0; 
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;	
        color:#333333;
}

table, p, td, div, img, ul, li {  
	margin: 0; 
	border-collapse: collapse; 
	border: 0;
	vertical-align: top;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:18px;
	font-weight:normal;}

a:link, a:visited {color: #434343; text-decoration: none }
a:hover {color: #434343; text-decoration:underline; }

form {
	margin: 0;
	padding 0;}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
        color:#333333;}

#wrap {
	width: 622px; margin-top: 10px;
	}

#header {
	width: 622px;
	margin-bottom: 3px;
	 }

#search {  
	width: 622px;
}

#listing {  
	width: 622px;
	float: left;
	vertical-align: top;
}

#details {
	float: left;
	width: 462px; }

#contact {
	float: right;
	vertical-align: top;
	width: 140px; }

#footer {
	float: left;
	clear: both;
	width: 622px; 
	margin-top: 5px;
	 }

#changecarinfo {
}

tr.odd {
	background-color: #ffffff;}

tr.even {
	background-color: #eaeaea;}

#listing tr.even:hover {
	background-color: #dbdbdb;
	cursor: pointer; }

#listing tr.odd:hover {
	background-color: #dbdbdb;
	cursor: pointer; }

/* Search-page */

#search td.vahtipalvelu {
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 1px;}

#search td.searchLabel {
	padding:3px 3px;	
	width: 130px; }

#search td.searchEntry {
	padding:3px 3px;
	text-align: left;
	 }

#search select.big {
	width: 250px; }

#search input.small {
	width: 114px; }

#search select.small {
	width: 118px; }

#search input {
	vertical-align:middle;
}

/* Listing page*/

tr.listingHeader {
	background-color:#808080;
	color: #fff;
	font-weight:bold; }

tr.listFilter {width: 622px;}

td.pathway {
	padding-bottom: 4px;
        width: 510px;}
	
td.foundCars {
	width: 170px; font-size:14px; font-weight:bold; vertical-align:top;}
	
td.changePage {
	width: 320px;}
	
td.newSearch {
text-align: right;
width: 112px;
	}

table.listing {
	width:100%;
	border-collapse:collapse;
	margin-top: 4px;
	margin-bottom: 4px; }
	
tr.listingHeader a:link, tr.listingHeader a:visited, tr.listingHeader a:hover {
	color: #fff;
	font-weight:bold;
	text-decoration:underline; }

td.listImage {
	width: 65px; 
	padding: 1px 0px; }
	
.imageSmall {
	width: 70px;
	margin: 0;
	border: 0;}
	
.imageCamera {
   margin-top: 17px;
}
	
td.listReqNo {
	width: 60px; 
	padding: 3px 3px;
	vertical-align:top }
td.listModelYear{
	padding: 3px 3px; }
td.listMakeModel {
	padding: 3px 3px; }
td.listKm {
	padding: 3px 3px;
        width: 51px;
	text-align: right; }
td.listPrice {
	width: 60px; 
	padding: 3px 3px; 
	text-align: right; }
td.listPriceOffer {
	width: 60px; 
	padding: 3px 3px; 
	text-align: right; }
td.listDealer {
	padding: 3px 3px; }


/* Listing-sivun Tooltip kuville, toimii uusilla www-standardien mukaisilla selaimilla */
a.tooltip {
  position: relative;}
  
a.tooltip span {
  display:none;}
  
a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 0px;
  left: 47px;
  padding: 0;
  border: 0;}
	
/* Detail page*/

td.detailsHeader {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color:#808080;
    padding: 3px 3px 3px 3px;
	width: 616px;	
}
	
td.detailsImageBig {
	vertical-align: top;
	padding-bottom: 1px;
	padding-top: 1px;}

td.detailsImageSmall {
	vertical-align:top;
	padding-bottom: 1px;
	width: 225px;}

td.detailsRahoituslaskin {
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 1px;
	width: 185px;
}

.imageBig {
	width: 462px; 
	margin: 0;
	
	border: 0;
	padding: 0;}
	
td.left { 
	text-align: left;
	vertical-align:top;
	padding:3px 3px;
}

td.left25 { 
	text-align: left;
	vertical-align:top;
	padding:3px 3px;
	width: 25%;
}
	
td.left50 { 
	text-align: left;
	vertical-align:top;
	padding:3px 3px;
	width: 50%;
}

.select140px {
	width: 134px;}

input.searchbutton {
	font-size: 12px; 
	font-weight: normal; 
	width: 70px;}

input.searchbuttonSmall {
	font-size: 12px; 
	font-weight: normal; 
	width: 40px;}
	
input.pagenumber {
	width: 60px;}
	
#successfulSubmit {padding: 5px 5px; margin-bottom: 10px; border:solid 2px #434343; font-weight: bold; color:#434343; width: 546px;}

/* Quicksearch*/

#quickSearch { 
	width: 210px;
	padding: 10px 10px;}
	
#quickSearchHeader {
	background-color:#808080;
	color:#ffffff;
	font-size:12px;
	font-weight: bold;
	padding: 3px 3px;}
	
#quickSearchContent {
	background-color:#eaeaea;
	padding: 3px 3px;}

#quickSearch select.quickSearch {
	width: 200px;}
	
#quickSearch input.quickSearch {}

#quickSearch td.quickSearchSubmit {
	text-align: right;
	width: 50%;
	padding: 3px 3px;}

#quickSearch a:hover {
        text-decoration: none; }
	
/* Rahoituslaskin*/

#rahoituslaskin {
	width: 450px;
	float: left;
	vertical-align:top;
	margin-left: 10px;
	margin-top: 10px;}
	
#rahoituslaskin td.right { /* right+right2 = leftEntry */
	text-align: right;
	vertical-align:top;
	padding:3px 3px;
	width: 77px;}

#rahoituslaskin td.right2 {
	text-align: left;
	vertical-align:top;
	padding:3px 0px;
	width: 113px;}
	

#rahoituslaskin td.leftEntry {
	text-align: left;
	vertical-align:top;
	padding:3px 3px;
	width: 190px;}

#rahoituslaskin td.leftLabel{
	text-align: left;
	vertical-align:top;
	padding:3px 3px;
	width: 260px;}

/* Vertailu-sivu*/

.detailsImageComparison {
	vertical-align:top;
	padding-bottom: 1px;
	width: 135px;}

#detailsComparison {
	float: left;
	width: 622px; }
	
td.detailsHeaderComparison {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color:#808080;
    padding: 3px 3px 3px 3px;
	width: 622px;	
}

td.detailsHeaderCollapseComparison {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color:#808080;
	width: 622px;	
}

td.left25Comp { 
	text-align: left;
	vertical-align:top;
	padding:3px 0px;
	width: 25%;
}

/* ETUSIVUN NOSTOT - upotetaan iframessa. leveys 860px korkeus 200px */

#etusivunNostot {
	width:860px;
	height: 200px;
	background-color: #fff;
	color:#000;}

#etusivunNostot #padding {
	padding: 10px;}

#nosto {
	float: left;
	width: 160px;
	margin-right: 10px;
	}

#nostoViimeinen {
	float: left;
	width: 160px;
	margin-right: 0px;
	}

#nostoKuva {
	width: 160px;
	position: relative;
	}

#nostoKuva .nostoKuva {
	width: 160px;
	}

#nuoli {
	position: absolute;
	bottom: 5px;
	right: 6px;
	background-position: bottom right;
	background-image:url(../images/nostotNuoli.gif);
	background-repeat:repeat-x;
	width: 9px;
	height: 9px;
	}

#nostoTeksti {
	padding: 8px 5px;
	clear: both;
	font-size: 11px;
}

#nostoTeksti .hinta {
	line-height: 20px;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}