/*
lähde sivut/style_main
käyttö tuotteet.aspx
*/

BODY {
BACKGROUND: url(../sivut/img/bg_cover.gif) #e2dfd5 repeat-x;
MARGIN: 0px 15px 20px;
FONT: 13px Arial, Helvetica, sans-serif;
COLOR: #333
}

TD {
FONT: 13px Arial, Helvetica, sans-serif;
COLOR: #333
}

TH {
FONT: 13px Arial, Helvetica, sans-serif;
COLOR: #333
}

A:hover {
COLOR: red;
TEXT-DECORATION: underline
}


.span_lnk {
color:#c42633;
cursor:pointer;
}

DIV#container {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
WIDTH: 970px;
PADDING-TOP: 49px;
POSITION: relative;
TEXT-ALIGN: left
}

DIV#content {
BACKGROUND: #fff;
WIDTH: 970px
}

DIV#logo {
Z-INDEX: 1;
LEFT: 0px;
WIDTH: 86px;
POSITION: absolute;
TOP: 11px;
HEIGHT: 20px
}

.fotoyks {
PADDING-RIGHT: 2px;
PADDING-LEFT: 0px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 0px;
WIDTH: 970px;
COLOR: #999;
PADDING-TOP: 2px;
TEXT-ALIGN: right
}

DIV#base {
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
BACKGROUND: #fff;
PADDING-BOTTOM: 8px;
WIDTH: 899px;
PADDING-TOP: 8px
}

DIV#covertab1bg {
Z-INDEX: 100;
BACKGROUND: #000;
FILTER: alpha(opacity=70);
LEFT: 53px;
WIDTH: 546px;
POSITION: absolute;
TOP: 270px;
HEIGHT: 127px;
-moz-opacity: 0.7;
layer-background-color: #000;
opacity: .7
}

DIV#covertab1 {
Z-INDEX: 101;
LEFT: 53px;
WIDTH: 546px;
POSITION: absolute;
TOP: 206px;
HEIGHT: 64px
}

DIV#covertab1content {
PADDING-RIGHT: 0px;
PADDING-LEFT: 16px;
Z-INDEX: 102;
LEFT: 53px;
PADDING-BOTTOM: 16px;
WIDTH: 506px;
COLOR: #fff;
PADDING-TOP: 16px;
POSITION: absolute;
TOP: 270px;
HEIGHT: 110px
}

DIV#covertab2 {
Z-INDEX: 103;
LEFT: 603px;
WIDTH: 270px;
POSITION: absolute;
TOP: 206px;
HEIGHT: 64px
}

DIV#covertab2bg {
Z-INDEX: 104;
BACKGROUND: #000;
FILTER: alpha(opacity=70);
LEFT: 603px;
WIDTH: 270px;
POSITION: absolute;
TOP: 270px;
HEIGHT: 127px;
-moz-opacity: 0.7;
layer-background-color: #000;
opacity: 0.7
}

DIV#covertab2content
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 16px;
Z-INDEX: 105;
LEFT: 603px;
PADDING-BOTTOM: 16px;
WIDTH: 270px;
COLOR: #fff;
PADDING-TOP: 16px;
POSITION: absolute;
TOP: 270px;
HEIGHT: 110px
}
DIV#covertab1content A:hover
{
COLOR: #fff;
TEXT-DECORATION: none
}
DIV#covertab2content A:hover
{
COLOR: #fff;
TEXT-DECORATION: none
}
DIV#covertab1content UL
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
DIV#covertab2content UL
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
DIV#covertab1content UL LI
{
LINE-HEIGHT: 20px;
LIST-STYLE-TYPE: none
}
DIV#covertab2content UL LI
{
LINE-HEIGHT: 20px;
LIST-STYLE-TYPE: none
}
DIV#covertab1content DIV#newsitem
{
PADDING-LEFT: 18px;
BACKGROUND: url(../img/bg_newsitem.gif) left 50%;
FLOAT: left;
LINE-HEIGHT: 18px;
HEIGHT: 100%
}
DIV#productimage
{
FLOAT: right;
WIDTH: 460px;
HEIGHT: 450px
}

DIV#productinfo {
margin-left:10px;
PADDING-RIGHT: 0px;
FLOAT: left;
PADDING-BOTTOM: 20px;
WIDTH: 420px;
LINE-HEIGHT: 16px;
PADDING-TOP: 20px
}

DIV#lomake
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 30px;
FLOAT: left;
PADDING-BOTTOM: 20px;
WIDTH: auto;
LINE-HEIGHT: 16px;
PADDING-TOP: 20px
}
DIV#productinfo LI
{
LIST-STYLE-TYPE: square
}

DIV#productinfo P
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 15px;
MARGIN: 0px;
PADDING-TOP: 0px
}
DIV#productinfo H1
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: 700;
FONT-SIZE: 13px;
PADDING-BOTTOM: 32px;
MARGIN: 0px;
PADDING-TOP: 0px
}
DIV#productinfo H2
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: 700;
FONT-SIZE: 13px;
PADDING-BOTTOM: 16px;
MARGIN: 0px;
PADDING-TOP: 0px
}
DIV#productinfo H3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: 700;
FONT-SIZE: 24px;
PADDING-BOTTOM: 14px;
MARGIN: 0px;
COLOR: #666;
LINE-HEIGHT: 28px;
PADDING-TOP: 0px
}
DIV#lomake H3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: 700;
FONT-SIZE: 24px;
PADDING-BOTTOM: 32px;
MARGIN: 0px;
COLOR: #666;
LINE-HEIGHT: 28px;
PADDING-TOP: 0px
}
TABLE.trtable
{
MARGIN: 6px 0px 0px 20px;
WIDTH: 905px;
HEIGHT: 40px
}
TABLE.trtable A.clsRed
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
FONT: bold 11px Arial, Helvetica, sans-serif;
VERTICAL-ALIGN: middle;
PADDING-TOP: 12px
}
TABLE.navitable
{
MARGIN-TOP: 10px;
WIDTH: 970px
}




TABLE.tuotteet
{
BORDER-TOP: #e1ded5 1px solid;
BORDER-LEFT: #e1ded5 1px solid;
WIDTH: 840px
}
TABLE.tuotteet TD
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 8px;
COLOR: #000;
LINE-HEIGHT: 15px;
PADDING-TOP: 8px;
BORDER-BOTTOM: #e1ded5 1px solid
}
TABLE.tuotteet TD.pimg
{
PADDING-RIGHT: 10px;
VERTICAL-ALIGN: middle;
WIDTH: 130px;
TEXT-ALIGN: center
}
TABLE.tuotteet TD.ptxt
{
BORDER-RIGHT: #e7dfd6 1px solid;
PADDING-LEFT: 10px;
WIDTH: 290px
}
TABLE.tuotteet TD.ptxtw
{
BORDER-RIGHT: #e7dfd6 1px solid;
PADDING-LEFT: 10px;
WIDTH: 710px
}


TABLE.tuotteet_ar
{
MARGIN-TOP: 20px;
MARGIN-BOTTOM: 20px;
MARGIN-LEFT: 10px;
WIDTH: 820px
}
TABLE.tuotteet_ar TD
{
FONT-SIZE: 12px;
PADDING-TOP: 8px
}
TABLE.tuotteet_ar TD.cb
{
FONT-WEIGHT: 700;
FONT-SIZE: 13px;
COLOR: green
}
TABLE.tuotteet_ar P
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 4px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
TABLE.tuotteet_arh
{
MARGIN-TOP: 50px;
MARGIN-BOTTOM: 15px;
MARGIN-LEFT: 10px;
WIDTH: 820px
}
TABLE.tuotteet_arh TD
{
FONT-SIZE: 12px;
PADDING-TOP: 4px;
TEXT-ALIGN: left;
}



table.tuotteet_kk { /*kuvakirjat*/
margin-top: 20px;
margin-left: 10px;
width: 835px;
}

table.tuotteet_kk td {
font-size: 12px;
padding-top: 8px;
vertical-align: top;
}

table.tuotteet_kk td.cb {
font-weight: bold;
font-size: 13px;
}

table.tuotteet_kk p {
margin: 0px; 
padding-bottom: 4px;
}

table.tuotteet_kk a {
font-size: 11px;
font-weight: bold;
line-height: 12px;
}



table.tuotteet2 { /*kuvakirjat*/
border-top: #e1ded5 1px solid;
border-left: #e1ded5 1px solid;
width: 840px
}
table.tuotteet2 td {
padding: 6px;
font-size: 11px;
line-heigth: 15px;
border-bottom: #e1ded5 1px solid
}
table.tuotteet2 td.pimg {
padding-right: 6px;
vertical-align: middle;
text-align: center
}
table.tuotteet2 td.ptxt {
border-right: #e7dfd6 1px solid;
padding-left: 6px;
padding-top: 8px;
vertical-align: top;
}
table.tuotteet2 p {
margin: 0px; 
padding-bottom: 4px;
}

table.tbl_lst td { /*kuvakirjat palveluna*/
vertical-align:top;
}

#tbl_kkp p {margin-top:5px;}



TABLE.hinnat TD
{
FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif;
COLOR: #000;
PADDING-TOP: 0px
}
TABLE.hinnat TD.lab
{
FONT-WEIGHT: 700
}
TABLE.mallit TD
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: top;
PADDING-TOP: 2px;
TEXT-ALIGN: center
}
TABLE.mallit INPUT.kuva
{
BORDER-RIGHT: #e1ded5 1px solid;
BORDER-TOP: #e1ded5 1px solid;
BORDER-LEFT: #e1ded5 1px solid;
BORDER-BOTTOM: #e1ded5 1px solid
}
.leipis
{
FONT: 400 11px Verdana, Arial, Helvetica, sans-serif;
COLOR: #000
}
.kotsikko
{
FONT: 700 12px Verdana, Arial, Helvetica, sans-serif;
COLOR: #000
}
.otsikko
{
FONT: bold 12px Verdana, Arial, Helvetica, sans-serif;
COLOR: #000
}
.pieni
{
FONT: 10px Verdana, Arial, Helvetica, sans-serif;
COLOR: #999
}
.iso
{
FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
TABLE.tblData
{
BORDER-RIGHT: #333 1px solid;
BORDER-TOP: #333 1px solid;
MARGIN: 2px 4px 2px 0px;
BORDER-LEFT: #333 1px solid;
BORDER-BOTTOM: #333 1px solid
}
TABLE.tblData TH
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
FONT: 10px Verdana, Arial, Helvetica, sans-serif;
VERTICAL-ALIGN: middle;
PADDING-TOP: 2px
}
TABLE.tblData TD
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
FONT: 10px Verdana, Arial, Helvetica, sans-serif;
VERTICAL-ALIGN: middle;
PADDING-TOP: 2px
}
TABLE.tblData TH
{
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BACKGROUND: #333;
BORDER-LEFT: 0px;
COLOR: #fff;
BORDER-BOTTOM: 0px;
TEXT-ALIGN: left
}
TABLE.tblData TD
{
BORDER-RIGHT: #e6e6e6 1px solid;
BORDER-TOP: #e6e6e6 1px solid;
BORDER-LEFT: #e6e6e6 1px solid;
COLOR: #666;
BORDER-BOTTOM: #e6e6e6 1px solid
}
TABLE.tblData TR.clsGrey
{
BACKGROUND: #f8f8f8
}
A:link
{
COLOR: #c42633;
TEXT-DECORATION: none
}
A:visited
{
COLOR: #c42633;
TEXT-DECORATION: none
}
A:active
{
COLOR: #c42633;
TEXT-DECORATION: none
}
DIV#covertab1content A:link
{
COLOR: #ffd300;
TEXT-DECORATION: none
}
DIV#covertab2content A:link
{
COLOR: #ffd300;
TEXT-DECORATION: none
}
DIV#covertab1content A:visited
{
COLOR: #ffd300;
TEXT-DECORATION: none
}
DIV#covertab2content A:visited
{
COLOR: #ffd300;
TEXT-DECORATION: none
}
DIV#covertab1content A:active
{
COLOR: #ffd300;
TEXT-DECORATION: none
}
DIV#covertab2content A:active
{
COLOR: #ffd300;
TEXT-DECORATION: none
}
DIV#covertab1content A.clsIso
{
PADDING-RIGHT: 20px;
PADDING-LEFT: 0px;
FONT-WEIGHT: 600;
FONT-SIZE: 14px;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 30px;
PADDING-TOP: 0px
}
INPUT.clsButton
{
MARGIN: 0px 10px 0px 0px;
FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif;
WIDTH: 120px
}
TEXTAREA
{
OVERFLOW: hidden
}
TD.clsMsg
{
BACKGROUND: none transparent scroll repeat 0% 0%;
FONT: 11px Verdana, Arial, Helvetica, sans-serif;
COLOR: #ff0000
}
TD.clsText
{
BACKGROUND: none transparent scroll repeat 0% 0%;
FONT: 11px Verdana, Arial, Helvetica, sans-serif;
COLOR: #008000
}
DIV.clsFiller1
{
FLOAT: left;
WIDTH: 40px
}
DIV.clsFiller2
{
FLOAT: left;
WIDTH: 5px
}

.close {
position:absolute;
left:223px;
top:8px;
width:13px;
height:13px;
background-image:url('https://www.fotoyks.fi/img/btn/sulje.png');
cursor:pointer;
}