/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body,html {
	font-family:verdana, arial;
	font-size:small;
	color:#7D7D7D;
	font-size: 12px;
	height: 100%;
	width: 100%;
}
 

 

div#runko 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -97px auto; 
}


div#ylaosa 
{
	width: 100%;
	height:207px;
	background-image: url(../kuvat/ylapalkki_tausta.png);
	background-position: top left;
	background-repeat: repeat-x;
}

	.madeby
	{
	position: absolute;
	top: 0;
	right: 5px;
	width: 21px;
	height: 100px;
	}
 

 
.palstat {
position: relative;
width: 975px;
margin: 0 auto 0 auto;
}	

.logo 
{
position: absolute;
top: 50px;
left: 0;
}

.slogan 
{
position: absolute;
top: 100px;
right: 100px;
}

.ylakuva 
{
	height:206px;
	background-image: url(../kuvat/ylapalkki_kuvio.png);
	background-position: top right;
	background-repeat: no-repeat;
}
	
div#navigointipalkki 
{
	width: 100%;
	height:54px;
	background-image: url(../kuvat/navi_tausta.png);
	background-position: top left;
	background-repeat: repeat-x;
}
	

#nav {
clear: both;
}

#nav ul { /* all lists */
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	list-style: none;
	color: #ffffff;
	white-space: nowrap;
}


#nav li a {
	display: block;
	text-transform: uppercase;
	height: 22px;
	padding: 8px 15px 0 15px;
	color: #ffffff;	
}


#nav li a:link {

}

#nav li a:visited {
}

#nav li a:hover {
background-image: url(../kuvat/ylanavi_valittu.jpg);
background-position: top center;
background-repeat: repeat-x;
}



#nav li a.current:link, #nav li a.current:visited
{
background-image: url(../kuvat/ylanavi_valittu.jpg);
background-position: top center;
background-repeat: repeat-x;}

#nav li a.current:hover
{
color: #ffffff;
}

div#keskipalkki 
{
position: relative;
}

div#kategoriat
{
float: left;
width: 165px;
}

#kat { margin: 0 0 20px 0; }
	
#kat ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}


#kat li { /* all list items */
	width: 160px;
	height: 15px;
	padding: 10px 0 5px 0;
	background-image: url(../kuvat/alanavi_viiva.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	color: #00315C;
	text-align: center;
}


#kat li a {
	display: block;
	text-transform: uppercase;

}


#kat li a.paanavi:link {
	color: #00315C;
}

#kat li a.paanavi:visited {
	color: #00315C;
}

#kat li a.paanavi:hover {
	color: #84A82B;
}



#kat li a.current:link, #kat li a.current:visited
{
	color: #84A82B;
}

#kat li a.current:hover
{
	color: #84A82B;
}
	

div#sisalto {
float:right;
width: 810px;
}
	
.teksti {
float:left;
width: 540px;
margin: 0 10px 0 0;
}

.pinnalla {
float: right;
width: 240px;
min-height: 437px;
padding: 0 0 0 20px;
background-image: url(../kuvat/pystyviiva.png);
background-position: top left;
background-repeat: no-repeat;
}





.vasen {
float: left;
width:395px;
margin: 0 10px 0 0;
}

.oikea {
float: right;
width:395px;
margin: 0 0 0 10px;
}	


.tuote{
	float: left;
	width: 180px;
	text-align: center;
/*	border: 1px solid #5A9FC7; */
	margin: 5px;
	padding: 0;
}

.tuote a.tekstilinkki{
	display: block;
	background: ;
	padding: 4px 0 0 0;
	margin: 0 2em;
	color:#5A9FC7;
}

.tuote a.tekstilinkki:hover{
	color: #30749C;
}

.tuote_vasenpalsta
{
	padding: 10px;
	float: left;
	width: 350px;
}

.tuote_oikeapalsta
{
	float: left;
	width: 310px;
}


.clear { clear: both; } 

.push {
	height: 97px; /* .push must be the same height as .footer */
	clear: both;
}

div#alapalkki 
{
	width: 100%;
	height: 97px;
	background-image: url(../kuvat/alapalkki_tausta.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
	
.yhteystiedot 
{
padding-top: 40px;
text-align: center;
color: #ffffff;
}


	
	
#palautelomake {

}

#palautelomake label {
float: left;
width: 150px;
}

#palautelomake input {
float: left;
width: 501px;
border: 1px solid #749426;
margin-bottom: 5px;
}

#palautelomake textarea {
float: left;
padding: 10px;
width: 481px;
height: 121px;
border: 1px solid #749426;
}

#laheta {
margin-top: 0;
margin-left: 570px;
clear: both;
padding: 15px 0 0 8px;
}


	
	
	
	
	
	

	
	
	
	

.hallinta { color: #000000;}
fieldset { color: #000000;}
 
#topSet
{
width: 100%;
clear: both;
padding: 5px; 
margin: 0;
background: red; 
text-align: center;
color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

.galleria img{
	padding: 1em;
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

.galleria_scroll {
	text-align: center;
}

.galleria_scroll img{
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	padding: 0 0 5px 0;
}


.scroll_nappi{
	padding: 4px;
	background: transparent;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	cursor: pointer;
}

#frontpagetable{
	width: 240px;
	min-height: 240px;
}


#cycle{
	position: relative;
    overflow: hidden;
    width: 600px;
    height: 100px;
	float: left;
}

.ideakorissa {
display: block;
padding: 20px 0 20px 0;
}

.keskitetty {text-align: center;}


.muut {
width: 810px;
height: 150px;
padding: 10px 0 0 0;
clear: both;
}

div.items div{
	float: left;
	text-align: center;
}

div.items div img{
	vertical-align: middle;	
}

div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

div.right{
	height: 100px;
	width: 22px;
	float: left;
	background: url(/kuvat/nappi_oikea_n.jpg) no-repeat;
	cursor: pointer;
}

div.left{
	height: 100px;
	width: 22px;
	float: left;
	background: url(/kuvat/nappi_vasen_n.jpg) no-repeat;
	cursor: pointer;
}

div.disabled{
	background: transparent !important;
	cursor: auto;
}

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

.ideakorisubmit{
	border: 0;
	background: transparent;
	cursor: pointer;
	color: #73BCE6;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}
 
#valintanappi input { width: 10px;}



.odd { background-color: #EEEEEE; }
.even { background-color: #EFEFEF; }


table#cart_table  {
border-collapse:separate;
border-spacing: 2px;
empty-cells:hide;
}

table#cart_table  td {
vertical-align: top;
border: solid #FFFFFF 1px;
padding: 10px;
}

.kpl { 

border-bottom: solid #000000 1px;
border-top: 0;
border-left: 0;
border-right: 0;
background-color: #EEEEEE;
 }

table.kategorialistaus 
{
border-collapse:separate;
border-spacing: 4px;
empty-cells:hide;
}

table.kategorialistaus td 
{
border: solid #5A9FC7 1px; 
background-color: #FFFFFF;
vertical-align: top;
}