ul.topNavi {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.topNavi li {
    float: left;
}

ul.topNavi li a {
    outline-style: none;
    text-indent: -9999px;
}

ul.mainServicesNavi {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.mainServicesNavi li {
    float: left;
}

ul.bottomNavi {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

ul.bottomNavi li {
    display: inline-block;
}

a.home, a.homeActive {
    width: 38px;
    height: 30px;
    display: block;
}

a.home {
    background: transparent url('../images/fi/navigation/home.png') no-repeat top left;
}

a:hover.home, a:focus.home, a:active.home {
    background: transparent url('../images/fi/navigation/homeHover.png') no-repeat top left;
}

a.homeActive {
    background: transparent url('../images/fi/navigation/homeActive.png') no-repeat top left;
}

a:hover.homeActive, a:focus.homeActive, a:active.homeActive {
    background: transparent url('../images/fi/navigation/homeActiveHover.png') no-repeat top left;
}


a.services, a.servicesActive {
    width: 140px;
    height: 30px;
    display: block;
}


a.services {
    background: transparent url('../images/fi/navigation/services.png') no-repeat top left;
}

a:hover.services, a:focus.services, a:active.services {
    background: transparent url('../images/fi/navigation/servicesHover.png') no-repeat top left;
}

a.servicesActive {
    background: transparent url('../images/fi/navigation/servicesActive.png') no-repeat top left;
}

a:hover.servicesActive, a:focus.servicesActive, a:active.servicesActive {
    background: transparent url('../images/fi/navigation/servicesActiveHover.png') no-repeat top left;
}


a.profile, a.profileActive {
    width: 115px;
    height: 30px;
    display: block;
}


a.profile {
    background: transparent url('../images/fi/navigation/profile.png') no-repeat top left;
}

a:hover.profile, a:focus.profile, a:active.profile {
    background: transparent url('../images/fi/navigation/profileHover.png') no-repeat top left;
}

a.profileActive {
    background: transparent url('../images/fi/navigation/profileActive.png') no-repeat top left;
}

a:hover.profileActive, a:focus.profileActive, a:active.profileActive {
    background: transparent url('../images/fi/navigation/profileActiveHover.png') no-repeat top left;
}


a.benefits, a.benefitsActive {
    width: 50px;
    height: 30px;
    display: block;
}


a.benefits {
    background: transparent url('../images/fi/navigation/benefits.png') no-repeat top left;
}

a:hover.benefits, a:focus.benefits, a:active.benefits {
    background: transparent url('../images/fi/navigation/benefitsHover.png') no-repeat top left;
}

a.benefitsActive {
    background: transparent url('../images/fi/navigation/benefitsActive.png') no-repeat top left;
}

a:hover.benefitsActive, a:focus.benefitsActive, a:active.benefitsActive {
    background: transparent url('../images/fi/navigation/benefitsActiveHover.png') no-repeat top left;
}

a.simulator, a.simulatorActive {
    width: 90px;
    height: 30px;
    display: block;
}


a.simulator {
    background: transparent url('../images/fi/navigation/simulator.png') no-repeat top left;
}

a:hover.simulator, a:focus.simulator, a:active.simulator {
    background: transparent url('../images/fi/navigation/simulatorHover.png') no-repeat top left;
}

a.simulatorActive {
    background: transparent url('../images/fi/navigation/simulatorActive.png') no-repeat top left;
}

a:hover.simulatorActive, a:focus.simulatorActive, a:active.simulatorActive {
    background: transparent url('../images/fi/navigation/simulatorActiveHover.png') no-repeat top left;
}


a.news, a.newsActive {
    width: 115px;
    height: 30px;
    display: block;
}

a.news {
    background: transparent url('../images/fi/navigation/news.png') no-repeat top left;
}

a:hover.news, a:focus.news, a:active.news {
    background: transparent url('../images/fi/navigation/newsHover.png') no-repeat top left;
}

a.newsActive {
    background: transparent url('../images/fi/navigation/newsActive.png') no-repeat top left;
}

a:hover.newsActive, a:focus.newsActive, a:active.newsActive {
    background: transparent url('../images/fi/navigation/newsActiveHover.png') no-repeat top left;
}

a.background, a.backgroundActive {
    width: 65px;
    height: 30px;
    display: block;
}

a.background {
    background: transparent url('../images/fi/navigation/background.png') no-repeat top left;
}

a:hover.background, a:focus.background, a:active.background {
    background: transparent url('../images/fi/navigation/backgroundHover.png') no-repeat top left;
}

a.backgroundActive {
    background: transparent url('../images/fi/navigation/backgroundActive.png') no-repeat top left;
}

a:hover.backgroundActive, a:focus.backgroundActive, a:active.backgroundActive {
    background: transparent url('../images/fi/navigation/backgroundActiveHover.png') no-repeat top left;
}


a.partners, a.partnersActive {
    width: 100px;
    height: 30px;
    display: block;
}

a.partners {
    background: transparent url('../images/fi/navigation/partners.png') no-repeat top left;
}

a:hover.partners, a:focus.partners, a:active.partners {
    background: transparent url('../images/fi/navigation/partnersHover.png') no-repeat top left;
}

a.partnersActive {
    background: transparent url('../images/fi/navigation/partnersActive.png') no-repeat top left;
}

a:hover.partnersActive, a:focus.partnersActive, a:active.partnersActive {
    background: transparent url('../images/fi/navigation/partnersActiveHover.png') no-repeat top left;
}



a.contact_us, a.contact_usActive {
    width: 105px;
    height: 30px;
    display: block;
}

a.contact_us {
    background: transparent url('../images/fi/navigation/contact_us.png') no-repeat top left;
}

a:hover.contact_us, a:focus.contact_us, a:active.contact_us {
    background: transparent url('../images/fi/navigation/contact_usHover.png') no-repeat top left;
}

a.contact_usActive {
    background: transparent url('../images/fi/navigation/contact_usActive.png') no-repeat top left;
}

a:hover.contact_usActive, a:focus.contact_usActive, a:active.contact_usActive {
    background: transparent url('../images/fi/navigation/contact_usActiveHover.png') no-repeat top left;
}


a.login {
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    float: right;    
}

a.login {
    background: transparent url('../images/fi/navigation/login.png') no-repeat top left;
}

a:hover.login, a:focus.login, a:active.login {
    background: transparent url('../images/fi/navigation/loginHover.png') no-repeat top left;
    outline-style: none;
}

a.desktop {
    width: 120px;
    height: 30px;
    text-indent: -9999px;
    float: right;    
}

a.desktop {
    background: transparent url('../images/fi/navigation/desktop.png') no-repeat top left;
}

a:hover.desktop, a:focus.desktop, a:active.desktop {
    background: transparent url('../images/fi/navigation/desktopHover.png') no-repeat top left;
    outline-style: none;
}

ul.subNavi {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    line-height: 30px;
    width: 100%;
    z-index: 2
}

ul.subNavi li {
    float: left;
    position: static;
    min-width: 10px;
}

ul.subNavi li a {
    padding: 0 11px;
    line-height: 30px;
    text-decoration: none;
    font-size: 12px;
    font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Nimbus Sans L, sans-serif;
    font-weight: bold;
    min-width: 10px;
    text-indent: 0;
}


ul.subNavi li a:hover,ul.subNavi li a:focus, ul.subNavi li a:active {
    text-decoration: underline;
    outline-style: none;
}

a.subNaviActive {
    color: #85d306;
    font-weight: bold;
    text-decoration: none;
}

ul.subNavi li.subNaviSpacer {
    padding: 0;
    font-size: 14px;
    height: 30px;
    color: #0098a9;
    width: 11px;
    background: transparent url('../images/fi/navigation/subNaviSpacer.gif') no-repeat top left;
    display: block;
}