input.actionshort{
font-size: 12pt;
vertical-align: top;
background: #cfcfcf;
color: #666666;
height: 30px;
width: 160px;
border: 1px solid #999999;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
background-image: url(images/buttongrad.gif);
background-position:center;
background-repeat: repeat-x;
}


table.kuvitus{
padding-left:20px;
}

form{

}

a.TDpaataso {
background-color : #cccccc;
width : 220px;
height:35px;
border-left:1px solid #cccccc;
border-top:2px solid #dedfdf;
border-bottom:2px solid #dedfdf;
valign:top;
padding-top:5px;
}


td.teksti_tilaus{
padding : 0;
margin : 0;
padding-right : 0px;
padding-left:10px;
width:500px;
}

td.productImg_meikit {
text-align : center;
padding : 5px;
margin : 5px;
width : 100%;
border : 1px solid #cccccc;
}

td.tuoteteksti_meikit {
padding : 5px;
margin : 0;
padding-right : 10px;
font-family : arial, helvetica, sans-serif-serif;
font-size : 11pt;
color : #666666;
border : 1px solid #cccccc;
width : 100%;
}

td.productImg {
text-align : center;
padding : 20px;
margin : 5px;
width : 100px;
border : 1px solid #cccccc;
}
td.productImg_tarvikkeet {
text-align : center;
padding : 20px;
margin : 5px;
width : 100%;
border : 1px solid #cccccc;
}
td.tuoteteksti {
padding : 5px;
margin : 0;
padding-right : 10px;
font-family : arial, helvetica, sans-serif-serif;
font-size : 11pt;
color : #666666;
border : 1px solid #cccccc;
width : 300px;
}




#contentArea_right_tuotteet {
background-color : #ffffff;
float : left;
margin : 0;
padding : 0;
width:500px; 
padding-left:30px;
padding-top:10px;
}

#alakuva {
valign:bottom;
padding-top : 10px;
font-size : 10px;
background-color : #999999;
color : #ffffff;
float : left;
width : 100%;
height : 30px;
margin : 0;
font-family : arial, helvetica, sans-serif-serif;
font-size : 8pt;
}


#navi_right_front table {

}

#navi_right_front  {
position:absolute;
top:156px;
left:710px;
float : right;
background-color : #ffffff;
padding-top : 0px;
width : 220px;
margin : 0 0 0 0;
padding-left : 10px;
padding-right : 0px;
padding-bottom : 5px;
}

#navi_right_front p{
width:200px;
font-size : 12pt;
color : #ffffff;
font-weight:bold;
padding-left:120px;
padding-top:15px;
}

#navi_right_front a {
padding-top : 8px;
color : #ffffff;
background-color : #ffcc99;
width : 220px;
height : 35px;
text-align : left;
display : block;
padding-left : 10px;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #ffffff;
font-weight : bold;
font-style : normal;
text-decoration : none;
border-bottom: 5px solid #ffffff;
border-top:2px solid #dedfdf;

}


#navi_right_front a:hover {
padding-top : 8px;
color : #ffffff;
background-color:#b7b7b7;
width : 220px;
height : 35px;
text-align : left;
display : block;
padding-left : 10px;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #ffffff;
font-weight : bold;
font-style : normal;
text-decoration : none;

}

#navi_right_front a:active {
padding-top : 8px;
color : #ffffff;
background-color : #ffcc99;
width : 220px;
height : 35px;
text-align : left;
display : block;
padding-left : 10px;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #ffffff;
font-weight : bold;
font-style : normal;
text-decoration : none;
}



a.LueLisaa:link {
color : #ffaf5d;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}
a.LueLisaa:visited {
color : #ffaf5d;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}
a.LueLisaa:hover {

text-decoration : underline;
color : #ffaf5d;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;

}
a.LueLisaa:active {
color : #716058;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}

/*background hoidettava kuvalla*/
body {
background-image : url(images/tausta.gif);
background-color : #9c9d9f;
background-repeat : repeat-x;
width : 100%;
margin : 0;
padding : 0;
text-align : center;
font-family:  arial, helvetica, sans-serif-serif;

font-size: 11pt;
color: #666666;
font-weight: normal;
font-style: normal;
width:450px;
}

#ajankohtaista{
position:absolute; 
top:500px; 
left:670px; 
background-image: url(images/ajankohtaista.gif);
background-repeat : no-repeat;
margin : 0;
padding : 50px;
text-align : left;
font-family:  arial, helvetica, sans-serif-serif;
font-size: 11pt;
color: #bacf31;
font-weight: bold;
font-style: normal;
width:300px;
height:400px;
z-index:30;
padding-top:100px;
}

#ajankohtaista p{
width:180px;
padding-left:20px;
}


#laskuri{
position:relative;
width:10px;

}

img.tilaus{
border:0;
}

#huomio{
z-index:10;
background-image : url(images/Huomio.gif);
position: absolute;
background-repeat : no-repeat;
top:350px;
left:740px;
color:#000000;
font-family:  arial, helvetica, sans-serif-serif;

font-size: 10pt;

}

td.lahjakortti {
padding : 10px;
margin : 0;
padding-left:10px;
font-family : arial, helvetica, sans-serif-serif;
font-size : 11pt;
color : #666666;
border : 1px solid #cccccc;
width : 100%;
}

img.lahjakortti{
border: 1px solid #999999;
padding:5px;
}

#palkinto{
background-color : #ffffff;
position:absolute;
top:474px;
left:520px;
border:1px solid #cccccc;
padding:5px;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
color : #666666;
}

#bottom_image{
background-color : #ffffff;
position:absolute;
top:630px;
left:510px;
border:1px solid #cccccc;
padding:5px;
}
#muru{
z-index:1;
position:absolute;
top:140px;
left:490px;
font-family : arial, helvetica, sans-serif;
font-size : 10px;
color : #999999;
border-bottom:1px dotted #CCCCCC;
width:100%;
}



#shadow{
	
	background-color : #ffffff;
	width: 850px;
	height: 100%;
	margin: auto;
	margin-left:100px;
	padding: 0px 0px 0px 0px;
border:2px solid #dedfdf;
}
#stroke{
	background-color : #ffffff;
	
	width:850;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
h1 {
font-family : arial, helvetica, sans-serif;
font-size : 18px;
color : #999999;
padding-left : 0px;
padding-right : 20px;
padding-top : 0px;
}
h2 {
font-family : arial, helvetica, sans-serif;
font-size : 12pt;
color : #ffcc99;
padding-left : 0;
padding-right : 20px;
padding-top : 30px;
}
h3 {
font-family : arial, helvetica, sans-serif;
font-size: 11pt;
color : #999999;
text-align:left;
padding-right : 5px;
padding-top : 5px;
}
H4{
font-family : arial, helvetica, sans-serif-serif;
font-size : 11pt;
color : #ffcc99;
font-weight:bold;
}

h5 {
font-family : arial, helvetica, sans-serif;
font-size: 12pt;
color : #666666;
text-align:left;
padding-right : 5px;
padding-top : 5px;
}
h6 {
font-family : arial, helvetica, sans-serif;
font-size : 12pt;
color : #666666;
padding-left : 0;
padding-right : 20px;
padding-top : 30px;
}


#row1 {
background-color : #ffffff;
width : 850px;
height : 121px;
margin : 0;
padding : 0;
}
#logo {
float : left;
margin : 0;
padding-top : 15px;
}
#top {
margin : 0;
border : 0;
}
#row2 {
height: 28px;
background-color:#b7b7b7;
position : absolute;
width : 860px;
left : 72;
top : 102px;
margin : 0;
padding : 0;

}


table.menupalkki {
width:860px;
height: 28px;
margin : 0;
padding : 0;
}

#topNavi {

height: 27px;
margin : 0 0 0 0;
padding : 0;

}
#topNavi a {
color : #ffffff;
font-size: 11pt;
text-decoration : none;
margin : 0;
padding : 0;
padding-top:5px;
}
#topNavi a:hover {
text-decoration : underline;
}
#navcontainer {
margin : 0;
padding : 0;
background-color : transparent;
width: 855;

}
#navcontainer ul li {
display:inline;

}
#navcontainer ul
{
margin : 0;
padding : 0;
list-style:none;
margin-top:0;
padding-top:7;
color: #FFFFFF;
font-family: arial, helvetica, sans-serif-serif;
font-size : 11pt;
font-weight: none;
background-color:#b7b7b7;

}

#navcontainer ul li a
{
display:block;
padding-top:5px;
text-align:center;
background-color:#b7b7b7;
color: #FFFFFF;
text-decoration: none;
float: left;
height: 26px;
width:213px;
font-size : 11pt;
font-weight: none;
border-top:2px solid #dedfdf;
border-bottom:2px solid #dedfdf;
}

#navlist {
margin : 0;
padding : 0;
}
#navlist li a:hover, #navlist li a:active {
display:block;
background-color : #999999;
font-family : arial, helvetica, sans-serif-serif;
font-size : 11pt;
text-decoration : none;
color : #ffcc99;
font-weight: none;
border-top:2px solid #dedfdf;
border-bottom:2px solid #dedfdf;
}
#navcontainer ul li a.active {
display:block;
background-color : #ffcc99;
height: 26px;
color : #ffffff;
font-weight: none;
font-weight : bold;
border-top:2px solid #dedfdf;
border-bottom:2px solid #dedfdf;
}



#row3 {
background-color : #ffffff;
width : 850px;
height : auto;
margin : 0;
text-align : left;
padding: 0;
}

#navi_left { 
font-family:Arial, sans-serif-serif;
background-color: #ffffff;
float : left;
width:215px;
}

#navi_left ul
{
margin: 0;
padding: 0;
list-style-type: none;
color: #fff;
background-color: #ffffff;
padding-top:8px;
}

#navi_left li { margin:0; margin-top:5px; background-color: #ffffff;}

/*padding hoidettava kuvalla*/
#navi_left a
{
display:block;
color: #fff;
background-color: #999999;
text-decoration: none;
border-top:3px solid #cccccc;
padding-top:8px;
height:35px;
padding-left:5px;
}


#navi_left a:hover
{
color: #fff;
text-decoration: none;
background-color: #666666;
border-top:3px solid #cccccc;
padding-top:8px;
height:35px;
padding-left:5px;
}

#navi_left ul ul{margin:0;padding:0; 
#navi_left ul ul li { margin: 0 0 1px 0; }


/*padding hoidettava kuvalla*/
#navi_left ul ul li a
{
display: block;
padding: 5px 10px;
color: #fff;
background-color: #333333;
text-decoration: none;
padding-top:8px;
height:35px;
}
#navi_left ul ul a:hover
{
color: #fff;
background-color: #666666;
text-decoration: none;
padding-top:10px;
height:35px;
}
#navi_left ul ul a.active
{
color: #fff;
background-color: #666666;
text-decoration: none;
border-right:5px solid #ffcc99;
padding-top:8px;
height:35px;
}

#content {
background-color : #ffffff;
position : relative;
top : 16px;
width : 100%;
height : auto;
margin : 0 0 0 0;
padding : 0;
text-align : left;

}
table.contentArea {
background-color : #ffffff;
width : 100%;
padding : 0 0 0 0;
margin : 0 0 0 0;
}


td.content_left {
padding : 10px;
margin : 1px;
padding-top : 0;
}
td.content_right {
}


td.content_hoidot {

}


img.content_right_img {
border-bottom : 1px solid #999999;
}
#contentArea {
padding-top : 20px;
background-color : #ffffff;
float : left;
width : 569px;
margin : 0;
padding-right : 0;
padding-right:20px;
}


#contentArea_left {
background-color : #ffffff;
float : left;
width : 569px;
margin : 0;
padding-right : 0;
}
#contentArea_right {
background-color : #ffffff;
width : 600px;
margin : 0;
padding : 0;

}



#content_front {
background-color : #ffffff;
width : 650px;
margin : 0 0 0 0;
padding-top : 20px;
text-align : left;
padding-right : 0;
}

#content_front H2 {

font-family : arial, helvetica, sans-serif;
font-size : 12pt;
color : #999999;
padding-left : 0;
padding-right : 20px;
padding-top : 30px;
}

.textarea{
margin-top:100px;
}

table.kuvitus_front {
margin:0;
padding : 0px 0px 0px 0px;
margin-left:20px; 


}
td.teksti {
padding : 0;
margin : 0;
padding-right : 10px;

}

#content_front .teksti {
padding-left : 20px;
padding-bottom : 10px;
padding-right : 20px;
}
table.kuvitus2 {
padding : 20px 20px 20px 10px;
margin : 20px 20px 20px 20px;
}
#row4 {
background-color : #ffffff;
padding-bottom : 0;
text-align : left;
margin-left:0px
height:auto;
width : auto;
}
#products {
background-color : #ffffff;
text-align : left;
position : absolute;
top : 350px;
left : 430px;
width : auto;
height : auto;
margin : auto;
padding : 10px;


}


#row5 {
background-color : #ffffff;
background-image : url("/imgs/bg_navi.gif");
background-position : left bottom;
background-repeat : repeat-y;
width : 850px;
height : 50px;
margin : 0;
padding-top : 30px;
margin-bottom : 0;
}
#copyright {
text-align : right;
width : 770px;
height : 11px;
margin : auto;
padding : 0;
font-family : arial, helvetica, sans-serif-serif;
font-size : 8pt;
color : #ffffff;
}
li.square {
list-style : square;
}
li.alpha {
padding-top : 5px;
}

#tuotteet_header {
float : left;
width : 210px;
padding : 0;
text-align : center;
}
#naviTuotteet_header p {
font-size : 11pt;
color : #cccccc;
margin : 0;
padding : 0 0 0 0;

}

#naviTuotteet{
position:absolute;
top:140px;
left:315px;
width : 210px;
padding : 0;
text-align : center;
z-index:20px;
}
#naviTuotteet p {
font-size : 11pt;
color : #cccccc;
margin : 0;
padding : 0 0 0 0;
}

#naviTuotteet p {
font-size : 11px;
color : #cccccc;
margin : 0;
padding : 0 0 0 0;

}




#navi_right {
float : right;
width : 220px;
margin-top : 17px;
height:120px;
padding-left:10px;
valign:top;
padding-top:0px;

}


#naviRight_esittely {
background-color : #ffcc99;
float : right;
width : 220px;
margin-top : 17px;
height:120px;
padding-left:10px;
valign:top;
padding-top:0px;
border-left:1px solid #cccccc;
border-top:2px solid #dedfdf;
border-bottom:2px solid #dedfdf;

}




#navi_right a {
color : #ffffff;
font-family : arial, helvetica, sans-serif-serif;
font-size : 12pt;
font-weight : normal;
text-decoration : none;
}

#navi_right a:active {
color : #ffffff;
font-family : arial, helvetica, sans-serif-serif;
font-size : 12pt;
font-weight : normal;
text-decoration : none;
}
#navi_right a:hover {
color : #aaa7c3;
font-family : arial, helvetica, sans-serif-serif;
font-size : 13pt;
font-weight : normal;
text-decoration : none;
}



#navi p {
font-size : 11pt;
color : #ffffff;
margin : 0;
padding : 3px 7px 3px 7px;
}
#navi .Palataso {
font-size : 11pt;
color : #184848;
margin : 0;
padding : 1px 7px 1px 17px;
}
#navi .Palataso2 {
font-size : 11pt;
color : #184848;
margin : 0;
padding : 1px 7px 1px 27px;
}
#navi .Palataso3 {
font-size : 11pt;
color : #184848;
margin : 0;
padding : 1px 7px 1px 37px;
}


#naviContacts {
background-image : url("images/Joulutausta.gif");
background-repeat: no-repeat;
background-position:right;
position:absolute;
left:520px; 
width:425px;
background-color : #transparent;
top:300px;
margin : 0 0 0 0;
padding:0;
height:175px;
text-align:left;
z-index:14;
}

#naviContacts p{
z-index:15;
font-size : 11pt;
width:300px;

}

#naviContacts a {
font-size : 10pt;
color : #666666;
text-decoration : underline;
font-weight : bold;
text-align:right;
}
#naviContacts a:hover {
font-size : 10pt;
color : #666666;
text-decoration : underline;
font-weight : bold;
text-align:right;
}

 /*seuraavat ei koske etusivua*/

#naviContacts a.LueLisaa:link {
padding-left:200px;
color : #ffaf5d;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}
#naviContacts a.LueLisaa:visited {
padding-left:200px;
color : #ffaf5d;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}
#naviContacts a.LueLisaa:hover {
padding-left:200px;
text-decoration : underline;
color : #ffaf5d;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;

}
#naviContacts a.LueLisaa:active {
padding-left:200px;
color : #716058;
font-family : arial, helvetica, sans-serif-serif;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}


#blank {
float : left;
width : 181px;
height : 50px;
margin : 0;
padding : 0;
}




fieldset{
	margin:1em 0;
	padding: 1em;
	border:1px solid #ccc;
	background:#f8f8f8;
}

legend{
font-weight:bold;
}

label{
	
}

input{

}

td.teksti ul li{

margin-left:20px;
}

img.TuotteetImg{
border:1px solid #cccccc;
}

.teksti_tilaus li{
padding-left:10px;
}