html,body{height:100%;}

body {background:url(seat_side_bg.gif) top repeat-x #000; margin:0;}

#top { width: 800px; }
#menu { width: 800px;  }
#content { width: 800px;  text-align: left; margin-top: 30px; }
#content #content_left { width: 200px; float: left; }
#content #content_right { width: 590px; float: right; }

#content p, td, div { font-family: Arial, Helvetica; font-size: 11px; color: #fff; }
#content b { font-family: Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; }
#content b.white { font-family: Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; }
#content b.title { font-family: Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }
#content b.subtitle { font-family: Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }

#content a:link { font-family: Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } 
#content a:visited { font-family: Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } 
#content a:active { font-family: Arial, Helvetica; font-size: 11px; color: #dddfe5; font-weight: bold; text-decoration: underline; } 
#content a:hover { font-family: Arial, Helvetica; font-size: 11px; color: #dddfe5; font-weight: bold; text-decoration: underline; } 

#content a.warrow:link { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } 
#content a.warrow:visited { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } 
#content a.warrow:active { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #dddfe5; font-weight: bold; text-decoration: underline; } 
#content a.warrow:hover { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #dddfe5; font-weight: bold; text-decoration: underline; } 

#content a.warrowleft:link { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_vas.gif ) 0px 1px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } 
#content a.warrowleft:visited { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_vas.gif ) 0px 1px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } 
#content a.warrowleft:active { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_vas.gif ) 0px 1px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #dddfe5; font-weight: bold; text-decoration: underline; } 
#content a.warrowleft:hover { padding-left: 10px; background: url( Seat_vaihtoautot_nuoli_vas.gif ) 0px 1px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #dddfe5; font-weight: bold; text-decoration: underline; } 

#content .linkbox { padding: 15px; background: #272727; border: 1px solid #a6a7ac; margin-right: 20px; }
#content .linkboxitem { color: #fff; background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; padding-left: 10px; margin-left: 3px; margin-top: 3px; margin-bottom: 3px; }
#content .linkboxitem a { color: #fff; }
#content .linkboxitemleft { color: #fff; background: url( Seat_vaihtoautot_nuoli_vas.gif ) 0px 1px no-repeat; padding-left: 10px; margin-left: 3px; margin-top: 3px; margin-bottom: 3px; }
#content .linkboxitemleft a { color: #fff; }
#content .linkboxgap { height: 20px; }

#content .kentta { width: 140px; font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .valinta { font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .button { font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; width: 200px; padding: 2px; margin-right: 20px; background: #ccccd1;}
#content .button:hover { font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #999; width: 200px; padding: 2px; margin-right: 20px; background: #f0f0f5;}
#content .buttonsmall { font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; width: 80px; padding: 2px; margin-right: 20px; background: #ccccd1;}
#content .buttonsmall:hover { font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #999; width: 80px; padding: 2px; margin-right: 20px; background: #f0f0f5;}
#content .textbox { width: 584px; font-family: Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .textboxsmall { width: 140px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .cssField { width: 140px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .cssSelect { width: 140px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }

/* vaihtoautohaku */
#content .vah_kentta_pitka { width: 140px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .vah_kentta_lyhyt { width: 50px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .vah_kentta_val { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }

#searchresults { width:590px; }
#searchresultstable { width:590px; border: 1px solid #272727; }
#searchresults #searchresultstitle { font-family: Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }
#searchresults .tableheader{ background: #272727; padding: 6px; padding-left: 3px; padding-right: 3px; }
#searchresults a:link, #searchresults a:visited { color: #000; }
#searchresults .tableheader a { color: #fff; }
#searchresults .link { background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; padding-left: 10px; margin-left: 3px; }
#searchresults p { padding-left: 3px; color: #000; }
#searchresults .tablerow1 { background: #fff; }
#searchresults .tablerow2 { background: #dddfe5; }
#searchresults .tableGap { display: none; height: 0px; }
#searchresults .carimagethumb { border: 0; width: 64px; height: 48px; }
#searchresults .tablecol1 { width: 64px; padding-top: 1px; padding-bottom: 1px; }
#searchresults .tablecol2 { width: 190px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol3 { width: 64px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol4 { width: 66px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol5 { width: 66px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol6 { width: 140px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol123456 { width: 590px; padding-top: 5px; padding-bottom: 5px; }
.fullcontentgap { margin-top: 30px; }
.explanation { margin: 10px; }

/* autosivu, yleinen sisältö */
#carContent { width: 590px; }
#carContent b.title { font-family: Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }
#carContent #carImages { padding: 5px; }
#carContent #carImages .carimage { border: 0; width: 580px; height: 435px; }
#carContent #carImages .carlink { float: left; width: 128px; height: 96px; }
#carContent #carImages .carlinkimage { border: 0; width: 128px; height: 96px; }

/* yleinen taulukkosisältö, 4 saraketta */
#tablecontent_fourcols { width: 590px; }
#tablecontent_fourcols a.warrow:link, a.warrow:visited { color: #000; }
#tablecontent_fourcols .tableheader{ background: #272727; padding: 8px; padding-left: 3px; padding-right: 3px; color: #fff; }
#tablecontent_fourcols p { padding-left: 3px; color: #000; }
#tablecontent_fourcols .link { color: #000; background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; padding-left: 10px; margin-left: 3px; }
#tablecontent_fourcols a:link, #tablecontent_fourcols a:visited { color: #000; }
#tablecontent_fourcols .tablerow1 { background: #fff; }
#tablecontent_fourcols .tablerow2 { background: #dddfe5; }
#tablecontent_fourcols .tableGap { height: 3px; }
#tablecontent_fourcols .tablecol1 { width: 107px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol2 { width: 188px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol12 { width: 295px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol3 { width: 107px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol4 { width: 188px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol34 { width: 295px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol234 { width: 443px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol1234 { width: 590px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .registerlink { background: #000; }
#tablecontent_fourcols .submitbutton { background: #000; padding-left: 3px; }


/* yleinen taulukkosisältö, 2 saraketta */
#tablecontent_twocols { width: 590px; }
#tablecontent_twocols .tableheader{ background: #272727; padding: 8px; padding-left: 3px; padding-right: 3px; color: #fff; }
#tablecontent_twocols p { padding-left: 3px; color: #000; }
#tablecontent_twocols .link { background: url( Seat_vaihtoautot_nuoli_oik.gif ) 0px 1px no-repeat; padding-left: 10px; margin-left: 3px; }
#tablecontent_twocols .tablerow1 { background: #fff; }
#tablecontent_twocols .tablerow2 { background: #dddfe5 }
#tablecontent_twocols .tableGap { height: 3px; }
#tablecontent_twocols .tablecol1 { width: 295px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_twocols .tablecol2 { width: 295px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_twocols .fieldStyle1 { background: transparent; border: 0; font-family: Arial, Helvetica; font-size: 11px; color: #000; }
#tablecontent_twocols .fieldStyle2 { background: transparent; border: 0; font-family: Arial, Helvetica; font-size: 11px; color: #000; }

/* vertailu */
#Compare { position: absolute; top: 30px; left: 20px; }
#Compare .CompareItem { display: inline; float: left; width: 300px; }
#Compare .CompareHeadCol { float: left; width: 200px; }
#Compare .removeline { height: 30px; padding-top: 5px; text-align: right; padding-right: 5px; }
#Compare .topheader { height: 40px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #fff; border-top: 1px solid #fff; }
#Compare .topheaderh { height: 40px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; }
#Compare .cr { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #fff; }
#Compare .crhigh { height: 300px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #fff; overflow: hidden; } 
#Compare .crh { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
#Compare .crhhigh { height: 300px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; border-right: 1px solid #fff; border-left: 1px solid #fff; } 
#Compare .r1 { background: #000; }
#Compare .r2 { background: #272727; }
#Compare .h { background: #272727; padding-right: 3px; }
#Compare .cImage { height: 230px; } 
#Compare .cImageholder { width: 280px; height: 210px; border: 0; margin-left: 10px; margin-top: 10px;}
#Compare b { color: #fff; }
#Compare p { padding-left: 3px; color: #fff; }

/* vertailu */
#Compare2 { position: absolute; top: 30px; left: 20px; }
#Compare2 .CompareItem { display: inline; float: left; width: 300px; }
#Compare2 .CompareHeadCol { float: left; width: 200px; }
#Compare2 .removeline { height: 30px; padding-top: 5px; text-align: right; padding-right: 5px; }
#Compare2 .topheader { height: 40px; padding-top: 5px; padding-bottom: 5px; }
#Compare2 .cr { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #272727; }
#Compare2 .crhigh { height: 400px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #272727; overflow: hidden; } 
#Compare2 .crh { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #272727; border-left: 1px solid #272727; }
#Compare2 .crhhigh { height: 400px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; border-right: 1px solid #272727; border-left: 1px solid #272727; } 
#Compare2 .r1 { background: #fff; }
#Compare2 .r2 { background: #dddfe5; }
#Compare2 .h { background: #ccccd1; padding: 8px; padding-left: 3px; padding-right: 3px; }
#Compare2 .cImage { height: 230px; } 
#Compare2 .cImageholder { width: 280px; height: 210px; border: 0; margin-left: 10px; margin-top: 10px;}
#Compare2 b { color: #000; }
#Compare2 p { padding-left: 3px; color: #000; }

/* vahtipalvelu */
.login { padding: 15px; padding-left: 0px; }

/* rekisteriseloste */
#rekisteriseloste2 { position: absolute; top: 300px; left:300px; z-index: 99; display:none; background: #000; width:400px; border: 1px solid #fff; }

/* jälleenmyyjäsivun googleteksti */
#map_canvas div { color: #000; }
#map_canvas b { color: #000; }

#javascript_info { margin-top: 10px; margin-bottom: 10px; padding: 10px; color: #fff; font-weight: bold; background: #272727; border: 1px solid #fff; } 

@media print
{
#menu, .carlink, .linkbox, .linkboxbottom { display: none; }
}