h1 { margin: 0px; COLOR: #16419A; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 14pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h2 { margin: 0px; COLOR: #16419A; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h3 { margin: 0px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 11pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }

P { margin: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 11pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

ul.urls { list-style: none; margin: 0px; }
ul.files { list-style: none; margin: 0px; padding-top: 5px; }


img
{
	border: 0;
}

input
{
	border: 1px solid #aaaaaa;
}
textarea
{
	border: 1px solid #aaaaaa;
}


body
{
	font-family: verdana;
	font-size: 11pt;
	margin: 0;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	background: url('../kuvat/taustakuva.jpg') repeat-x;
}



#main 
{
	margin: auto;
	width: 800px;
	border: 1px solid #444444;
	padding: 0;
	background-color: #ffffff;
	 
}

 



#top 
{

	display: block;
	border: 0;
	margin: 0px 0px 0px 0px;
	text-align: center;

}

#top_bar
{
	width: 800px;
	height: 24px;
	display: block;
	clear: both;
	border: 0;
	margin: 0px 0px 0px 0px;
	text-align: right;
	background: url('../kuvat/ylapalkki.jpg') no-repeat;

}



#top_bar P { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; padding: 5px;}


#top_bar A:link, #top_bar A:visited, #top_bar A:active  { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; text-decoration: none;}

#top_bar A:hover             { COLOR: #BDD6FA; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; text-decoration: none; }


#left
{
	float: left;
	margin: 5px 0px 5px 3px;
	padding: 0px 0px 0px 0px;
}


 

 
#right
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 630px;
        min-height: 300px;
	background: url('../kuvat/sivutausta.jpg') no-repeat right top;



}

#bottom 
{
            clear: both;
	width: 800px;
	width: 100%;
	border: 0px solid #444444;
	padding: 0px 0px 0px 0px;
}
div.pagebox
{
	width: 100%;
	border: 1px solid #aaaaaa;
	margin-bottom: 10px;	
}
div.pagebox img.icon
{
	display: inline;	
}

div.pagebox div.images
{
	padding: 5px 5px 5px 5px;
}
div.pagebox div.topic
{
	border-bottom: 1px solid #bbbbbb;
	background-color: #aaaaaa;
	vertical-align: middle;
}

div.pagebox p.topic
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;	
	display: inline;
}




#offers p.topic
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #C50000;	
	display: inline;
}







/* KÄYTÄ TÄTÄ SIVUN STYLEEN! */
div.pagebox div.text
{
	padding: 5px 5px 5px 5px;
}

div.pagebox div.text p 
{
	font-weight: normal;
	font-size: 11pt;
}

div.pagebox div.buy
{
	background-color: red;
	padding: 5px 5px 5px 5px;
	text-align: right;
	border-top: 1px solid black;
}

div.pagebox p.files, p.links
{
	margin-top: 2px;
	margin-bottom: 0px; 
}


div.pagebox ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
div.pagebox form 
{
	display: inline;
	margin: 0px 0px 0px 0px;
	text-align: right;
}




			

div.aukiolo 
{

padding: 2px;
margin: 0px;
width: 146px;
text-decoration: none; 

}






#right  p.cat_topic { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal;}

#right A:link, #right A:visited, #right A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; text-decoration: none;}

#right A:hover             { COLOR: #eoeoeo; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; text-decoration: none; }








#cat_pages td
{
	border: 1px solid #444444;
	padding: 0;	
	margin: 0;
}

#cat_pages td.current
{
	padding: 3px 3px 3px 3px;
	background-color: #aaaaaa;
	color: #ffffff;
}
#cat_pages a
{
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
#cat_pages a:active, #cat_pages a:hover 
{
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	color: #ffffff;
}
div.box
{
	width: 150px;
	/* border: 1px solid #aaaaaa; */
	margin-bottom: 5px;	
}

div.box div.topic
{
	

display: none; 

}

div.box p.topic
{
	
display: none; 

}
div.box div.text
{
}


#left ul, #left li

{
margin: 0px;
margin-left: 0px;
padding: 0px;
list-style-type: none;
margin-bottom: 1px;
}



#left a
{
display: block;
padding: 2px;
margin: 0px;
width: 146px;
text-decoration: none; 
border: 1px solid #aaaaaa;
FONT-FAMILY: Verdana, Arial, Helvetica; 
FONT-SIZE: 8pt; 
font-weight: bold;

}


#left a:link, #left a:visited
{
background-color: #5F92BE;
color: #FFFFFF;
text-decoration: none;
}

#left a:hover
{
background-color: #1A609C;
color: #FFFFFF;
}




#left a.level1
{
display: block;
padding: 2px;
padding-left: 8px;
margin: 0px;
width: 140px;
text-decoration: none; 
border: 1px solid #aaaaaa;
FONT-FAMILY: Verdana, Arial, Helvetica; 
FONT-SIZE: 8pt; 
font-weight: bold;

}


#left a.level1:link, #left a.level1:visited
{
background-color: #96999D;
color: #ffffff;
text-decoration: none;
}

#left a.level1:hover
{
background-color: #5F92BE;
color: #ffffff;
}



div.box form
{
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

div.pagebox
{
	width: 100%;
	border: 1px solid #aaaaaa;
	margin-bottom: 10px;	
}
div.pagebox div.images
{
	padding: 5px 5px 5px 5px;
}
div.pagebox div.topic
{
	border-bottom: 1px solid #bbbbbb;
	background-color: #aaaaaa;
}

div.pagebox p.topic
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;	
}

div.pagebox div.text
{
	padding: 5px 5px 5px 5px;
}

div.pagebox div.text p 
{
	font-weight: normal;
	font-size: 11pt;
}

div.pagebox div.buy
{
	background-color: red;
	padding: 5px 5px 5px 5px;
	text-align: right;
	border-top: 1px solid black;
}

div.pagebox p.files, p.links
{
	margin-top: 2px;
	margin-bottom: 0px; 
}


div.pagebox ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
div.pagebox form 
{
	display: inline;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

div.pagebox#news div.text h3
{
	clear: both;	
}
div.pagebox#news div.text img
{
	float: left;
	padding: 0px 5px 5px 0px;
}










table#cartbox
{
	width: 150px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-spacing: 5px;
}

table#cartbox a 
{
	display: inline;
	text-align: center;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

table#cartbox td, table#cartbox th 
{

	font-size: 11px;
}



div.productbox
{
	width: 100%;
	border: 1px solid #aaaaaa;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: auto;
	
}

.productbox div.topic
{
	border-bottom: 1px solid #bbbbbb;
	background-color: #aaaaaa;
}

.productbox p.topic
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;	
	color: #ffffff;
}

.productbox div.images
{
	padding: 5px 5px 5px 5px;
            width: 150px; 
            float: right;
}


.productbox div.text
{	
padding: 5px 5px 5px 5px;
float: left;
}




.productbox div.images + div.text { width: 450px; }








.productbox div.order, div.inquiry
{
	padding: 5px 5px 5px 5px;
	text-align: right;
}


.productbox input.hidden
{
	visibility: hidden;
}

.productbox p.files, p.links
{
	margin-top: 2px;
	margin-bottom: 0px; 
}

.productbox p.price
{
	margin-top: 2px;
	margin-bottom: 5px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
            clear: both;
}

.productbox .discount
{
	color: #ff0000;
	margin-left: 3px;

}

.productbox .oldprice
{
	color: gray;
	margin-left: 3px;
	text-decoration: line-through;
}

.productbox p.cart
{
	display: inline;
           clear: both;
}


.productbox ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
.productbox form 
{
	display: inline;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

.productbox td.header
{
	text-align: center;
	font-weight: bold;
}


.productbox a.showmore:link, a.showmore:visited
{
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
}

.productbox a.showmore:hover, a.showmore:active
{
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
	color: #444444;
	
}
.productbox table
{
	width: 95%;
	margin: 15px 15px 15px 15px;
	border-collapse: collapse;
	empty-cells: show;
}

.productbox td
{
	font-family: verdana;
	font-size: 12px;
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
}

#categorylist
{
	width: 100%;
	border: 0;
	margin-bottom: 10px;	
}

#categorylist div.topic
{
	border-bottom: 1px solid black;
	background-color: gray;
}

#categorylist p.topic
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;	
}

#categorylist div.text
{
}

#categorylist div.buy
{
	background-color: gray;
	padding: 5px 5px 5px 5px;
	text-align: right;
	border-top: 1px solid black;
}
#categorylist input
{
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid black;
	text-align: center;
}

#categorylist input.hidden
{
	visibility: hidden;
}

#categorylist p.files, p.links
{
	margin-top: 2px;
	margin-bottom: 0px; 
}

#categorylist p.cart
{
	display: inline;
}


#categorylist ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
#categorylist form 
{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: right;
}


#categorylist td.header
{
	text-align: center;
	font-weight: bold;
}

#categorylist a.showmore:link, a.showmore:visited
{
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
}

#categorylist a.showmore:hover, a.showmore:active
{
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
	color: #ffffff;
	
}

#categorylist table
{
	width: 95%;
	margin: 15px 15px 15px 15px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-collapse: collapse;
	empty-cells: show;
}

#categorylist td
{
	border-bottom: 1px solid black;
	font-family: verdana;
	font-size: 12px;
	padding-right: 5px;
	padding-bottom: 1px;
	text-align: right;
	vertical-align: top;
}




#page
{
	width: 100%;
	border: 0px solid #aaaaaa;
	margin-bottom: 5px;	
}
#page div.images
{
	padding: 5px 5px 5px 5px;
}
#page div.topic 
{
	border-bottom: 0px solid #bbbbbb;
	background-color:  ;
}




#page div.text
{
	padding: 0px 0px 0px 0px;
}

#page div.text p 
{
	font-weight: normal;
	font-size: 11pt;
}


 

#page div.buy
{
	background-color: red;
	padding: 5px 5px 5px 5px;
	text-align: right;
	border-top: 1px solid black;
}

#page p.files, p.links
{
	margin-top: 2px;
	margin-bottom: 0px; 
}

#page p.cart
{
	display: inline;
}


#page ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
#page form 
{
	display: inline;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#cart_table
{
	width: 100%;
	margin: 15px 0px 15px 0px;
	border-collapse: collapse;
	empty-cells: show;
}


#cart_table tr
{
	
}
#cart_table td
{
	font-family: verdana;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
}

#cart_table td.topic
{
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;	
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: bottom;
}

#cart_table input
{
	text-align: center;
	border: 1px solid black;
	background-color: #f0f0f0;
}

#cart_table p.order_info
{
	font-size: 10px;
	font-family: verdana;
	margin-top: 0px;
}


tr.even
{
	background-color: #aaa;
}
tr.odd
{

	background-color: #ccc;
}

td 
{
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}
td.align_left
{
	text-align: left;
}
td.align_right
{
	text-align: right;
}


#cart_info
{
	
}

#cart_info p
{
	font-family: verdana;
	font-size: 10px;
}

#order_listing table
{
	width: 95%;
	margin: 15px 15px 15px 15px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-collapse: collapse;
	empty-cells: show;
}

#order_listing td
{
	border-bottom: 1px solid black;
	font-family: verdana;
	font-size: 12px;
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
}

#order_listing td.topic
{
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;	
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: bottom;
}

#order_listing input
{
	text-align: center;
	border: 1px solid black;
	background-color: #f0f0f0;
}

#order_listing p.order_info
{
	font-size: 10px;
	font-family: verdana;
	margin-top: 0px;
}

#order_listing tr.even
{
	background-color: #aaa;
}
#order_listing tr.odd
{

	background-color: #ccc;
}

#order_listing td.align_left
{
	text-align: left;
}
#order_listing td.align_right
{
	text-align: right;
}




 




#copy 
{
	margin: auto;
	width: 800px;
           clear: both;
	padding: 0;
	margin-top: 5px;
	background-color: ;
	 
}

#copy P { COLOR: #96999D; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal;}

#copy A:link, A:visited, A:active  { COLOR: #96999D; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

#copy A:hover { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; LINE-HEIGHT: normal;}