body {
background-image:url(../images/bg_loop.jpg);
background-position: top center; 
background-color: #000000;
text-align: center;
margin: 0px;
padding: 0px;
	}
	
* {
margin: 0;
padding: 0;
}

FORM { margin: 0;
padding: 0; }

INPUT { margin: 0;
padding: 0; }

#kirj { width: 183px; text-align: right; height: 0px; }


.sivukartta { padding-left: 50px; padding-top: 30px; }

.sivukartta1 { padding-left: 20px; }
.sivukartta2 { padding-left: 40px; }
.sivukartta3 { padding-left: 60px; }

P { font-family: Arial; font-size: 9pt; margin-bottom: 10px; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

SELECT { border: 1px solid #f2d2ac; background-color: #755d43; background-image:url(../images/wback.jpg); 
 color: #fbdbb5; padding: 3px; }

H2 { font-family: Tahoma; font-weight: bold; font-size: 12pt; margin-bottom: 15px; color: #7f4f1b;  }
H3 { font-family: Tahoma; font-weight: bold; font-size: 11pt; margin-bottom: 10px; color: #7f4f1b;  }


.jmyyjat { padding-left: 30px; }

.kayttojahuolto_otsake_oikea { float: left; width: 200px; margin-top: 20px; margin-left: 50px; }


.erimaidenjalleenmyyjat { margin-left: 45px; margin-top: 20px; float: left; width: 220px; height: auto; }
 
#jalleenmyyjat_suomi { position: relative; left: 24px; margin: 0px; background-image:url(../images/jalleenmyyjat.jpg); width: 400px; height: 266px; float: left; top: 9px; margin-right: 29px; }

#jalleenmyyjat_suomieng_ { position: relative; left: 24px; margin: 0px; background-image:url(../images/resellers.jpg); width: 400px; height: 266px; float: left; top: 9px; margin-right: 29px; }

#jalleenmyyjat_suomi_sisalto { position: relative; left: 50px; top: 150px; width: 300px; font-family: Arial; font-size: 10pt; font-weight: bold; }

#kartta { top: 9px; position: relative; width: 386px;min-height: 266px; float: left; }


#sisalto { margin: 0px; padding-left: 50px;  }

.makebottom { margin-bottom: 3px; }

P { font-size: 12px;  }

#backgroundContainer { background-image:url(../images/bg_normal.jpg);
background-position: top center; 
background-repeat: no-repeat; 

text-align: center;
margin: 0px;
padding: 0px;
width: 100%; height: 824px; 
}

#MainContainer { top: 0px; width: 980px; height: auto; margin: 0 auto;}



#header1 { position: relative; float: left; width: 354px; height: 133px; margin: 0px; padding: 0px;}
#header2 { position: relative; float: left; width: 296px; height: 133px;  margin: 0px; padding: 0px; }
#header3 { position: relative; float: left; width: 183px; height: 133px;  margin: 0px; padding: 0px; background-image:url(../images/header_04.jpg); background-repeat: no-repeat;  }
}





#header4 { position: relative; float: left; width: 147px; height: 133px;  margin: 0px; padding: 0px; }

.mystyle { top: 50%; height: auto;}

.nosto { width: 197px; height: 228px; float: left; margin-right: 6px;}


.nostosmall { width: 197px; height: 68px; float: left; margin-right: 6px;}

#isotuoteteksti { width: 320px; float: left; padding-left: 20px; padding-right: 20px; }


.nostotuotteet { width: 197px; height: 143px; float: left; margin-right: 6px; margin-bottom: 30px; }

#bigimage { position: relative; left: -12px; }


.symbols_main { float: left; width: 330px; height: 80px; }
.symbols_left { float: left; width: 45px; }
.symbols_right { float: left; width: 160px; font-size: 8pt; }

.symbols { position: relative; float: left; padding-left: 3px; padding-right: 5px; top: -10px; }

.tuotekuvagallery { width: 112px; padding:10px; height:auto; float: left; }

.nostokuvaframes { text-align: center; padding-top: 0px; width: 197px; height: auto; background-image: url(../images/frammiddles.jpg); background-repeat: repeat-y; }

.nostokuvatausta { width: 197px; height: 162px; background-image: url(../images/whiteframe.gif); background-repeat: no-repeat;   }

.nostokuvataustabig { width: 280px; height: 234px; background-image: url(../images/whiteframebig.gif); background-repeat: no-repeat; margin-bottom: 20px;   }


.nostokuva { text-align: center; padding-top: 10px; width: 197px; }
.nostokuvabig { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle; height: 234px; width: 280px }

.nostokuvaframe { text-align: center; padding-top: 0px; width: 280px; height: auto; background-image: url(../images/frammiddle.jpg); background-repeat: repeat-y; }

.nostokuvataustaframe { text-align: center; padding-top: 0px; width: 280px; margin-bottom: 20px; }

.nostotekstitausta { width: 197px; height: 213px; background-image: url(../images/woodframe.gif); background-repeat: no-repeat;   }


.nostoteksti { text-align: center; padding-top: 10px; width: 197px; padding-top: 15px; }

.nostoteksti A { font-family: Arial; font-size: 10pt; color: #1d1000; font-weight: bold; text-decoration: none; }
.nostoteksti A:hover { font-family: Arial; font-size: 10pt; color: darkred; text-decoration: none;  }




.nostotekstitausta_dark { width: 197px; height: 53px;    }


.nostoteksti_dark { text-align: center; padding-top: 5px; width: 197px; padding-top: 4px; }
.nostoteksti_dark A { font-family: Arial; font-size: 10pt; color: #442212; font-weight: bold; text-decoration: none;  }
.nostoteksti_dark A:hover { font-family: Arial; font-size: 10pt; color: darkred; text-decoration: none;   }


.tiedostopankki A { padding-left: 5px; font-family: Arial; font-size: 10pt; color: #7f4f1b;  text-decoration: none; }
.tiedostopankki A:hover { font-family: Arial; font-size: 10pt; color: darkred; text-decoration: none;  }

#menubar { background-image:url(../images/menubar.jpg); background-position: top;  background-repeat: no-repeat; padding: 0px; margin: 0px; width: 980px; height: 44px; text-align: left; }

#menubarlinks { padding-left: 220px; padding-top: 0px; margin: 0px;    }


.header3x  { position: relative; top: 85px; left: -7px; }


.header3x  INPUT { border: 0px solid #333333; background-image:url(../images/sback.jpg); 
 color: #cfb58d; padding: 1px;   }


.selectedleft { float: left; }
.selectedright { float: left; }

.selectedlink { padding-top: 11px; float: left; background-image:url(../images/selectedbg.jpg); background-repeat: repeat-x; height: 33px; padding-left: 2px; padding-right: 2px; }


.takaisinlink {  text-decoration: none; }
.takaisinlink A { font-family: "Tahoma"; font-weight: bold; color: #442212; text-decoration: none; font-size: 11pt; 
text-shadow:0 1px #f5deb9;
}
.takaisinlink A:hover { font-family: "Tahoma"; font-weight: bold; color: darkred; text-decoration: none; font-size: 11pt; 
text-shadow:0 1px #f5deb9;
}
.normallink { font-family: Tahoma; font-weight: bold; padding-left: 9px; padding-top: 11px; float: left; padding-right: 10px; text-decoration: none; }

.normallink A{ font-family: Tahoma; font-weight: bold; color: #442212; text-decoration: none; font-size: 11pt; 
text-shadow:0 1px #f5deb9;
}

.normallink A:hover { font-family: Tahoma; font-weight: bold; color: #240202; text-decoration: none; font-size: 11pt; 
text-shadow:0 1px #f9edd9;
}

.selectedlink A{ font-family: Tahoma; font-weight: bold; color: #442212; text-decoration: none; font-size: 11pt; 
text-shadow:0 1px #f5deb9;
}

.small { position: relative; font-family: Tahoma; font-size: 7pt; color: #442212; left: 5px; }


#mainContent { background-image: url(../images/topd_16.jpg); background-repeat: repeat-y; min-height: 531px; height: auto; width: 980px; margin: 0px; padding: 0px; text-align: left; background-color: #faead3
 }

#etusivuVasen { float: left; width: 616px; }

#etusivuOikea { float: left; width: 220px; padding-top: 9px; }

.kayttojahuolto_otsake  { margin-left: 45px; margin-top: 20px; float: left; width: 450px; height: auto; float: left; }

.kayttojahuolto_palsta { margin-left: 45px; margin-top: 20px; float: left; width: 220px; height: auto; min-height: 20px; }


.uutiskappale { margin-bottom: 15px; font-family: Arial; color: #1d1000; font-size: 9pt; }

.uutiskappale H3 { font-family: Tahoma; font-weight: bold; font-size: 11pt; margin-bottom: 5px; color: #7f4f1b;  }
.uutiskappale H3  A { font-family: Tahoma; font-weight: bold; font-size: 11pt; margin-bottom: 5px; color: #7f4f1b; text-decoration: underline; }



.kuvaus { padding-top: 5px; }

A { font-family: Arial; color: #1d1000; font-size: 9pt; text-decoration: underline; }

.uutiskappale A { font-family: Arial; color: #1d1000; font-size: 9pt; text-decoration: none;  }
.uutiskappale A:hover { color: darkred; text-decoration: none;}

.facebook { padding-top: 12px; }

.facebook A { font-family: Arial; color: #1d1000; font-size: 9pt; text-decoration: none; padding-top: 3px; }
.facebook A:hover { color: darkred }

.tiedostopankki { padding-bottom: 8px; }
.kuvakkeet { padding-right: 5px; margin-right: 5px;  }

#etusivunajankohtaiset { padding-top: 23px; padding-left: 5px; }


#normisivuVasen { float: left; width: 210px; padding-left: 20px; padding-top: 10px; font-family: Arial; font-size: 9pt; }
#normisivuOikea { float: left; width: 610px; padding-left: 30px; padding-top: 10px;  font-family: Arial; font-size: 9pt; }

H1 { font-family: Tahoma; font-size: 15pt; padding-bottom: 20px;  color: #7f4f1b; width: 80% }
H1 A { font-family: Tahoma; font-size: 15pt; padding-bottom: 20px;  color: #7f4f1b; width: 80% }




.tuotekategoria H1 { font-family: Tahoma; font-size: 15pt; padding-bottom: 20px; padding-top: 0px; color: #7f4f1b; width: 80% }

.palsta1  { float: left; width: 44%; padding-right: 33px; }
.palsta1b  { float: left; width: 44%; padding-right: 20px; }

.isopalsta  { float: left; width: 84%; }

.palsta2  { float: left; width: 40% }

 
.subPageButton { background-image: url(../images/link.jpg); background-repeat: no-repeat; width: 217px; height: 40px; padding: 0px; margin: 0px; text-align: left; text-shadow:0 1px #f5deb9; text-decoration: none; }

.subPageButton A {  text-decoration: none; }

.subPageButtonActive { background-image: url(../images/linkselected.jpg); background-repeat: no-repeat; width: 217px; height: 40px; padding: 0px; margin: 0px; text-align: left; text-shadow:0 1px #f5deb9; text-decoration: none;  }

.subPageButtonActive A {  text-decoration: none; }

.subPageButtonText { text-align: left; padding-top: 10px; padding-left: 40px; font-family: Arial; color: #1d1000; font-size: 11pt; text-decoration: none; font-weight: bold; text-shadow:0 1px #f5deb9; text-decoration: none; cursor: hand; }

.subPageButtonText A {  text-decoration: none; cursor: hand; }


#normisivuOikea P { padding-bottom: 10px; font-family: Arial; font-size: 9pt; }

#normisivuVasen P { padding-bottom: 10px; font-family: Arial; font-size: 9pt; }

















#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }