html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font: 12px/1.7em Verdana, Arial, Helvetica, sans-serif;
color:#333;
background: #fff;
text-align: center;
}
td {
font: 12px/1.7em Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
H1 {
font-size: 1.5em;
font-size:17px;
font-style: normal;
font-weight: normal;
color:#343434;
}
H2 {
font-size: 12px;
font-style: normal;
font-weight: bold;
color:#ff5200;
}
H3 {
font-size: 1.1em;
font-style: normal;
font-weight: bold;
}
img.absmiddle {
vertical-align: middle;
margin-bottom: .25em;
}
.searchresult {
text-decoration: underline;
font-size:14px;
}
.boxheading{
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #767676;
}
.pageheading{
font-size: x-small;
font-style: normal;
font-weight: bold;
color: #000000;
}
.mainheader{
font-size: 18px;
font-style: italic;
font-weight: bold;
}
.printheader{
font-size: 11px;
font-style: normal;
}
.printfooter{
font-size: 11px;
font-style: normal;
}
/* Linkkien tyylit */
a {
font-style: normal;
text-decoration: none;
color: #f04c00;
}
a:visited {color: #990000}
a:active{color: #990000}
a:hover {text-decoration: none;}
a.noch:visited {color: #f04c00}
a.noch:active{color: #f04c00}
/* containers */
div.clearit { clear: both }
#indexcontainer {
border-bottom:1px solid #fff;
position: relative;
width: 960px !important;
margin: 0 auto;
padding: 0;
top: 0;
text-align: left;
background: #fff;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}
#container {
border-bottom:1px solid #fff;
position: relative;
width: 960px !important;
margin: 0 auto;
top: 0;
padding: 0;
text-align: left;
background: #fff;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}
#siteheader {
/* old: background: #dd4701 url(/automotive/cms.nsf/bg_header.gif) repeat-x top left;E94A00 */
background: #fff url(/automotive/cms.nsf/bg_header.gif) no-repeat bottom left;
width: 960px;
height: 86px;
margin: 0;
border:0;
padding: 0;
}
#content {
margin-bottom: 128px; /* Modify value as needed for footer height.*/
padding: 0 ;
}
#bodyarea {
padding: 0 26px 0 26px;
margin-top:23px;
}
#bodyarea2 {
padding: 0 26px 0 17px;
margin-top:23px;
}
#container-foot {
width: 960px;
background: transparent url(bg_bottomshadow.gif) no-repeat top left;
position: absolute;
bottom: 0 !important;
height: 99px !important;
height: 100px;
height/**/:/**/128px;
}
#sitefooter {
text-align: left;
font-size: 11px;
border: 0;
padding:38px 0 0 19px;
color:#000;
}
.infoboxheading {
border:0;
width: 230px !important;
width: 237px;
width/**/:/**/237px;
padding:0;
margin-top:0px;
text-align: left;
font-size:19px;
color:#343434;
}
#news {
width:100%;
padding: 0px 0 10px 0;
}
#news ul {
list-style: none;
border: 0;
margin-left: 0;
padding-left: 0;
}
#news li {
padding: 8px 0 0 0;
}
#news span.header {
display:block;
width:100%;
padding: 2px 0 2px 7px;
height:23px;
background-color:#617fa1;
color: #fff;
bfont-size: 11px;
font-weight: bold;
margin-bottom:4px;
}
#news a {margin-bottom:4px}
#news h1 {display:inline;}
#sitesearch {
-moz-box-sizing: border-box;
padding:0;
margin:25px 19px 0 0;
float:right;
}
#sitesearch form {
padding:0;
margin:0;
}
#sitesearch input {
border:0;
font-size:11px;
color:#000000;
}
#searchfield {
background: transparent url('bg_searchfield.gif') no-repeat 0 1px;
width: 121px !important;
width: 141px;
width/**/:/**/141px;
height:21px;
padding:2px 0 0 20px;
float:right;
}
#address {float:left;}
#footerlinks {
float:right;
padding:0;
color:#f04c00;
}
#flashcontent, #siteimage {border-bottom:5px solid #fff}
/**
* Slideshow style rules.
*/
#slideshow {
margin:0 auto;
width:500px;
height:100px;
background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
margin:0 auto;
width:444px;
height:100px;
overflow:auto; /* allow scrollbar */
position:absolute;
top:0;
left:28px;
}
#slideshow #slidesContainer .slide {
margin:0 auto;
width:424px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:100px;
}
/**
* Slideshow controls style rules.
*/
.control {
display:block;
width:28px;
height:100px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}
#leftControl {
top:0;
left:0;
background:transparent url(control_prev.gif) no-repeat 0 0;
}
#rightControl {
top:0;
right:0;
background:transparent url(control_next.gif) no-repeat 0 0;
}
.slide h2, .slide p {
margin:15px;
}
.pics {
height: 198px;
width: 950px;
padding: 0;
margin: 0;
overflow:hidden;
}
#imageslides {
padding: 4px;
margin: 0;
border:1px solid #dedede;
border-top:0;
}