html,body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}

/* DIV styles */

#holder
{
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #ffffff;
}

#container
{
    width:100%;
    margin: 0px;
    padding: 0 0 20px 0;
    background-color: #ffffff;
    text-align: center
}
#container_etusivu
{
    width:100%;
    margin: 0px;
    padding: 0 0 0 0;
    background-color: #ffffff;
    text-align: center
}
#contentholder
{
    width:960px;
    margin: 0px auto;
    background-color: #ffffff;
}
#nostot
{
    clear: both;
    margin: 0;
    padding: 20px 0 0 0;
    background-color: #ffffff;
    text-align: right;
}
#nostot_etusivu
{
    clear: both;
    margin: 0;
    padding: 0 0 0 0;
    background-color: #ffffff;
    text-align: right;
}
#nostot_etusivu1
{
    float: left;
    margin: 0;
    padding: 0 0 0 0;
    background-color: #ffffff;
    text-align: right;
}

#nostot_etusivu2
{
    float: right;
    margin: 0;
    padding: 0 0 0 0;
    background-color: #ffffff;
    text-align: left;
}
.nostoItem_first_etusivu
{
    float: left;
    display: inline;
    margin-left: 10px;
    margin-bottom: 6px;
}
.nostoItem_first_etusivu2
{
    float: left;
    display: inline;
    margin-left: 0px;
    margin-right: 22px;
    margin-bottom: 10px;
}
.nostoItem_first_etusivu3
{
    float: left;
    display: inline;
    margin-left: 0px;
    margin-bottom: 0px;
}
.nostoItem_first_etusivu3 img
{
    margin-bottom: 5px;
}
.nostoItem_first
{
    float: left;
    display: inline;
    margin-bottom: 19px;
}
.nostoItem_second
{
    float: left;
    display: inline;
    margin-bottom: 10px;
}

.nostoItem_first_sub
{
    float: left;
    display: inline;
    margin-bottom: 19px;
    margin-left:251px
}


.nostoItem
{
    margin-left: 19px;
    float: left;
    margin-bottom: 19px;
}

#ajankohtaista_kuvat
{
    width: 225px;
    text-align:left;
    float: right;
    margin-bottom: 2px;
}

#ajankohtaista
{
    width: 225px;
    text-align:left;
    float: right;
    background: url('../images/tf_nosto_back.gif') no-repeat top left;
    margin-bottom: 19px;
}

#ajankohtaista2
{
    clear: left;
    margin-top: 2px;
    width: 225px;
    text-align:left;
    float: right;
    background: url('../images/tf_nosto_back.gif') no-repeat top left;
    margin-bottom: 19px;
}

.ajankohtaistaholder
{
    padding: 10px;
    line-height: 16px
}

.ajankohtaistaItem
{
    background: url('../images/tf_ajankohtaistaitem_back.gif') no-repeat top left;
}
.ajankohtaistaItem2
{
    background: url('../images/tf_ajankohtaistaitem_back2.gif') no-repeat top left;
}


#puhelimet
{
    clear: both;
    text-align:left;
    background: url('../images/tf_puhelimet_back.gif') no-repeat top left;
}
#puhelimet2
{
    width: 705px;
    text-align:left;
    Float: left;
    background: url('../images/tf_puhelimet_back2.gif') no-repeat top left;
}
.puhelimet_otsikko
{
    padding-left: 20px;
    margin-top: 20px;
    float: left;
    line-height: 16px;
}

.minilappari_otsikko
{
    padding-right: 20px;
    margin-top: 20px;
    width: 200px;
    float: right;
    line-height: 16px;
}

.minilappari_otsikko2
{
    padding-right: 20px;
    margin-top: 20px;
    margin-right: 240px;
    width: 200px;
    float: right;
    line-height: 16px;
}


.puhelinItem
{
    width: 90px;
    margin-left: 20px;
    margin-right: 5px;
    float: left;
    line-height: 16px;
}
.tilaa_puhelin
{
    width: 650px;
    clear: left;
    float: left;
    margin-left: 20px;
    line-height: 16px;
}
.tilaa_puhelin2
{
    width: 450px;
    clear: left;
    float: left;
    margin-left: 20px;
    line-height: 16px;
}

#footer
{
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #f7f7f7;
    text-align: center
}

#footercontent
{
    height: 100%;
    width: 960px;
    padding: 20px 0 0 0;
    margin: 0px auto;
    background-color: #f7f7f7;
    text-align: left;
}

#navi
{
    position: relative;
    width:960px;
    margin-left:auto;
    margin-right:auto;
    background: url('../images/tf_navi_back.gif') no-repeat top left;
    text-align: center;
    background-color: #ffffff;
}

#navi ul
{
    float: left;
    margin:0;
    height: 66px;
    padding: 0;
    list-style: none;
}

#navi ul li
{
    float: left;
    margin:0;
    height: 66px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    background: url('../images/navi/navi_back.gif') repeat-x top center;
}

#navi ul li.active
{
    float: left;
    margin:0;
    height: 66px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    background: url('../images/navi/navi_back_hi.gif') repeat-x top center;
}

#navi ul li.navispacer
{
    float: left;
    width:2px;
    margin: 0;
    padding: 0;
    height:58px;
    background: url('../images/navi/navi_spacer.gif') no-repeat top left;
}

#level2
{
    clear: both;
    width: 960px;
    height: 44px;
    text-align: left;
    background: url('../images/tf_sub_top.gif') no-repeat top left;
}

#level2 ul
{
    margin: 0;
    padding: 0;
}

#level2 ul li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 0 13px;
    height: 39px;
    background: url('../images/subnavi/subnavi_back.gif') repeat-x top left;
    margin-right: 1px;
}

#level2 ul li.active
{
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 0 13px;
    height: 39px;
    background: url('../images/subnavi/subnavi_back_hi.gif') repeat-x top left;
    margin-right: 1px;
}

#level2 ul li a:link, #level2 ul li a:visited, #level2 ul li a:active
{
    display: block;
    float: left;
    padding-top: 13px;
    padding-bottom: 6px;
    font-size: 15px;
    color: #9b9b9b;
    background: url('../images/subnavi/subnavi_right.gif') no-repeat top right;
    padding-right: 13px;
}

#level2 ul li a:hover
{
    display: block;
    float: left;
    padding-top: 13px;
    padding-bottom: 6px;
    font-size: 15px;
    color: #47b40f;
}

#level2 ul li.active a:link, #level2 ul li.active a:visited, #level2 ul li.active a:active, #level2 ul li.active a:hover
{
    display: block;
    float: left;
    padding-top: 13px;
    padding-bottom: 6px;
    font-size: 15px;
    color: #3599ec;
    background: url('../images/subnavi/subnavi_right_hi.gif') no-repeat top right;
    padding-right: 25px;
}
#subnavi_container_left
{
    float:left;


}

#level3
{
    float: left;
    width: 182px;
    padding-left: 40px;
    padding-bottom: 20px;
}

#subnavi_middle_left
{
    float:left;
    width: 182px;
    padding-left: 40px;
    padding-bottom: 20px;
}


#subnavi_top_left
{
    margin-left: 18px;
    width: 216px;
    padding-bottom: 0px;
    background: url('../images/tf_palvelut_navi_bg.gif') top left;
}
.subnavi_top_left_texts
{
    margin-left: 20px;

}

#level3
{
    float: left;
    width: 170px;
    padding-left: 51px;
    padding-bottom: 20px;
    line-height: 16px
}

.subnavi_left_heading
{
    text-indent: -11px;
    display: block;
    font-size: 16px;
    font-weight: bold
}
div.subnavi_top_left_grad
{
    width: 216px;
    height:45px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    background: url('../images/tf_palvelut_navibox_top.jpg') no-repeat;
}
div.subnavi_top_left_grad2
{
    width: 216px;
    height:25px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    background: url('../images/tf_palvelut_navibox_top.jpg') no-repeat;
}
#level3 a
{
    text-indent: -11px;
    display: block;
    margin: 6px 0 6px 0;
}


.cornerItemleft
{
    float:left;
    margin-left: -7px;
    margin-right: 7px;
    margin-top:53px;
}


.cornerItemright
{
    margin-left: 7px;
    margin-right: -7px;
    margin-top:53px;
}

/*---Tele Livesearch 9.12.2009 ---*/
#search
{
    display: inline-table;
    width: 207px;
    height: 58px;
    margin: 0;
    padding: 0;
}
#search form{
    width: 207px;
    height: 17px;
    margin-top: 17px;
    margin-left: 0;
    padding: 0;

}

#query
{
    float:left;
    width: 130px;
    height: 17px;
    border: 1px solid #7f9db9;
}

#searchbutton
{
    margin-left:3px;
    float:left;
    border: 0px none
}
/*---Tele Livesearch 23.11.2009 ---*/
a.list:link    { color: #ffffff; text-decoration: none; font-size: 11px; }
a.list:visited { color: #ffffff; text-decoration: none; font-size: 11px; }
a.list:hover   { color: #1e1e1e; text-decoration: underline; font-size: 11px; }
a.list:active  { color: #3599ec; text-decoration: none; font-size: 11px; }
a.allr:link    { color: #ffffff; text-decoration: none; font-size: 11px; }
a.allr:visited { color: #3599ec; text-decoration: none; font-size: 11px; }
a.allr:hover   { color: #1e1e1e; text-decoration: underline; font-size: 11px; }
a.allr:active  { color: #ffffff; text-decoration: none; font-size: 11px; }
.mainbox {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 11px;
    text-align: left;
    width: 214px;
        background: transparent;
        color : #000000;
        padding : 0;
        border: solid;
        border-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
        border-color: #c8c8c8;
}
.header {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 11px;
        background: url(../images/navi/bg_header_haku.png) left top repeat-x;
        color: #1e1e1e;
    margin: 30px 0 0 0;
    padding-right: 4px;
    padding-bottom: 0;
        padding-left: 4px;
    padding-top: 4px;
}
.hilite {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 11px;
        background: #b8deff;
        color : #1e1e1e;
        border-bottom: solid;
        border-color: #c8c8c8;
        border-width: 1px;
        padding : 4px;
        padding-left: 8px;
}
.cell {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 11px;
        color: #1e1e1e;
    background: #f0f0f0;
        border: none;
        border-bottom: 4px solid;
        border-color: #c8c8c8;
        border-width: 1px;
        padding: 4px;
        padding-left: 8px;
}

.cell2 {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 11px;
    font-weight: bold;
        color: #b8deff;
    background: url(../images/navi/bg_title.png) top left repeat-x;
        border: none;
        border-bottom: 1px solid;
        border-color: #c8c8c8;
        border-width: 1px;
        padding: 0;
        padding-left: 8px;
}
#livesearch{
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    width: 210px;
    z-index: 999;
}

.last_line {
    background-color: transparent;
    background: url(../images/navi/bg_ala_palkki.png) top left no-repeat;
    border-top: 1px solid #b8deff;
    text-align: left;
    padding-bottom: 0px;
    padding-left: 25px;
}

/* SUBPAGE DIVS */
div.rekryalue
{
    height: auto;
    /*width:1100px;*/
    width: 1080px;
    padding-top: 20px;
    margin-left:20px;
    text-align:left;
    background-color:#FFFFFF;
}
.subcontent_rekry
{
    background-color:#FFFFFF;
}
.rekrypalsta_vasen
{
    margin-left: 20px;
    margin-right: 20px;
    float:left;
    text-align:left;
    width:400px;
    display: inline;
    background-color:#ffffff;
}

.rekryholder
{
    text-align: left;
    width: 400px;
    /*width: 600px;*/
}


.rekrypalsta_oikea
{
    float: left;
    text-align:left;
    margin-top: -10px;
    padding-left: 20px;
    width:420px;
    border-left:1px solid #c8c8c8;
    background-color:#ffffff;
    display: inline
}

.rekrypalsta_box_top
{
    width: 500px;
    height: 60px;
    background: url('../images/tf_rekrybox_top.jpg') no-repeat;

}

.rekrypalsta_box
{
    width: 500px;
    background: url('../images/tf_rekrybox_bg.jpg') repeat-y top left;
}

div.rekryform
{
    padding-top:15px;
    padding-left: 20px;
    text-align:left;
}

p.rekryform_text
{
    width: 350px;
    text-align:left;
}

p.rekryform_otsikko
{
    width: 340px;
    margin-left: 22px;
    padding-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

p.rekryform
{
    width: 340px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
}

.sisaltoalue
{
    clear: both;
    text-align:left;
    background: url('/images/tf_sub_liittymat_back.gif') repeat-y top left;
}

.loyda_itsellesi_liittyma
{
    width: 920px;
    height: 218px;
    margin-left: 20px;
    margin-bottom: 19px;
    background: url('../images/tf_sub_liittymanosto_back.gif') no-repeat top left;
}
.loyda_itsellesi_liittyma .Item
{
    clear: both;
    float: left;
    margin-left: 10px;
}

.alanostot
{
    clear: both;
    margin: 0px;
}

.alanostoItem
{
    float: left;
    margin-left: 11px;
}

.alanostoItem_sub
{
    display: inline;
    float: right;
    margin-right: 17px;
}

.alanostoItem_sub_first
{
    display: inline;
    float: right;
    margin-right: 22px;
}


.liittyma_alue
{
    padding-left: 15px;
}

.etutarjotin_alue
{
    padding-left: 5px;
}

.liittyma
{
    float: left;
    width: 181px;
    height: 271px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 18px 20px 0 25px;
    background: url('../images/tf_sub_liittyma_back_empty.gif') no-repeat top left;
}

.liittyma2
{
    float: left;
    width: 202px;
    height: 271px;
    margin-right: 6px;
    margin-left: 0;
    margin-bottom: 19px;
    padding: 18px 20px 0 20px;
    background: url('../images/tf_sub_liittyma_back_empty_w.gif') no-repeat top left;
}

.liittyma3
{
    float: left;
    width: 181px;
    height: 392px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 18px 20px 0 25px;
    background: url('../images/tf_sub_liittyma_back_empty2.gif') no-repeat top left;
}

.etutarjotin
{
    float: left;
    width: 680px;
    height: 400px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 18px 10px 0 0px;
}

/* ------ Laajakaista sivu ------ */

.subcontent_texts_laaja
{
    float:left;
    margin-left: 20px;
    padding: 0;
}
.subcontent_texts_laaja ul li {
    margin: 0;
    padding: 0;
    width: 450px;
    line-height: 14px;
    list-style-type: disc;
}

.laajakaista_lappari_bg
{
    background-image: url(../images/laajakaista/top_line_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}
.laajakaista_lappari_bg2
{
    background-image: url(../images/laajakaista/navi_keski_bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

#laajakaista_navi
{
    height: 59px;
    background: url('../images/laajakaista/laajakasita_navi_top.gif') no-repeat top left;
}

#laajakaista_navi ul
{
    display:inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

#laajakaista_navi ul li
{
    display: block;
    clear: right;
    float: left;
    margin: 0;
    height: 59px;
    background: url('../images/laajakaista/laajakaista_navi_bg.gif') repeat-x bottom left;
    width: inherit;
}

#laajakaista_navi ul li.active
{
    display: block;
    clear: right;
    float: left;
    margin: 0;
    height: 59px;
    background: url('../images/laajakaista/laajakaista_navi_bg_hi.gif') repeat-x bottom left;
}

#laajakaista_navi ul li a:link, #laajakaista_navi ul li a:visited, #laajakaista_navi ul li a:active, #laajakaista_navi ul li a:hover
{
    display: inline;
    float: left;
    font-size: 19px;
    color: #3599EC;
    background: url('../images/laajakaista/laajakaista_navi_right.gif') no-repeat top right;
    padding-top: 26px;
    padding-right: 19px;
    padding-left: 14px;
    padding-bottom: 14px;
}

#laajakaista_navi ul li.active a:link, #laajakaista_navi ul li.active a:visited, #laajakaista_navi ul li.active a:active, #laajakaista_navi ul li.active a:hover
{
    display: inline;
    float: left;
    font-size: 19px;
    color: #3599EC;
    background: url('../images/laajakaista/laajakaista_navi_right_hi.gif') no-repeat top right;
    padding-top: 26px;
    padding-right: 19px;
    padding-left: 14px;
    padding-bottom: 14px;
}
#laajakaista_valinta3 {
    padding: 0 0 0 10px;
    text-align: left;
}
#laajakaista_valinta2 {
    padding: 0 0 0 10px;
    text-align: left;
}
#laajakaista_valinta1 {
    padding: 0 0 0 10px;
    text-align: left;
}

.laajakaista_block_subcontent {
    padding: 10px 10px 10px 20px;
    text-align: left;
}
.subcontent_laajakaista_oikeanosto
{
    display: inline;
    float:right;
    clear: both;
    width:270px;
    margin: -6px 1px 0 0;
    background-image: url(../images/laajakaista/liikkuva_laajakaista.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 650px;
}
.subcontent_laajakaista_oikeanosto2
{
    display: inline;
    float:right;
    clear: both;
    width:268px;
    margin: -10px 1px 0 0;
    background-image: url(../images/laajakaista/laajakaista_lapparit_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 554px;
}

#subcontent_laajakaista_box
{
    float:right;
    clear: both;
    width: 198px;
    margin-bottom: 0;
    padding: 0;
    background:url('../images/laajakaista/laajakaista_box_top.gif') top left no-repeat;
}
.laajakaista_ajankohtaistaholder
{
    text-align: center;
    padding: 18px 10px 4px 10px;
    line-height: 14px
}
.laajakaista_ajankohtaistaholder2
{
    padding: 14px 10px 4px 10px;
    line-height: 14px
}
.hr_laajakaista_left
{
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 1px;
    width: 198px;
    margin-top: 8px;
    margin-bottom: 8px
}

.laajakaista_alue
{
    padding-left: 17px;
}

.laajakaista
{
    float: left;
    width: 271px;
    height: 481px;
    margin-right: 2px;
    margin-bottom: 19px;
    padding: 18px 20px 0 20px;
    background: url('../images/tf_sub_laajakaista_back_empty.gif') no-repeat top left;
}
.laajakaista1
{
    float: left;
    width: 301px;
    height: 559px;
    margin-right: 0;
    margin-bottom: 19px;
    padding: 185px 6px  0 6px;
    background: url('../images/laajakaista/tf_laajakaista_minilappari_bg.gif') no-repeat top left;
}
.laajakaista2
{
    float: left;
    width: 301px;
    height: 559px;
    margin-right: 0;
    margin-bottom: 19px;
    padding: 185px 6px  0 6px;
    background: url('../images/laajakaista/tf_laajakaista_nettitikku_bg.gif') no-repeat top left;
}
.laajakaista3
{
    float: left;
    width: 301px;
    height: 559px;
    margin-bottom: 19px;
    padding: 185px 6px  0 6px;
    background: url('../images/laajakaista/tf_laajakaista_netti_bg.gif') no-repeat top left;
}

.laajakaista_kurre
{
    float: left;
    clear: right;
    width: 271px;
    height: 594px;
    margin: -113px 0px 19px 0px;
    padding: 18px 20px 0 20px;
    background: url('../images/tf_sub_laajakaista_back_empty_k.gif') no-repeat top left;
}
.laajakaista_kurre2
{
    float: left;
    width: 271px;
    height: 554px;
    margin: -73px 2px 19px 0px;
    padding: 18px 20px 0 20px;
    background: url('../images/tf_sub_laajakaista_back_empty_k2.gif') no-repeat top left;
}
.puhelin_empty
{
    float: left;
    width: 181px;
    height: 271px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 18px 20px 0 25px;

}

.puhelin_asikasetu
{
    float: right;
    width: 190px;
    height: 271px;
    margin-right: 2px;
    margin-bottom: 19px;
    padding: 18px 40px 0px 0px;
    background: url('../images/tf_sub_puhelin_asiakasetu_back_empty.gif') no-repeat top right;
}
.puhelin_asikasetu_etutarjotin
{
    float: right;
    width: 190px;
    height: 271px;
    margin-top: 17px;
    margin-right: 1px;
    margin-bottom: 19px;
    padding: 18px 40px 0px 0px;
    background: url('../images/tf_sub_puhelin_asiakasetu_back_empty.gif') no-repeat top right;
}

img .puhelinnosto
{
    padding-left: 20px;

}

.liittyma_orava
{
    float: left;
    width: 181px;
    height: 267px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 22px 20px 0 25px;
    background: url('../images/tf_sub_liittyma_back_orava.jpg') no-repeat top left;
}
.liittyma_orava2
{
    float: left;
    width: 181px;
    height: 392px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 22px 20px 0 25px;
    background: url('../images/tf_sub_liittyma_back_orava2.gif') no-repeat top left;
}

.liittyma_kasi
{
    float: left;
    width: 181px;
    height: 267px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 22px 20px 0 25px;
    background: url('../images/tf_sub_liittyma_back_hand.gif') no-repeat top left;
}

.liittyma_kasi2
{
    float: left;
    width: 181px;
    height: 392px;
    margin-right: 9px;
    margin-bottom: 19px;
    padding: 22px 20px 0 25px;
    background: url('../images/tf_sub_liittyma_back_hand2.gif') no-repeat top left;
}

.littymat_tekstari_box
{
    float: left;
    margin-left: 20px;
    margin-bottom: 19px;
    margin-top: 10px;
    height: 219px;
    width: 919px;
    clear: both;
    background: url("../images/nostot/tf_liittymat_tekstaripaketit_box.gif") no-repeat top left;
}

.liittyma_lisatietoa
{
    display: table;
    clear: both;
    width: 60px;
    background-color: #d7edfd;
    margin-top: -3px;
    padding: 2px 3px 2px 3px;
    line-height: 14px;
    color: #056bbe;
    font-weight: bold
}


div#valitse-puhelin div.liittyma div.liittymatekstit {
    padding-right: 75px;
    height:214px;
}


.liittymatekstit div.image {
    position: absolute;
    right: 15px;
    top: 27px;
    width: 75px;
    height: 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

.palvelut_main
{
    width: 440px;
}

.heading
{
    margin-left: 42px;
    height: 42px;
    width: 820px;
}

.oikeanosto_palvelut
{
    position:absolute;
    display: inline;
    margin-left:224px;
}

.subcontent
{
    margin-left: 252px;
    margin-bottom: 20px;
    width: 687px;
    background: url('../images/tf_sub_content_back.gif') repeat-y top left;
}
.subcontent_large
{
    margin-left: 20px;
    margin-bottom: 20px;
    width: 922px;
    background: url('../images/tf_sub_content_back_L.gif') repeat-y top left;
}

.subcontent_left
{
    margin-left: 20px;
    margin-bottom: 20px;
    width: 687px;
    background: url('../images/tf_sub_content_back.gif') repeat-y top left;
}
.subcontent_left2
{
    margin-left: 0;
    margin-bottom: 20px;
    width: 687px;
    background: url('../images/tf_sub_content_back.gif') repeat-y top left;
}
.subcontent_texts
{
    float:left;
    margin-left: 20px;
    padding: 0
}
.subcontent_texts ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 450px;
    line-height: 14px;
    list-style-type: disc;
}
/* uusi alkaa */
.subcontent_texts_nopic
{
    width: 385px;
    margin-left: 20px;
    padding: 0
}

.subcontent_oikeanosto
{
    display: inline;
    float:right;
    clear: left;
    width:216px;
    margin: 24px 20px 10px 0;
    background:url('../images/tf_sub_oikeanosto_back.gif') top left no-repeat;
}

.subcontent_oikeanosto2
{
    display: inline;
    float:right;
    clear: left;
    width:216px;
    margin: 20px 20px 10px 0;
    background:url('../images/tf_sub_oikeanosto_back.gif') top left no-repeat;
}
.subcontent_oikeanosto3
{
    display: inline;
    float:right;
    clear: left;
    width:216px;
    margin: 20px 20px 10px 0;
}
.subcontent_oikeanosto_innerdiv
{
    padding: 18px;

}

.puhepakettikuva
{
    float: right;
    position:relative;
    width: 300px;
    height: 280px;
    margin-top: -40px;
    z-index: 999
}

.puhepakettikuva
{
    float: right;
    position:relative;
    width: 300px;
    height: 280px;
    margin-top: -40px;
    z-index: 999
}

.divright
{
    float: right;
    position:relative;
    width: 280px;
    margin-top: -40px;
    z-index: 999
}

.divright p
{
    float: right;
    width: 180px;
    padding-left: 30px;
    padding-right: 20px;
    border-left: 1px solid #dcdcdc;
}


/*
.subcontent_oikeanosto
{
    display: inline;
    float:right;
    width:216px;
    margin: 6px 20px 0 0;
    background:url('../images/tf_sub_oikeanosto_back.gif') top left no-repeat;
}

.subcontent_oikeanosto_innerdiv
{
    padding: 18px
}

.puhepakettikuva
{
    float: right;
    position:relative;
    width: 300px;
    height: 280px;
    margin-top: -40px;
    z-index: 999
}

.puhepakettikuva
{
    float: right;
    position:relative;
    width: 300px;
    height: 280px;
    margin-top: -40px;
    z-index: 999
}

.divright
{
    float: right;
    position:relative;
    width: 280px;
    margin-top: -40px;
    z-index: 999
}

.divright p
{
    float: right;
    width: 180px;
    padding-left: 30px;
    padding-right: 20px;
    border-left: 1px solid #dcdcdc;
}
*/
/* uusi alkaa*/


/* CHANGED */

#nostot_left_hinnasto
{
    clear:both;
}

.pakettinosto
{
    /* clear: both; */
    margin: 0;
    padding: 0;
    width: 454px;
    background: url('../images/tf_sub_pakettinosto_back.gif') repeat-y top left;
}
.laajakaistanosto
{
    /* clear: both; */
    margin: 0;
    padding: 0;
    width: 261px;
    background: url('../images/tf_sub_pakettinosto_back_sm.gif') repeat-y top left;
}
.multimedianosto
{
    width: 454px;
    background: url('../images/tf_sub_pakettinosto_back.gif') repeat-y top left;
}

.hinnastonosto
{
    clear: both;
    margin: 0;
    padding: 0;
    width: 700px;
    background: url('../images/tf_hinnasto_back.gif') repeat-y top left;
}

.palvelutnosto
{
    clear: both;
    width: 500px;
    background: url('../images/tf_palvelut_box_bg.gif') repeat-y top left;
}

.palvelutnosto_orava
{
    clear: both;
    padding-top: 40px;
    width: 530px;
    height: 110px;
    background: url('../images/tf_palvelut_box_orava_bg.gif') no-repeat;
}
.palvelutextra
{
    padding: 0;
    margin: 0;
    width: 428px;
    background: url('../images/extra2_bg.gif') repeat-y top left;
}
.palvelutnosto_top
{
    height: 30px;
    width: 500px;
    background: url('../images/tf_palvelut_box_top.gif') repeat-y top left;
    padding-top: 8px;
    padding-left: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.palvelutextra_top
{
    height: 30px;
    width: 428px;
    background: url('../images/extra2_top.gif') repeat-y top left;
    padding-top: 11px;
    padding-left: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #44b211;
}
.productinfo
{
    float: left;
    width: 430px;
    padding: 0;
    margin: 20px;
}
.productinfo2
{
    float: left;
    width: 202px;
    padding: 0;
    margin: 8px;
}

.palvelutnosto_top_orava
{
    padding-left: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}


.multimedia_orava
{
    position: absolute;
    display:inline;
    margin-left: 454px;
    margin-top:60px

}

.kaksipalsta_vasen
{
    margin-left: 10px;
    padding: 0;
    float:left;
    width:450px;
    display: inline;
}

.kaksipalsta_vasen ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 450px;
    line-height: 14px;
    list-style-type: disc;
}

.kaksipalsta_oikea
{
    float: left;
    width:214px;
    border-left:1px solid #c8c8c8;
    padding-left:30px;
    margin-left:30px;
    display: inline
}
.kaksipalsta_oikea2
{
    float: left;
    width:400px;
    border-left:1px solid #c8c8c8;
    padding-left:30px;
    margin-left:30px;
    display: inline
}

.kaksipalsta_oikea ul li
{
    padding:4px 0 4px 0;
}

/* TEXT styles */

body, td, p, div, select, input, textarea
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #1e1e1e;
}
p.extra2
{
    border-style:solid;
    border-width:1px;
    border-color:#dcdcdc;
    padding: 10px 12px 20px 10px;
    display: block;
}
p.extra3
{
    float: right;
}
.bluetext
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #3599ec;
}

.multimedia_box_texts
{
    padding-left:20px;
    width: 350px;
}


.blueboldtext
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #3599ec;
    font-weight: bold;
}

.blackboldtext
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #1e1e1e;
    font-weight: bold;
}

.liittyma24px
{
    font-size: 24px;
    color: #3599ec;
    font-weight: bold;
    line-height: 26px;
}

.liittyma18px
{
    font-size: 18px;
    color: #3599ec;
    font-weight: normal;
}

.puhelin16px
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #1e1e1e;
    font-weight: bold;
}

td.puhelinkuva
{
    vertical-align:top;
}
.small
{
    clear: both;
    font-size: 9px;
    line-height: 12px;
    color: #969696;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.small11px
{
    font-size: 11px;
    color: #1e1e1e;
    font-weight: normal;
}

.multimedianosto_vasen
{

}


.pakettinosto_texts
{
    margin-left: 20px;
    width: 414px
}
.palvelutextra_texts
{
    margin-left: 20px;
    width: 404px
}

.laajakaistanosto_texts
{
    margin-left: 20px;
    width: 241px
}


/* LINK styles */

a:link, a:active, a:visited
{
    color: #3599ec;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    color: #1e1e1e;
    font-weight: bold;
    text-decoration: none;
}

#navi ul li a:link, #navi ul li a:active, #navi ul li a:visited
{
    float: left;
    padding-top: 20px;
    height: 58px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

#navi ul li.active a:link, #navi ul li.active a:active, #navi ul li.active a:visited, #navi ul li.active a:hover
{
    float: left;
    height: 58px;
    padding-top: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

#navi ul li a:hover
{
    float: left;
    padding-top: 20px;
    height: 58px;
    font-size: 13px;
    color: #b8deff;
    text-decoration: none;
}

.ajankohtaistaholder .ajankohtaistaItem a:link, .ajankohtaistaholder .ajankohtaistaItem a:visited, .ajankohtaistaholder .ajankohtaistaItem a:active, .ajankohtaistaholder .ajankohtaistaItem a:hover
{
    display: block;
    overflow: auto;
    width: 184px;
    line-height: 14px;
    font-weight: normal;
}

#footer a:link, #footer a:active, #footer a:visited
{
    color: #1e1e1e;
    font-weight: normal;
    text-decoration: none;
}
#footer a:hover
{
    color: #3599ec;
    font-weight: normal;
    text-decoration: none;
}
/* uu alkaa*/

#level3 a.active:link, #level3 a.active:active, #level3 a.active:visited, #level3 a.active:hover
{
    color: #1e1e1e;
    font-weight: bold;
    text-decoration: none;
}
.subnavi_top_left_texts a.active:link, .subnavi_top_left_texts a.active:active, .subnavi_top_left_texts a.active:visited, .subnavi_top_left_texts a.active:hover
{
    color: #1e1e1e;
    font-weight: bold;
    text-decoration: none;
}

/* NEW */
#level3 a.small_active:link, #level3 a.small_active:active, #level3 a.small_active:visited, #level3 a.small_active:hover
{
    font-size: 11px;
    color: #1e1e1e;
    font-weight: normal;
    text-decoration: none;
}
/* NEW */
#level3 a.small:link, #level3 a.small:active, #level3 a.small:visited
{
    font-size: 11px;
    color: #3599ec;
    font-weight: normal;
    text-decoration: none;
}


#level3 a.small:hover
{
    font-size: 11px;
    color: #1e1e1e;
    font-weight: normal;
    text-decoration: none;
}

a.readmore:link, a.readmore:active, a.readmore:visited
{
    color: #056bbe;
    text-decoration: none;
}

a.readmore:hover
{
    color: #1e1e1e;
    text-decoration: none;
}



/* uu loppuu */

/* ------ SIDENAVIGATION ------ */
#sidenavi{
   float: left;
   width: 195px;
   margin: 0;
   padding: 0;
   padding-bottom: 8px;
   list-style: none;
}
#sidenavi ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidenavi li {
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    line-height: 12px;
    list-style: none;
}
#sidenavi li a {
    display:block;
    color: #3599ec;
    text-decoration: none;
    width: 185px;
    margin: 0 0 0 0;
    padding: 5px 0px 5px 32px;
}
#sidenavi li a.active:link, #sidenavi a.active:active, #sidenavi a.active:visited, #sidenavi a.active:hover
{
    color: #1e1e1e;
    font-weight: bold;
    text-decoration: none;
}
#sidenavi li.level2 {
    margin-left: 0px;
    margin-bottom: 0px;
}
#sidenavi li.level3 {
    margin-left: 0px;
    margin-bottom: 0px;
}
#sidenavi li.level4 {
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 11px;
    line-height: 11px
}
#sidenavi li.level5 {
    margin-left: 15px;
    margin-bottom: 0px;
}
#sidenavi li a.current{
    color: #1e1e1e;
    text-decoration: none;
}
#sidenavi li.level2 a.current {
    font-weight: bold;
    color: #1e1e1e;
}

/* HEADING styles */

h1
{
    font-size: 22px;
    color: #3599ec;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 12px;
    font-weight: bold;
    line-height: 24px
}

h2
{
    font-size: 16px;
    color: #3599ec;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
}

h2.etusivu
{
    font-size: 16px;
    color: #3599ec;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 10px;
    font-weight: bold;
}

h3
{
    font-size: 14px;
    color: #3599ec;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
}

h4
{
    font-size: 12px;
    font-weight: bold;
    color: #1e1e1e;
    margin-top: -2px;
    margin-bottom: 4px;
}
h5, h6
{
    font-size: 12px;
    font-weight: bold;
    color: #1e1e1e;
}

/* OTHER */

p {
    margin-top: 6px;
    line-height: 16px;
}

.footerItem
{
    width:144px;
    float: left;
    padding-bottom: 20px
}

.footerItemspacer
{
    width: 19px;
    float: left;
}

/* CHANGED */
.hr_div
{
    margin: 8px 0px 8px 0;
    padding: 0px;
    border-top: 1px solid #dcdcdc;
    height: 1px;
}

/* NEW */
.hr_div_subnavi
{
    margin: 8px 0px 8px -11px;
    padding: 0px;
    border-top: 1px solid #dcdcdc;
    height: 1px;
}

.hr_1px
{
    display: none;
}

.hr_div_left
{
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #dcdcdc;
    height: 1px;
    width: 170px;
    margin-top: 8px;
    margin-bottom: 8px
}

.hr_div_multimedia_box
{
    margin: 20px;
    padding-left: 20px;
    border-top: 1px solid #dcdcdc;
    height: 1px;
    width: 320px;
    margin-top: 8px;
    margin-bottom: 8px

}


.hr_1px
{
    display: none;
}

.hr_navi_left
{
    display: none;
}

/* ------ Hinnasto ------ */


div.hinnasto h4{
    padding: 10px 0px 3px 5px;
    margin: 0px;
}
div.hinnasto h3{
    font-size:100%;
    padding: 20px 0px 0px 5px;
    margin: 0px;
}

div.dots    {
    height: 14px;
    clear: both;
    background: url("../images/bluedots.gif") repeat-x bottom;
    vertical-align: bottom;
}
div.dots span, div.nodots span    {
    font-size:90%;
    float: left;
    background: #ffffff;
    padding: 0px 3px 0px 5px;
}
div.dots span.price    {
    font-size:90%;
    float: right;
    background: #ffffff;
    padding: 0px 5px 0px 4px;
}
.small    {
    clear: both;
    font-size: 9px;
    line-height: 12px;
    color: #969696 ;
    padding: 3px 0px 2px 5px;
}

hr {
  border: 0;
  margin: 0px 12px 10px 12px;
  padding: 0;
  color: #dcdcdc;
  height: 1px;
  clear: both;
}

/* ------- LOGIN -------- */

#logincontainer
{
    height: 380px;
    margin: 10px 10px 6px 10px;
    padding: 30px;
    background: #c5ebfe;
    border-top: 1px solid #50b8e7;
    border-bottom: 1px solid #50b8e7;
}
#logincontainer2
{
    height: 150px;
    margin: 10px 10px 6px 10px;
    padding: 0px;
    background: #c5ebfe;
    border-top: 1px solid #50b8e7;
    border-bottom: 1px solid #50b8e7;
}
#loginbox
{
    float: left;
    height: 197px;
    width: 215px;
    margin-top: 10px;
    background: transparent url(../images/pohja.gif) center center no-repeat;
}


#loginboxtop
{
    width: 684px;
    height: 28px;
    margin: 10px 10px 0px 10px;
    padding: 0px;
    background: transparent url(../images/palkki_yla.gif) center center no-repeat;
}
#loginboxtop p
{
    margin: 0px;
    font-weight: bold;
    padding: 8px 0px 0px 20px;
    color: #fff;
    font-size: 13px;
}
#loginboxtop p a.closed
{
    margin: 0px;
    font-weight: bold;
    padding: 10px 20px 0px 0px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    background: transparent url(../images/arrow_right.gif) bottom right no-repeat;
}
#loginboxtop p a.open
{
    margin: 0px;
    font-weight: bold;
    padding: 10px 20px 0px 0px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    background: transparent url(../images/arrow_down.gif) bottom right no-repeat;
}
#loginboxtop p a.closed:hover
{
    color: #a7e3ff;
    text-decoration: underline;
    background: transparent url(../images/arrow_onmouse_right.gif) bottom right no-repeat;
}
#loginboxtop p a.open:hover
{
    color: #a7e3ff;
    text-decoration: underline;
    background: transparent url(../images/arrow_onmouse_down.gif) bottom right no-repeat;
}
#loginboxcontainer
{
    padding: 0px;
    margin: 0px 10px 0px 10px;
    background: #c5ebfe;
}
#loginboxcontainer_info
{
    display: none;
    padding: 0px;
    margin: 0px 10px 0px 10px;
    background: #c5ebfe;
}
#loginboxcontainer p, #logincontainer2 p, #loginboxcontainer_info p
{
    padding: 10px 10px 5px 15px;
    margin: 0px;
}
#loginboxbottom
{
    width: 684px;
    height: 9px;
    margin: 0px 10px 10px 10px;
    padding: 0px;
    background: transparent url(/telefi/images/palkki_ala.gif) top center no-repeat;
}
#logintext
{
    float: right;
    padding-top: 7px;
    height: 197px;
    width: 550px;
}

/* ------- IPHONE -------- */
#subnavi_top_left3
{
    margin-left: 18px;
    width: 216px;
    padding-bottom: 0px;
    background: url('/images/iphone01142010/hinnat_bg.gif') top left;
}
.subnavi_top_left_grad3
{
    width: 216px;
    height:45px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    background: url('/images/iphone01142010/hinnat_title.gif') no-repeat;
}
.subnavi_left_heading3
{
    text-indent: -2px;
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#level4
{
float: left;
width: 182px;
padding-left: 23px;
padding-bottom: 20px;
}
.hr_div_subnavi4
{
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: -16px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dcdcdc;
height: 1px;
}

/* ----------- PUHELIMET-sivu -------------------- */

div#valitse-puhelin
{
}

div#valitse-puhelin div.liittyma
{
    position: relative;
}

div#valitse-puhelin p.order-button
{
    position: absolute;
    top: 235px;
}

div#valitse-puhelin p.out-of-stock
{
    position: absolute;
    top: 243px;
}

div#valitse-puhelin h2.price
{
    position: absolute;
    top: 130px;
}

div#valitse-puhelin p.comparison
{
    position: absolute;
    top: 195px;
}

div#valitse-puhelin p.comparison a
{
    color: #e63a00;
}

div#valitse-puhelin p.more-details
{
    position: absolute;
    top: 175px;
}

div#valitse-puhelin span.touch-display
{
    position: absolute;
    right: 35px;
    top: 135px;
    display: block;
    width: 33px;
    height: 26px;
    background: transparent url(/images/puhelimet/kosketus.gif) no-repeat;
}

a#puhelimet-ylakuva
{
    display: block;
    margin: -5px 0px 0px 0px;
    background: transparent url(/images/puhelimet/ylakuva.png) no-repeat center top;
    height: 337px;
}

/* ------------- PUHELIN etusivulla -------------- */

div#puhelimet2 div.puhelinItem p.image
{
    text-align: center;
}

div#puhelimet2 div.puhelinItem p.title a
{
    display: block;
    float: left;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    cursor: pointer;
}

div#puhelimet2 div.puhelinItem p.title a span.icon
{
    display: block;
    float: left;
    width: 12px;
    line-height: 1.0em;
}

div#puhelimet2 div.puhelinItem p.title a span.name
{
    display: block;
    float: left;
    width: 78px;
}

div#puhelimet2 div.puhelinItem p.title strong.price
{
    display: block;
    padding: 0px 0px 0px 10px;
    color: #37b54a;
}


/*    Abort contentbox
=================================*/

#abort-content {
    overflow:auto;
    width: 340px;
    height: 150px;
    background-color:#FDFDFD;
}
#checkaccount-bottom-container #abort-content {
    display:none
}
.clear {
    clear:both;
}


/*  New frontpage
================================*/


#front-container {
    vertical-align:top;
    margin-top:0;
    padding-top:0;
    width:100%;
    height:620px;
    margin-left: auto;
    margin-right:auto;
    background-image:url(../images/frontimages/front_background_new.jpg);
    background-position:top center;
    text-align:center;
    overflow:hidden;
    background-repeat:repeat-x;
    background-color: #f7f7f7;
}
#front-content {
    text-align: left;
    width: 960px;
    margin-left:auto;
    margin-right:auto;

}

/* Left column */
#front-left-column {
    float: left;
    padding: 0px 33px 0px 0px;
    width: 700px;
}

/* Right column */
#front-right-column {
    float: left;
    width: 227px;
}


#front-carousel {
    margin-top:18px;
     float:left;
    width:700px;
    height:270px;
}

/* Offers */

#front-offers {
    padding: 50px 1px 20px 1px;
}
#front-offers .front-offer-detail a{
color: #ffffff;
}
#front-offers .front-offer-detail a:hover{
color: #1E1E1E;
}
.front-single-offer {
    display: block;
    padding: 0px 0px 2px 36px;
    background: transparent url(../images/frontimages/offerbox-arrow.png) no-repeat 20px 0px;
}
.front-offer-title {
    font-size:16px;
    color:#ffffff;
    font-weight:bold;
    float:left;
    margin-left:5px;
    width: 175px;
}

#front-offers-box .front-offer-title a {
    color: #ffffff;
    font-weight:bold;
}

#front-offers-box .front-offer-title a:hover{
color: #1E1E1E;
font-weight:bold;
}
.front-offer-detail {
    margin-left:15px;
    color:#ffffff;
}
#front-offers-box {
    padding: 0px 0px 10px 0px;
    width: 223px;
    background-image:url(../images/frontimages/front-offerbox-bg.png);
    background-repeat:repeat-x;
    background-position:top;
    border-left:solid 1px #2babf2;
    border-right:solid 1px #2babf2;

}
#front-offers-box-bottom {
    background-color:#2592cd;
    width:225px;
    height:4px;
    background-image:url(../images/frontimages/front-offerbox-bottom.png);
    background-repeat:no-repeat;

}
#front-offers-box-top {
    width:225px;
    height:9px;
    background-image:url(../images/frontimages/front-offerbox-top.png);
    background-repeat:no-repeat;
}

.front-offer-separator {
    width:225px;
    height:10px;
    background-image:url(../images/frontimages/front-offerbox-sepa.png);
    margin-top:5px;
}
#front-offer-alloffers {
    margin-top:10px;
    margin-left:40px;
    color:#ffffff;
    font-weight:bold;
}
#front-offer-alloffers a{
    color:#ffffff;
    font-weight:bold;
}
#front-offer-alloffers a:hover{
    color:#1e1e1e;
    font-weight:bold;
}

#front-webstore {
    padding: 45px 0px 0px 0px;
    float: left;
    width: 700px;
}

/* News */

#front-news {
}

#front-products-top {
    width:700px;
    height:59px;
    background-image:url(../images/frontimages/front-products-top.png);
}
#front-products-top h3 {
    padding-top:8px;
    padding-left:20px;
    font-size:18px;
    color:#41a70e;
    font-weight: normal;
}

#front-products-top h3 a {
    color: #41a70e;
    font-weight: normal;
}

#front-products-top h3 a:hover {
    color: #1e1e1e;
}

/*  Frontpage products
================================*/

/* Container */

#front-product-1,
#front-product-2,
#front-product-3,
#front-product-4 {
    position: relative;
    float: left;
    border-right: 1px solid #cccccc;
}

/* Link */

#front-product-1 a,
#front-product-2 a,
#front-product-3 a,
#front-product-4 a {
    display: block;
    position: relative;
    padding: 5px 5px 0px 60px;
    width: 100px;
    height: 90px;
    cursor: pointer;
}

/* Picture */

.front-product-pic {
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 55px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center top;
}

/* Title */

.front-product-name {
    display: block;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    line-height: 1.4em;
}

/* Price */

.front-product-price {
    display: block;
    position: absolute;
    left: 60px;
    bottom: 34px;
    font-weight: bold;
    color: #46b40f;
}

/* Button */

.front-buy-button {
    display: block;
    position: absolute;
    left: 53px;
    bottom: 0px;
    width: 57px;
    height: 31px;
    background: transparent url(../images/frontimages/front-osta-button.png) no-repeat;
}

/* Computer */

#front-product-4 {
    border: none;
}

#front-product-4 .front-product-pic {
    width: 85px;
}

#front-product-4 a {
    width: 75px;
    padding-left: 95px;
}

#front-product-4 .front-product-price {
    left: 95px;
}

#front-product-4 .front-buy-button {
    left: 93px;
}



#front-products-container {
    margin-top:-5px;
    padding-top:15px;
    padding-left:10px;
    width:688px;
    height:110px;
    border-left:1px solid #aaaaaa;
    border-right:1px solid #aaaaaa;
    background-image:url(../images/frontimages/front-products-container-bg.jpg);
    background-repeat:repeat-x;
    background-color:#ededed;

}
#front-reiluusfilosofia {
    margin-top:155px;
    margin-left:90px;
    position:absolute;
    display:inline;
    width:185px;
    height:167px;
    background-image:url(../images/frontimages/front-reiluusfilosofia.png);

}

#front-products-bottom {
    width:700px;
    height:10px;
    background-image:url(../images/frontimages/front-products-bottom.png);
}

#front-newsbox {
    width:226px;

}
.front-single-news {
    padding-left:20px;
    padding-top:1px;
    padding-bottom:2px;
    line-height: 18px;
}
#front-single-small {
    display: block;
    padding-left:0;
    padding-top:2px;
    padding-bottom:4px;
    width: 198px;
    line-height: 16px;
    font-weight: bold;
    background: transparent url(../images/frontimages/front-newsbox-arrowsmall.png) no-repeat 20px 7px;
}

#front-newsbox-top {
    margin:0;
    width:227px;
    height:46px;
    background-image:url(../images/frontimages/front-remember-top-bg.png);
    color:#ffffff;
}
#front-newsbox-top h1 {
    margin:0;
    color:#ffffff;
    font-size:18px;
    font-weight:100;

}
.front-newsbox-deco {
    position:absolute;
    margin-left:175px;
    margin-top:120px;
    width:53px;
    height:77px;
    background-image:url(../images/frontimages/front-newsbox-orava.png);
}

.front-newsbox-title {
    margin-top:0px;
    padding-top:12px;
    margin-left:50px;

}
#front-newsbox-bottom {

    width:227px;
    height:6px;
    background-image:url(../images/frontimages/front-newsbox-bottom.png);
    background-repeat:no-repeat;

}
#front-newsbox-content {
    padding-top:10px;
    width:225px;
    background-image:url(../images/frontimages/front-newsbox-bg.jpg);
    background-repeat:repeat-x;
    border-left:1px solid #78cc4e;
    border-right:1px solid #78cc4e;
    background-color:#dcefc7;
}
#front-newsbox-content h2  {
    padding-left:20px;
    font-size:14px;
    color:#41a70e;
    font-weight:100

}
#front-news-title {
    float:left;
    font-weight:normal;
    font-size:16px;
    color:#3599EC;
    margin-left:10px;
}
#front-news-title a{
    font-weight:normal;
    color:#3599EC;
}
#front-news-title a:hover{
    font-weight:normal;
    color:#1e1e1e;
}
.front-news-title-sub {
    float:left;
    font-weight: normal;
    font-size:12px;
    color:#2cacf3;
    margin-left:10px;
    width: 174px;
}

.front-news-bigarrow {
    float:left;
    width:12px;
    height:15px;
    background-image:url(../images/frontimages/front-newsbox-bigarrow.png);
    background-repeat:no-repeat;
}
.front-news-smallarrow {
    margin-top:5px;
    float:left;
    width:6px;
    height:9px;
    padding-right: 8px;
    background-image:url(../images/frontimages/front-newsbox-arrowsmall.png);
    background-repeat:no-repeat;
}

#carousel-container {
    width:600px;
    height:280px;
    background-image:url(../images/frontimages/carousel-background.png);
    background-repeat:no-repeat;
}
#carousel-slides {
    padding-top:36px;
    padding-left:10px;
    width:500px;
    height:174px;
}
#carousel-navi {
    margin-left:15px;
    width:590px;
    height:60px;
    font-weight: bold;

}
.carousel-button-container-selected {
    display:block;
    cursor:pointer;
    position:relative;
    float:left;
    width:190px;
    height:58px;

}
.carousel-button-container-selectable  {
    cursor:pointer;
    display:block;
    float:left;
    width:190px;
    height:58px;
}

#link-num-2 .carousel-button-container-selectable,
#link-num-2 .carousel-button-container-selected,
#link-num-3 .carousel-button-container-selectable,
#link-num-3 .carousel-button-container-selected {
    margin-left:-20px;
}

.carousel-button-container-selected #carousel-button-title-1,
.carousel-button-container-selected #carousel-button-title-2,
.carousel-button-container-selected #carousel-button-title-3 {
    margin-top:20px;
    display: block;
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
    line-height: 14px;
}

.carousel-button-container-selectable #carousel-button-title-1,
.carousel-button-container-selectable #carousel-button-title-2,
.carousel-button-container-selectable #carousel-button-title-3 {
    margin-top:20px;
    display: block;
    font-size:12px;
    font-weight:bold;
    color:#d23200;
    line-height: 14px;
}

.carousel-button-image {
    float:left;
}

.carousel-button-title {
    width:150px;
    float:left;

}
.all-in-webstore {
    font-size:12px;
    font-weight:bold;
    float:right;
    color:#ffffff;
    margin-top:14px;
    margin-right:10px;
}
#front-products-top .all-in-webstore a{
    color:#ffffff;
    font-weight:bold;
}
#front-products-top .all-in-webstore a:hover{
    color:#1E1E1E;
    font-weight:bold;
}
.webstore-title {
    float:left;
}
.carousel-selectable-button-left {
    width:19px;
    height:58px;
    background-image:url(../images/frontimages/carousel-selectable-left.png);
    float:left;
}
.carousel-selectable-button-right {
    width:19px;
    height:58px;
    background-image:url(../images/frontimages/carousel-selectable-right.png);
    float:left;
}
.carousel-selectable-button-content {
    width:150px;
    height:58px;
    background-image:url(../images/frontimages/carousel-selectable-content.png);
    float:left;
}
.carousel-selected-button-left {
    width:19px;
    height:58px;
    background-image:url(../images/frontimages/carousel-selected-left.png);
    float:left;
}
.carousel-selected-button-content {
    float:left;
    width:150px;
    height:58px;
    background-image:url(../images/frontimages/carousel-selected-bg.png);
    background-repeat:repeat-x;
}
.carousel-selected-button-right {
    float:left;
    width:20px;
    height:58px;
    background-image:url(../images/frontimages/carousel-selected-right.png);
}

#carousel-container #slide-1 {
    position:absolute;
    float:left;
    display:block;
    width:587px;
    height:189px;
    background-image:url(../images/frontimages/carousel-slide1.png);
}

#carousel-container #slide-2 {
    float:left;
    position:absolute;
    display:block;
    width:587px;
    height:189px;
    background-image:url(../images/frontimages/carousel-slide2.png);
}

#carousel-container #slide-3 {
    float:left;
    position:absolute;
    display:block;
    width:587px;
    height:189px;
    background-image:url(../images/frontimages/carousel-slide3.png);
}

strong.price {
color:#37B54A;
display:block;
padding-bottom:0;
padding-left: 0;
padding-right:0;
padding-top:0;
}

/** Läppärit & Liikkuva laajakaista -välilehdet
 ***********************************************************************/

a.tab-mark-off,
a.tab-mark-on {
    position: relative;
    display: block;
    padding: 0px 0px 0px 20px;
    background: transparent url(/images/tab_mark_bg.gif) no-repeat left -59px;
    z-index: 100;
    cursor: pointer;
}

a.tab-mark-off span,
a.tab-mark-on span {
    display: block;
    padding: 15px 20px 0px 0px;
    height: 44px;
    font-size: 1.6em;
    white-space: nowrap;
    background: transparent url(/images/tab_mark_bg.gif) no-repeat right -59px;
}

a.tab-mark-on {
    background-position: left 0px;
}

a.tab-mark-on span {
    background-position: right 0px;
}

a.tab-mark-off:focus {
    outline: none;
}

/** Jedi layer
 ***********************************************************************/

div.jedi-layer {
    position: absolute;
}

/** Close icon **/

div.jedi-layer a.close {
    display: block;
    position: absolute;
    right: 22px;
    top: 22px;
    width: 31px;
    height: 31px;
    background: transparent url(/images/jedi/layer_close.png) no-repeat 0px 0px;
    cursor: pointer;
    z-index: 3;
}

div.jedi-layer a.close:hover {
    background-position: -31px 0px;
}

/** Corners **/

div.jedi-layer div.top-left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 50%;
    background: transparent url(/images/jedi/layer_bg.png) no-repeat left top;
    z-index: 1;
}

div.jedi-layer div.top-right {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 50%;
    background: transparent url(/images/jedi/layer_bg.png) no-repeat right top;
    z-index: 1;
}

div.jedi-layer div.bottom-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    height: 50%;
    background: transparent url(/images/jedi/layer_bg.png) no-repeat left bottom;
    z-index: 1;
}

div.jedi-layer div.bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50%;
    height: 50%;
    background: transparent url(/images/jedi/layer_bg.png) no-repeat right bottom;
    z-index: 1;
}

div.jedi-layer div.layer-content {
    position: relative;
    padding: 3px 5px 6px 5px;
    z-index: 2;
}

/** Phone layer (jedi)
 *****************************************************************************/

div#phone-layer {
    padding: 15px 00px 55px 20px;
    width: 689px;
}

div#phone-layer div.column-1 {
    float: left;
    width: 240px;
}

div#phone-layer div.column-2 {
    float: left;
    padding: 5px 0px 0px 20px;
    width: 170px;
}

div#phone-layer div.column-2 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div#phone-layer div.column-2 ul li {
    padding: 0px 0px 0px 15px;
    background: transparent url(/images/jedi/bullet_square.gif) no-repeat 3px 9px;
}

div#phone-layer div.column-2 div.images div.label {
    padding: 10px 0px 5px 0px;
    color: #5f5f5f;
}

div#phone-layer div.column-2 div.images a {
    display: block;
    float: left;
    margin: 0px 4px 0px 0px;
    padding: 2px 0px 0px 0px;
    width: 18px;
    height: 16px;
    border: 1px solid #c4c4c4;
    background-color: #c4c4c4;
    color: #f5f5f5;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    cursor: default;
}

div#phone-layer div.column-2 div.images a.active {
    color: #cbcbcb;
    background-color: #f5f5f5;
}

div#phone-layer div.image {
    float: right;
    padding: 10px 0px 0px 0px;
    width: 250px;
    height: 290px;
    text-align: center;
}

div#phone-layer div.order-button {
    position: absolute;
    right: 24px;
    bottom: 20px;
}

div#phone-layer div.image span.recommended {
    display: block;
    padding: 5px 0px 0px 0px;
    color: #5f5f5f;
    font-size: 0.8em;
}

div#phone-layer div.slogan {
    margin: 20px 0px 10px 0px;
    font-weight: bold;
}

div#phone-layer h1 {
    color: #000000;
    font-size: 2.0em;
}

/** Etusivua täydentävät tyylit - muut lienevät aiemmin
 *****************************************************************************/

/** Facebook Like **/

div#etusivu-facebook {
    float: left;
    width: 650px;
    height: 30px;
}

div#etusivu-facebook iframe {
    border: none;
    width: 650px;
    height: 30px;
    overflow: hidden;
}

/** Asiakastunnistus **/

div#asiakastunnistus-vaihda {
    right: 0px;
    position: absolute;
    top: 83px;
}

div#asiakastunnistus-vaihda a {
    display: block;
    float: left;
    padding: 2px 0px 2px 13px;
    background: transparent url(/images/etusivu/vaihda_nuolet.gif) no-repeat;
}

div#asiakastunnistus-vaihda a:hover {
    text-decoration: underline;
}

div#asiakastunnistus-vaihda a.old {
    background-position: 0px -43px;
}

div#asiakastunnistus-vaihda a.new {
    color: #42a411;
    background-position: 0px 7px;
}

/** Asiakastunnistuksen layeri
 ****************************************************************************/

div#asiakastunnistus-mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #3599ec;
}

div#asiakastunnistus-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 989px;
    height: 593px;
    background: transparent url(/images/etusivu/asiakastunnistus/tausta.png) no-repeat;
}

div#asiakastunnistus-layer a.old {
    position: absolute;
    left: 93px;
    top: 156px;
    padding: 16px 65px 0px 0px;
    width: 187px;
    height: 100px;
    background: transparent url(/images/etusivu/asiakastunnistus/napit.gif) no-repeat 0px 0px;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.3em;
    color: #ffffff;
    z-index: 2;
}

div#asiakastunnistus-layer a.old:hover {
    text-decoration: underline;
}

div#asiakastunnistus-layer a.new {
    position: absolute;
    left: 645px;
    top: 156px;
    padding: 16px 0px 0px 65px;
    width: 187px;
    height: 100px;
    background: transparent url(/images/etusivu/asiakastunnistus/napit.gif) no-repeat -252px 0px;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.3em;
    color: #ffffff;
    z-index: 2;
}

div#asiakastunnistus-layer a.new:hover {
    text-decoration: underline;
}

div#asiakastunnistus-layer div.squirrel {
    position: absolute;
    left: 275px;
    top: 98px;
    width: 481px;
    height: 389px;
    background: transparent url(/images/etusivu/asiakastunnistus/oravat.jpg) no-repeat -439px 0px;
    z-index: 1;
}

div#asiakastunnistus-layer div.squirrel span {
    display: block;
    width: 481px;
    height: 389px;
}

div#asiakastunnistus-layer div.squirrel span.old {
    background: transparent url(/images/etusivu/asiakastunnistus/oravat.jpg) no-repeat 2px 0px;
}

div#asiakastunnistus-layer div.squirrel span.new {
    background: transparent url(/images/etusivu/asiakastunnistus/oravat.jpg) no-repeat -880px 0px;
}

div#asiakastunnistus-layer div.text {
    position: absolute;
    left: 0px;
    top: 515px;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: bold;
}

div#asiakastunnistus-layer h1 {
    position: absolute;
    left: 0px;
    top: 38px;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-size: 2.8em;
}