@charset "UTF-8";

@font-face {
   font-family: 'font_name';
   src: url(img/MTCORSVA.eot);
   src: local('MTCORSVA'), url('img/MTCORSVA.ttf') format('truetype');
}
.monotypecorsiva { font-family:MTCORSVA; font-style:italic;}

* {padding:0;}
body{background:#dedede url(img/bg.jpg) repeat-x top left; margin:0;padding:0;
font:62.5%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}

#etusivun_valinta {margin: 0; list-style:none;} 
#etusivun_valinta em{display:none;} 
#etusivun_valinta li{float:left; border:1px solid #CCC; margin-right:20px;} 


#bernina2 a:link{ display: block; width:190px; height:96px;background: url(img/bernina_ompelukoneet_pieni.jpg);}
#bernina2 a:hover{ display: block; width:190px; height:96px; background: url(img/bernina_ompelukoneet_pieni2.jpg);} 

#eva2 a:link{ display: block; width:190px; height:96px;background: url(img/eva_ompelukoneet_pieni.jpg);}
#eva2 a:hover{ display: block; width:190px; height:96px; background: url(img/eva_ompelukoneet_pieni2.jpg);} 

#brodeeraus2 a:link{ display: block; width:190px; height:96px;background: url(img/mainosjaliikelahjat_pieni.jpg);} 
#brodeeraus2 a:hover{ display: block; width:190px; height:96px; background: url(img/mainosjaliikelahjat_pieni2.jpg);}

#bernette2 a:link{ display: block; width:190px; height:96px;background: url(img/bernette_ompelukoneet_pieni.jpg);} 
#bernette2 a:hover{ display: block; width:190px; height:96px; background: url(img/bernette_ompelukoneetpieni2.jpg);}  

#bernina a:link{ display: block; width:260px; height:132px;background: url(img/bernina_ompelukoneet_pieni.jpg);}
#bernina a:hover{ display: block; width:260px; height:132px; background: url(img/bernina_ompelukoneet_pieni2.jpg);} 

#eva a:link{ display: block; width:260px; height:132px;background: url(img/eva_ompelukoneet.jpg);}
#eva a:hover{ display: block; width:260px; height:132px; background: url(img/eva_ompelukoneet2.jpg);} 

#brother_testi a:link{ display: block; width:260px; height:132px;background: url(img/brother_ompelukoneet6.jpg);} 
#brother_testi a:hover{ display: block; width:260px; height:132px; background: url(img/brother_ompelukoneet4.jpg);} 

#brodeeraus_testi a:link{ display: block; width:260px; height:132px;background: url(img/mainosjaliikelahjat4.jpg);} 
#brodeeraus_testi a:hover{ display: block; width:260px; height:132px; background: url(img/mainosjaliikelahjat5.jpg);} 

#scanncut a:link{ display: block; width:260px; height:132px;background: url(img/scanncut_kuvioleikkurit1.jpg);} 
#scanncut a:hover{ display: block; width:260px; height:132px; background: url(img/scanncut_kuvioleikkurit2.jpg);} 

#kuvastot{list-style:none;} 
#kuvastot li{ float:left; margin:0 11px 15px 0;text-align:center; } 
#kuvastot li em{  font-size:12px; font-style:normal;} 
#kuvastot a:link{ color:#006699; text-decoration:none; font-weight:bold; background-color:#FFF; padding:5px; display:block;} 
#kuvastot a:hover{ color:#006699; text-decoration:none; font-weight:bold;background-color:#EAEAEA; padding:5px;display:block;} 
.kuvakehys{ border:1px solid #CCC; padding:1px;} 

#brodeeraussivut h1 {text-align:left; border-bottom:1px solid #d6d6d6;  font: normal 23px  Tahoma, Geneva, sans-serif; color:#666; margin:10px 0; padding:2px 0px;}
#brodeeraussivut h2 {text-align:left;font: normal 16px  Tahoma, Geneva, sans-serif; color:#666; margin:10px 0; padding:10px 0px; float:none; clear:both;}
#brodeeraussivut h3 {text-align:left; color:#666; font:normal 15px Tahoma, Geneva, sans-serif; margin:10px 0px 10px -5px; padding:5px 0px 5px 5px; background-color:#EBEBEB;}
#brodeeraussivut h4 {text-align:left; color:#666; font:bold 12px Tahoma, Geneva, sans-serif; margin:15px 0 5px -5px; padding:5px 0px 5px 5px; background-color:#F3F3F3; }
#brodeeraussivut .back { width:278px; margin:0 0 20px 0; padding:0 20px 20px 20px; background:#FFF url(img/kelt_taustaliuku.jpg) no-repeat bottom center; border:1px solid #d6d6d6; text-align:left; float:right;}
#brodeeraussivut #masthead{ width:100%; height:120px; background: url(img/masthead_brodeeraus2.jpg) repeat-x top center; position:absolute; top:140px; margin:auto;}
.tutustu_kuvastoon{  padding:3px; background-color:#FFCC33; }

.header{ width:920px; margin:auto; background: url(img/header_top.jpg) no-repeat top left; padding-top:20px; height:116px;}

#wrapper {margin: 0 auto;text-align: center; background: url(img/varjo.png) no-repeat top center;} 
* html #wrapper {margin: 0 auto;text-align: center; background:none;} 
#masthead{ width:100%; height:120px; background: url(img/masthead.jpg) repeat-x top left; position:absolute; top:140px; margin:auto;}
#masthead p{font-size:17px; color:#FFFFFF; text-align:center; display:none;}

#content{background-color:#FFF; border:1px solid #CCC; position:relative; top:50px; text-align:left; }
#tuotesivut #content{background-color:#FFF;border:1px solid #CCC; border-bottom:3px solid #CCC; position:relative; top:50px; text-align:left; margin-bottom:50px; }
#content #left_column{ padding:20px; }
#content #right_column{ padding:60px 20px 20px 10px;}
#tuotesivut #content #right_column{padding:25px 20px 20px 10px;}

.banner { margin:0 0 0px 0; padding:15px 0 5px 0; float:right; clear:both;}
.videomargin { margin-left:0px;}
p.top a{ padding-left:17px; background: url(img/top.gif) no-repeat 0 2px; margin-top:25px; float:left; display:block;}
p.etusivulle a{ padding-left:22px; background: url(img/etusivulle.gif) no-repeat 0 4px; margin-top:25px; float:right; display:block;}

h1 {text-align:left; border-bottom:1px solid #d6d6d6;  font: normal 23px  Tahoma, Geneva, sans-serif; color:#347dac; margin:10px 0; padding:2px 0px;}
.uutuus{ padding:2px 5px 2px 10px; margin-top:0px; font-size:14px; background-color:#FFCC00; font-weight:bold; color:#FFF; float:right;}
h2 {text-align:left;font: normal 16px  Tahoma, Geneva, sans-serif; color:#666; margin:10px 0; padding:10px 0px;}
h3 {text-align:left; color:#666; font:normal 15px Tahoma, Geneva, sans-serif; margin:10px 0px 10px -5px; padding:5px 0px 5px 5px; background-color:#EBEBEB;}
h4 {text-align:left; color:#666; font:bold 12px Tahoma, Geneva, sans-serif; margin:15px 0 5px -5px; padding:5px 0px 5px 5px; background-color:#F3F3F3; }
h4 a:link {color:#006699; text-decoration:none;}
h4 a:visited {color:#006699; text-decoration:none;}
h4 a:hover{color:#006699; text-decoration:underline;}

p {font-size:1.2em; text-align:justify; margin-bottom:10px; line-height:1.7em; color:#666666; }
p a:link{ color:#006699; text-decoration:none;}
p a:visited{ color:#006699; text-decoration:none;}
p a:hover{ color:#006699; text-decoration:underline;}
p a:active{ color:#006699; text-decoration:underline;}

/* menu */	
.menu { padding:45px 0 0 0; margin:0; width:665px; float:right;}
.menu ul { padding:6px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 1px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#666; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px; background:none;}
.menu ul li a:hover {  background: url(img/menu_right.gif) no-repeat right;}
.menu ul li a:hover span { background:url(img/menu_left.gif) no-repeat left;}
.menu ul li a.active {background:url(img/menu_right.gif) no-repeat right;}
.menu ul li a.active span {  background:url(img/menu_left.gif) no-repeat left;}

/* menu */	
.menu_testi { padding:45px 0 0 0; margin:0; width:665px; float:right;}
.menu_testi ul { padding:6px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu_testi ul li { float:left; margin:0; padding:0 1px; border:0;}
.menu_testi ul li a { float:left; margin:0; padding:13px 0; color:#666; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu_testi ul li a span { padding:13px; background:none;}
.menu_testi ul li a:hover {  background: url(img/menu_right.gif) no-repeat right;}
.menu_testi ul li a:hover span { background:url(img/menu_left.gif) no-repeat left;}
.menu_testi ul li a.active {background:url(img/menu_right.gif) no-repeat right;}
.menu_testi ul li a.active span {  background:url(img/menu_left.gif) no-repeat left;}

.back { width:278px; margin:0 0 20px 0; padding:0 20px 20px 20px; background:#eef4f7; border:1px solid #d6d6d6; text-align:left; float:right;}

.tuotelista_kehys { width:278px; margin:10px 0 20px 0; padding:0 20px 20px 20px; background:#eef4f7; border:1px solid #d6d6d6; text-align:left; float:right;}

#tuotelista{font-size:11px; padding:0; margin:10px 10px 10px 10px; color:#666666; list-style:none;}
#tuotelista ul{list-style:none; margin-bottom:5px;}
#tuotelista li{ text-transform:uppercase; font-weight:bold; width:99%; }
#tuotelista li ul li a:link,#tuotelista li ul li a:visited, #tuotelista li ul li a:hover{ text-transform:none; text-decoration:none; font-weight:bold;  display:block; width:99%; padding-left:5px; border-bottom:1px dotted #CCC;}

#tuotelista li ul li a:link{  color:#347dac;background-color:none; }
#tuotelista li ul li a:visited{ color:#347dac;background-color:none; }
#tuotelista li ul li a:hover{color:#FFF;  background-color:#347dac;}



/*** Brother-index navigointi, ei kaytössä ***/
/*
ul.nav, .nav ul{font-size:11px; padding:0; margin:10px 10px 10px 10px; color:#666666; list-style:none;}
ul.nav{width:99%;flat:left; margin-right:0em;}
ul.nav>li{margin: 0;padding: 2px 6px;text-transform:uppercase;}
ul.nav li>ul{

	display: none;
	position: relative;
	width: 92%;
	left: 0;
	margin-top: 0em;
	margin-left: 5px;}
ul.nav li:hover>ul{display : block;}
.nav ul li a{

display: block;padding: 2px 10px 2px 5px;text-transform:none; text-decoration:none; font-weight:bold;  display:block; width:92%; border-bottom:1px dotted #CCC;}

ul.nav, .nav ul, .nav ul li a{color:#347dac;background-color:none;}
ul.nav, .nav ul, .nav ul li a:visited{color:#347dac;background-color:none;}
ul.nav li:hover{color:#FF6600;  background-color:none; text-transform:uppercase;font-weight:bold;}
.nav ul li a:hover{color:#FFF;  background-color:#347dac; }
ul.nav li:active,.nav ul li a:active{color: #347dac; font-weight:bold; } */


.tab_nav_container {
	padding: 0px;
	margin: 20px 0 0px 0;
	background: #fff;
	}


#tab_nav {
	width: 96%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #CCC;
	}

#tab_nav li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#tab_nav a:link, #tab_nav a:visited {
	float: left;
	font-size: 90%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #006699;
	}

#tab_nav a.active:link, #tab_nav a.active:visited, #tab_nav a:hover {
	border-bottom: 4px solid #CCC;
	padding-bottom: 2px;
	color: #666;
	}
	
#tab_nav a.active:visited, #tab_nav a:hover {
	border-bottom: 4px solid #CCC;
	padding-ottom: 2px;
	color: ##006699;
	}

.kuvapankki table{ border:1px solid #CCC; color:#666666; width:160px; float:left; margin:5px 5px 5px 0; height:160px;}
.brodeerauskuviot table{ border:1px solid #CCC; color:#666666; width:130px; float:left; margin:5px 5px 5px 0; height:150px; text-align:center;}
.paininjalat table{border:1px solid #CCC; font-size:11px; color:#666666; width:155px; float:left; margin:5px 5px 5px 0; height:215px;}
.valtuutetut_huoltopisteet_table{ font-size:10px; color:#666666; margin:0; padding:0;}
.valtuutetut_huoltopisteet_table p{padding: 0; margin:0;font-size:10px;}
.yhteensopivuustaulukko{font-size:11px; color:#666666;}
.yhteensopivuustaulukko td{border-bottom:1px dotted #CCC;}
.taulukko{font-size:11px; color:#666666;}
.taulukko th{border-bottom: 1px solid #CCC;}
.taulukko td{border-bottom: 1px dotted #CCC;}
#ominaisuuksien_erittely_table { font-size:11px; color:#666666;}

#esitteet_table p{ padding:0; margin:0; font-size:11px;}
#esitteet_table th{ font-weight:bold; border-bottom:1px solid #CCC;}
#esitteet_table td{ padding:2px; border-bottom:1px dotted #CCC;}
#esitteet_table p a:link, #esitteet_table p a:visited, #esitteet_table p a:hover{text-decoration:none; display:block; width:98%; padding-left:5px;}
#esitteet_table p a:link{ color:#006699;}
#esitteet_table p a:visited{ color:#006699; }
#esitteet_table p a:hover{ color:#FFF;  background-color:#347dac;}

#tulosta{ float:right; margin:0; padding:0; font-size:10px; border:none;}

.liput{ border:1px dotted #CCC;}
.liput p{margin:0; padding:0; line-height:12px; font-size:11px;}
.liput img{padding:1px; border:1px solid #999999;}
.ylaviiva{ border-top:1px dotted #CCC}
.lista{ color:#666; font-size:11px; list-style:outside; list-style-type:disc;}

.img{ border:1px solid #CCCCCC;}
.float_right{float:right; margin:0px 0 10px 20px; padding:0;border:1px solid #EBEBEB;}


.logo{ float:left; margin-top:10px;}
.karttalink{ padding:0 25px 0 0;  background:url(img/suurennuslasi.gif) no-repeat center right;}
a:hover.karttalink { padding:0 25px 0 0; background:url(img/suurennuslasi2.gif) no-repeat center right;}

.lista{list-style:none; margin:0; padding:0;}
.lista li{ line-height:19px; text-align:left;}
.lista a:link,.lista a:visited,.lista a:hover{padding-left:20px; background: url(img/download.gif) no-repeat 0 0px; display:block; font-weight:normal;}
.lista a:link{color:#006699; text-decoration:none;}
.lista a:visited{color:#006699; text-decoration:none;}
.lista a:hover{color:#006699; text-decoration:underline;}

.lista_nuoli{ list-style:none;margin:0; padding:0;}
.lista_nuoli li{  line-height:25px; text-align:left;}
.lista_nuoli a:link, .lista_nuoli a:visited, .lista_nuoli a:hover, .lista_nuoli a:active{padding:2px 0 0 20px; background: url(img/nuoli.gif) no-repeat 0 6px; display:block;}
.lista_nuoli a:link{color:#006699; text-decoration:none;}
.lista_nuoli a:visited{color:#006699; text-decoration:none;}
.lista_nuoli a:hover{color:#006699; text-decoration:underline;}
.lista_nuoli a:active{color:#006699; text-decoration:underline;}

.lista_lisatarvikkeet{ list-style:none; font-size:11px;padding:0; margin: 0 0 0 0px; padding:0; color:#666666;}
.lista_lisatarvikkeet li{ line-height:14px; text-align:left;padding:2px 0 0 16px; background: url(img/pikkunuoli.gif) no-repeat 0 3px;}
.lista_lisatarvikkeet a:link, .lista_lisatarvikkeet a:visited, .lista_lisatarvikkeet a:hover{text-decoration:none; display:block; width:98%; padding-left:5px;}
.lista_lisatarvikkeet a:link{ color:#006699;}
.lista_lisatarvikkeet a:visited{ color:#006699; }
.lista_lisatarvikkeet a:hover{ color:#FFF;  background-color:#347dac;}

.lista_ominaisuudet{ list-style:none; padding:0; margin: 0 0 0 0px; padding:0; color:#666; font-size:11px;}
.lista_ominaisuudet li{  line-height:11px; text-align:left;text-align:left;padding:4px 0 0 15px; background: url(img/pikkunuoli.gif) no-repeat 0 3px;}
.lista_ominaisuudet a:link{ color:#006699; text-decoration:none; display:block;}
.lista_ominaisuudet a:visited{ color:#006699; text-decoration:none;}
.lista_ominaisuudet a:hover{ color:#006699; text-decoration:underline;}
.lista_ominaisuudet a:active{color:#006699; text-decoration:underline;}



.clr {clear:both;}

.foto_float_left {float:left; padding:0; margin:0 20px 10px 0; clear:both;}
.viiva {border-bottom: 1px dotted #CCC;  }
.kuvapankki{ clear:both; float:none;}

#kuvapankki img { padding:2px; border:1px solid #CCC; margin:0 10px 10px 0; float:left;}

#footer{ background:url(img/bg_footer.jpg) repeat-x top left;  border-left:1px solid #CCC;border-right:1px solid #CCC;position:relative; }
#footer p{font-size:10px; }
#footer h4 {text-align:left; color:#666; font:bold 11px Tahoma, Geneva, sans-serif; margin:10px 0 5px -5px; padding:5px 0px 5px 5px;  background:none; }
#footer h3 {text-align:left; color:#666; font:normal 15px Tahoma, Geneva, sans-serif; margin:10px 0px 10px 0px; padding:15px 0px 5px 0px; background:none;}
#logo_column img{padding:10px 0 5px 10px;  }

#logo_column, #lataalogo_column, #otayhteytta_column {text-align:left; padding-top:10px;}


#nav_footer{background:#bfbfbf url(img/bg_nav_footer.jpg) repeat-x top left;padding:15px;border-left:1px solid #DADADA;border-right:1px solid #DADADA; position:relative; }
#nav_footer #active { font-weight:bold;}


#nav_footer ul { margin:0; padding:15px 10px 10px 10px; list-style:none; float:left;letter-spacing:1px;}
#nav_footer ul li { margin:0; padding:0 10px; float:left; background: url(img/slash.gif) no-repeat center right;}
#nav_footer a:link { color:#347dac; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px; text-decoration:none; line-height:1.8em;}
#nav_footer a:visited{ color:#347dac;  font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px; text-decoration:none; line-height:1.8em;}
#nav_footer a:hover { text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; text-align:left;}
#contactform * { color:#666;}
#contactform .red{ color:#CC0000;}
#contactform #samalle_riville label{width:30px; float:left;}
#contactform #samalle_riville input.text{width:92px; float:left;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:250px; padding:1px 0; font:normal 10px  Tahoma, Geneva, sans-serif; color:#6e6e6e;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:250px; border:1px solid #d7d7d7; margin:2px 0; padding:2px 2px; height:14px; background:#fff;}
#contactform textarea { width:250px; border:1px solid #d7d7d7; margin:5px 0; padding:2px; background:#fff; height:120px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF; width:105px; height:24px}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}