html, body { height: 100%; margin: 17px 0 0 0; padding: 0; } body { font: 11px/1.5em Arial, Helvetica, sans-serif; background-color: #e2ecf2; text-align: center; } td { font: 11px/1.5em Arial, Helvetica, sans-serif; } H1 { font-size: 1.15em; font-style: normal; font-weight: bold; } H2 { font-size: small; font-style: normal; font-weight: bold; } H3 { font-size: x-small; font-style: normal; font-weight: bold; } .newsdate{ font-size: xx-small; font-style: normal; font-weight: bold; } .mainpictext { font-size:12px; line-height:1.7em; color: #ffffff; padding: 10px 10px 10px 10px; } .mainpictext2 { color: #ffffff; padding: 1px 5px 5px 5px; } .pic_small_title { display:block; color: #009CF3; text-transform: uppercase; font-weight: bold; font: 11px; padding: 0px 5px 2px 5px; } .pic_small_ingress { color: #000; font-style: normal; font: 11px/1.3em Arial, Helvetica, sans-serif; padding: 0px 5px 2px 5px; } .boxheading1{ background-color:#e1eef5; font-size: 11px; font-style: normal; font-weight: bold; color: #196692; text-align: left; padding:1px 0 1px 16px; margin-bottom: 10px; } .boxcontent{ text-align: left; padding:0 0 0 0px; margin: 0; border:1px solid #ccc; } .boxheading2{ background-color:#e4f5e1; font-size: 11px; font-style: normal; font-weight: bold; color: #33812d; text-align: left; padding:1px 0 1px 16px; } .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; } .ingressheader { font-weight:bold; text-transform: uppercase; } /* Linkkien tyylit */ a { font-style: normal; text-decoration: none; color: #1D5798; } a:visited {color: #79818B} a:active{color: #79818B} a:hover {text-decoration: underline;} a.noch:visited {color: #1D5798} a.noch:active{color: #1D5798} /* containers */ div.clearit { clear: both } #indexcontainer { position: relative; background: #fff; width: 831px !important; width: 877px; width/**/:/**/877px; padding: 0 23px 0 23px; margin: 0 auto; top: 0; text-align: left; } #container { position: relative; background: #fff; width: 831px !important; width: 877px; width/**/:/**/877px; padding: 0 23px 0 23px; margin: 0 auto; top: 0; /*background: transparent;*/ text-align: left; } #siteheader { margin:0; padding: 30px 0 0 0 ; } #content { xmargin-bottom: 5em; /*Modify value as needed for footer height.*/ padding: 12px 0 0 0; } #pictext { padding: 15px 25px 15px 15px; background: #cee3ef; } #mainbody { /*background: #F0F3F5;*/ padding: 0 0 15px 0; margin-top: 15px; } #mainbody2 { background: #F0F3F5; padding: 15px 25px 15px 15px; margin-top: 7px; } #test { position: relative; background: #fff; width: 704px !important; width: 750px; width/**/:/**/750px; padding: 0 23px 0 23px; margin: 0 auto; text-align: left; } #containerfoot { position: relative; background: transparent; width: 877px; height:40px; padding: 0; margin: 0 auto; text-align: left; } #indexcontainerfoot { position: relative; background: transparent; width: 750px; height:40px; padding: 0; margin: 0 auto; text-align: left; } #sitefooter { text-align: left; font: normal xx-small arial, verdana, sans-serif; border: 0; padding: 0; } #infoboxheading { border:1px solid #ddd; background:#ddd; width:100%; padding:4px; margin-top:5px; font:bold 12px Arial,Geneva,Helvetica,sans-serif; color:#0B3D6D; } #subnavigation { border:0; background: transparent; width: 142px !important; width: 150px; width/**/:/**/150px; padding:4px; margin:0px } #news { width:100%; font-size: 11px; padding: 0; } #news span.header { display:block; width:100%; padding: 2px 0 2px 7px; height:23px; background-color:#617fa1; color: #fff; font-size: 11px; font-weight: bold; margin-bottom:4px; } #news a {font-size:11px;color:#5c5a59} #news strong {font-size:11px; text-transform: uppercase; } #news h1 {font-size:11px;display:inline;} #sitesearch { background:transparent; padding: 0; margin:0; float:right; } #sitesearch form { padding:0; margin:0; } #sitesearch input { border:1px #099ff3 solid; font:11px Arial, sans-serif; color:#000000; width:97px; } #sitesearch input.btn { border:1px #099ff3 solid; background-color:#fff; font:11px Arial, sans-serif; color:#099ff3; width:65px; } #sitesearch2 { /*used in webqueryresults form*/ background:#e0edf5; padding:10px 10px 10px 10px; margin:0 0 10px 0; } #sitesearch2 form { padding:0; margin:0; } } #sitesearch2 input.btn { border:1px #099ff3 solid; background-color:#fff; font:11px Arial, sans-serif; color:#099ff3; width:65px; } #prodsearchsub { background: #e6e6e6; padding: 7px 25px 7px 15px; margin-bottom:7px; } #prodsearchsub form { padding:0; margin:0; } #prodsearchsub input { border:1px #099ff3 solid; font:9px Arial, sans-serif; color:#000000; width:155px; } #prodsearchsub select { font:10px verdana, sans-serif; color:#000000; } #prodbsearchsub input.btn { border:1px #099ff3 solid; background-color:#fff; font:11px Arial, sans-serif; color:#099ff3; width:65px; } #elogin form { padding:0; margin:0; } #elogin input { border:1px #099ff3 solid; font:11px Arial, sans-serif; color:#000000; width:70px; margin: 3px; } #elogin input.btn { border:1px #099ff3 solid; background-color:#fff; font:11px Arial, sans-serif; color:#099ff3; width:35px; } #langlinks { font: 12px Arial, sans-serif; color:#000000; float:right; padding:22px 8px 0 0; } #footerlinks { font: 10px Arial, sans-serif; float:left; padding:12px 8px 0 0; } #pageingress { padding: 0 0 0 10px; } .contentbox { margin:0 0 10px 0; } .contentbox h2 { color: #009CF3; text-transform: uppercase; font-size:11px; } .ingress_box { background: #00a3f3 url(/halton/cms.nsf/bg_intro2.gif) repeat-x top left; color:#fff; padding:0 5px 0 0 ; margin:0 0 10px 0; border-bottom:1px solid #fff; } .ingress_box p {margin:0;padding:0} .sloganpicture { width:649px !important; width:669px; height: 35px !important; height:215px; padding:180px 20px 0 0; text-align:right; font-size:22px; font-weight:bold; } #sloganOnFlash { position:absolute; white-space:nowrap; top:280px; right:45px; z-index;1; padding:5px; font-size:18px; font-weight:bold; color:#009cf3; color:#fff; /*background:#fff; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;*/ } .kwselect { font-size: 0.79em; width: 165px; } .kwselect2 { font-size: 0.95em; width: 165px; } #applicationpopup { display:none; position:absolute; left:438px; width: 398px !important; width: 416px; width/**/:/**/416px; height:400px; background: #fff; border:1px solid #ccc; padding:4px 0 0 16px; font-size:11px; line-height:9px; z-index:1; } #productpopup{ display:none; position:absolute; left:23px; width: 398px !important; width: 416px; width/**/:/**/416px; height:400px; background: #fff; border:1px solid #ccc; padding:4px 0 0 16px; float:left; font-size:11px; line-height:9px; z-index:1 } #xapplicationpopup a, #xapplicationpopup a:visited,#xproductpopup a, #xproductpopup a:visited { font-style:normal; color: #009CF3; font: 12px; } #xapplicationpopup strong, #xproductpopup strong {color: #009CF3; font-weight:bold } .btn-slide1_x, .btn-slide2_x { display:block; text-align:center; position:absolute; bottom:0;right:1px; border:1px #099ff3 solid; background:#fff url(/halton/cms.nsf/bg_buttonarrow2.gif) no-repeat top right; font:11px Arial, sans-serif; color:#099ff3; padding:0 10px 0 10px; width:150px; } .btn-slide1, .btn-slide2 { display:block; text-align:center; position:absolute; right:1px; border:1px #099ff3 solid; background:#fff url(/halton/cms.nsf/bg_buttonarrow2.gif) no-repeat top right; font:11px Arial, sans-serif; color:#099ff3; padding:0 10px 0 10px; width:150px; } .close { background:#fff url(/halton/cms.nsf/bg_buttonarrow.gif) no-repeat top right; } .slider_title { display:block; color: #009CF3; text-transform: uppercase; font-weight: bold; font: 11px; margin-bottom:5px; }