* { margin: 0px; padding: 0px; text-align: left; }
body { width: 100%; height: 100%; border-top: 3px solid #100a00; font-family: Trebuchet MS; text-align: center; background: url(body_bg.gif) top center repeat; }
html { height: 100%; }

  #page { position: relative; width: 813px; height: 100%; margin: 0px auto; background: url(page_bg.gif) repeat-y; }

    #header { position: relative; width: 813px; display: block; background: url(page_top_bg.gif) repeat-x; }

      h1 { position: relative; width: 400px; height: 95px; margin: 0px auto; display: block; background: url(h1.jpg) no-repeat; }
      * html h1 { margin-left: 207px; }

	 h1 span { display: none; }

      #navigation { position: relative; width: 713px; height: 53px; display: block; margin: 0px 0px 0px 58px; list-style-type: none; background: url(content_bg_top.gif) center bottom no-repeat; }

	 #navigation li { position: relative; width: 150px; height: 31px; display: block; float: left; font-variant: small-caps; }

	   #navigation li a { position: relative; width: 127px; height: 28px; display: block; background-repeat: no-repeat; }
	   #navigation li div { position: relative; width: 127px; height: 31px; display: block; background-repeat: no-repeat; background-position: 0px 1px; }
	   #navigation li a:hover { height: 25px; top: 3px; }
	   #navigation li a span, #navigation li div span { display: none; }

	 #navigation .langs { position: absolute; right: 0px; width: 200px; display: block; }
	   #nav0 { margin-left: 34px; background-position: 0px 1px; }
	   #nav1 { margin-left: 57px; background-position: 0px 1px; }
	   * html #nav1 { margin-left: 32px; }
	   #nav2 { margin-left: 83px; background-position: 0px 1px; }
	   * html #nav2 { margin-left: 27px; }
	   #navigation .langs #navse { position: absolute; top: 4px; right: 70px; display: block; width: 37px; height: 24px; background: url(nav_se.gif) 0px 0px no-repeat; }
	   #navigation .langs #navfi { position: absolute; top: 4px; right: 20px; display: block; width: 37px; height: 24px; background: url(nav_fi.gif) 0px 0px no-repeat; }
	     #navigation .langs #navfi:hover, #navigation .langs #navse:hover { top: 6px; height: 22px; }

	#content { position: relative; width: 673px; margin: 0px 0px 0px 58px; padding: 0px 20px 0px 20px; display: block; background: url(content_bg.gif) 0px 0px repeat-y; }
	* html #content { width: 713px; }
	  #tuotenavi { position: relative; display: block; width: 600px; height: 50px; left: -15px; list-style-type: none; }
	    #tuotenavi li { position: relative; width: 280px; height: 22px; margin: 3px; float: left; padding: 5px; font-size: 15px; text-align: center; background: #eef; }
	    * html #tuotenavi li { height: 30px; }
	      #tuotenavi li a { position: relative; display: block; width: 100%; height: 100%; border: 1px solid #ccf; text-decoration: none; text-align: center; }
	      #tuotenavi li div { position: relative; display: block; width: 100%; height: 100%; border: 1px solid #fff; color: #68c; text-decoration: none; text-align: center; }
	      #tuotenavi li div { }
	      #tuotenavi li a:hover { border: 1px solid #fff; }
	  #tuotteet { position: relative; margin-top: 95px; display: block; text-align: center; }
	  * html #tuotteet { margin-top: 60px; }
	   .smalitm { position: relative; display: block; border: 1px solid #69c; margin: 5px 0px 0px 0px; padding: 5px 0px 5px 15px; font-size: 12px; background: #fafaff; }
	    .tuotebox { position: relative; display: block; margin: 20px 5px 0px 10px; border-bottom: 1px solid #cef; }
	      .tuoteanchor { position: absolute; bottom: 10px; right: 2px; font-size: 10px; text-decoration: none; color: #aef; }
	      .tuoteimg { position: absolute; left: 0px; top: 0px; width: 140px; height: 180px; text-align: center; }
		 .tuoteimg img { text-align: center; vertical-align: middle; margin: 0px auto; }
	      .tuotetxt { position: relative; margin-left: 150px; }
		 .tuotetxt p { width: 300px; margin: 0px; padding: 0px; }
		 .price { position: absolute; right: -150px; top: 0px; font-size: 27px; color: #036; }
		   .price span { font-size: 13px; }
		 .secondprice { position: absolute; right: 40px; top: 65px; width: 50px; font-size: 12px; text-align: right; color: #036; }
		 * html .secondprice { top: 55px; }
		 .best { position: absolute; right: -150px; top: 80px; font-size: 24px; color: #460; }
		   .best span { font-size: 13px; }
	      .tuotebuy { position: relative; display: block; margin: 30px 0px 0px 300px; }
		 .tuotebuy input { width: 150px; padding: 2px; text-align: center; }
		 .tuotebuy .tuotecountinput { width: 25px; height: 18px; font-size: 14px; font-weight: 900; }
		 * html .tuotebuy .tuotecountinput { width: 30px; height: 24px; }
	  #cartlog { position: absolute; right: 80px; top: 0px; font-size: 14px; color: #69a; }
	    #cartlog a { font-size: 11px; }

	#orderform { position: relative; display: block; width: 600px; margin-left: 40px; font-size: 11px; }
	* html #orderform { margin-left: 0px; }
	  #orderform #orderinfo { position: absolute; top: 40px; right: 0px; width: 250px; margin: 0px; padding: 0px; text-align: left; line-height: 20px; list-style-type: none; color: #036; }
	    #orderform #orderinfo li { border-top: 1px solid #bef; border-bottom: 1px solid #cff; }
	  #orderform * { font-size: 11px; font-weight: 100; }
	

	#contentbottom { position: relative; width: 713px; height: 69px; margin-left: 58px; background: url(content_bg_bottom.gif) 0px 0px no-repeat; }

	#footer { position: relative; width: 200px; margin: 15px 0px 0px 300px; border-top: 1px solid #cde; padding-top: 10px; text-align: center; font-size: 10px; color: #38a; }
	#yhtotlomakekiinnost { position: absolute; top: 0px; right: 80px; }
	* html #yhtotlomakekiinnost { top: 10px; }

	#notify0 { position: relative; display: block; border: 2px solid #500; background: #ffecf7; }
	#notify1 { position: relative; display: block; border: 2px solid #050; background: #ecfff7; }

	h2 { margin: 0px 20px 0px 20px; font-size: 25px; font-weight: 100; color: #025; }
	  h2 span { padding-left: 20px; font-size: 14px; font-weight: 900; color: #26BFD3; }
	h3 { padding: 10px 20px 0px 20px; font-size: 18px; font-weight: 100; color: #058; }
	h4 { font-size: 16px; font-weight: 100; color: #069; }
	p { padding: 5px 25px 5px 25px; text-align: justify; font-size: 12px; font-family: Arial; color: #012; }
	ul { margin: 10px 60px 10px 60px; font-size: 12px; font-family: Arial; line-height: 16px; }
	ul li a { text-decoration: none; }
	dl { position: relative; display: block; margin: 10px 40px 10px 40px; font-size: 12px; font-family: Arial; line-height: 16px; }
	  dt { margin: 8px 0px 3px 0px; padding: 3px 0px 3px 0px; border-bottom: 1px solid #69a; font-size: 14px; color: #589; }
	  dd { padding: 3px 0px 3px 10px; }
	a { text-decoration: underline; color: #357; }
	a:hover { text-decoration: none; color: #579; }
	form input { width: 150px; font-size: 10px; }
	.sub { border: 1px solid #023; border-top: 1px solid #cb9; border-left: 1px solid #cb9; text-align: center; background: #e3f2ff; }
	.del { color: #600; }

	.lomaketable { position: relative; }
	  .lomaktable tr { position: relative; }
	    .lomaketable tr th { padding-top: 10px; font-size: 11px; font-weight: 100; color: #036; }