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: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }
h4 { margin: 0px; COLOR: #16419A; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 24pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
 

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

.puna { margin-bottom: 10px; COLOR: #AB0505; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

img
{
	border: 0;
}

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


body
{
	font-family: verdana;
	font-size: 12px;
	margin: 0;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	background: url('/kuvat/taustakuva.jpg') repeat-x;
	width: 99%; height: 97%;
}

#main 
{
	margin: auto;
	padding: 0;
	width: 800px;
	border: 1px solid #000000;
	background: #ffffff url('/kuvat/sivutausta.jpg') repeat-y;
	overflow: auto;

}

 

#top 
{

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

}



#top1 
{

	float: left;
	width: 330px;
	height: 105px;
	border: 0;
	margin: 0px 0px 0px 0px;
	text-align: center;

}




#top2 
{

	float: right;
	width: 470px;
	height: 105px;
	border: 0;
	margin: 0px 0px 0px 0px;
	background: url('/kuvat/ylatausta.jpg') no-repeat;

}



#top_bar
{
	width: 800px;
	height: 24px;
	display: block;
	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, A:visited, 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;
        min-height: 500px;
	margin: 5px 0px 5px 3px;
	padding: 0px 0px 0px 0px;
}


 

 
#right
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 597px;
	background-color: #ffffff;



}


div.pagebox
{
	width: 100%;
	border: 0px 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: 0px solid #bbbbbb;
	background-color: ;
	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;
}







div.pagebox#offers
{
	width: 100%;
}
div.pagebox#offers img.icon
{
	display: inline;	
}

div.pagebox#offers div.images
{
	padding: 5px 5px 5px 5px;
}
div.pagebox#offers div.topic
{

}

div.pagebox#offers 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;
}



div.pagebox#offers h1
{

display: none;
}


div.pagebox#offers h2 { margin: 0px; padding: 0px; COLOR: #16419A; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
div.pagebox#offers h3 { margin: 0px; padding: 0px; COLOR: #AB0505; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }



div.pagebox#offers td { border: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal;}

div.pagebox#offers td A:link, div.pagebox#offers td A:visited, div.pagebox#offers td A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

div.pagebox#offers td A:hover { COLOR: #AB0505; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; LINE-HEIGHT: normal;}









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

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


div.pagebox div.topic h1 
{
 padding: 5px 5px 5px 5px; margin: 0px; COLOR: #AB0505; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; 
}


div.pagebox div.topic h2 
{
 padding: 5px 5px 5px 5px; margin: 0px; COLOR: #AB0505; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; 
}


div.pagebox div.topic h3
{
 padding: 5px 5px 5px 5px; margin: 0px; COLOR: #AB0505; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; 
}


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



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


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

#right A:hover             { COLOR: #eoeoeo; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; 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: 173px;
text-decoration: none; 
border: 0px solid #aaaaaa;
FONT-FAMILY: Verdana, Arial, Helvetica; 
FONT-SIZE: 8pt; 
font-weight: bold;

}


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

#left a:hover
{
background-color: #2C3A8D;
color: #FFFFFF;
}




#left a.level1
{
display: block;
padding: 2px;
margin: 0px;
width: 173px;
text-decoration: none; 
border: 0px 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: 0px solid #aaaaaa;
	margin-bottom: 10px;	
}
div.pagebox div.images
{
	padding: 5px 5px 5px 5px;
}
div.pagebox div.topic
{
	border-bottom: 0px solid #bbbbbb;
 
}

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


div.pagebox div.topic h2 
{
 padding: 5px 5px 5px 5px; margin: 0px;  COLOR: #AB0505; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; 
}


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

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

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

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

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












div.productbox
{
	width: 99%;
	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: 12pt;
	font-weight: bold;
	font-variant: small-caps;	
	color: #ffffff;
}


div.productbox div.topic h2 
{
 padding: 5px 5px 5px 5px; margin: 0px;  COLOR: #AB0505; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; 
}


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


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




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








.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: 20px;
	margin-bottom: 5px;

	font-size: 14px;
	font-weight: bold;
	
}

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

}

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

.productbox p.cart
{
	display: inline;
     
}


.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 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: 500px;
	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;
}


 

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

#offers table
{
	border-collapse: collapse;
}
