p.news-ingress { font-size: 16px !important; font-style: italic; color: #636363;} ol, ul { list-style: none; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td,label { margin:0; padding:0; } /* sisältösivu */ #breadcrumbs { background: #f0f0f0; margin: 10px 0px; padding: 17px 17px 15px 17px; margin: 0px; font-size: 20px; color: #666; } #breadcrums h1 { margin: 10px 0px; } #breadcrumbs a { color: #c5c5c5; } #footer { width: 990; height: 60px; background: #f0f0f0; padding: 15px 20px; font: 12px Arial; color: #ccc; margin-top: 90px; } #contentframe { } .logorow { margin-right: 55px; } #body { width: 990px; margin: auto; text-align: left; position: relative; } #content p { font-size: 13px; text-align: justify; padding-right: 20px; padding-left: 10px; line-height: 1.4; margin: 0px 0px 10px 0px; } #content h3 { font-family: Arial; font-size: 18px; font-weight: bold; border-bottom: 1px dotted #f7f7f7; margin: 0px 0px 10px 0px; } #content h3 { font-size: 16px; } #content h3.caption { font-weight: normal; color: #0095da; font-size: 19px; } #content h1 { padding: 12px 12px 10px 12px; margin: 20px 0px 0px 0px; font-size: 20px; color: #666; } #content ul { font-size: 13px; text-align: justify; padding-right: 20px; padding-left: 10px; line-height: 1.4; background: #f7f7f7; border: 1px solid #ebebeb; } #content ul li { list-style-type: square; margin: 10px; } #content th, #content td { font-size: 13px; text-align: justify; line-height: 1.4; margin: 0px 0px 10px 0px; } #content select { width: 300px; } #content img.border { padding: 4px; border: 1px solid #DEDEDE; margin: 0px 0px 25px 0px; } div.columnset { clear: both; } div.column { width: 275px; margin-right: 80px; float: left; } div.lastelement { margin-right: 0px; } #subi { float: right; font: 12px arial; margin-top: 6px; margin-right: 5px; } #subi ul { height: 42px; } #subi ul li { margin-top: 3px; line-height: 38px; width: 194px; height: 37px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-submenu-button.jpg) no-repeat; float: left; margin-left: 2px; } #subi ul li:hover, #subi ul li.active { background-image: url(http://static.ecome.fi/layouts/ecome/media/img/bg-submenu-button-hover.jpg); } #subi ul li a { display: block; padding-left: 10px; color: #636363; background-position: 14px 10px; background-repeat: no-repeat;} #subi ul li.active a { text-decoration: underline; } /*.subnavi { position: absolute; top: 0px; right: 0px; height: 25px; padding: 50px 0px 20px 0px; list-style-type: none; } .subnavi li { float: left; } .subnavi { color: #555; float: right; font-family: Arial; font-size: 12px; padding: 20px 0px 20px 0px;} .subnavi a { color: #0095da; text-transform: lowercase; margin-right: 10px; } .subnavi a:hover { text-decoration: underline; }*/ .ten { height: 10px; } .moreinfo { margin: 0px 15px 0px 0px; padding: 10px 30px 10px 0px; height: 30px; line-height: 30px; background: url(http://static.ecome.fi/layouts/ecome/media/img/nexticon.png) center right no-repeat; } * { margin: 0px; padding: 0px; } body { text-align: center; background: #fff; font-family: helvetica, arial, sans-serif; color: #5c5c5c; } a { text-decoration: none; color: #147dcb; } a img { border: 0px; } .clearing { clear: both; } #wrapper { width: 990px; margin: auto; text-align: left; padding-top: 25px; margin-bottom: 30px; } #header { background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-navipanel.png) no-repeat; height: 48px; position: relative; } #header #logo { position: absolute; display: block; height: 48px; width: 70px; top: 0px; left: 0px; } #header .navi { list-style-type: none; position: absolute; left: 100px; top: 0px; } #header .navi li { float: left; height: 48px; font-size: 15px; line-height: 48px; margin: 0px 2px; padding: 0px 10px 0px 10px; position: relative; } #header .navi li.hover { background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-navi-hover.jpg) 0px 0px; } #header .navi li span { padding-top: 4px; } #header .navi li .navihover-end { position: absolute; right: 0px; top: 0px; width: 1px; height: 48px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-navi-hover-end.jpg);} #header .navi li .naviarrow { height: 4px; margin-bottom: 2px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-navi-arrow.jpg) center top no-repeat; } #header .navi li a { color: #3b3b3b; } #header .navi li a:visited { color: #3b3b3b; } #header #search { display: none; position: absolute; right: 10px; top: 10px; width: 179px; height: 18px; padding: 5px 10px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-searchbox.png) no-repeat; } #header #search .inputimage { position: absolute; top: 5px; right: 10px; padding: 0px;} #header #search input { border: none; background: #fff; height: 18px; padding: 3px 0px 0px 0px; line-height: 18px; color: #8F8F8F; } #splasher-wrapper { width: 990px; position: relative; margin: 10px 0px 0px 0px; } .splasher-corner { position: absolute; width: 5px; height: 5px; z-index: 9999; } .splasher-corner.left { background: url(http://static.ecome.fi/layouts/ecome/media/img/corner-splasher-topleft.png) no-repeat; left: 0px; top: 0px; } .splasher-corner.right { background: url(http://static.ecome.fi/layouts/ecome/media/img/corner-splasher-topright.png) no-repeat; right: 0px; top: 0px; } .splasher-corner.bottomright { background: url(http://static.ecome.fi/layouts/ecome/media/img/corner-splasher-bottomright.png) no-repeat; right: 0px; bottom: 0px; } .splasher-corner.bottomleft { background: url(http://static.ecome.fi/layouts/ecome/media/img/corner-splasher-bottomleft.png) no-repeat; left: 0px; bottom: 0px; } #splasherarea { width: 100%; overflow: hidden; position: relative; } .splasher { height: 380px; width: 990px; float: left; } /* .splasher .splasher-texts { height: 380px; width: 480px; background: #484848; }*/ .splasher .splasher-image { height: 380px; width: 990px; background: #C9C9C9; } .splasher .splasher-image a { display: block; height: 380px; width: 990px; } .splasher.uusasiakashankinta .splasher-image { background: url(http://static.ecome.fi/layouts/ecome/media/img/splasher-uusasiakashankinta.jpg) no-repeat; } .splasher.partneriohjelma .splasher-image { background: url(http://static.ecome.fi/layouts/ecome/media/img/splasher-partneriohjelma.jpg) no-repeat; } .splasher.tulosmittaus .splasher-image { background: url(http://static.ecome.fi/layouts/ecome/media/img/splasher-tulosmittaus.jpg) no-repeat; } .splasher.tiedonhallinta .splasher-image { background: url(http://static.ecome.fi/layouts/ecome/media/img/splasher-tiedonhallinta.jpg) no-repeat; } #splashers-container { width: 9999px; position: relative; left: 0px; } #forms-container { padding: 40px 50px; background: url(http://static.ecome.fi/layouts/ecome/media/img/gradient.jpg) no-repeat; #313131; position: relative; } #forms-container #btn-send { position: absolute; bottom: 20px; right: 20px; width: 95px; height: 23px; background: url(http://static.ecome.fi/layouts/ecome/media/img/btn-send.png) no-repeat; } #forms-container #btn-send a { display: block; width: 95px; height: 23px; } #forms-container h1 { color: #fff; font-size: 24px; margin: 10px 0px; } #forms-container p { color: #BFBFBF; font-size: 14px; line-height: 14px; width: 400px;} #forms-container label { color: #BFBFBF; font-size: 14px; padding-left: 15px; text-indent: -15px; } #forms-container input.checkbox { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -2px; overflow: hidden; } #forms-container input.text { width: 250px; background: #E5E5E5; border: 4px solid #313131; padding: 5px; margin: 5px; font: 16px Arial;} #forms-container input.text:focus { border-color: #4C4C4C;} #forms-container input.failure { border-color: #803A45;} #forms-container .red { color: #C3596A; font-weight: bold; } #forms-container label:hover { cursor: pointer; } #forms-container .product .productimg { margin: 8px; color: white;} #forms-container .product { width: 237px; height: 50px; padding: 10px; margin-bottom: 10px; float: left; text-align: center; } #forms-container .product label { padding: 0px !important; text-indent: 0px !important;} #forms-container .product.selected { background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-tuote-selected.jpg) no-repeat;} #forms-container table { color: #BFBFBF; font-size: 14px; } .product .input { position: relative; } #forms-container .left-col { width: 370px; float: left; } #forms-container .right-col { width: 430px; float: left; } #contact-button { position: absolute; right: 20px; top: 20px; background: url(http://static.ecome.fi/layouts/ecome/media/img/button-contact.png) no-repeat; height: 23px; width: 95px; z-index: 99; } #contact-button a { display: block; height: 23px; width: 95px; } #splasher-navi { height: 82px; position: relative; background: url(http://static.ecome.fi/layouts/ecome/media/img/bgok.png) no-repeat; } .splasher-navi-corner { position: absolute; width: 5px; height: 5px; bottom: 0px; } .splasher-navi-corner.left { background: url(http://static.ecome.fi/layouts/ecome/media/img/corner-splasher-bottomleft.png) no-repeat; left: 0px; z-index: 100; } .splasher-navi-corner.right { background: url(http://static.ecome.fi/layouts/ecome/media/img/corner-splasher-bottomright.png) no-repeat; right: 0px; z-index: 100; } #splasher-next-button { position: absolute; right: 0px; top: 0px; height: 82px; width: 29px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-splasher-button.png); } #splasher-next-button a { display: block; height: 82px; width: 29px; background: url(http://static.ecome.fi/layouts/ecome/media/img/splasher-arrow-next.png) center center no-repeat; } #activity-indicator { width: 240px; height: 82px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-splasher-button.png); position: absolute; left: 0px; top: 0px; z-index: 1; } #activity-indicator #activity-arrow { margin-top: -9px; height: 9px; background: url(http://static.ecome.fi/layouts/ecome/media/img/splasher-uparrow.png) center center no-repeat;} #splasher-navi ul { list-style-type: none; position: absolute; left: 0px; top: 1px; z-index: 10; } #splasher-navi ul li { height: 80px; width: 240px; color: #424242; font-size: 14px; float: left; line-height: 80px; text-align: center; } #splasher-navi ul li a { display: block; color: #424242; cursor: pointer; } #boxcolumn-wrapper { width: 990px; margin-top: 13px; } #boxcolumn-wrapper td { position: relative; margin-right: 10px; width: 239px; height: 230px; background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-boxcolumn.png); float: left; } #boxcolumn-wrapper td.column-4 { margin-right: 0px; } #boxcolumn-wrapper td h1 { } #boxcolumn-wrapper td.column-4 { background: url(http://static.ecome.fi/layouts/ecome/media/img/bg-boxcolumn-bright.png); margin-right: 0px; } #boxcolumn-wrapper td.column-3 .flag { height: 75px; width: 75px; position: absolute; top: 0px; right: 0px; background: url(http://static.ecome.fi/layouts/ecome/media/img/new-feature.png) no-repeat; } #boxcolumn-wrapper img { position: absolute; left: 56px; top: 25px; height: 128px; width: 128px; } .boxcolumn-icon.feature { background: url(http://static.ecome.fi/layouts/ecome/media/img/icon-feature.png) no-repeat; } .boxcolumn-icon.plus { background: url(http://static.ecome.fi/layouts/ecome/media/img/icon-plus.png) no-repeat; } .boxcolumn-icon.news { background: url(http://static.ecome.fi/layouts/ecome/media/img/icon-news.png) no-repeat; } #boxcolumn-wrapper h1 { position: absolute; left: 0px; top: 170px; text-align: center; width: 239px; font-size: 14px; } #boxcolumn-wrapper h1, #boxcolumn-wrapper h1 a { color: #494949; font-weight: bold; } #boxcolumn-wrapper p { position: absolute; left: 0px; top: 195px; text-align: center; width: 239px; font-size: 12px; } #boxcolumn-wrapper p, #boxcolumn-wrapper p a { color: #767676; } #boxcolumn-wrapper td.column-4 .flag { position: absolute; left: 0px; top: 0px; background: url(http://static.ecome.fi/layouts/ecome/media/img/asiakaspalvelu.jpg) no-repeat; width: 161px; height: 48px; } #boxcolumn-wrapper td.column-4 ul { position: absolute; left: 30px; top: 60px; width: 179px; list-style-type: none; } #boxcolumn-wrapper td.column-4 ul li { font: 13px Arial; color: #fff; line-height: 25px; } #boxcolumn-wrapper td.column-4 ul li a { margin: 2px; padding: 0px 0px 0px 14px; background: url(http://static.ecome.fi/layouts/ecome/media/img/arrow-right-inactive.gif) 0px 4px no-repeat; color: #fff; } #boxcolumn-wrapper td.column-4 ul li a:hover { color: #05425f; background: url(http://static.ecome.fi/layouts/ecome/media/img/arrow-right.gif) 0px 4px no-repeat; } #boxcolumn-wrapper td.column-4 ul li hr { height: 1px; border: none; border-top: 1px solid #1C8DC4; margin: 5px 0px; } /* #content p { font-size: 14px; line-height: 1.4; margin: 0px 0px 35px 0px; } #content h3 { font-family: myriad pro; font-size: 18px; font-weight: normal; margin: 0px 0px 25px 0px; } #content h3 { font-size: 16px; } #content h3.caption { font-weight: normal; color: #0095da; font-size: 19px; } #content h1 { font-weight: normal; color: #0095da; font-size: 24px; margin: 0px 0px 35px 0px; line-height: 28px; } #content .column { padding-left: 10px; } #content .column.column-1 { padding-left: 0px; }*/ /* #content img.border { padding: 4px; border: 1px solid #DEDEDE; margin: 0px 0px 25px 0px; }*/ #accordion { height: 350px; } #accordion h3 { font: 12px arial; background: #f6f6f6; padding: 5px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 5px 0px; color: #0095DA; font-weight: bold; } #accordion a { color: #0095da; font-weight: bold; } #accordion p { font: 11px arial; margin: 5px 0px 10px 0px; } #accordion div { margin-bottom: 3px; padding: 10px; background: #fff; } .product-selector-regular { margin-top: 6px; width: 970px; height: 110px; padding: 10px; background: #f6f6f6; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .product-selector-partner { margin-top: 10px; width: 970px; height: 110px; padding: 10px; background: #f6f6f6; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .products-right { float: right; width: 250px; height: 360px; margin-top: -5px; } .products-left { float: left; width: 730px; height: 380px; background: #ebebeb; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 3px; } .product { width: 100px; height: 100px; background: #fff; text-align: center; margin-right: 9px; padding: 10px 6px 0px 6px; float: left; } .product:hover { background: transparent; } .product a { font: 13px arial; } .product img { width: 60px; display: block; margin: auto; padding-bottom: 10px; }