body {
background-color: #D3D5D8;
color: #444444;
font-family: Tahoma, Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
padding: 0px;
margin: 0px;
}

form {
padding: 0px;
margin: 0px;
}

br {
line-height: 16px;
}

p {
line-height: 14px;
}

img {
border-style: solid;
border-width: 0px;
}

a, a:visited {
text-decoration: none;
color: #444444;
}

a:active, a:hover {
text-decoration: underline;
color: #444444;
}

#hylly-kehys,
#hylly-kehys-yksittainen {
width: 621px;
height: 707px;
margin: 76px auto 0 auto;
padding: 0 0 76px 0;
}

#hylly-kehys-yksittainen {
height: 315px;
}

#hylly-kehys #hylly-ylatunniste,
#hylly-kehys-yksittainen #hylly-ylatunniste {
background-image: url(hylly-kehys.png);
background-position: left top;
padding: 50px 0px 0px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
margin: 0px 0px 0px 15px;
}

#hylly-kehys #hylly-ylatunniste,
#hylly-kehys-yksittainen #hylly-ylatunniste,
#hylly-kehys .hylly,
#hylly-kehys-yksittainen .hylly {
width: 566px;
}

#hylly-kehys #hylly-alatunniste,
#hylly-kehys-yksittainen #hylly-alatunniste {
margin-top: -69px;
}

#hylly-kehys .hylly,
#hylly-kehys-yksittainen .hylly {
height: 241px;
margin: 0px auto 0px auto;
}

#hylly-kehys .paadyt,
#hylly-kehys-yksittainen .paadyt {
background-image: url(hylly-vasen.png), url(hylly-oikea.png);
background-position: left 77px, right 77px;
background-repeat: no-repeat;
height: 241px;
}

#hylly-kehys .taso,
#hylly-kehys-yksittainen .taso {
background-image: url(hylly-keski.png);
background-size: 100% 164px;
background-position: left 77px;
background-repeat: repeat-x;
margin: 0px 50px 0px 50px;
height: 241px;
}

#hylly-kehys .hylly-neljalle,
#hylly-kehys-yksittainen .hylly-neljalle {
width: 556px;
}

#hylly-kehys .hylly-kolmelle,
#hylly-kehys-yksittainen .hylly-kolmelle {
width: 444px;
}

#hylly-kehys .hylly-kahdelle,
#hylly-kehys-yksittainen .hylly-kahdelle {
width: 332px;
}

#hylly-kehys .hylly-yhdelle,
#hylly-kehys-yksittainen .hylly-yhdelle {
width: 220px;
}

#hylly-kehys .alempi-taso,
#hylly-kehys-yksittainen .alempi-taso {
margin-top: -45px;
}

#hylly-kehys .alin-taso,
#hylly-kehys-yksittainen .alin-taso {
padding-bottom: 24px;
}

#hylly-kehys .sisalto,
#hylly-kehys-yksittainen .sisalto {
margin: 0px 4px 0px 4px;
}


#hylly-kehys .puhekupla,
#hylly-kehys-yksittainen .puhekupla {
width: 100px;
height: 136px;
margin: 0px 6px 0px 6px;
float: left;
cursor: pointer;
}

#hylly-kehys .pikkukuvat,
#hylly-kehys-yksittainen .pikkukuvat {
width: 90px;
height: 126px;
border: 5px solid #FCFCFC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-webkit-transition: -webkit-transform 0.1s;
-webkit-transform: translate(0, 0);
-moz-transition: -moz-transform 0.1s;
-moz-transform: translate(0, 0);
-ms-transition: -ms-transform 0.1s;
-ms-transform: translate(0, 0);
-o-transition: -o-transform 0.1s;
-o-transform: translate(0, 0);
transition: transform 0.1s;
transform: translate(0, 0);
}

#hylly-kehys .pikkukuvat:hover,
#hylly-kehys-yksittainen .pikkukuvat:hover {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, -6px, 0);
-moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, -6px, 0);
-ms-transform: scale3d(1.1, 1.1, 1) translate3d(0, -6px, 0);
-o-transform: scale3d(1.1, 1.1, 1) translate3d(0, -6px, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(0, -6px, 0);
}

#hylly-kehys .pikkukuvat:hover .loader,
#hylly-kehys-yksittainen .pikkukuvat:hover .loader {
background-image: url(loader.gif);
background-color: rgba(255, 255, 255, 0.7);
background-size: 25px 25px;
background-position: 50% 50%;
background-repeat: no-repeat;
width: 90px;
height: 126px;
}

#hylly-kehys #matkani-on-vasta-alussa,
#hylly-kehys-yksittainen #matkani-on-vasta-alussa {
background-image: url(../matkani-on-vasta-alussa/matkani-on-vasta-alussa.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #nuo-idiootin-vuotavat-silmat,
#hylly-kehys-yksittainen #nuo-idiootin-vuotavat-silmat {
background-image: url(../nuo-idiootin-vuotavat-silmat/nuo-idiootin-vuotavat-silmat.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-01,
#hylly-kehys-yksittainen #lehtileike-01 {
background-image: url(../lehtileikkeet/lehtileike-01.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-02,
#hylly-kehys-yksittainen #lehtileike-02 {
background-image: url(../lehtileikkeet/lehtileike-02.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-03,
#hylly-kehys-yksittainen #lehtileike-03 {
background-image: url(../lehtileikkeet/lehtileike-03.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-04,
#hylly-kehys-yksittainen #lehtileike-04 {
background-image: url(../lehtileikkeet/lehtileike-04.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-05,
#hylly-kehys-yksittainen #lehtileike-05 {
background-image: url(../lehtileikkeet/lehtileike-05.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-06,
#hylly-kehys-yksittainen #lehtileike-06 {
background-image: url(../lehtileikkeet/lehtileike-06.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-07,
#hylly-kehys-yksittainen #lehtileike-07 {
background-image: url(../lehtileikkeet/lehtileike-07.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys #lehtileike-08,
#hylly-kehys-yksittainen #lehtileike-08 {
background-image: url(../lehtileikkeet/lehtileike-08.png);
background-size: 90px 126px;
background-position: left top;
background-repeat: no-repeat;
}

#hylly-kehys .nauha,
#hylly-kehys-yksittainen .nauha {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 14px;
color: #444444;
-webkit-font-smoothing: antialiased;
position: relative;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: center;
z-index: 0;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

#hylly-kehys .teksti,
#hylly-kehys-yksittainen .teksti {
display: inline-block;
padding: 8px 20px 8px 20px;
width: 556px;
line-height: 24px;
background: #D4C5A8;
position: relative;
}

#hylly-kehys .nauha:after,
#hylly-kehys-yksittainen .nauha:after,
#hylly-kehys .nauha:before,
#hylly-kehys-yksittainen .nauha:before,
#hylly-kehys .teksti:before,
#hylly-kehys-yksittainen .teksti:before,
#hylly-kehys .teksti:after,
#hylly-kehys-yksittainen .teksti:after {
content: '';
position: absolute;
border-style: solid;
}

#hylly-kehys .teksti:before,
#hylly-kehys-yksittainen .teksti:before {
bottom: 100%;
left: 0;
border-width: 8px 14px 0 0;
border-color: transparent #BAAD93 transparent transparent;
}

#hylly-kehys .teksti:after,
#hylly-kehys-yksittainen .teksti:after {
top: 100%;
right: 0;
border-width: 8px 14px 0 0;
border-color: #BAAD93 transparent transparent transparent;
}

#hylly-kehys .nauha:after,
#hylly-kehys-yksittainen .nauha:after {
top: 10px;
right: -25px;
border-width: 20px 20px 20px 19px;
border-color: #CDBEA2 transparent #CDBEA2 #CDBEA2;
z-index: -1;
}

#hylly-kehys [data-tooltip],
#hylly-kehys-yksittainen [data-tooltip] {
position: relative;
}

#hylly-kehys [data-tooltip]:before,
#hylly-kehys-yksittainen [data-tooltip]:before,
#hylly-kehys [data-tooltip]:after,
#hylly-kehys-yksittainen [data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}

#hylly-kehys [data-tooltip]:before,
#hylly-kehys-yksittainen [data-tooltip]:before {
position: absolute;
bottom: 109%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 146px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #000000;
background-color: hsla(0, 0%, 20%, 0.9);
content: attr(data-tooltip);
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
line-height: 1.2;
z-index: 1;
}

#hylly-kehys [data-tooltip]:after,
#hylly-kehys-yksittainen [data-tooltip]:after {
position: absolute;
bottom: 106%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 9px solid #000000;
border-top: 9px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
z-index: 1;
}

#hylly-kehys [data-tooltip]:hover:before,
#hylly-kehys-yksittainen [data-tooltip]:hover:before,
#hylly-kehys [data-tooltip]:hover:after,
#hylly-kehys-yksittainen [data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}