/* CSS Document */

body {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	/*background: #FFCF1D url(../images/taustakuva3.jpg) repeat-x top left;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: top;
	background-color: color code;*/
	
	background: #f7a922 url(../images/bg.gif) 0 0 repeat-x;
	/*background-attachment: fixed;*/
	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #FFCF1D;*/
	color: #de0120;
	overflow: auto;
	overflow:-moz-scrollbars-vertical;
}

h1 {
	color: #c94543;
	font-size: 20px;
	font-weight: normal;
	margin: 20px 10px 5px 25px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}

h2, h3 { color: #c94543; font-size: 12px; font-weight: bold; margin: 11px 0 5px 25px; }

h4, h5, h6 { color: #c94543; font-size: 11px; font-weight: bold; margin: 11px 0 5px 25px; }

li { list-style-position: outside; }

p, a, li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #de0120; }

ul, li { padding: 0; margin: 0 0 0 0px; }

li { list-style-image: url(../images/nuoli.gif) 
}
li.ordered { list-style-image: none!important;) 
}

#tuotelistat {margin-left:25px!important;}

#tuotelistat ul, li { padding: 0; margin: 0 0 0 15px; }

#tuotelistat ol li { padding: 0; margin: 0 0 0 15px; list-style-image:none!important;}

#tuotelistat_op {width:300px;}

#tuotelistat_op h2 {font-size:11px; margin:0px;}

#tuotelistat_op h3 {font-size:11px; margin:0px;}



p { margin: 3px 0px 5px 0px; }

.tuotePara { width: 350px; margin: 0px 30px 0px 30px; }

.tuotePara p { width: 350px; }

.tuotePara  ul, li { padding: 0; margin: 0 0 0 15px; }


#menu {
	text-align:center;
	width:773px;
	height:23px;
	position: absolute;
	top: 92px;
}
#flashmenu {
	text-align:center;
	width:773px;
	height:23px;
	position: absolute;
	top: 92px;
	left: 200px;
	z-index: 5;
}
#alamenu {
	text-align:center;
	width:773px;
	height:20px;
	position: absolute;
	top: 94px;
}

.ylamenu {

margin: 5px auto 0px auto;
text-align: center;
padding: 0;
height: 19px;
background: #fefadf url(../images/alanavTausta.gif) 0 0 repeat-x;

}

a:link, a:visited { text-decoration: underline; } a:hover, a:active { text-decoration: none; }

#ylamenu a:link, #ylamenu a:visited { text-decoration: none; } #ylamenu a:hover, #ylamenu a:active { text-decoration: underline; }
#alamenu a:link, #alamenu a:visited { text-decoration: none; } #alamenu a:hover, #alamenu a:active { text-decoration: underline; }

#ylareuna {
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/tausta_yla2.gif) no-repeat top left;
	height: 128px;
	width: 773px;
}

#alareuna {	background: transparent url(../images/etusivu_alareuna.gif) repeat-x center bottom; height: 102px; width: 100%; position:absolute; bottom:0; left:0; z-index:0; }
* html #alareuna { background: transparent url(../images/etusivu_alareuna.gif) repeat-x center bottom; height: 102px; width: 100%; }


#taustakuva {
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/tausta.gif) repeat-y top left;
	height: auto;
	width: 773px;
}

#content_hldr {
	height: auto;
	width: 773px;
	margin-bottom: 0px;
	position: relative;
	top: -70px;


}


#sis { margin-top: -20px; }

.otsikko { margin: 0 0 11px 11px; }

input.palaute, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.noLeftMarg { margin-left: 5px;	list-style-image: url(../images/nuoli.gif); }

p.rajoitettuleveys { width: 420px; }

#420_tekstipalsta { width: 420px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #de0120; }

.tuotelistat { /*width: 250px; */}

#tuotelista{padding:46px 0 20px 0;}
#tuoteinfo{ width:400px;}

tuotelista ul { width: 320px; padding:0; margin:0;} tuotelista li { padding:0; margin:0 0 0 25px;}
/*ul.tuotelistat3 { width: 320px; padding:0; margin:12px 0 0 0;} ul.tuotelistat3 li { padding:0; margin:0 0 0 25px;}*/

h1.kuvaotsikko { margin: 0 0 15px 11px; }

.laimake{
	margin-top:40px;
	margin-left:10px;
	}


/* TÄSTÄ ALKAA UUSI SISÄLTÖKOODAUKSEN CSS */

#contentWrapper {
margin-left:auto;
margin-right:auto;
margin-top:10px;
/*padding: 10px 0;*/
width: 760px;
text-align: center;
}

#etusivu #contentWrapper {
width: 876px;
}

#logo img{
border:0;
}

.contentDiv{
margin: 20px auto 0px auto;
padding: 0 0 10px 0;
background: #fff;
text-align: left;
width: 760px;
clear: both;
}

.contentDiv:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contentDiv {display: inline-block;}

/* Hides from IE-mac \*/
* html .contentDiv {height: 1%;}
.contentDiv {display: block;}
/* End hide from IE-mac */

.contentDivNoImage {
margin: 0px auto 0px auto;
padding: 0 0 10px 0;
background: #fff;
text-align: left;
width: 760px;
clear: both;
}

.contentDivNoImage:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contentDivNoImage {display: inline-block;}

/* Hides from IE-mac \*/
* html .contentDivNoImage {height: 1%;}
.contentDivNoImage {display: block;}
/* End hide from IE-mac */


#content {
clear: both;
margin: 10px 10px 10px 10px;
padding: 10px 0;
}

.subNav {
/*width:760px;*/
margin: 5px auto 0px auto;
text-align:center;
padding: 0;
height: 19px;
background: #fefadf url(../images/alanavTausta.gif) 0 0 repeat-x;
}

.subNav .navigation {}
.subNav .navigation_item {float:left;}
.subNav .navigation_item_anchor {}
.subNav .navigation_item a { text-decoration:underline; margin:5px 5px 0px 5px;}
.subNav .navigation_item a:hover { text-decoration:none; margin:5px 5px 0px 5px;}
	
/* 

PÄÄNAVIN TYYLIT - CSS Sprites
http://alistapart.com/d/sprites/ala-image3.html

*/

#mainnavi {
width: 558px;
margin: 0 auto;
text-align: center;
}
* html #mainnavi	{ /*IE6 hack*/
}

#mainnavi .navigation {
 width: 558px;
 height: 26px;
 background: url(../images/menut.gif) 0 -26px;
 margin: 0; 
 padding: 0;
 position: relative;
}
#mainnavi .navigation_item {}
#mainnavi .navigation_item_anchor { text-decoration: none; visibility:hidden; }
#mainnavi .navigation_item a { text-decoration: none; /*position:relative; height:35px;*/ display:block; cursor: hand;}

#navigation_item_1 a { position:absolute; left: 0; width: 63px; height:26px; background-image:url(../images/menut.gif) 0 -26px  no-repeat; }
#navigation_item_1 a:hover { position:absolute; width: 63px; height:26px; background: transparent url(../images/menut.gif) 0 0px no-repeat; }
#navigation_item_1 .navigation_item_active a { position:absolute; width: 63px; height:26px; background: transparent url(../images/menut.gif) 0 0px no-repeat; }

#navigation_item_2 a { position:absolute; left:63px; width: 59px; height:26px; background-image:url(../images/menut.gif) -63px -26px no-repeat;}
#navigation_item_2 a:hover { position:absolute; left:63px; width: 59px; height:26px; background: transparent url(../images/menut.gif) -63px 0px no-repeat; }
#navigation_item_2 .navigation_item_active a { position:absolute; left:63px; width: 59px; height:26px; background: transparent url(../images/menut.gif) -63px 0px no-repeat; }

#navigation_item_3 a { position:absolute; left: 122px; width: 94px; height:26px; background-image:url(../images/menut.gif) -122px -26px no-repeat;}
#navigation_item_3 a:hover { position:absolute; left: 122px; width: 94px; height:26px; background: transparent url(../images/menut.gif) -122px 0px no-repeat; }
#navigation_item_3 .navigation_item_active a { position:absolute; left: 122px; width: 94px; height:26px; background: transparent url(../images/menut.gif)  -122px 0px no-repeat; }

#navigation_item_4 a { position:absolute; left: 216px; width: 110px; height:26px; background-image:url(../images/menut.gif) -216px -26px no-repeat;}
#navigation_item_4 a:hover { position:absolute; left: 216px; width: 110px; height:26px; background: transparent url(../images/menut.gif) -216px 0px no-repeat;}
#navigation_item_4 .navigation_item_active a { position:absolute; left: 216px; width: 110px; height:26px; background: transparent url(../images/menut.gif)  -216px 0px no-repeat; }

#navigation_item_5 a { position:absolute; left: 326px; width: 63px; height:26px; background-image:url(../images/menut.gif) -326px -26px no-repeat;}
#navigation_item_5 a:hover { position:absolute; left: 326px; width: 63px; height:26px; background: transparent url(../images/menut.gif) -326px 0px no-repeat;}
#navigation_item_5 .navigation_item_active a { position:absolute; left: 326px; width: 63px; height:26px; background: transparent url(../images/menut.gif)  -326px 0px no-repeat; }

#navigation_item_6 a { position:absolute; left: 389px; width: 72px; height:26px; background-image:url(../images/menut.gif) -389px -26px no-repeat;}
#navigation_item_6 a:hover { position:absolute; left: 389px; width: 72px; height:26px; background: transparent url(../images/menut.gif) -389px 0px no-repeat;}
#navigation_item_6 .navigation_item_active a { position:absolute; left: 389px; width: 72px; height:26px; background: transparent url(../images/menut.gif) -389px 0px no-repeat; }

#navigation_item_7 a { position:absolute; left: 459px; width: 100px; height:26px; background-image:url(../images/menut.gif) -459px -26px no-repeat;}
#navigation_item_7 a:hover { position:absolute; left: 459px; width: 100px; height:26px; background: transparent url(../images/menut.gif) -459px 0px no-repeat;}
#navigation_item_7 .navigation_item_active a { position:absolute; left: 459px; width: 100px; height:26px; background: transparent url(../images/menut.gif)  -459px 0px no-repeat; }

/* TUOTEUUTUUS-PULLOT */

.tuotetiedot {
margin-left:30px;
}
.tuotetiedot h2 {
margin-left:0px;
}
.tuotetiedot h3 {
margin-left:0px;
}
.tuotetiedot h6 {
margin-left:0px;
}
.tuotetiedot p {
margin-left:5px;
}
.tuotetiedot p.tulostus {
margin-left:0px;
}
.tuotetiedot p.back {
margin-left:0px;
}

.tuotetiedot a {
margin-left:5px;
}
.tuotetiedot .noTopMargin {
width: 420px;
}

.tuoteUutuus{
width: 750px;
border: 0;
clear: both;
}

.tuoteUutuus .tuoteKuva{
text-align: center;
border: 0;
background: #fff;
padding: 10px;
margin: 0 40px 0 0;
float: right;
}

.tuoteUutuus .tuoteKuva td{
padding: 0;
margin: 0;
}

td.vasenAla {
background: url('pics/kulma_vasen_ala.gif') 0 0 no-repeat; 
width:  9px; 
height: 11px;
}

td.vasenYla {
background: url('pics/kulma_vasen_yla.gif') 0 0 no-repeat; 
width:  9px; 
height: 9px;

}

td.oikeaAla {
background: url('pics/kulma_oikea_ala.gif') 0 0 no-repeat; 
width:  10px; 
height: 11px;
}

td.oikeaYla {
background: url('pics/kulma_oikea_yla.gif') 0 0 no-repeat; 
width:  10px; 
height: 9px;
}

td.keskiAla {
background: url('pics/reuna_ala.gif') 0 0 repeat-x; 
height: 11px;
}

td.keskiYla {
background: url('pics/reuna_yla.gif') 0 0 repeat-x; 
height: 9px;
}

td.keskiOikea {
background: url('pics/reuna_oikea.gif') 0 0 repeat-y; 
width: 10px;
}

td.keskiVasen {
background: url('pics/reuna_vasen.gif') 0 0 repeat-y; 
width: 9px;
}



.tuoteUutuus .tuoteKuva img{
display: block;
}


.tuoteUutuus .tuoteKuvaus p{
width: 350px;
}

.tekstipalsta {
	width:460px; 
	margin: 0px 30px 0px 25px;
}
.tekstipalsta h2 {
margin-left:0px;
}
.tekstipalsta h3 {
margin-left:0px;
}

.tekstipalsta p {
margin-left:5px;
}

.tekstipalsta ul, li { padding: 0; margin: 0 0 0 15px; }

.tekstipalsta li { list-style-image: url(../images/nuoli.gif) 
}

.palautelomakerivi {}
.palautelomaketeksti {display:block; margin:5px 0 2px 0; }
.palautelomakeinput {display:block; margin:2px 0 10px 0; }
.contact_button {margin:10px 0 10px 0; }