/* 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;
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, h4, h5, h6 { color: #c94543; font-size: 12px; font-weight: bold; margin: 11px 0 5px 25px; }
h2#tt{font-size:11px; margin:14px 0 0 10px;};

h3, 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 30px; }

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

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

p.tuotePara { width: 350px; }

#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; }

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

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

ul.tuotelistat2 { width: 320px; padding:0; margin:0;} ul.tuotelistat2 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: 0 auto 10px auto;
padding: 10px 0;
width: 760px;
text-align: center;
}

#logo img{
border:0;
}

.contentDiv{
margin: 20px 0px;
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 0px;
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 {
margin: 5px auto 0px auto;
text-align: center;
padding: 0;
height: 19px;
background: #fefadf url(../images/alanavTausta.gif) 0 0 repeat-x;
}
	
/* 

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

*/

#mainNav {
width: 468px;
margin: 0 auto;
text-align: center;
}
	
#skyline {
 background: none;
 margin: 0; 
 padding: 0;
}

#skyline li {
margin: 0; 
padding: 0; 
list-style: none;
}

#skyline li a span{

}

/*

#skyline li, #skyline a {height: 26px; display: block; }
#panel1b {left: 0; width: 63px;}
#panel2b {left: 63px; width: 59px;}
#panel3b {left: 122px; width: 94px;}
#panel4b {left: 216px; width: 110px;}
#panel5b {left: 326px; width: 63px;}
#panel6b {left: 389px; width: 79px;}

#panel1b a:hover, #panel1b.current a {background: transparent url(../images/menut.gif) 0 0px no-repeat;}
#panel2b a:hover, #panel2b.current a {background: transparent url(../images/menut.gif) -63px 0px no-repeat;}
#panel3b a:hover, #panel3b.current a {background: transparent url(../images/menut.gif) -122px 0px no-repeat;}
#panel4b a:hover, #panel4b.current a {background: transparent url(../images/menut.gif) -216px 0px no-repeat;}
#panel5b a:hover, #panel5b.current a {background: transparent url(../images/menut.gif) -326px 0px no-repeat;}
#panel6b a:hover, #panel6b.current a {background: transparent url(../images/menut.gif) -389px 0px no-repeat;}
*/