/** 
BASIC PAGE CONSTRUCTION 
**/
 

*
{
	margin: 0;
	padding: 0;
}


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; }
A:hover             { COLOR: #7A0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


body
{
	font-family: verdana;
	font-size: 10px;
	margin: 0;
	padding: 5px 5px 5px 5px;
	background: #E9E9E9 url('../kuvat/taustakuva_lintuville.jpg') repeat-x;
	min-height: 100%;

}


.uutinen { clear: both; }

html { height: 100%; min-height: 100%; } 



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

}



#shops
{
	width: 800px;
	margin: auto;
	padding: 0;
	border: 0px;
	background-color: transparent;	
}

#shops p
{
COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal;
}

#shops a:link, #shops a:visited
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#shops a:hover
{
color: #6B0416;
text-decoration: none;
font-weight: bold;
}


#shops a.valittu:link, #shops a.valittu:visited
{
color: #6B0416;
text-decoration: none;
font-weight: bold;
}

#shops a.valiottu:hover
{
color: #6B0416;
text-decoration: none;
font-weight: bold;
}



#shops .vasen { width: 200px; float: left; }	
#shops .oikea { width: 600px; float: right; }




a.button:link, a.button:visited
{
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 12pt;
}

a.button:hover
{
color: #6B0416;
text-decoration: none;
font-weight: bold;
font-size: 12pt;

}

#tyhja { margin: 0px; padding: 0px; width: 100%; height: 0px; clear: both; }

#news img {

float: left;
margin: 3px;
border-color: #000000;
border-style: solid;
border-right: 1px;
border-left: 1px;
border-top: 1px;
border-bottom: 1px;

}




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


#top2 
{
	display: block;
	clear: both;
	border: 0;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-color: #ffffff;
}



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


}

#right
{
	float: right;
	margin: 5px 5px 5px 3px;
	padding: 0px 0px 0px 0px;
	width: 625px;
	max-width: 625px;
}

#copy 
{

	width: 800px;
	margin: auto;
	padding: 0px 0px 0px 0px;
}

#copy p  
{
	text-align: right;
	vertical-align: bottom;
	line-height: 100%;
	width: 100%;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

// this fixes problems with Opera and FF
#clearer 
{
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

#clearer p  
{
	text-align: center;
	vertical-align: bottom;
	line-height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	font-color: #ffffff;
}

/** 
BASIC ELEMENTS
**/

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

img
{
	border: 0;
}

/* TABLE */



#tuotelistaus tr.header { margin-bottom: 2px; }

#tuotelistaus td.header { text-align: left; }


#tuotelistaus td.even
{
 
height: 50px;
background-color: #E9E9E9;
border-top: 2px solid #ffffff;
border-bottom: 3px solid #233C14;
font-size: 14px;
font-family: verdana;
font-weight: normal;
text-align: left;
color: #000000;

}

#tuotelistaus td.odd
{

height: 50px;
background-color: #ccc;
border-top: 2px solid #ffffff;
border-bottom: 3px solid #63844B;
font-size: 14px;
font-family: verdana;
font-weight: normal;
text-align: left;
color: #000000;

}



#tuotelistaus td 
{
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
}




#tuotelistaus a.tuotelistaus
{
COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal;
}

#tuotelistaus a.tuotelistaus:link, a.tuotelistaus:visited
{
color: #000000;
text-decoration: none;
}

#tuotelistaus a.tuotelistaus:hover
{
color: #6B0416;
text-decoration: none;
}


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

/* FORM */

/* INPUTS */ 
textarea
{
	border: 1px solid #aaaaaa;
	padding: 3px;
}
input[type=text]
{
	border: 1px solid #aaaaaa;
	padding: 3px;

}

input[type=submit]
{
	padding: 1px;
	border: 1px solid #aaaaaa;
}
input[type=image]
{
	padding: 3px;
	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
**/
.productbox
{
	width: 98%;
	border: 1px solid #aaaaaa;
	margin-bottom: 5px;	
}

.productbox div.topic
{
	border-bottom: 0px solid #bbbbbb;
	background: #E9E9E9 url('../kuvat/liuku_teksti.gif') repeat-x;
}


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

.productbox div.topic h2
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #233C14;	
	display: inline;
}



.productbox td.text
{
	padding: 5px 5px 5px 5px;
	text-align: left;

}

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

.productbox .discount
{
	color: #ff0000;
}

.productbox .oldprice
{
	color: gray;
	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 p > a.showmore, a.showmore:link, a.showmore:visited
{
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
	color: #444444;
}

.productbox p > a.showmore:hover, a.showmore:active
{
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
	
}




.productbox table
{
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

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

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


#sivutable h3
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #000000;	
	display: inline;
}




div.pagebox
{
	width: 98%;
	border: 1px solid #aaaaaa;
	margin-bottom: 10px;	
}


div.pagebox div.topic h1
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #233C14;	
	display: inline;
}






div.pagebox div.topic
{
	border-bottom: 0px solid #bbbbbb;
	background: #E9E9E9 url('../kuvat/liuku_teksti.gif') repeat-x;
	vertical-align: middle;
}



#offers div.tuotelistaus_topic
{

display: none;

}




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

div.pagebox 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;	
	display: inline;
}

div.pagebox div.text
{

	padding: 5px 5px 5px 5px;
}

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

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
{
	margin-bottom: 5px;		
}

div.box div.topic
{

}

div.box div.topic p.topic
{

	font-size: 12px;
	font-weight: bold;
	color: #233C14;	

}

div.box div.text
{
	padding: 0px; 
	margin: 0px; 
	background-color: #ffffff;




}


/** 
FATE säädöt
**/

div.box div.text ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

div.box div.text li a
{
	display: block;
	padding: 3px;
	width: 144px;
	background-color: #233C14;
	border-bottom: 1px solid #ffffff;
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	FONT-SIZE: 8pt; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
	LINE-HEIGHT: normal;
}

div.box div.text a:link, div.box div.text a:visited
{
	color: #ffffff;
	text-decoration: none;
}

div.box div.text a:hover
{
	background-color: #63844B;
	color: #ffffff;
}

div.box div.text a.selected
{
	display: block;
	padding: 3px;
	width: 144px;
	background-color: #63844B;
	border-bottom: 1px solid #ffffff;
}

div.box div.text a.selected:hover
{
	background-color: #63844B;
	color: #ffffff;
}










div.box table#toplista a:link
{
	display: inline;
	background-color: #ffffff;
	color: #000000;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div.box table#toplista a:visited
{
	display: inline;
	background-color: #ffffff;
	color: #000000;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div.box table#toplista a:active
{
	display: inline;
	background-color: #ffffff;
	color: #000000;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div.box table#toplista a:hover 
{
	display: inline;
	background-color: #ffffff;
	color: #7A0000;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}










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


/** 
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;
	background-color: #ffffff;
	text-align: center;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
#categorylist
{
	width: 98%;
	border: 0;
	margin-bottom: 10px;	
}

#categorylist div.tuotelistaus_topic
{
	border-bottom: 0px solid black;
	background: #E9E9E9 url('../kuvat/liuku_teksti.gif') repeat-x;
}

#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.tuotelistaus_topic h2
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #233C14;	
	display: inline;
}




#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: 2px;
	margin: 2px;
	border: 1px solid black;
	text-align: center;
}


#categorylist input[type=image]
{
	border: none;
	margin: 0px;
	padding: 0px;
}



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



/** 
ORDER
**/

div.pagebox table#cart_table
{
	width: 98%;
	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;
}