* { margin: 0px; padding: 0px; }
body { position: relative; height: 100%; text-align: center; font-family: Trebuchet MS; background: url(body_bg.gif) repeat-x #161310; }
 html { height: 100%; }
  #page { position: relative; width: 719px; min-height: 100%; margin: 0px auto 0px auto; text-align: left; background: url(page_bg.gif) repeat-y #ccc; }
  * html #page { height: 100%; margin-top: 0px; }

    #header { position: relative; width: 719px; height: 194px; top: 0px; background: url(nav_bg.gif) no-repeat; }
      #header .navigation { position: relative; list-style-type: none; }
      #header #navi1 { position: relative; margin-left: 40px; padding-top: 38px; z-index: 3; }
      #header #navi2 { position: relative; margin-left: 68px; padding-top: 48px; z-index: 2; }
      * html #header #navi2 { padding-top: 14px; }
	 #header .navigation li { position: relative; height: 34px; margin-right: 7px; float: left; background: }
	   #header .navigation li div { position: relative; display: block; height: 34px; background-position: 0px 0px; background-repeat: no-repeat; }
	   #header .navigation li a { position: relative; display: block; height: 34px; background-position: 0px 50px; background-repeat: no-repeat; }
	   #header .navigation li span { display: none; }
	   #header .navigation li a:hover { background-position: 0px -1px; background-repeat: no-repeat; }
	     #header #navi2 li a:hover { background-position: 0px 0px; }
	     #nav0 { width: 90px; background: url(nav0_hover.gif) no-repeat; }
	     #nav1 { width: 100px; background: url(nav1_hover.gif) no-repeat; }
	     #nav2 { width: 162px; background: url(nav2_hover.gif) no-repeat; }
	     #nav3 { width: 105px; background: url(nav3_hover.gif) no-repeat; }
	     #nav4 { width: 140px; background: url(nav4_hover.gif) no-repeat; }
	     #nav5 { width: 146px; background: url(nav5_hover.gif) no-repeat; }
	     #nav6 { width: 96px; background: url(nav6_hover.gif) no-repeat; }
	     #nav7 { width: 175px; background: url(nav7_hover.gif) no-repeat; }
	     #nav8 { width: 128px; background: url(nav8_hover.gif) no-repeat; }

    #content { position: relative; width: 599px; margin-bottom: 20px; padding: 40px 60px 40px 59px; background: url(content_bg.gif) no-repeat; }
    * html #content { width: 719px; }
      #content #tuotteet_lineup { position: relative; display: block; width: 100%; height: 160px; margin-left: 7px; margin-bottom: 100px; text-align: center; }
      * html #content #tuotteet_lineup { height: 240px; margin-left: 0px; margin-bottom: 0px; }
      #content #tehdasmallisto_linkki { position: relative; margin-bottom: 30px; }
        .tuotekuva, .tuotekuva_v, .tuotekuva_m, .tuotekuva_v_m { position: relative; display: block; float: left; width: 138px; height: 102px; margin: 0px 0px 30px 7px; padding: 5px 0px 0px 0px; text-decoration: none; text-align: center; background: url(tuotekuva_bg.gif) no-repeat; }
	 .tuotekuva_v { width: 102px; height: 138px; background: url(tuotekuva_bg_v.gif) no-repeat; }
	 .tuotekuva_m { width: 138px; height: 102px; background: url(tuotekuva_bg_m.gif) no-repeat; }
	 .tuotekuva_v_m { width: 102px; height: 138px; background: url(tuotekuva_bg_v_m.gif) no-repeat; }
          .tuotekuva img, .tuotekuva_v img, .tuotekuva_m img, .tuotekuva_v_m img { position: relative; border: none; }
          .tuoteteksti { position: absolute; left: 5px; bottom: -15px; font-size: 12px; font-weight: 900; font-family: Trebuchet MS; font-variant: small-caps; }


      #content .mvlinx { list-style-type: none; }

      #content .tuote { position: relative; display: block; width: 600px; height: 160px; margin-top: 18px; }
	 #content .tuote a { margin-right: 10px; padding-top: 5px; }
	 #content .tuote h3 { margin: 0px 0px 5px 40px; border-bottom: 1px solid #ca9; }
	 #content .tuote h3 span { margin-left: 20px; font-size: 14px; }

      #tlt { position: relative; width: 100%; margin: 10px 0px 50px 0px; border: 2px solid #fdb; background: #ba9; }
	 #tlt tr {  }
	 #tlt th { padding: 2px; font-size: 10px; line-height: 10px; border-bottom: 1px solid #654; background: #cba; }
	 #tlt td { text-align: center; font-size: 10px; background: #b0a090; }
	 #tlt .tth { font-weight: 900; background: 987; }

      #content #luokitukset_info { position: relative;  }
	 #content #luokitukset_info #left { position: relative; width: 280px; }
	   #content #luokitukset_info #left img { float: left; }
	   #content #luokitukset_info #left p { height: 30px; margin-left: 50px; padding: 10px; font-size: 12px; }
	   * html #content #luokitukset_info #left p { height: 48px; }
	     #content #luokitukset_info #left p span { font-size: 15px; font-weight: 900; color: #fdb; }
	 #content #luokitukset_info #right { position: absolute; left: 280px; top: 0px; width: 330px; }
	   #content #luokitukset_info #right p { margin-bottom: 30px; }

	  #lomake { position: relative; }
	  * html #lomake { width: 600px; }
	  #lomake th { text-align: left; color: #efebe6; }
	  #lomake td { font-size: 11px; color: #fffbf6; }
	  #lomake input { width: 250px; height: 15px; border: 1px solid #543; padding: 3px; font-size: 12px; background: #f5e6d4; }
	  * html #lomake input { height: 23px; }
	  .lomakeloota { position: relative; width: 580px; padding: 10px 10px 10px 10px; margin-bottom: 10px; display: block; background: #A2806F; }
	  * html .lomakeloota { width: 600px; }
	    .lomakeloota h3 { margin-bottom: 10px; border-bottom: 1px solid #cba; padding: 0px; color: #fffbf6; }
	    #lomake_perustiedot_left { position: relative; width: 281px; top: 0px; left: 5px; display: block; border-right: 1px solid #cba; }
	    #lomake_perustiedot_right { position: absolute; width: 220px; top: 42px; left: 315px; display: block; }
	      #lomake_perustiedot_right textarea { width: 250px; height: 201px; padding: 5px; border: 1px solid #543; font-family: Trebuchet MS; background: #f5e6d4; }
	      * html #lomake_perustiedot_right textarea { width: 260px; height: 220px; }
	    #lomake .lomake_taulu { position: relative; margin-left: 0px; }
	    #lomake .lomake_taulu td { padding: 2px 4px 2px 4px; text-align: center; background: #B3917F; }
	    #lomake .lomake_taulu th { border-bottom: 1px solid #edc; text-align: center; }
	    #lomake .lomake_taulu input { position: relative; margin: 0px; width: 15px; text-align: center; }
	    * html #lomake .lomake_taulu input { width: 23px; }
	    #lomake .lomake_taulu .sub { width: 160px; height: 28px; padding: 5px; font-weight: 900; color: #765; }
	    #lomake .star { position: absolute; left: -9px; margin-top: -1px; font-size: 24px; color: #f30; }

      .myyjat_myyja { position: relative; width: 600px; margin-bottom: 15px; border-bottom: 1px dotted #ba9; padding-bottom: 15px; }
	 .myyjat_myyja h3 { position: absolute; width: 330px; margin: 0px; padding: 0px; font-size: 16px; font-weight: 900; }
	   .myyjat_myyja h3 a { color: #fcb; }
	   .myyjat_myyja h3 .smallink { font-size: 10px; color: #ba9; }
	 .myyjat_myyja dl { position: relative; top: 0px; left: 350px; width: 250px; }
	   .myyjat_myyja dl dt { font-size: 10px; color: #fcb; }
	   .myyjat_myyja dl dd { font-size: 13px; color: #fff; }

      #contdl { margin: 30px 0px 0px 70px; font-size: 13px; color: #fff; }
	 #contdl dt { margin-top: 20px; font-size: 16px; font-weight: 900; color: #fdc; }
	 #contdl dd { margin: 5px 0px 0px 10px; }
	   #contdl dd form dl dt { height: 12px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 13px; font-size: 11px; }
	     #contdl dd form dl dd input { width: 190px; margin: 5px 0px 15px 0px; }
	     * html #contdl dd form dl dd input { margin-bottom: 5px; }
	     #contdl dd form dl dd textarea { position: relative; width: 190px; height: 150px; left: 0px; margin-bottom: 20px; }
	     #contdl dd form .sub { width: 190px; padding: 5px; }

  #footer { position: absolute; width: 719px; bottom: 10px; }
    #footer p { font-size: 11px; text-align: center; color: #ba9; }


 h1 { position: absolute; width: 719px; height: 70px; left: 0px; bottom: 0px; background: url(h1.gif) no-repeat; }
  h1 span { display: none; }
 h2 { position: relative; margin-bottom: 20px; padding-left: 10px; border-bottom: 2px solid #fffbf6; font-size: 34px; font-variant: small-caps; font-weight: 100; color: #fffbf6; }
  h2 span { padding-left: 20px; font-size: 12px; font-variant: normal; color: #ddd9d4; }
 h3 { text-decoration: none; padding: 0px 20px 0px 20px; font-size: 18px; font-weight: 100; color: #fdb; }
  h3 span { padding-left: 20px; font-size: 12px; color: #edc; }
 ul { margin-left: 10px; padding-left: 5px; list-style-type: disc; line-height: 20px; }
 li { margin: 0px; }

 p { padding: 0px 20px 0px 20px; margin-bottom: 10px; font-size: 14px; text-align: justify; color: #fff; }
 a { color: #cba; }
 a:hover { text-decoration: none; color: #edc; }

 .ch { font-size: 17px; font-weight: 900; }