@media screen
{
body
{
margin: 0;
padding: 0;
}
#page
{
margin: 0;
padding: 0;
}
#fading
{
margin: 0;
padding: 0;
position: absolute;
z-index: 101;
width: 780px;
height: 1px;
top: 0;
left: 0;
/*min-height:100%;*/
background-color: #fff;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
display: none;
color: #FFFFFF;
}
#newsdiv
{
display: none; 
position:absolute; 
top: 5px; 
left: 7px; 
z-index:102; 
}
.newsiframe
{
background: #fff;
border-width: 1px;
border-style: solid;
border-color: #000;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
/* ------------------------- List --------------------------------------------- */
.list
{
background: #D3DBDB;
}
.listHeader
{
padding-left: 10px;
line-height: 20px;
background: #ADBABA;
color: #ffffff;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
border-color: #ffffff;
border-width: 0 0 1 0;
border-style: solid;
}
a.listHeaderLink:link 
{ 
font-family: Arial, Helvetica; 
text-decoration: none; 
font-weight: bold;
color: #ffffff;
}
a.listHeaderLink:active 
{ 
font-family: Arial, Helvetica; 
text-decoration: underline; 
font-weight: bold;
color: #ffffff;
}
a.listHeaderLink:visited
{ 
font-family: Arial, Helvetica; 
text-decoration: none; 
font-weight: bold;
color: #ffffff;
}
a.listHeaderLink:hover 
{ 
font-family: Arial, Helvetica; 
text-decoration: none; 
font-weight: bold;
color: #ffffff;
}
.listTd
{
padding-left: 10px;
padding-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
height: 18px;
border-color: #ffffff;
border-width: 0 0 1 0;
border-style: solid;
}
/* ------------------------- Form --------------------------------------------- */
.form
{
background: #D3DBDB;
}
.formMainHeader
{
padding-left: 20px;
line-height: 18px;
background: #ADBABA;
color: #ffffff;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
border-color: #ffffff;
border-width: 1 0 0 0;
border-style: solid;
}
.formSubHeader
{
padding-left: 20px;
line-height: 18px;
background: #C7CECE;
color: #000000;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
}
.formTd
{
padding-left: 20px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
height: 18px;
}
.formTd1
{
padding-left: 20px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
height: 18px;
}
.formTd2
{
padding-left: 3px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
height: 18px;
}
.formField 
{ 
font-family: Verdana, Arial, Helvetica; 
font-size: 10px; 
border-color: #ADBABA; 
border-style: solid; 
border-width: 1px
}

.rtfield{ width: 220px; }
#newCar1
{
background-color: #ffffff;
display: none;
width: 479px;
position: relative;
top: 0;
}
#newCar2
{
background-color: #ffffff;
display: block;
width: 479px;
}
/*-------------------- form tabMenu --------------------*/
.basictab{
padding:  3px;
margin-left: 0;
font: 11px Verdana, Arial, sans-serif;
border-bottom: 1px solid #272727;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;

}

.basictab li a{
text-decoration: none;
padding: 3px 6px;
margin-right: 3px;
border-bottom: 0px solid #272727;

background-color: #d4d4d4;
color: #2d2b2b;
}

.basictab li a:visited{
text-decoration: none;
color: #2d2b2b;
border-bottom: 1px solid #272727;
}

.basictab li a:hover{
border-bottom: 1px solid #272727;
text-decoration: none;
background-color:#272727;
color: #ffffff;
}

.basictab li a:active{
text-decoration: none;
color: #000000;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
text-decoration: none;
padding-top: 4px;
background-color:#272727;
color: #ffffff;
}
.basictab li.selected a:hover{ /*selected tab effect*/
position: relative;
text-decoration: none;
padding-top: 4px;
background-color:#272727;
color: #ffffff;
}
.basictab li.selected a:active{ /*selected tab effect*/
position: relative;
text-decoration: none;
padding-top: 4px;
background-color:#272727;
color: #ffffff;
}
.basictab li.selected a:visited{ /*selected tab effect*/
position: relative;
text-decoration: none;
padding-top: 4px;
background-color:#272727;
color: #ffffff;
}
/***************** Vaihtoautot ***************/
/* vaihtoautohaku */
#talknow { margin-left: 3px; }
#body a.warrow:link { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: none; } 
#body a.warrow:visited { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: none; } 
#body a.warrow:active { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: underline; } 
#body a.warrow:hover { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: underline; } 
#body a.warrowleft:link { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: none; } 
#body a.warrowleft:visited { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: none; } 
#body a.warrowleft:active { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: underline; } 
#body a.warrowleft:hover { padding-left: 10px; background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #3E5F88; font-weight: bold; text-decoration: underline; } 
#body .frontbox { padding: 15px; background: url( vaihtoautot_nuoli_oik.gif ) no-repeat; margin-left: 10px; }
#body .linkbox { padding: 0px; margin-top: 10px; }
#body .linkboxheader { background: #272727; color: #fff; padding: 3px;; }
#body .linkboxitem { background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; margin-top: 3px; margin-bottom: 3px; }
#body .linkboxitemleft { background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; margin-top: 10px; margin-bottom: 3px; }
#body .linkboxgap { height: 20px; }
/* autosivu, yleinen sisältö */
#carContent { width: 479px; }
#carContent b.title { font-family: Arial, Helvetica; font-size: 12px; color: #000; font-weight: bold; padding-left: 3px; }
#carContent #carImages { padding-left: 3px; }
#carContent #carImages .carimage { border: 0; width: 476px; height: 357px; }
#carContent #carImages .carlink { float: left; width: 128px; height: 96px; }
#carContent #carImages .carlinkimage { border: 0; width: 128px; height: 96px; }
/* yleinen taulukkosisältö, 2 saraketta */
#tablecontent_twocols { width: 479px; }
#tablecontent_twocols .tableheader{ color: #fff; background: #adbaba; padding: 3px;  }
#tablecontent_twocols p { padding-left: 3px; }
#tablecontent_twocols .link { background: url( vaihtoautot_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; }
#tablecontent_twocols .tablerow1 { background: #d3dbdb; }
#tablecontent_twocols .tablerow2 { background: #d3dbdb; }
#tablecontent_twocols .tableGap { height: 0px; display: none; }
#tablecontent_twocols .tablecol1 { width: 239px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #fff; }
#tablecontent_twocols .tablecol2 { width: 240px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #fff; }
#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; }
#Compare .cr { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #ccccd1; }
#Compare .crhigh { height: 400px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #ccccd1; overflow: hidden; } 
#Compare .crh { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #ccccd1; border-left: 1px solid #ccccd1; }
#Compare .crhhigh { height: 400px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; border-right: 1px solid #ccccd1; border-left: 1px solid #ccccd1; } 
#Compare .r1 { background: #f0f0f5; }
#Compare .r2 { }
#Compare .h { background: #ccccd1; padding: 8px; padding-left: 3px; padding-right: 3px; }
#Compare .cImage { height: 230px; } 
#Compare .cImageholder { width: 280px; height: 210px; border: 0; margin-left: 10px; margin-top: 10px;}
#Compare p { padding-left: 3px; }
/* vahtipalvelu */
.login { padding: 15px; padding-left: 0px; }
/* rekisteriseloste */
#rekisteriseloste2 { position: absolute; top: 200px;left:200px; z-index: 99; display:none; background: #f1f1f1; width:400px; border-tablecolor: #000; border-style: solid; border-width: 1px; }
}