h1 { font-size: 130%; text-align: left; }
h1 { font-size: 130%; text-align: left; }
h2 { font-size: 120%; text-align: left; }
h3 { font-size: 115%; text-align: left; }
h4 { font-size: 110%; text-align: left; }
h5 { font-size: 95%; text-align: left; padding: 5px 0 0px 0; margin: 0px;}


#wrap {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width:980px;  
	background: #fff; 
	padding: 0px;
}

body {
	margin: 0;
	padding: 0;
	background-color: #EAEAEA;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	text-align: center;
}


a { color: #00395E; }
a:hover { text-decoration: none; }


#header {
width: 970px;
height: 80px;
background: #fff url(../gfx/header_bg.gif) no-repeat;
padding: 0px;
margin-left: 5px;
}


#top_nav_container {
width: 970px;
height: 40px;
margin-left: 5px;
padding-top: 0px;
font-size: 120%;
}

#top_nav_container ul {
text-align: center;
margin: 0;
padding: 0;
color: #fff;
background: #207099 url(../gfx/top_nav_container.gif) repeat-x top left;
width: 100%;
line-height: 40px;
font-size: 100%;

}

#top_nav_container li {
display: inline;
margin: 0;

}
#top_nav_container li a:link, #top_nav_container li a:visited {
margin: 0;
padding: 0px 50px 0px 35px;
text-decoration: none;
color: #848484;
background: transparent;
}

#top_nav_container li a:hover {
text-decoration: underline;
}

#main {
width: 970px;
margin:5px 0px 0px 5px; 
padding: 0;
font-size: 95%;
}

#footer{
width: 970px;
height:35px;
background: #0668A9 url(../gfx/footer_bg.gif) repeat-x top left;
margin:5px 0px 5px 4px;
font-size: 75%;
color:#fff;
font-weight: bold;
}

#news{
	width: 970%
	color:#0668A9;
	font-weight: bold;
	text-align:left;
	border:1px solid #E4E4E4;
	margin: 5px 0 0 0;
}

#news p{
	font-size: 75%;
	font-weight: normal;
	color:#636363;

}
#news a{
	font-size: 100%;
	font-weight: normal;
	color:#0668A9;
}

.fp_rivi {
	margin:10px 0 0 0;
	text-align:left;
	font-size: 85%;
	font-weight: bold;
}

.fp_rivi h3 {
	background-color:#0668A9;
	color: #fff;
	padding: 4px;
	margin: 0px;
}

.fp_left {
	float:left;
	width:690px;
	margin: 0px;
}

.fp_right {
	float:right;
	width:273px;
	margin: 0px;
}

.fp_rivi a { color: #fff; }

#prop {
	float: right;
	width: 1px;
	height: 600px;
}

table.pikavalinta {
width:100%;
font-size: 80%;
color: #636363;
border:1px solid #E4E4E4;
text-align:center;
}
td.pikasolu a{
text-decoration: none;
color: #636363;
display: block;
}

td.pikasolu a:hover{
text-decoration: none;
color: #FF0E0A;
}

td.pikasolu{
border-right: 1px solid #E4E4E4;
border-top: 1px solid #E4E4E4;

} 

td.pikasolu:hover{
color: #ffffff;
background-color:#FAFAFA;
border-right: 1px solid #E4E4E4;
border-top: 1px solid #E4E4E4;
}

/* supertarjous */
table.supertarjous {
	width: 100%;
	height: 198px;
	background: #FAFAFA url(../gfx/bg_tarjous.gif) no-repeat;
}

table.supertarjous th {
	color: #636363;
	font-size: 80%;
	font-weight:bold;
}

table.supertarjous .kuva {text-align: center;}

table.supertarjous .hinta {
	text-align: center;
	background-color: #F30400;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	font-size: 95%;
}

table.supertarjous th a { text-decoration: none; color: #636363; }

/* poiminnat */

.poiminta {
	float: left;
	width: 226px;
	margin: 5px 0 0 0;
	height: 198px;
}

.space {
	font-size: 1px;
	float: left;
	width: 6px;
}

table.poiminnat {
	width: 100%;
	height: 198px;
	border:1px solid #E4E4E4;
	background-color: #FAFAFA;
	padding: 0px;
}

table.poiminnat th {
	color: #636363;
	font-size: 80%;
	font-weight:bold;
}

table.poiminnat th a { text-decoration: none; color: #636363; }

table.poiminnat .kuva {text-align: center;}

table.poiminnat .hinta {
	text-align: center;
	background-color: #F30400;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	font-size: 95%;
}

/* pikahaku */

.pikahaku {
	margin-top: 5px;
	float: left;
	width:271px;
	height: 196px;
	border:1px solid #E4E4E4;
	background-color: #FAFAFA;
	padding: 0px;
}

.pikahaku .ehto {
	padding: 10px 0 0 6px;
}

.btnSininen {
	border: 1px solid #A6A6A6;
	border-top-color: #fff;
	border-left-color: #fff;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #0668A9;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}

.btnHarmaa {
	border: 1px solid #A6A6A6;
	border-top-color: #fff;
	border-left-color: #fff;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #BDBDBD;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}

/* hakulomake */

#hakulomake {
	border:1px solid #E4E4E4;
	background-color:#FAFAFA; 
	font-size: 85%; 
	padding: 5px;
	text-align:left;
	margin-bottom: 10px;
	_height: 1%;
}

/* hakutulos */

table.hakutulos {
	margin-top: 5px;
	width: 100%;	
}

table.hakutulos th {
	background-color:#0668A9;
	color: #fff;
	text-align: left;
	padding: 3px;
	font-size: 90%;
}

table.hakutulos .kuva {
	padding-bottom: 10px;
	width: 180px;
}

table.hakutulos .tiedot {
	color: #3D3D3D;
	font-size: 80%;
}

table.hakutulos .otsake {
	float: left;
	background-color: #FAFAFA;
	padding: 2px;
	font-weight: bold;
	width: 120px;
	margin: 2px;
}

table.hakutulos .tieto {
	float: left;
	padding: 3px;
}


table.hakutulos .hinta  {
	text-align: right;
	background-color: #F30400;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	font-size: 95%;
	width: 100px;
}

/* ajoneuvon tiedot */
#tietolomake h3 {
	background-color:#0668A9;
	color: #fff;
	padding: 4px;
	margin: 0px;	
}

#tietolomake table {
	width: 700px;
	font-size: 90%;
	text-align: left;
	float: left;
	margin-top: 10px;
}

#tietolomake table .left {
	background-color: #EBEBEB;
	color: #525252;
	padding: 3px;
	font-weight: bold;
}

#tietolomake table .right {
	background-color: #FAFAFA;
	color: #525252;
	padding: 3px;
}

#tietolomake .kuvat {
	float: right;
	padding: 12px 10px 0 0;
}

#tietolomake .kuvat div{
	padding-bottom: 10px;
}

/* videolinkit */

#video {
	width: 970px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0px;
	text-align: left;
}

#video .videolink {
	float: left;
	margin: 0px;
	padding-left: 28px;
}

#yhteydenottopyynto {
	text-align: left;
	border:1px solid #E4E4E4;background-color:#FAFAFA; font-size: 85%;
	padding: 3px;
	margin: 20px 0 20px 0;
	_height: 1%;
}


.sort { border:1px solid #E4E4E4;background-color:#FAFAFA; font-size: 85%; padding: 3px; }
.info { border:1px solid #E4E4E4;background-color:#FFFCC3; font-size: 85%; padding: 3px; }
.small { font-size: 90%; font-weight: normal;}
.clearer { clear: both; font-size: 1px; line-height: 1px;}
.l { float: left; padding: 10px 10px 0 0; }

.normalTable {
	width: 100%;
	font-size: 90%;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#preview_left{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}