/******************************** 

KAUPPA-osion tyylitiedosto!

***********************************/


/******************* Body ***************/
BODY { 
	font-family: Verdana, Arial, Serif;
	font-size:12px;
	/*background-color:#666666;*/
	background-color:#F5F4FE;
	margin:10px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	}

/******************* Tekstit ***************/

p{
	font-size:11px;
	font-family: Verdana, Arial, Serif;
	color:#000000;
	/*margin:20px 2px 20px 0px;*/
	padding-left:5px;
}
b.ilm{
	color:red;	
}
pre{
	font-size:11px;
	font-family: Verdana, Arial, Serif;
	color:#000000;
	margin:20px 2px 20px 10px;
}

h1{
	color:#000000;
	margin:20px 2px 20px 10px;
	padding:0px 20px 0px 10px;
	font-size:14px; 
	border-bottom:1px solid #801A10;
	width:550px;
}
h2{
	color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	font-family: Verdana, Arial, Serif;
	width:600px;
}

h3{
	color:#cc9900;
	margin-top:50px;
	margin-left:5px;
	padding:0px 0px 0px 10px;
	font-size:28px;
	border-bottom:1px solid #801A10;
	width:600px;
}

h4{
	color:#ffffff;
	/*background-color:#6584ec;*/
	background-color:#801A10;
	margin:2px 2px 2px 2px;
	padding:2px 2px 2px 2px;
	font-size:12px;
	border:1px solid #000000;
}

h5{
	font-family: Verdana;
	font-size:10px;
	color:#000000;
}

/******** Päätaulu ********/
	
td.banner{
	height:100px; 
	width:99.85%;
	background-color: #999999;
	background-image:url('../kuvat_ulkoasu/sfd-logo_pieni.gif');
	background-repeat:no-repeat;
	background-position:center;
	border:1px solid #801A10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    }
td.yhts
{
	vertical-align:left;
	text-align:left;	
}
td.linkit{	
	width:99.85%;
	height:20px;
	border:1px solid #801A10;
	margin:2px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color:#e8ebf1;
	}

td.vasen{
	width:20%;
	border:0px solid #801A10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
	
table.ryhmat{
	width:100%;
	vertical-align:top;
	border:1px solid #801A10;
	background-color:#e8ebf1;
	margin:0px 0px 0px 0px;
	padding:1px 1px 1px 1px;
}

table.kori{
	width:100%;
	vertical-align:top;
	border:1px solid #801A10;
	background-color:#e8ebf1;
	margin:2px 0px 0px 0px;
	padding:1px 1px 1px 1px;
}

td.main{
	vertical-align:top;
	width:80%;
	background-color:#ffffff;
	border:1px solid #801A10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

td.alabann{
	
	width:99.85%;
	height:29px;
	border:1px solid #801A10;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#801A10;
}

/******************* Linkit ***************/

a:link{ /* Käyttämätön linkki */
	font-size:12px;
	color:#000000;
	text-decoration:none;
	margin:20px 10px 10px 10px;
}
a:visited{/* "Kaytetty" linkki*/
	font-size:12px;
	color:#000000;
	text-decoration:none;
	margin:20px 10px 10px 10px;
}
a:hover{ /* Hiiri linkin päällä */
	font-size:12px;
	color:#801A10;
	text-decoration:underline;
	margin:20px 10px 10px 10px;

}
a:active{ /*aktiivinen linkki*/
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	margin:20px 10px 10px 10px;
}

A.sposti1:link
{font:10px verdana; color:#ffffff; font-style:normal; font-weight:bold; text-decoration:underline}

A.sposti1:visited
{font:10px verdana; color:#ffffff; font-style:normal; font-weight:bold; text-decoration:underline}

A.sposti1:active
{font:10px verdana; color:#ffffff; font-style:normal; font-weight:bold; text-decoration:underline}

A.sposti1:hover
{font:10px verdana; color:#FFFFFF; font-style:normal; font-weight:bold; text-decoration:none}




A.sposti2:link
{font:11px verdana; color:#000000; font-style:normal; font-weight:bold; text-decoration:none}

A.sposti2:visited
{font:11px verdana; color:#000000; font-style:normal; font-weight:bold; text-decoration:none}

A.sposti2:active
{font:11px verdana; color:#000000; font-style:normal; font-weight:bold; text-decoration:none}

A.sposti2:hover
{font:11px verdana; color:#cc9900; font-style:normal; font-weight:bold; text-decoration:none}

/*************** All taulukko********/

table.all{
	width:980px;
	border:1px solid #801A10;
	/*background-color:#b9b9b9;*/
	background-color:#999999;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}

/*************** Ryhmälistaus taulukko********/

table.ryhmalistaus{
	width:100%;
	}
	
/*************** Ostoskorin taulukko********/
	
table.hr{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

table.kori2{
	width:100%;
	}
	
td.ostoskori{
	border-bottom:1px solid #000000;
	}
	
/*************** Nappulan css********/
input.nappi 
{
	font-family : Verdana, Arial;
	background : #801A10;
	color : #ffffff;
	border: 1px solid #2e4889;
}

input.box 
{
	font-family : Verdana, Arial;
	font-size: 11px;
	color : #000000;
	border: 1px solid #801A10;
}

td.nappi{
	vertical-align:top;
	width:50%;
	}
	
select.boxi 
{
	font-family : Verdana, Arial;
	color : #000000;
	border: 1px solid #000000;
}

textarea.area 
{
	font-family : Verdana, Arial;
	font-size: 11px;
	color : #000000;
	border: 1px solid #000000;
}

textarea.area2 
{
	font-family : Verdana, Arial;
	font-size: 11px;
	color : #000000;
	border: 1px solid #801A10;
}

td.nappi{
	vertical-align:top;
	width:50%;
	}

/*************** Kirjaudu taulukko********/

table.kirjaudu{
	width:500px;
	font-size:12px;
}

table.tuotelistaus{
	width:90%;
	border:0px solid #000000;
	text-align:left;
	} 

/******************* Divit ***************/
div.all{
	width:100%;
	text-align:left;
	border:0px solid #801A10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}
div.banner{ 
	height:100px; 
	width:99.85%;
	background-color: #ffffff;
	/*background-image:url('../kuvat_ulkoasu/Banneri6.jpg');*/
	border:1px solid #801A10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
div.linkit{
	width:99.85%;
	height:20px;
	border:1px solid #801A10;
	margin:2px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#e8ebf1;
	float:left;
	}
div.ryhmat{ 
	width:200px;
	border:1px solid #801A10;
	background-color:#e8ebf1;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	}
div.kori2{ 
	width:200px;
	border:1px solid #801A10;
	background-color:#e8ebf1;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	}		
div.main{
	width:79%;
	background-color:#e8ebf1;
	border:1px solid #801A10;
	margin:2px 0px 0px 0px;
	padding:0px 0px 65px 0px;
	float:right;
	}
div.maintext{
    margin-bottom:70px;
}
div.alabann{
	width:99.85%;
	height:29px;
	border:1px solid #801A10;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#801A10;
	float:left;
	}

/******************* Lomakkeen alaviiva ***************/
	
td.ala{
	border-bottom:1px solid #801A10;
	width:570;
}