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; }