/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 1%;
margin-bottom : 1%;
margin-left : 1%;
margin-right : 1%;
background-color : #ffffff;
color : #000000;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: Verdana, Arial;
/*font-size : 100%;*/
font-size : 15px;
font-weight : bold;
/*color : #d03c34;*/
color: #bf2525;
}

B {
    font-size : 13px;
}

P, LI {
font-family: Verdana, Arial;
/*font-size : 80%;*/
font-size : 12px;
line-height : 140%;
}

P.smallbasic {
font-family: Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
}

P.smallnote {
/*font-size : 70%;*/
font-size: 11px;
color : #7a7a7a;
display : inline;
}

P.smallfade {
/*font-size : 70%;*/
font-size: 11px;
color : #adadad;
}

A {
/*color : #d03c34;*/
color: #bf2525;
}

INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
}

INPUT {
    background-color: transparent;
}

INPUT.button {
border-top : 1px solid #d3d3d3;
border-left : 1px solid #d3d3d3;
border-bottom : 1px solid #969696;
border-right : 1px solid #969696;
background-image : url(logos/button_bg.gif);
background-repeat:repeat-x;
font-family : Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
color : #000000;
}

INPUT.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
background : #ffffff;
color : #000000;
}

TEXTAREA.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 

/* Page top styles, applies to the top area */

TD.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/toplinks_bg.gif);
}

P.toplinks {
font-family : Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
color : #d03c34;
}



/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
padding : 5px;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 9px;
color : #000000; /*#adadad;*/
text-align : right;
line-height: 0px;
}

A.topbreadcrumb {
text-decoration : none;
color : #000000; /*#adadad;*/
}



/* Navigation styles, applies to the category navigation area on the left hand side */

TD.navigation {
padding : 25px;
border-right : 1px dashed #c0c0c0;
background-color : #ffffff;
}

TD.nav_open { 

} 
 
P.nav_open { 
font-family: Verdana, Arial; 
/*font-size : 70%;*/
font-size: 11px;
color : #d03c34; 
} 
 
A.nav_open { 
color : #d03c34; 
} 
 
TD.nav_closed { 

} 
 
P.nav_closed { 
font-family: Verdana, Arial; 
/*font-size : 70%;*/
font-size: 11px;
color : #d03c34; 
} 
 
A.nav_closed { 
color : #d03c34; 
}



/* Main styles, applies to the main page area on the right hand side */

TD.main {
padding : 25px;
background-color : #ffffff;
}



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/cartbottom_bg.gif);
}

FONT.cartbottom {
font-family: Verdana, Arial;
/*font-size : 70%;*/
font-size: 11px;
color : #d03c34;
}



/* Bottom styles, applies to the bottom area */

TD.bottom {
padding : 5px;
}



/* Product table styles, applies to product detail area */

TABLE.product {
border-bottom : 1px solid #f3f3f3;
}

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 



/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.cartbasic {
/*font-size : 80%;*/
font-size: 12px;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.carttotal {
/*font-size : 80%;*/
font-size: 12px;
font-weight : bold;
} 



/* Progress bar styles, applies to progress bar area */

P.pb {
/*font-size : 70%;*/
font-size: 11px;
color : #adadad;
} 

TD.pbactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffff;
}

/* Web Monkey lisäys */

/******************** HEADER CSS ALKAA ********************/
div#header_wrapper{
    width: 100%;
    background-image: url(logos/header_gradient.jpg);
}

    div#header {
        width: 1037px;
        position: relative;
        text-align: left;
        padding-top: 6px;
        height: 45px;
        margin: 0 auto;
    }

        div#header a#logo {
            position: absolute;
        }

        div#header a#veneily {
            bottom: 0px;
            position: absolute;
            right: 223px;
        }

        div#header a#mokkeily {
            bottom: 0px;
            position: absolute;
            right: 75px;
        }
/******************** HEADER CSS LOPUU ********************/

/******************** CONTENT WRAPPER CSS ALKAA ********************/
div#content_wrapper1{
    width: 100%;
}

    div#content_wrapper2 {
        width: 1037px;
        position: relative;
        text-align: left;
        margin: 0 auto;
    }

        div#kirjaudu {
            color: #000000;
            font-family: Verdana,Arial;
            font-size: 9px;
            line-height: 15px;
            text-align: right;
        }

        div#kirjaudu a {
            color: #000000;
            text-decoration: none;
        }

        div#kirjaudu a.kirjautumis_linkki {
            color: #bf2525;
            font-size: 9px;
            margin-left: 15px;
            margin-right: 6px;
            text-decoration: underline;
        }

        div.menupalkki {
            background-image: url(logos/uppernavigation.jpg);
            background-repeat: no-repeat;
            width: 1037px;
            height: 40px;
            text-align: center;
        }

            div.menupalkki a{
                display : inline-block;
                padding-left: 5px;
                padding-right: 10px;
                padding-top: 13px;
                text-decoration: none;
                color: #ffffff;
                background-image: url(logos/pystyviiva3e3c3c.gif);
                background-position: right 7px;
                background-repeat: no-repeat;
                height: 26px;
                font-size: 16px;
            }

                div.menupalkki a.ostoskori{
                    background-image: url(logos/ostoskori.png);
                    background-repeat: no-repeat;
                    background-position: 6px 16px;
                    padding-left: 30px;
                }
        /******************** CONTENT CSS ALKAA ********************/
        div#content_wrapper2 #content {
            background-color: #f4f4f4;
            margin-left: 2px;
            position: relative;
            width: 1035px;
        }
            
            div#content_wrapper2 #varjo_vasen {
                position:absolute;
                left: 0;
                width: 5px;
                height: 100%;
                background-image: url(logos/vasen_varjo.jpg);
            }

            div#content_wrapper2 #varjo_oikea {
                position:absolute;
                right: 0;
                width: 5px;
                height: 100%;
                background-image: url(logos/varjo_oikea.jpg);
            }

            div#sivupalkki {
                float: left;
                height: 100%;
                padding-top: 12px;
                padding-left: 11px;
                width: 226px;
            }

                div#sivupalkki div#sivupalkki_facebook {
                    height: 105px;
                    width: 200px;
                }

                div#sivupalkki div#sivupalkki_kilpailu{
                    height: 22px;
                    font-size: 16px;
                    padding-top: 4px;
                    width: 200px;
                }

                div#sivupalkki div#sivupalkki_kilpailu input#osallistukilpailuun{
                    position: relative;
                    top: 4px;
                }

                div#sivupalkki select#kategoria_select {
                    display: block;
                    margin-top: 5px;
                    width: 200px;
                }

                div#kategorialista {
                    margin-top: 5px;
                }

                    div#kategorialista a.kategoria_top {
                        display : inline-block;
                        height: 21px;
                        width: 214px;
                        text-decoration: none;
                        color: #ffffff;
                        background-image: url(logos/vasennavi_ylapalkki.jpg);
                        background-repeat: no-repeat;
                        font-size: 9px;
                        line-height: 21px;
                        overflow: hidden;
                    }

                    div#kategorialista a {
                        display : inline-block;
                        height: 21px;
                        width: 214px;
                        text-decoration: none;
                        color: #ffffff;
                        background-image: url(logos/vasennavi_fill.jpg);
                        background-repeat: repeat-y;
                        font-size: 9px;
                        border-bottom: 1px solid #3e3c3c;
                        line-height: 21px;
                        overflow: hidden;
                    }

                    div#kategorialista a.kategoria_bottom {
                        display : inline-block;
                        height: 21px;
                        width: 214px;
                        text-decoration: none;
                        color: #ffffff;
                        background-image: url(logos/vasennavi_alapalkki.jpg);
                        background-repeat: no-repeat;
                        font-size: 9px;
                        border-bottom: 0px;
                        line-height: 21px;
                        overflow: hidden;
                    }

            div#sisalto {
                margin-left: 236px;
                min-height: 650px;
                padding-top: 12px;
                width: 789px;
            }

                div#sisalto div#sisalto_ylaosa {
                    float: left;
                    width: 788px;
                }

                    div#sisalto div#sisalto_ylaosa div#ajankohtaista {
                        display: block;
                        float: left;
                        height: 220px;
                        margin-left: 12px;
                        width: 299px;
                    }

                        div#sisalto div#sisalto_ylaosa div#ajankohtaista_otsikko {
                            color: #bf2525;
                            font-size: 11px;
                            font-weight: bold;
                            display: block;
                            height: 25px;
                            line-height: 25px;
                            width: 100%;
                        }

                        div#sisalto div#sisalto_ylaosa div#ajankohtaista_teksti {
                            width: 100%;
                        }

                            div#sisalto div#sisalto_ylaosa div#ajankohtaista_teksti p {
                                font-size: 9px;
                            }

                    div#sisalto div#sisalto_ylaosa div#tuotenosto {
                        display: block;
                        float: left;
                        height: 220px;
                        margin-left: 12px;
                        width: 459px;
                    }

                        div#sisalto div#sisalto_ylaosa div#tuotenosto_otsikko {
                            background-image: url(logos/otsikkopalkki.jpg);
                                background-repeat: repeat-x;
                                color: #FFFFFF;
                                font-size: 11px;
                                display: block;
                                height: 35px;
                                text-align: center;
                                width: 100%;
                        }

                        div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto {
                            background-color: #FFFFFF;
                            border: 1px solid #bfbfbf;
                            height: 173px;
                            padding: 10px 10px 0;
                        }

                            div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto div#tuotenosto_esittely {
                                display: block;
                                float: left;
                                width: 260px
                            }

                                div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto div#tuotenosto_esittely div#tuotenosto_teksti {
                                    font-size: 9px;
                                    height: 143px;
                                }

                                div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto div#tuotenosto_esittely div#tuotenosto_ostoskori {
                                    display: block;
                                    height: 28px;
                                    position: relative;
                                    text-align: left;
                                    width: 100%;
                                }

                                    div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto div#tuotenosto_esittely div#tuotenosto_ostoskori div#tuotenosto_hinta {
                                        font-size: 11px;
                                        font-weight: bold;
                                        left: 95px;
                                        margin-left: 10px;
                                        position: absolute;
                                        top: 4px
                                    }

                            div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto div#tuotenosto_kuva {
                                display: block;
                                float: left;
                                height: 161px;
                                text-align: center;
                                width: 177px;
                            }

                                div#sisalto div#sisalto_ylaosa div#tuotenosto_sisalto div#tuotenosto_kuva table tr td a img {
                                    display: block;
                                    max-height: 135px;
                                    max-width: 135px;
                                }

                div#sisalto div.tuoterivi {
                    float: left;
                    padding-top: 12px;
                    width: 788px;
                }

                    div#sisalto div.tuoterivi div.tuote {
                        display: block;
                        float: left;
                        margin-left: 12px;
                        width: 249px;
                    }

                        div#sisalto div.tuoterivi div.tuote div.tuotenimi {
                            background-image: url(logos/otsikkopalkki.jpg);
                            background-repeat: repeat-x;
                            color: #FFFFFF;
                            font-size: 11px;
                            display: block;
                            height: 35px;
                            text-align: center;
                            width: 100%;
                        }

                        div#sisalto div.tuoterivi div.tuote div.tuotesisalto {
                            background-color: #FFFFFF;
                            border: 1px solid #bfbfbf;
                            padding: 5px 10px 0;
                        }

                            div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tarjousteksti {
                                color: #bf2525;
                                font-size: 11px;
                                font-weight: bold;
                                display: block;
                                height: 45px;
                                text-align: center;
                                width: 100%;
                            }

                            div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuotekuva {
                                display: block;
                                height: 155px;
                                text-align: center;
                                width: 100%;
                            }

                                div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuotekuva a img {
                                    display: block;
                                    max-height: 135px;
                                    max-width: 135px;
                                }

                            div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuote_toimitusaika {
                                display: block;
                                font-size: 9px;
                                height: 20px;
                                width: 100%;
                            }

                            div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuoteteksti {
                                color: #000000;
                                font-size: 9px;
                                display: block;
                                height: 70px;
                                line-height: 140%;
                                text-align: left;
                                width: 100%;
                            }
                                div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuoteteksti a{
                                    color: #bf2525;
                                    display: inline-block;
                                }

                            div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuote_ostoskori {
                                display: block;
                                height: 28px;
                                position: relative;
                                text-align: left;
                                width: 100%;
                            }
                                
                                div#sisalto div.tuoterivi div.tuote div.tuotesisalto div.tuote_ostoskori div.tuote_hinta
                                {
                                    font-size: 11px;
                                    font-weight: bold;
                                    left: 95px;
                                    margin-left: 10px;
                                    position: absolute;
                                    top: 4px
                                }
        /******************** CONTENT CSS LOPPUU ********************/

        /******************** FOOTER CSS ALKAA ********************/
        div#footer_varjo_vasen {
            position:absolute;
            left: 0;
            width: 5px;
            height: 151px;
            background-image: url(logos/vasen_varjo.jpg);
        }

        div#footer_varjo_oikea {
            position:absolute;
            right: 0;
            width: 5px;
            height: 151px;
            background-image: url(logos/varjo_oikea.jpg);
        }

        div#footer {
            background-image: url(logos/footer_gradient.jpg);
            width: 1027px;
            position: relative;
            height: 151px;
            margin: 0 auto;
        }

            div#footer #payment_logos {
                text-align: center;
            }

                div#footer #payment_logos img.payment_logo {
                    margin-top: 8px;
                    margin-left: 5px;
                    margin-right: 5px;
                }

            div#footer p#yhteystiedot {
                position: absolute;
                left: 10px;
                top: 65px;
                color: #FFFFFF;
                font-size: 9px;
            }

            div#footer p#pyyda_tarjous {
                position: absolute;
                top: 42px;
                color: #FFFFFF;
                font-size: 9px;
                text-align: center;
                width: 400px;
                left: 50%;
                margin-left: -200px;
            }

            div#footer img#aaa_yrittajat {
                position: absolute;
                left: 50%;
                margin-left: -128.5px;
                top: 95px;
            }

            div#footer p#paivitetty {
                position: absolute;
                right: 10px;
                top: 65px;
                color: #FFFFFF;
                font-size: 9px;
                text-align: right;
            }

            div#footer a {
                text-decoration: none;
                color: #ffffff;
            }
            /******************** FOOTER CSS LOPPUU ********************/

/******************** CONTENT WRAPPER CSS ALKAA ********************/

/******************** MUUT CSS ALKAA ********************/
input.hae_button {
    position: relative;
    top: 8px;
}

input.hae_kentta {
    border-top : 1px solid #747474;
    border-bottom : 1px solid #747474;
    border-left : 1px solid #747474;
    border-right : 1px solid #747474;
    font-family : Verdana, Arial;
    font-size : 9px;
    background : #ffffff;
    color : #000000;
    width: 160px;
}

div.alarivi {
    clear: both;
    padding-bottom: 12px;
}

form.inline_block {
    display : inline-block;
}

    /******************** MUUT NAPIT CSS ALKAA ********************/
    input.edel_sivulle_button {
        background-image: url(logos/edellisellesivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 158px;
    }

    input.etusivulle_button {
        background-image: url(logos/etusivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 103px;
    }

    input.kayttajatiliin_button {
        background-image: url(logos/kayttajatiliin_punainen.png);
        border: 0px;
        height: 22px;
        width: 100px;
    }

    input.kilpailusivulle_button {
        background-image: url(logos/kilpailusivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 99px;
    }

    input.kirjaudu_sisaan_button {
        background-image: url(logos/kirjaudusisaan_punainen.png);
        border: 0px;
        height: 22px;
        width: 100px;
    }

    input.kirjaudu_ulos_button {
        background-image: url(logos/kirjauduulos_punainen.png);
        border: 0px;
        height: 22px;
        width: 101px;
    }

    input.laheta_palaute_button {
        background-image: url(logos/lahetapalaute_punainen.png);
        border: 0px;
        height: 22px;
        width: 102px;
    }

    input.luo_kayttajatili_button {
        background-image: url(logos/luokayttajatili_punainen.png);
        border: 0px;
        height: 22px;
        width: 101px;
    }

    input.luottokorttimaksuun_button {
        background-image: url(logos/luottokorttimaksuun_punainen.png);
        border: 0px;
        height: 22px;
        width: 158px;
    }

    input.nordea_emaksu_button {
        background-image: url(logos/nordeanemaksu_punainen.png);
        border: 0px;
        height: 22px;
        width: 133px;
    }

    input.nordea_nettiluotto_button {
        background-image: url(logos/nordeannettiluotto_punainen.png);
        border: 0px;
        height: 22px;
        width: 131px;
    }

    input.osallistu_kilpailuun_button {
        background-image: url(logos/osallistukilpailuun_punainen.png);
        border: 0px;
        height: 22px;
        width: 130px;
    }

    input.ostoskoriin_button {
        background-image: url(logos/ostoskoriin_punainen.png);
        border: 0px;
        height: 22px;
        width: 92px;
    }

    input.osuuspankin_verkkomaksu_button {
        background-image: url(logos/osuuspankinverkkomaksu_punainen.png);
        border: 0px;
        height: 22px;
        width: 158px;
    }

    input.paivita_tiedot_button {
        background-image: url(logos/paivitatiedot_punainen.png);
        border: 0px;
        height: 22px;
        width: 102px;
    }

    input.palautesivulle_button {
        background-image: url(logos/palautesivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 130px;
    }

    input.peruuta_tilaus_button {
        background-image: url(logos/peruutatilaus_punainen.png);
        border: 0px;
        height: 22px;
        width: 104px;
    }

    input.rekisteroitymissivulle_button {
        background-image: url(logos/rekisteroitymissivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 158px;
    }

    input.salasanasivulle_button {
        background-image: url(logos/salasanasivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 130px;
    }

    input.sampo_pankin_verkkomaksu_button {
        background-image: url(logos/sampopankinverkkomaksu_punainen.png);
        border: 0px;
        height: 22px;
        width: 158px;
    }

    input.seuraava_button {
        background-image: url(logos/seuraava_punainen.png);
        border: 0px;
        height: 22px;
        width: 103px;
    }

    input.sisaankirjautumissivulle_button {
        background-image: url(logos/sisaankirjatumissivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 158px;
    }

    input.tilaa_uutiskirje_button {
        background-image: url(logos/tilaauutiskirje_punainen.png);
        border: 0px;
        height: 22px;
        width: 131px;
    }
    
    input.uusi_salasana_button {
        background-image: url(logos/uusisalasana_punainen.png);
        border: 0px;
        height: 22px;
        width: 100px;
    }

    input.uutiskirjesivulle_button {
        background-image: url(logos/uutiskirjesivulle_punainen.png);
        border: 0px;
        height: 22px;
        width: 132px;
    }
    /******************** MUUT NAPIT CSS LOPPUU ********************/
/******************** MUUT CSS LOPPUU ********************/

/******************** PRODUCT_DETAILS CSS ALKAA ********************/
div#sisalto div.tuotesivu{
    display: block;
    float: left;
    margin-left: 12px;
    padding-top: 12px;
    width: 770px;
}

    div#sisalto div.tuotesivu div.tuotesivu_otsikko {
        background-image: url(logos/otsikkopalkki.jpg);
        background-repeat: repeat-x;
        color: #FFFFFF;
        display: block;
        font-size: 16px;
        height: 35px;
        text-align: center;
        width: 100%;
    }

    div#sisalto div.tuotesivu div.tuotesivu_sisalto {
        background-color: #FFFFFF;
        border: 1px solid #bfbfbf;
        padding: 10px 10px 0;
    }

input.tuote_maara {
    position: relative;
    bottom: 7px;
}
/******************** PRODUCT_DETAILS CSS LOPPUU ********************/

/******************** SHOPPINGCART CSS ALKAA ********************/
input.paivita_button {
    background-image: url(logos/paivita.png);
    border: 0px;
    height: 22px;
    width: 65px;
}

input.poista_button {
    background-image: url(logos/poista.png);
    border: 0px;
    height: 22px;
    width: 65px;
}

input.tyhjenna_button {
    background-image: url(logos/tyhjenna.png);
    border: 0px;
    height: 22px;
    width: 65px;
}

input.siirry_tilaukseen_button {
    background-image: url(logos/siirry.png);
    border: 0px;
    height: 22px;
    width: 158px;
}

input.takaisin_button {
    background-image: url(logos/takaisin.png);
    border: 0px;
    height: 22px;
    width: 65px;
}

input.tilaus_button {
    background-image: url(logos/tilaus.png);
    border: 0px;
    height: 22px;
    width: 96px;
}
/******************** SHOPPINGCART CSS LOPPUU ********************/

/* Web Monkey lisäys */

  	     	      	        	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */