html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {	text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clear {display: inline-block;}html[xmlns] .clear {display: block;}* html .clear {height: 1%;}
/*end reset*/
html{height:100%;}
body{background:#fff;height:100%;font: normal 12px "Segoe UI","Lucida Grande",Tahoma,Arial,sans-serif;line-height:1.6em;color:#222;margin:0 0 8px;}
strong, b{color:#8dc63f;}
.kirjauduBox strong, .kirjauduBox b{color:#fff;}
div#wrap{min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
	padding:5px 0 0 ;
}
div#header{width:1000px;margin:0 auto;}
.logo{margin:20px 0 0 40px;}
div#mainnav{margin:10px 0 15px;background:url(../img/navi_bg.png) no-repeat left top; height:43px;padding:5px 0 0 10px;position:relative;} /* lisätty position:relative*/
div#mainnav ul{float:right;list-style:none;margin:0px 0px 0;width:100%;}
div#mainnav li{float:left;text-indent:-9999px;}
div#mainnav a{display:block;margin:0;height:33px; background-image:url(../img/navi.png)}
/*Navi */
#kotinav a{background-position:left top;width:115px;}
#kotinav a:hover, #kotinav a.active{background-position:left bottom;}
#numeronav a{background-position:862px top;width:150px;}
#numeronav a:hover, #numeronav a.active{background-position:862px bottom;}
#puhelinnav a{background-position:714px top;width:147px;}
#puhelinnav a:hover, #puhelinnav a.active{background-position:714px bottom;}
#tekstinav a{background-position:565px top;width:164px;}
#tekstinav a:hover, #tekstinav a.active{background-position:565px bottom;}
#yritysnav a{background-position:401px top;width:119px;}
#yritysnav a:hover, #yritysnav a.active{background-position:401px bottom;}
#etsivanav a{background-position:right top;width:143px;}
#etsivanav a:hover, #etsivanav a.active{background-position:143px bottom;}
#tietoanav a{background-position:282px top;width:143px;}
#tietoanav a:hover, #tietoanav a.active{background-position:282px bottom;}
/*navi loppu*/
img#etsiva{float:left;margin:5px 0 0;}
img#isopuh{float:left;margin:5px 0 0 40px;}
img#isonumero{float:left;margin:5px 0 9px 10px;}
img#isoluettelo{float:left;margin:5px 0 8px 30px;}
img#isome{float:left;margin:5px 0 0 40px;}
div#tervetulotxt{width:751px;float:right;text-indent:-9999px; background:url(../img/edea_numeropalvelu.png) no-repeat 10px 0;height:88px;margin:10px 0 10px 0;}
div#tekstaritxt{width:751px;float:right;text-indent:-9999px; background:url(../img/tekstiviesti_otsikko.png) no-repeat 10px 0;height:88px;margin:40px 0 0px 0;}
div#numeropalvelutxt{width:751px;float:right;text-indent:-9999px; background:url(../img/numeropalvelu_otsikko.png) no-repeat 10px 0;height:88px;margin:40px 0 0px 0;}
div#puhelinluettelotxt{width:751px;float:right;text-indent:-9999px; background:url(../img/puhelinluettelo_otsikko.png) no-repeat 10px 0;height:88px;margin:40px 0 0px 0;}
div#yrityslinjatxt{width:751px;float:right;text-indent:-9999px; background:url(../img/yrityslinja_otsikko.png) no-repeat 10px 0;height:88px;margin:40px 0 0px 0;}
div#etsivatxt{width:751px;float:right;text-indent:-9999px; background:url(../img/etsiva_otsikko.png) no-repeat 10px 0;height:88px;margin:40px 0 0px 0;}
div#metxt{width:751px;float:right;text-indent:-9999px; background:url(../img/me_otsikko.png) no-repeat 10px 0;height:88px;margin:40px 0 0px 0;}
div#content{background:#fafafa url(../img/content_bg_top.png) repeat-x left top;padding:20px 0;}
div#innercontent{width:1000px; margin:0 auto;}
div#leftcol{width:220px;float:left;}
div#rightcol{width:739px;float:right; background: #fff url(../img/rightcol_bottom.png) no-repeat left bottom;}
div#hintavertailu{background:url(../img/leftcolbox_bot.png) no-repeat left bottom;width:242px;padding:0 0 15px;}
div#hintavertailu h2{background:url(../img/vertailu_top.png) no-repeat top left;height:69px;text-indent:-9999px;}
div#hintavertailu p.hinnat{padding:15px 18px;}
div#hintavertailu p{padding:5px 18px;}
div#rightcoltop{background:url(../img/rightcol_top.png) no-repeat top left;height:5px;width:739px;}
div#rightcol div{ float:left;}
div#rightcol p{padding:10px 15px 0;}
div#rightcol ul{padding:5px 15px 5px 15px;}
div#rightcol ul{list-style:disc; list-style-position:outside;margin:0 0 0 15px;}
div#rightcol .kappale{background:url(../img/h_dot.png) repeat-x right top;padding:15px 15px 0}
div#haku{width:738px;float:right;height:109px;border:solid 1px #d0d0d0; background:#f4f4f4;margin:0 0 30px 0;}
div#haku h2{background:url(../img/isohaku_otsikko.png) no-repeat;text-indent:-9999px;margin:10px 20px;float:left;height:19px;width:351px;}
div#haku form{float:left;}
div#haku form p{padding:0 0 0 28px;font-size:11px;}
div#haku form input{background:url(../img/isohaku_bg.png) no-repeat;height:16px;width:527px;margin:0 0 0 18px;padding:10px;font-size:14px;}
div#haku a{float:right;margin:8px 50px 0 0;}
div#numeropalvelu{width:370px;padding:0 0 10px 0; background:url(../img/v_dot.png) repeat-y right top}
div#numeropalvelu img{display:block;;margin:0 auto;padding:26px 0 10px 0;}
div#numeropalvelu h2{width:369px;height:65px; background:url(../img/numeropalvelu.png) no-repeat 15px 8px; text-indent:-9999px;}
div#luettelopalvelu{width:370px; background:url(../img/v_dot.png) repeat-y right top;padding:0 0 10px 0;}
div#luettelopalvelu img{display:block;margin:0 auto;padding:26px 0 10px 0;}
div#luettelopalvelu h2{width:370px;height:65px; background:url(../img/puhelinluettelo.png) no-repeat 15px 3px; text-indent:-9999px;}
div#tekstipalvelu{width:369px;padding:0 0 10px 0;}
div#tekstipalvelu img{display:block;margin:0 auto;padding:72px 0 10px 0;}
div#tekstipalvelu h2{width:369px;height:65px; background:url(../img/tekstiviesti.png) no-repeat 34px 7px; text-indent:-9999px;}
div#yrityspalvelu{width:369px;padding:0 0 20px 0;}
div#yrityspalvelu img{display:block;margin:0 auto;padding:72px 0 10px 0;}
div#yrityspalvelu h2{width:369px;height:65px; background:url(../img/yrityslinja.png) no-repeat 15px 10px; text-indent:-9999px;}
div.viiva{height:1px;width:739px; background:url(../img/h_dot.png) repeat-x right top;}
div.viiva p{height:92px;width:739px; background:url(../img/sakset.png) no-repeat 675px 0;position:absolute;margin:-47px 0 0}
#footer, #push {
	height: 50px; /* .push must be the same height as .footer */
}
#footer{border-top:solid 1px #dad9d9;border-bottom:solid 8px #fff;}
#footer div{width:1000px;margin:0 auto; padding:8px 0 0;}
#footer img{float:left;}
#footer p{float:right;}
div#ala{background: transparent url(../img/body_bg.png) repeat-x left 100%;padding:0 0 20px 0;}
#footer #footerlinkit{float:left;color:#8dc63f;}
#footer #footerlinkit a{color:#8dc63f; text-decoration:none;}
#footer #footerlinkit a:hover, #footer #footerlinkit a.active{text-decoration:underline;}
#footer #footerlinkit strong{color:#636363;font-weight:normal;}
a{color:#24a0ff;text-decoration:none;}
a:hover{text-decoration:underline;}
.kirjauduBox {background:transparent url(../img/kirjaudu_top.gif) no-repeat scroll left top;color:#FFFFFF;min-height:180px;width:242px;}
div.fieldArea {background:transparent url(../img/field_bg.gif) no-repeat scroll left top;display:block;height:24px;padding:3px 0 0;width:206px;}
.buttonLogIn {background:transparent url(../img/button_kirjaudu.gif) no-repeat scroll left top;border:0 none;cursor:pointer;display:block;float:left;height:22px;margin:0 3px 0 0;padding:0;width:101px;}
.buttonNewUser {background:transparent url(../img/button_uusiasiakas.gif) no-repeat scroll left top;text-decoration:none;display:block;float:left;height:22px;margin:0;padding:0;width:101px;}
.kirjauduBox div.innerPadding {padding:80px 18px 8px 18px;}
.kirjauduBoxEnd {background:transparent url(../img/kirjaudu_bottom.gif) no-repeat scroll left top;font-size:1px;height:72px;line-height:1px;width:206px;padding:20px 18px 0;}
form .field {border:0 none;display:block;font-family:arial;font-size:12px;margin:0 0 0 4px;width:196px;}
.errorPad {padding-bottom: 8px;}

/*Tilaa etsivä tunnukset*/
.tunnuksetBox {background:transparent url(../img/tunnukset_top.png) no-repeat scroll left top;color:#FFFFFF;width:242px;margin:0 0 }
div.fieldArea {background:transparent url(../img/field_bg.gif) no-repeat scroll left top;display:block;height:24px;padding:3px 0 0;width:206px;}
.buttontilaa {background:transparent url(../img/button_tilaaetsiva.png) no-repeat scroll left top;border:0 none;cursor:pointer;display:block;height:27px;margin:0 auto;padding:0;width:140px;}
.tunnuksetBox div.innerPadding {padding:80px 18px 0;}
.tunnuksetBoxEnd {background:transparent url(../img/tunnukset_bottom.png) no-repeat scroll left bottom;font-size:1px;height:50px;line-height:1px;width:206px;padding:15px 18px 0;margin:0 0 20px 0; text-align:center;}
form .field {border:0 none;display:block;font-family:arial;font-size:12px;margin:0 0 0 4px;width:196px;}

/*sisäsivut*/

div#sisnumeropalvelu{width:739px;padding:0 0 10px 0;}
div#sisnumeropalvelu img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sisnumeropalvelu h2{width:369px;height:65px; background:url(../img/numeropalvelu.png) no-repeat 15px 4px; text-indent:-9999px;}
table#vertailu{vertical-align:top;text-align:left;margin:10px 0 0 15px;line-height:1.3;display:none;}
table#vertailu td{padding:10px 20px 10px 0; }
.vihrea{background:#f3f9eb;}
div#sisnumeropalvelu #palveluvertailu, div#sisyrityspalvelu #palveluvertailu{margin:0 15px;}
table#vertailu th{background: url(../img/h_dot.png) repeat-x left bottom;padding:0 0 5px 0; font-size:14px;}
div#sisluettelopalvelu{width:739px; padding:0 0 10px 0;}
div#sisluettelopalvelu img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sisluettelopalvelu h2{width:370px;height:65px; background:url(../img/puhelinluettelo.png) no-repeat 15px 3px; text-indent:-9999px;}
div#sistekstipalvelu{width:739px;padding:0 0 10px 0;}
div#sistekstipalvelu img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sistekstipalvelu h2{width:370px;height:65px; background:url(../img/tekstiviesti.png) no-repeat 20px 2px; text-indent:-9999px;}
div#sisyrityspalvelu{width:739px;padding:0 0 20px 0;}
div#sisyrityspalvelu img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sisyrityspalvelu h2{width:369px;height:65px; background:url(../img/yrityslinja.png) no-repeat 15px 5px; text-indent:-9999px;}
div#sisme{width:739px;padding:0 0 20px 0;}
div#sisme img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sisme h2{width:369px;height:65px; background:url(../img/edeainfo.png) no-repeat 1px 5px; text-indent:-9999px;}
div#sismainos{width:739px;padding:0 0 10px 0;}
div#sismainos img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sismainos h2{width:369px;height:65px; background:url(../img/mainosta.png) no-repeat 15px 4px; text-indent:-9999px;}
div#sisehdot{width:739px;padding:0 0 10px 0;}
div#sisehdot img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sisehdot h2{width:369px;height:65px; background:url(../img/sopimusehdot.png) no-repeat 15px 4px; text-indent:-9999px;}
div#sisehdot h3{color:#8DC63F; font-size:16px; padding:0 0 10px 15px; background:transparent url(../img/h_dot.png) repeat-x right bottom}
div#sisseloste{width:739px;padding:0 0 10px 0;}
div#sisseloste img{display:block;margin:0 auto;padding:30px 0 30px 0;}
div#sisseloste h2{width:369px;height:65px; background:url(../img/rekisteriseloste.png) no-repeat 15px 4px; text-indent:-9999px;}
div#sisetsiva{width:739px;padding:0 0 10px 0;}
div#sisetsiva img{display:block;margin:0 auto;}
div#sisetsiva h2{width:369px;height:65px; background:url(../img/etsiva.png) no-repeat 15px 4px; text-indent:-9999px;}
div#siskeskita{width:739px;padding:0 0 10px 0;}
div#siskeskita img{display:block;margin:0 auto;}
div#siskeskita h2{width:369px;height:65px; background:url(../img/keskita.png) no-repeat 15px 4px; text-indent:-9999px;}
div.vasen{float:left; width:400px;background:url(../img/v_dot.png) repeat-y right top;padding: 0 10px 0 0;}
div#rightcol div.oikea{float:right;width:320px;}
#button, #button2{cursor:pointer;}
#button2{display:block;text-indent:-9999px; background:url(../img/yritysehdot.png) no-repeat left top; height:29px; width:133px;}
#button{display:block;text-indent:-9999px; background:url(../img/yksityisehdot.png) no-repeat left top; height:29px; width:159px;}
#uutuus{position:absolute;right:155px; top:-5px}
#button_yritys, #button_syritys{cursor:pointer;}
#button_yritys{display:block;text-indent:-9999px; background:url(../img/yrityslinja_btn.png) no-repeat left top; height:29px; width:158px;}
#button_syritys{display:block;text-indent:-9999px; background:url(../img/suuryritys_btn.png) no-repeat left top; height:29px; width:158px;}
.redText { color:#ce2222 }
.openSms { margin:45px 15px 28px}

/* 2010 */
div#suosittele{
background:url(../img/leftcolbox_bot_dashed.png) no-repeat left bottom;
width:242px;
padding:0 0 15px;
position:relative;
margin-bottom:20px;
}
div#suosittele h2{background:url(../img/suosittele_top.png) no-repeat top left;height:69px;text-indent:-9999px;}
#suosittele input.numField{
background:url(../img/suosittele_input_bg.png) no-repeat; 
border:0;
height:18px;
padding:4px 5px;
margin:10px 0 0 15px;
width:198px;
}
#suosittele input.submitButton {
/*margin:12px 0 0 42px;*/
position:absolute;
right:36px;
bottom:14px;
}
.buttonForgot {background:transparent url(../img/salasana_btn.png) no-repeat scroll left top;text-decoration:none;display:block;/*float:left;*/height:22px;margin:5px 0 0;padding:0;width:101px;}