

body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	SCROLLBAR-FACE-COLOR: #E6E4E4;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #979CAA;
	SCROLLBAR-3DLIGHT-COLOR: #D5D8E1;
	SCROLLBAR-ARROW-COLOR: #B5BBCA;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #7A8196;
}



/* --------------------------------------UUDET--------------------------------------*/

/* --------------------------------------RUNKO --------------------------------------*/

.line {
	
    border-left : 1px solid #a3a3a3;
	padding-left : 15px;
	padding-right : 1px;
  	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 14px;
	color : #010101;
 }
 
 .productcontent {
	
 	padding-right : 15px;
 }


td.startmenu {
	background-image : url(../images/bg_top.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
}


td.startmenubg {
	background-image : url(../images/bg.gif);
	background-position : left top;
	background-repeat : repeat-x;
	padding-left : 0px;
	padding-right : 0px;
}



/* -------------------------------------TUOTTEET--------------------------------------*/

td.fiia {
	background-image : url(../images/product_fiia1.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}


/* --------------------------------------FONTIT --------------------------------------*/

	.td, .p, .br, td, p, br  {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 20px;
	color : #010101;
}


	hr  {
	color: #a3a3a3;
        background-color: #a3a3a3;
	height: 1px;
	margin-bottom: 15px;
	margin-top: 15px;
}

td.content {
	font-style: normal;
}

	.nb  {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 16px;
	color : #666666;
	font-style:italic
	}



h1 {
	font-family :  Century Gothic, "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size : 30px;
	font-weight : normal;
	color : #000000;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 35px;
	}
	
h2 {
	font-family :  Century Gothic, "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size : 20px;
	font-weight : normal;
	color : #000000;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 20px;
	}

h3 {
	font-family :  Century Gothic, "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size : 16px;
	font-weight : normal;
	color : #4b7000;
	line-height: 20px;
	}
	
	
.product {
	font-family :  Century Gothic, Arial, "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #c48100;
	line-height: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
	.productinfo {
	font-family :   Arial, "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #000000;
	line-height: 14px;
	argin-bottom: 0px;
	padding-bottom: 0px;
	}
	
/* --------------------------------------VALIKKO --------------------------------------*/

td.arrow {
	  border-bottom : 1px solid #7dbad3;;
	  font-family :  "Trebuchet MS", Verdana,  sans-serif;
	  font-size : 12px;
	  font-weight : normal;
	  color : #74b0c7;
}


a.menu:link {
font-family :  "Trebuchet MS", Verdana,  sans-serif;
font-size : 12px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
}

a.menu:visited {
font-family :   "Trebuchet MS",  Verdana,  sans-serif;
font-size : 12px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
}

a.menu:active {
font-family :  "Trebuchet MS", Verdana,  sans-serif;
font-size : 12px;
font-weight : bold;
color : #e7a958;
text-decoration : none;
}

a.menu:hover {
font-family :  "Trebuchet MS", Verdana,  sans-serif;
font-size : 12px;
font-weight : bold;
color : #e7a958;
text-decoration : none;
}






/* --------------------------------------YHTEYSTIEDOT------------------------------------*/

.startkontakti {
color : #bdbcbc;
font-size : 11px;
line-height: 13px;
font-weight: normal;
}


.kontakti {
color : #666666;
font-size : 12px;
line-height: 15px;
font-weight: normal;
}


a.kontakti {
color : #666666;
text-decoration : none;
font-size : 12px;
}


a.kontakti:link {
color : #666666;
text-decoration : none;
font-size : 12px;
}


a.kontakti:visited {
color : #666666;
text-decoration : none;
font-size : 12px;
}


a.kontakti:active {
color : #666666;
text-decoration : underline;
font-size : 12px;
}


a.kontakti:hover {
color : #666666;
text-decoration : underline;
font-size : 12px;
}







/* ------------------------------------VANHAAAAAA-------------------------------------*/

td.logo {
	background-image : url(../images/ruotsala.gif);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;	
}

td.menubg {
	background-image : url(../images/menubg.gif);
	background-position : right top;
	background-repeat : repeat-y;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}




td.feelit1 {
	background-image : url(../images/peltola_feelit1.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}



td.feelit2 {
	background-image : url(../images/peltola_feelit2.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}


td.feelit3 {
	background-image : url(../images/peltola_feelit3.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}

td.feelit4 {
	background-image : url(../images/feelit/4.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}

td.feelit5{
	background-image : url(../images/feelit/5.jpg);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #FFFFFF;
}






.header1 {
	font-family : "Trebuchet MS",  Verdana,  sans-serif;
	font-size : 17px;
	color : #dc5400;
	font-weight : bold;
	} 

.header2 {
	font-family : Tahoma, Verdana, "Trebuchet MS", Arial, Tahoma, sans-serif;
	color :#45a5d5;
	letter-spacing: 2px;
	font-size : 40px;
	font-style: italic;
	font-weight : normal;
	line-height: 50px;
	} 
	

.header3 {
	font-family : "Trebuchet MS",  Verdana,  sans-serif;
	color :#3a9ccd;
	letter-spacing: 0px;
	font-size : 14px;
	font-style: italic;
	font-weight : bold;
	line-height: 18px;
	text-transform: uppercase;
	} 


	
ul {
	list-style-image: url(../images/button.gif);
	vertical-align: middle;
	margin-left: 7px;
	padding-left: 7px;
	margin-top: 0px;
	padding-top: 0px;


}




/* --------------------------------------PERUSLINKIT------------------------------------*/

a {
color : #096eb6;
text-decoration : underline;
font-weight : bold;
}


a:link {
color : #096eb6;
text-decoration : underline;
font-weight : bold;
}


a:visited {
color : #096eb6;
text-decoration : underline;
font-weight : bold;
}


a:active {
color : #4ba8e3;
text-decoration : underline;
font-weight : bold;
}


a:hover {
color : #4ba8e3;
text-decoration : underline;
font-weight : bold;
}


	

/* --------------------------------------MENU INFO --------------------------------------*/


.info{
color : #9eb93d;
font-size : 14px;
line-height: 13px;
}

a.info:link {
font-family :  "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
color : #45a5d5;
text-decoration : none;
}


a.info:visited {
font-family :   "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
color : #45a5d5;
text-decoration : none;
}


a.info:active {
font-family :  "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
color : #8ba91e;
text-decoration : none;
}


a.info:hover {
font-family :  "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
color : #8ba91e;
text-decoration : none;
}




/* --------------------------------------DESIGN------------------------------------*/

.signaali {
color : #b6b7b1;
font-size : 10px;
font-family : Arial, Verdana, Helvetica, sans-serif;
}


a.signaali {
color : #b6b7b1;
text-decoration : underline;
font-size : 10px;
}


a.signaali:link {
color : #b6b7b1;
text-decoration : none;
}


a.signaali:visited {
color : #b6b7b1;
text-decoration : none;

}


a.signaali:active {
color : #b7240c;
text-decoration : none;

}


a.signaali:hover {
color : #b7240c;
text-decoration : none;

}



/* --------------------------------------LOMAKE------------------------------------*/

.formfield1 {
	border-left : 1px solid #45a5d5;
	border-right : 1px solid #45a5d5;
	border-top : 1px solid #45a5d5;
	border-bottom : 1px solid #45a5d5;
	background-color: #f4f4f2;
	padding-left : 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #2a7ca5;
	padding: 3px;
	height: 22px;
	width: 205px;
}

.formfield2 {
	border-left : 1px solid #45a5d5;
	border-right : 1px solid #45a5d5;
	border-top : 1px solid #45a5d5;
	border-bottom : 1px solid #45a5d5;
	background-color: #f4f4f2;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #2a7ca5;
	padding: 3px;
	height: 100px;
	width: 310px;
}


.formbutton1 {
	
  border-left : 2px solid #ffffff;
  border-right : 2px solid #ffffff;
  border-top : 2px solid #ffffff;
  border-bottom : 2px solid #ffffff;
  background-color: #096eb6;
  font-family: Arial, Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 2px;
  color: #ffffff;
}

