<!--

a
{
    color: #e58c00;
    text-decoration: none;
}

a:hover
{
    color: #e58c00;
    text-decoration: underline;
}

a:visited
{
    color: #edb151;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    color: #000000;
    font-family: tahoma, verdana, sans-serif;
    font-size: 0.8em;
    line-height: 1.3em;
}

button, input, select, textarea
{
    color: #000000;
    font-family: tahoma, verdana, sans-serif;
    font-size: 1.0em;
}

button
{
    width: 121px;
    height: 27px;
    border: none;
    background: transparent url(../image/668) no-repeat;
    text-align: center;
    font-weight: bold;
}

form
{
    margin: 0px;
    padding: 0px;
}

h1
{
    margin: 10px 0px 20px 0px;
    padding: 0px;
    font-size: 1.8em;
    font-weight: normal;
}

h2
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-family: trebuchet ms, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}

input, textarea
{
    border: 1px solid #999999;
    background-color: #ffffff;
}

img, table
{
    border: none;
}

p
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

small
{
    font-size: 0.85em;
}

td
{
    vertical-align: top;
}

textarea
{
    overflow: auto;
}

ul li
{
    margin-bottom: 5px;
}

.boxi-ajankohtaista
{
    width: 397px;
    padding: 15px;
    border-top: 5px solid #e58c00;
    background-color: #fcf3e5;
}

.boxi-ajankohtaista .teksti
{
    padding: 10px;
}

.boxi-lahesty
{
    padding: 15px;
    width: 433px;
    border-top: 5px solid #76b6d9;
    background: #edf5fa url(../image/665) no-repeat top right;
}

.boxi-lahesty .lomake
{
    margin-top: 30px;
    width: 403px;
    padding: 10px;
    border: 5px solid #fafcfe;
    background-color: #f2f8fb;
}

.boxi-lahesty .lomake label
{
    padding-right: 10px;
}

.boxi-lahesty .lomake .vastaus
{
    padding: 30px;
}

.boxi-lahesty .lomake input, .boxi-lahesty .lomake textarea
{
    padding: 2px;
    width: 270px;
}

.boxi-lahesty .teksti
{
    padding: 0px 10px 0px 15px;
}

.boxi-lahesty h2
{
    padding-left: 5px;
}

.boxi-linkit
{
    width: 191px;
    padding: 15px;
    border-top: 5px solid #bacc73;
    background-color: #f2f6e5;
}

.boxi-linkit a
{
    display: block;
    padding: 0px 0px 5px 28px;
    background: transparent url(../image/666) no-repeat top left;
    font-weight: bold;
}

.boxi-linkit a, .boxi-linkit a:hover, .boxi-linkit a:visited
{
    color: #82a302;
}

.boxi-media-oikea
{
    padding: 15px 0px 15px 15px;
    width: 478px;
    border-top: 5px solid #76b6d9;
    background-color: #edf5fa
}

.boxi-media-oikea .teksti
{
    padding: 0px 0px 0px 4px;
}

.boxi-media-oikea a, .boxi-media-oikea a:hover, .boxi-media-oikea a:visited
{
    color: #82a302;
}

.boxi-media-oikea h2
{
    padding-left: 5px;
}

.boxi-media-oikea div.item
{
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 10px;
    width: 180px;
    height: 140px;
    background-color: #ffffff;
    font-size: 0.85em;
}

.boxi-media-oikea div.item img
{
    margin-bottom: 5px;
}

.boxi-media-vasen
{
    padding: 15px 20px 20px 20px;
    width: 427px;
    border-top: 5px solid #bacc73;
    background-color: #f2f6e5;
}

.boxi-media-vasen a, .boxi-media-vasen a:hover, .boxi-media-vasen a:visited
{
    color: #82a302;
}

.boxi-media-vasen .teksti
{
    padding: 0px 10px 0px 10px;
}

.boxi-myyjat-vasen, .boxi-myyjat-oikea
{
    padding: 15px 20px 20px 20px;
    border-top: 5px solid #bacc73;
    background-color: #f2f6e5;
}

.boxi-myyjat-vasen a, .boxi-myyjat-oikea a, .boxi-myyjat-vasen a:hover, .boxi-myyjat-oikea a:hover,
.boxi-myyjat-vasen a:visited, .boxi-myyjat-oikea a:visited
{
    color: #82a302;
}

.boxi-myyjat-vasen
{
    padding: 15px 0px 20px 20px;
    width: 100%;
}

.boxi-myyjat-vasen div.heading
{
    clear: both;
    width: 100%;
    padding: 1px 10px 1px 10px;
    background-color: #82a302;
    color: #ffffff;
    font-size: 0.85em;
    font-weight: bold;
}

.boxi-myyjat-vasen div.items
{
    width: 100%;
    float: left;
    clear: both;
    padding: 5px 0px 5px 20px;
}

.boxi-myyjat-vasen div.item
{
    float: left;
    width: 200px;
    line-height: 1.7em;
}

.boxi-myyjat-vasen .teksti
{
    padding: 0px 10px 0px 10px;
}

.boxi-nosto
{
    width: 232px;
    background-color: #f2f4e8;
}

.boxi-sisalto-oikea
{
    padding: 15px 20px 15px 20px;
    width: 200px;
    border-top: 5px solid #bacc73;
    background-color: #f2f6e5;
}

.boxi-sisalto-oikea a, .boxi-sisalto-oikea a:hover, .boxi-sisalto-oikea a:visited
{
    color: #82a302;
}

.boxi-sisalto-oikea div.item
{
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 8px 10px;
    background-color: #ffffff;
    font-size: 0.85em;
}

.boxi-sisalto-oikea div.item img
{
    margin-bottom: 5px;
}

.boxi-sisalto-vasen
{
    padding: 15px 30px 15px 30px; */
    width: 590px;
    border-top: 5px solid #76b6d9;
    background-color: #edfefa;
}

.boxi-yhteystiedot
{
    padding: 15px 20px 20px 20px;
    width: 487px;
    border-top: 5px solid #bacc73;
    background-color: #f2f6e5;
}

.boxi-yhteystiedot a, .boxi-yhteystiedot a:hover, .boxi-yhteystiedot a:visited
{
    color: #82a302;
}

.boxi-yhteystiedot .teksti
{
    padding: 0px 10px 0px 10px;
}

/** Product colors ****/
div.colors
{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #98b4bf;
    font-weight: bold;
}
div.colors a
{
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    background: transparent url(../image/3438) no-repeat;
}
div.colors span
{
    display: block;
    float: left;
    padding: 2px 10px 0px 0px;
}


.sisalto-linkki
{
    padding: 0px 10px 5px 10px;
}

.vali
{
    width: 10px;
}

#detaljit-ikkuna
{
    display: none;
}

#detaljit-ikkuna-teksti
{
    padding: 10px 50px 10px 60px;
}

#detaljit-ikkuna-teksti .numero
{
    width: 23px;
    color: #cc0000;
    font-weight: bold;
}


#kampanja-rokka
{
    clear: both;
    padding-top: 13px;
}

#kampanja-rokka-sisalto
{
    padding: 15px 20px 15px 20px;
    width: 534px;
    border-top: 5px solid #bececb;
    background-color: #f2f4e8;
}

#sivu
{
    margin: 20px auto 24px auto;
    width: 900px;
}

#sivu-ala
{
    padding: 15px;
    color: #7f7f7f;
    font-size: 0.85em;
}

#sivu-kuva
{
    clear: both;
}

#sivu-nauha
{
    clear: both;
    padding: 10px 0px 10px 0px;
}

#sivu-nauha div
{
    padding: 27px 0px 0px 28px;
    width: 872px;
    height: 43px;
    background: transparent url(../image/669) no-repeat;
}

#sivu-sisalto
{
    background: #fcf3e5 url(../image/676) no-repeat top right;
}

#sivu-sisalto .lista h1
{
    margin-bottom: 5px;
}

#sivu-sisalto .sisalto
{
    padding: 20px;
}

#sivu-sisalto .teksti
{
    padding: 0px 10px 0px 10px;
    width: 630px;
}

#sivu-sisalto .yla
{
    padding: 3px 0px 0px 20px;
    height: 21px;
    background: #e58c00 url(../image/677) no-repeat top right;
    color: #ffffff;
    font-size: 0.85em;
}

#sivu-sisalto .ylareuna
{
    border-top: 5px solid #e58c00;
}

#sivu-sisalto .yla a, #sivu-sisalto .yla a:visited
{
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

#sivu-sisalto .yla a:hover
{
    text-decoration: none;
}

#sivu-yla
{
    clear: both;
    float: left;
}

#sivu-yla .logo
{
    float: left;
    padding: 8px 0px 0px 0px;
}

#sivu-yla .navi
{

    text-align: right;
    padding: 0px 0px 0px 0px;
}

#sivu-yla .navi
{
    float: right;
    padding: 0px 0px 0px 0px;
}

#sivu-yla .navi .ala
{
    clear: both;
    padding: 0px;
    color: #ddeaf4;
    font-family: verdana, sans-serif;
    font-size: 0.85em;
    text-align: left;
}

#sivu-yla .navi .ala a
{
    margin: 0px 7px 0px 7px;
    color: #82a302;
    font-weight: bold;
}

#sivu-yla .navi .ala a:hover
{
    color: #e58c00;
    text-decoration: none;
}

#sivu-yla .navi .ala a.valittu, #sivu-yla .navi .ala a.valittu:hover
{
    color: #000000;
    text-decoration: none;
}

/** Suomi-kumisaapasmallisto *************/

#kampanja-suomisaapasmallisto
{
    clear: both;
    margin-top: 13px;
    border-top: 7px solid #90aeba;
}

#kampanja-suomisaapasmallisto td.left
{
    padding: 15px 25px 0px 0px;
    width: 295px;
}

/** Polku **/
#kampanja-suomisaapasmallisto td.left div.colors a.page-1873 { background-position:   0px -24px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1874 { background-position: -24px -24px; }

/** Pallas lapset **/
#kampanja-suomisaapasmallisto td.left div.colors a.page-1871 { background-position:   0px -96px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1870 { background-position: -24px -96px; }

/** Kaski **/
#kampanja-suomisaapasmallisto td.left div.colors a.page-1866 { background-position:   0px -72px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1867 { background-position: -24px -72px; }

/** Suomi lapset **/
#kampanja-suomisaapasmallisto td.left div.colors a.page-1864 { background-position:   0px -120px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1863 { background-position: -24px -120px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1862 { background-position: -48px -120px; }

/** Suomi naiset **/
#kampanja-suomisaapasmallisto td.left div.colors a.page-1859 { background-position:   0px -48px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1858 { background-position: -24px -48px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1857 { background-position: -48px -48px; }

/** Suomi miehet **/
#kampanja-suomisaapasmallisto td.left div.colors a.page-1854 { background-position:   0px 0px; }
#kampanja-suomisaapasmallisto td.left div.colors a.page-1855 { background-position: -24px 0px; }

#kampanja-suomisaapasmallisto td.left div.text
{
    clear: both;
    padding: 15px 10px 15px 10px;
}

#kampanja-suomisaapasmallisto td.left div.title
{
    margin: 3px 0px 0px 0px;
    padding: 10px;
    background-color: #edfefa;
    border-bottom: 1px solid #86adb6;
    font-size: 1.3em;
}

#kampanja-suomisaapasmallisto td.right
{
    padding: 15px 0px 0px 0px;
    width: 568px;
}

#kampanja-suomisaapasmallisto td.right div.menu
{
    float: left;
    width: 568px;
    margin: 15px 0px 0px 0px;
    border-top: 5px solid #90aeba;
    background-color: #f6fafc;
}

#kampanja-suomisaapasmallisto td.right div.menu div.item
{
    float: left;
    padding: 10px 30px 10px 30px;
    width: 115px;
    text-align: center;
}

#kampanja-suomisaapasmallisto td.right div.menu div a
{
    color: #82a302;
    font-size: 1.1em;
}

#kampanja-suomisaapasmallisto td.right div.menu div a.image
{
    display: block;
    margin: 0px 0px 5px 0px;
    width: 115px;
    height: 125px;
    border: 2px solid #ffffff;
    background-repeat: no-repeat;
}

#kampanja-suomisaapasmallisto td.right div.menu div a.page-1853 { background-image: url(../image/3439); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1856  { background-image: url(../image/3440); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1860  { background-image: url(../image/3441); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1861  { background-image: url(../image/3447); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1866  { background-image: url(../image/3444); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1867  { background-image: url(../image/3589); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1868  { background-image: url(../image/3442); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1869  { background-image: url(../image/3445); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1872  { background-image: url(../image/3446); }
#kampanja-suomisaapasmallisto td.right div.menu div a.page-1875  { background-image: url(../image/3443); }

#kampanja-suomisaapasmallisto td.right div.menu div a.image:hover,
#kampanja-suomisaapasmallisto td.right div.menu div.selected a.image
{
    border: 2px solid #90aeba;
}

#kampanja-suomisaapasmallisto td.right div.menu div.selected a
{
    color: #000000;
}

#kampanja-suomisaapasmallisto td.right h1
{
    margin: 5px 0px 20px 0px;
    padding: 0px;
}


/** Ghosthound-mallisto *************/

#kampanja-ghosthound
{
    clear: both;
    margin-top: 13px;
    width: 900px;
    background: transparent url(../image/3471) no-repeat left top;
    border-top: 7px solid #90aeba;
}

#kampanja-ghosthound td div.colors a                 { background-image: url(../image/3473); }
#kampanja-ghosthound td div.colors a.page-left-1943  { background-position:     0px 0px; }
#kampanja-ghosthound td div.colors a.page-left-1944  { background-position:   -25px 0px; }

#kampanja-ghosthound td div.colors a.page-right-1943 { background-position:   0px -25px; }
#kampanja-ghosthound td div.colors a.page-right-1944 { background-position: -25px -25px; }

#kampanja-ghosthound td div.colors
{
    border-bottom: 1px solid #90aeba;
}

#kampanja-ghosthound td div.text
{
    clear: both;
    padding: 15px 10px 15px 10px;
}

#kampanja-ghosthound td div.title
{
    margin: 3px 0px 0px 0px;
    padding: 10px;
    border-bottom: 1px solid #90aeba;
    font-size: 1.3em;
}

#kampanja-ghosthound td.left
{
    width: 365px;
    padding-right: 85px;
}

#kampanja-ghosthound td.right
{
    width: 365px;
    padding-left: 85px;
}

a.banneri
{
     padding: 0px;
     background: none;
}

-->