/** 
BASIC PAGE CONSTRUCTION 
**/


 
body
{

	background: #E5E5E5 url(../kuvat/taustakuva.jpg) repeat-y; margin:0px; padding:0px; width: 100%; height: 100%;}
 
}


#sivukorkeus

{
	min-height: 400px;
}

#yla 
{
	margin: auto;
	margin-top: 15px;
	padding: 0;
	width: 1000px;
	border-style:solid;
	border-color: #000000;
	border-width: 1px 1px 0px 1px;
	padding: 0;
	background: #ffffff url(' ') repeat-y;
 
	 
}

img {	border: 0; }
 
#kuvapalkki
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 238px;
	background: #BB0F0F url(' ') no-repeat;
 
}


 




#sloganpalkki
{
	margin: 0;
	padding: 0;
	height: 20px;
	background: #F3C12D url(' ') no-repeat;
 
}

.slogan

{

width: 1000px;
text-align: center;

}

#sloganpalkki h1

{ 
	margin: 0px; 
	COLOR: #BB0F0F; 
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	FONT-SIZE: 12pt; 
	vertical-align: middle;
	
}

#keski 
{
	margin: auto;
	padding: 0;
	width: 1000px;
	border-style:solid;
	border-color: #000000;
	border-width: 0px 1px 1px 1px;
	padding: 0;
	background: #ffffff url(' ') repeat-y;
	overflow: auto;
	font-family: verdana;
	font-size: 10px;	 
}



 

.top1 
{


 
 
	width: 216px;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}


 


.top2 
{

	padding: 20px 20px 20px 0px;
	margin: 0px 0px 0px 0px;
	background: url(' ') no-repeat;
	text-align: right;
	vertical-align: middle;

}



#copy 
{
	margin: auto;
	width: 1000px;
        clear: both;
	padding: 0;
	background-color: ;

	 
}




#center
{
	margin: 5px;
	padding: 0;
	width: 890px;
	background-color: # ;




}




#left
{
	float: left;
	margin: 5px 3px 5px 3px;
	padding: 10px 10px 10px 10px;
	width: 180px;
	background-color: # ;
}


 

 
#right
{
	float: right;
	margin: 5px 3px 5px 3px;
	padding: 10px 10px 10px 10px;
	width: 750px;
	background-color: # ;




}


#right h1
{
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: left;
	font-size: 12pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
}





.vasen { width:250px; float: left;}
.oikea { width:250px; float: right;}
.clear { clear: both; }
 

#top 
{
	display: block;
	border: 0;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-color: #cccccc;
}

 
#copy p  
{

	vertical-align: middle;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	font-weight: normal;
	color: #000000;
	text-align: left;
}
 

#copy a
{
 
	font-size: 8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	color: #000000;

}


#copy a:hover, a:active
{
 	color: #727272;

}





 
/** 
BASIC ELEMENTS
**/

p
{
	padding: 3px 3px 3px 3px;
}

img
{
	border: 0;
}

/* TABLE */

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

/* FORM */

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

input
{
	padding: 0px 5px 0px 5px;
	border: 1px solid #aaaaaa;
}
input
{
	padding: 1px 1px 1px 1px;
	border: none;
}

/**
CATEGORIES
**/
#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;
}

/** 
PRODUCT
**/



.category_description

{

	padding: 0px 5px 0px 5px;
	font-size: 9pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	font-weight: normal;
	color: #000000;

}


#kategorialinkit p

{

	padding: 5px 5px 5px 5px;
	font-size: 10pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	font-weight: normal;
	color: #000000;

}


#kategorialinkit a

{

	font-size: 10pt;
	font-weight: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	color: #000000;
}





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

.productbox div.topic
{

}

.productbox div.topic 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.productbox div.topic h1
{
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: left;
	font-size: 12pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
}


div.productbox div.topic h2
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 16pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #960000;	
	display: inline;
}


 



.productbox div.text

{
 
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	font-weight: normal;
	color: #000000;

}


.productbox div.text_with_image

{

	width: 420px;
	float: left;
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	font-weight: normal;
	color: #000000;

}


.tuotekuvat { margin: 5px; float: right; }

.tuotekuvat img { width: 100px; height: 148px; border-color: #436202; border-width: 1px; border-style: solid; clear: both; }

.tuotekuvat p { margin: 2px; text-align: center; COLOR: #949494; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal;}


.liite { margin: 3px 0 3px 0; clear:both }
.url { margin: 3px 0 3px 0; clear:both }


div.productbox div.text A:link, A:visited, A:active { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal;   LINE-HEIGHT: normal; }
div.productbox div.text A:hover { COLOR: #960000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal;   LINE-HEIGHT: normal; }

div.productbox div.text_with_image A:link, A:visited, A:active { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal;  LINE-HEIGHT: normal; }
div.productbox div.text_with_image A:hover { COLOR: #960000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal;  LINE-HEIGHT: normal; }




div.productbox div.text p
{

margin: 0px;

}



.productbox div.text table
{
	width: 750px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

.productbox  div.text td
{
	font-family: verdana;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

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







.productbox div.order, div.inquiry
{

	padding: 3px ;
	text-align: right;
	clear: both;
}

.productbox input.hidden
{
	visibility: hidden;
}

 
.productbox p.price
{
	margin: 0 ;
	font-size: 12px;
	font-weight: bold;
}

.productbox .discount
{
	color: #ff0000;
}

.productbox .oldprice
{
	color: gray;
	text-decoration: line-through;
}

.productbox p.cart
{

	margin: 0 ;
	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 table
{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	empty-cells: show;
}

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

.productbox td.header
{
	text-align: center;
	font-weight: bold;
}
/** 
PAGE
**/
div.pagebox
{

 	width: 100%;  
	border: 0px solid #aaaaaa;
	margin-bottom: 10px;	
}

div.pagebox div.images img
{
	padding: 0;
}
div.pagebox div.topic
{
	border-bottom: 0px solid #bbbbbb;
	background-color: #ffffff;
	vertical-align: middle;
}

div.pagebox div.topic img.icon
{
	display: inline;	
}

div.pagebox div.topic h1
{
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: left;
	font-size: 12pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
}



div.pagebox div.text h1
{
	font-size: 20pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
}


div.pagebox div.text h2
{
	font-size: 18pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
margin: 10px 0 10px 0;

}


div.pagebox div.text h3
{
	font-size: 14pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
margin: 10px 0 10px 0;
}


#news h3 

{
	font-size: 10pt;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-weight: bold;
	color: #727272;	
	display: inline;
}





div.pagebox div.text
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	font-weight: normal;
	color: #000000;

}

div.pagebox div.text p
{

 

}


div.pagebox div.text A:link, A:visited, A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
div.pagebox div.text A:hover             { COLOR: #1A609C; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

 



.pagebox div.text table
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

.pagebox  div.text td
{
	font-family: verdana;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}


.pagebox div.text td img

 { border-color: #000000; border-width: 1px; border-style: solid; }


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






 
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;
}
/** 
MENUS
**/
div.box
{
 
	border: 0px solid #aaaaaa;
	margin-bottom: 5px;	
	
}

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

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

div.box div.text
{

}

div.box ul
{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}

div.box li
 

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	white-space: nowrap;	

}



div.box a:link, div.box a:active, div.box a:visited


{
	text-decoration: none;
	color: #000000;
	font-family: verdana;
	font-size: 9pt;

}




div.box a.level0

{
	display: block;
	border-left: 3px solid #F3C12D;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 2px;
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
}

div.box a.level0_selected

{
	display: block;
	border-left: 3px solid #F3C12D;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 15px;
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
}




div.box a.level0:hover

{
	display: block;
	border-left: 3px solid #BB0F0F;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 2px;
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
}


div.box a.level1:link, div.box a.level1:visited, div.box a.level1:active
{
	display: block;
	border-left: 3px solid #BB0F0F;
	border-bottm: 0px;
	text-decoration: none;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 15px;
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
}


div.box a.level1:hover

{
	background-color: #ffffff;
	border-left: 3px solid #F3C12D;
	border-bottom: 0px;	
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
	margin: 0px 0px 2px 0px;
}



div.box a.level1_selected:link, div.box a.level1_selected:visited, div.box a.level1_selected:active
{
	display: block;
	border-left: 3px solid #F3C12D;
	border-bottm: 0px;
	text-decoration: none;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 15px;
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
}


div.box a.level1_selected:hover

{
	background-color: #ffffff;
	border-left: 3px solid #F3C12D;
	border-bottom: 0px;	
	color: #000000;
	font-family: verdana;
	font-size: 9pt;
	margin: 0px 0px 2px 0px;
}












 



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






#ylamenu li 
{
 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	background-color: #ffffff;
	list-style-type: none;
	display: inline;
}

#ylamenu a
{
	display: inline;
	border-bottom: 3px solid #BB0F0F;
	border-left: 0px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	color: #000000;
}


#ylamenu a:hover
{
	background-color: #ffffff;
	border-bottom: 3px solid #F3C12D;	
	color: #000000;
}



#ylamenu a.selected
{
	display: inline;
	border-bottom: 3px solid #F3C12D;
	border-left: 0px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	color: #000000;
}


#ylamenu a.selected:hover
{
	background-color: #ffffff;
	border-bottom: 3px solid #F3C12D;	
	color: #000000;
}






/** 
CART
**/
div.box table#cartbox
{
	width: 150px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-spacing: 5px;
	border-collapse: collapse;
}

div.box table#cartbox a 
{
	display: inline;
	text-align: center;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
#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;
}


/** 
ORDER
**/

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


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

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

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

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