html { height:101%; padding-bottom: 1px;}

body
{
        background-image: url(/files/jpeg/3263/tausta.jpg); 
        background-repeat: no-repeat;
        background-attachment: fixed;  
	/*background-color: #eae5dc;*/
	text-align:center;
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "Lucida Unicode", Arial, Helvetica, sans-serif;
}

.logo-img
{
	float:left; 
	padding: 6px 0 10px 20px;
	margin: 0;
	/*width: 312px;*/
	height: 65px;
	border:0;
}

#container
{
	margin: 0 auto;
	text-align:left;
	width: 785px;
}


#page
{
	float:left;
	width: 785px;
	background-image:url(/files/gif/3275/bg.gif);
}


#header
{
	background-image:url(/files/gif/3282/header.gif); background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
	width: 785px;
	clear:both;
        position: relative;
}

/* sb */

#header #font-size
{
  position:absolute;
  top: 96px;
   right: 12px;
  padding-left: 0;
 }


#header #font-size a
{
      float: left;
      display: left;
      width: 20px;
      height: 21px;
      margin: 0;
      padding: 4px 2px 0 0;
      background: url(/files/content_pic_gif/2708/font-bg.gif) 0 0 repeat-x;


}

#header #font-size a.font-up
{
   border-right: 1px solid #e3e1db;
}

#header #font-size a.font-down
{
   border-left: 1px solid #e3e1db;
}

#header #font-size a img
{
  padding-top: 3px;
  float: right;
}

#header #font-size span
{
  float: left;
   display: block;
  height: 25px;
  width: 6px;
  background: url(/files/content_pic_gif/2709/font-corner-bg.gif) 0 0 no-repeat;
}


.form-find
{

  padding: 4px 6px 0 0;
   margin-right: 1px;
   float: left;
   height: 21px;
   background: url(/files/content_pic_gif/2708/font-bg.gif) 0 0 repeat-x;

  border-right: 1px solid #e3e1db;

}

.form-find .find-text
{
  margin:0 4px 0 0;
  padding:2px;
  font-size: 11px;
  height: 14px;
  width: 80px;
  float: left;
   background-color:#CCCCCC;
}

.find-text {
  background: url(/files/pics/find-text-back.gif);
  border: 1px solid #f0f0f0;
  font: 11px arial;
  padding: 2px;
}

.form-find .find-submit
{
  margin: 1px 0 0 0;
  padding:0;
  height: 18px;
  float: left;
  background: url( ../pics/find-text-back.gif);
}


/* sbe */

#main-menu
{
	background-image:url(/files/gif/3279/mainnavibg.gif); background-repeat:no-repeat;
	margin:0;
	padding:0;
	width: 785px;
	float:left;
	clear:both;
}

#main-pic
{
	background-image:url(/files/gif/3277/mainpicbg.gif); background-repeat:repeat-y;
	margin:0;
	padding:0;
	width: 785px;
	float:left;
	clear:both;
}


#main-pic .main-img, #main-pic #flash
{
	margin: 5px 0 12px 20px;
	padding:0; border:0;
}

#main-pic .main-swf
{
	margin: 5px 0 12px 10px;
	padding:0; border:0;
}

/* Menu */

/* -- Language -- */

#header #language
{
	list-style-type:none;
	float:right;
	margin: 0 0 2px 0; padding: 11px 16px 10px 0;
}


#header #language li
{
	display: inline;
	margin:0; padding:0;
}


#header #language a{ 
	color:#878684; padding: 0 4px; margin:0;  
	text-decoration:none; /*height: 18px;*/ 
	float:left; display:block;
}

/*#header #language .act,  #header #language a:hover{ 
	color: #000;
	background-image:url(/files/pics/uparrow.gif); background-repeat:no-repeat; 
	background-position: bottom center;
}*/

#header #language img{
border: 0px;
}

/* -- Menu-1 -- */


#main-menu #menu-1
{
	list-style-type:none;
	float:left;
	margin: 0; padding:0 0 0 20px;
}

#main-menu #menu-1 li
{
	display: inline;
	text-transform: uppercase;

}

#main-menu #menu-1 a{ 
	text-decoration:none;
	color:#ccc; 
	padding: 8px 10px 0 10px;
	margin: 0; 
	text-decoration:none; 
	height: 18px; 
	float:left;
	display:block;
}

#main-menu #menu-1 .act,  #main-menu #menu-1 a:hover{ 
	color: #fff;
	background-image:url(/files/pics/downarrow.gif);
	background-repeat:no-repeat; 
	background-position: top center;
}

#main-menu #menu-1 .act, #main-menu #menu-1 .act:hover
{
	color: #fff; 

	background: url("/files/gif/3280/actbak.gif") no-repeat center top;
}

/* -- Menu-2 -- */


#header #menu-2
{
	clear: right;
}

#header #menu-2 ul
{
	list-style-type:none;
	margin: 0;
	padding: 10px 10px;
	float:right;
}

#header #menu-2 li
{
	display: inline;
	margin:0;
	padding:0;

}

#header #menu-2 li a{ 
	color:#878684; padding: 0 6px; margin:0;  
	text-decoration:none; height: 18px; 
	float:left; display:block;
}

#header #menu-2 li .act,  #header #menu-2 li a:hover{ 
	color: #000;
	background-image:url(/files/pics/dotarrow.gif); 
	background-repeat:no-repeat; 
	background-position: left 5px;
}


/*
Content Div
*/
#content
{
	background-image:url(/files/gif/3278/contenthdr.gif); 
	background-repeat:no-repeat;
	margin:0;
	padding: 0 20px 30px 20px;
	width: 745px;
	float:left;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
}

/* saunasisustus */

#content-int 
{
	background-image:url(/files/content_pic_jpg/2938/bck_sisustus.jpg); 
	background-repeat:no-repeat; 
	margin:0; 
	padding: 0 20px 30px; 
	width: 745px; 
	float:left; 
	clear:both; 
	font-family: arial, Helvetica, sans-serif; 
	background-position: center top; 
}

.designerlogout
{
	margin: 0 0 0 525px; padding: 0;
}

/* other products */

#content-op  
{
	background-image:url(/files/jpeg/3168/bck_otherproducts.jpg);
	background-repeat:no-repeat;
	background-position: center top; 
	margin:0;
	padding: 0 20px 30px 20px;
	width: 745px;
	float:left;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
}
 	  
/*#content .content-text, #content-int .content-text, #content-op .content-text 
{
	width: 440px;
	padding-left: 280px;
}*/

#content .content-text, #content-int .content-text, #content-op .content-text 
{

   width: 440px;
   float: right;
   padding-right: 20px;
}

#content h1, #content-int h1, #content-op h1
{
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0; 
	padding:0;
	font-weight:normal;
}

#content .content-text h1.product-title
{
  margin-left: -280px;
}

#content h2
{ 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0 0 4px; 
	padding: 0;
}

#content h3
{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0 4px 0; 
	padding:0;
	font-weight:normal;
	color: #444;
	letter-spacing: -0.03em;
}


#content p 
{
	margin: 0 0 14px 0; 
	padding:0;
	
}

.path{
	margin: 0; 
	padding: 0;
}

.path, 
.path a:link, 
.path a:visited, 
.path a:active 
{
	color: #888;
}

.path a:hover {
	color: #666;
}

a:link { color: #333; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:active { color: #cc9; }
a:hover { color: #888;}

#content .content-text a:link, #content .content-text a:visited {
text-decoration: underline;
}


/* news */
#news {
	/*background: url('/files/content_pic_jpg/239/nf_top.gif') no-repeat;*/
	padding: 0;
    margin: 0;
    color: #666;
	}

#news .newshdr,
#news .titles
{
       padding: 0 0 10px 0;
       font-size:11px; line-height: 14px;
} 

#news .newshdr
{
       color: #000;
       font-weight: bold;
}

/*
Frontpage container
*/

#content #fp_container
{
	
	/*width: 270px;*/
	padding-top: 10px;
	padding-bottom:10 px;
	background-image: url('/files/pics/fp_container_bg.gif'); 
	background-repeat: repeat-y
}

/*
Content Left Div
*/
#content #left
{
	float: left;
	width: 210px;
	/*width: 270px;*/
	padding-top: 10px;
	
}

#content #left p
{
	margin: 10px 0; 
	padding: 0;
	
}


/*
Content Right Div
*/

#content #right
{
	float: left;
	width: 285px;
	height: auto !important;
	height:280px;
	min-height:280px;
	/*width: 285px;*/
	/*margin lisätty*/
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	/*padding-top: 10px;*/
	/*padding-right ja left lisätty*/
	padding-right: 35px;
	padding-left: 35px;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	/*border-right: 1px solid #F0EAD8;*/
	
/*	width: 357px;*/
}

#content #right img
{
	padding-top: 14px;

}

#content #right p
{
	margin: 14px 0; 
	padding: 0 0 12px 0;
	
}

/*
Front page banner div
*/

#content #fbanner
{
	float: right;
	width: 140px;
	padding-top: 14px;
	
}

#content #fbanner_lang
{
	float: right;
	width: 140px;
	padding-top: 14px;
	
}

#content #newslist_right
{
	padding-top: 10px;
	
}
/*
Product site
*/

.product-img
{
	float: left;
	margin: 0;
        padding: 0;
        text-align: center;

	/*margin-left: 4px;*/
}

.product-description
{
   float: right;
   padding: 0 10px 0 0;
   margin-right: 5px;
   width: 285px;
}

.product-description-without-img
{
   float: right;
   padding: 0 10px 0 0;
   margin-right: 5px;
   width: 560px;
}

.product-description2
{
   float: right;
   padding-right: 10px;
   margin-right: 5px;
   width: 445px;
}

ul.sub-menu
{
	margin: 24px 0 24px 0;
	float: left;
	padding: 0 0 0 240px;
	width: 270px;
	list-style-type:none;
	font-size: 11px;
	/*clear: both;*/
}

ul.sub-menu li
{ 
	padding: 0 0 0 2px;
	margin: 0;
        /*display: inline;*/
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.sub-menu li a
{
 	/*display: block;
	float:left;*/
	padding: 0 12px 0 12px;
	text-decoration:none;
	color: #666;
	margin: 0;
}

ul.sub-menu li .act
{
	font-weight: bold;
        background: url(/files/content_pic_gif/2510/smnuoli.gif) no-repeat left;
}

.product-menu 
{ 
	margin: 1px 0 0 0;
	padding: 0px 10px 0 0; 
	float: right;
	width: 151px;
        color: #222;
}

.product-menu ul
{
	list-style-type: none;
	margin:0;
	padding: 0px 0px 10px 10px;
	border-left: 1px solid #F0EAD8;
}

.product-menu ul li
{
	list-style-type: none;
	margin:0;
	padding: 0; 
	line-height: 14px;
}

.product-menu li a:link
{
	color: #333; text-decoration: none; 
}

.product-menu li a:visited
{
	color: #666; text-decoration: none; 
}

.product-menu li a:hover
{
	color: #888; text-decoration: none; 
}

.product-menu li .act
{
	font-weight:bold;
}

.product-menu .int, .product-menu .op
{
        border: none;
        padding-top:10px;
}

hr
{
	height: 1px; background: #D6D1C1; border: 0;
}

.product-description h2, #content-int .product-description2 h2, #content-op .product-description2 h2 { float: right; width: 280px; }

.product-description p,  #content-int .product-description2 p, #content-op .product-description2 p { float: right; width: 280px; margin-bottom: 12px;  }

.product-list { list-style-type: none; margin: 0; padding: 0 0 0 270px; width: 475px; float: left; clear: both; }
.product-list-2 { list-style-type: none; margin: 0; padding: 0; width: 745px; float: left; clear: both; }
.product-list li { float: left; padding: 0 0 0 15px; margin: 0; width: 80px; height: 130px; font-size: 11px; text-align: center}
.product-list-2 li { float: left; padding: 0 0 0 25px; margin: 0; width: 80px; height: 130px; font-size: 11px;}
.product-list li a, .product-list-2 li a { text-decoration: none; color:#000;}
.product-list li img, .product-list-2 li img { border: 0; padding: 0 0 0 -8px; margin:0;}
/*.product-list li img, .product-list-2 li img { border: 0; padding: 0 0 0 -8px; margin:0;}*/
.product-list li strong, .product-list-2 li strong { color: #A39F93; padding-top: 15px; }

img.float-left { float: left; margin:0; padding: 0 10px 10px 0;}

#content h1
{
	width: 565px;
	margin-bottom:0;
	padding-bottom:0;
}

#content h1.product-title, #content-int h1.product-title, #content-op h1.product-title
{
	color: #444;
	width: 745px;
	border-bottom: 1px solid #F0EAD8;
        margin-bottom: 20px;
}

#content h3.product-title
{
	color: #444;
	width: 745px;
	margin-bottom: 20px;
	border-bottom: 1px solid #F0EAD8;
}

#content h4
{
	font-weight: normal;
	margin: 0 0 8px 285px;
	padding: 15px 0 0 0;
	width: 440px;
	clear: both;
	border-bottom: 1px solid #c9b48e;
}  

#content div.row
{
	float: left; clear:both; width: 740px;	
}

#content div.row div.product-1
{
	float: left; width: 360px; margin: 0; padding: 0;
}

#content div.row div.product-2
{
	float: right; width: 360px;	 margin: 0; padding: 0;
}

#content div.row div.product-1 h5, #content div.row div.product-2 h5
{
	font-weight: normal; width: 340px; margin: 10px 0 10px 0; padding:0; border-bottom: 1px solid #c9b48e;
}

#content div.row div.product-1 img, #content div.row div.product-2 img
{
 float: left; margin: 0 0 10px 0; padding: 0; width: 80px;
}

#content div.row div.product-1 div, #content div.row div.product-2 div
{
	margin: 0; padding:0; width: 270px; float: right;
}

#content div.row div.product-1 ul, #content div.row div.product-2 ul
{
 float: left; margin: 0; padding: 10px 0; width: 135px; list-style-type: none; font-size: 11px;
}

#content div.row div.product-1 li, #content div.row div.product-2 li
{
 margin: 3px 0; padding: 0 5px 0 8px; width: 122px; list-style-type: none; font-size: 11px; background-image:url(/files/pics/dotarrow.gif); background-repeat:no-repeat; background-position: 0 3px;
}

#content div.row div.product-1 li a:link, #content div.row div.product-2 li a:link
{
	color:#333;
        font-weight: normal;
}

#content div.row div.product-1 li a:visited, #content div.row div.product-2 li a:visited
{
	color:#666;
        font-weight: normal;
}

#content div.row div.product-1 li a:hover, #content div.row div.product-2 li a:hover
{
	color:#888;
}

#content div.row div.product-1 form, #content div.row div.product-2 form
{
	width: 165px;
}
#content div.row div.product-1 select, #content div.row div.product-2 select
{
	padding: 0; margin: 8px 0 0 0; width: 165px; font-size: 11px; background-color:#f2efea;
}


#content div.row div.product-1 option, #content div.row div.product-2 option
{
	padding: 2px 0 0 0;; font-size: 11px; background-color:#f2efea;
}

.product-description ul, .product-description2 ul, .product-description-without-img ul
{
   float: none;
   clear: both;
   padding: 0 0 0 20px;
   margin: 10px 0 10px 0;
}

.product-description ul li, .product-description2 ul li, .product-description-without-img ul li
{
   padding: 0px 6px 0 6px;
   margin: 0;
}

.product-description a:link, 
.product-description a:visited, 
.product-description2 a:link,
.product-description2 a:visited,
.product-description-without-img a:link,
.product-description-without-img a:visited
{
   text-decoration: underline;
}

#footer
{
	margin:0; padding:0;
	height: 29px; width: 785px;
	clear:both;
	float:left;
}


/* POP UP */


#pop-up-container
{
	margin: 20px auto;
	text-align:left;
	width: 510px;
}

#pop-up-container #pop-up-content
{

	float: left;
	background-image: url(/files/pics/popup/bg.gif); 
	background-repeat: repeat-y;

}

.pop-up-img
{
	
	float: left;
	clear: both;
	padding: 0;
	border: 0;
}

.pop-up-img-2
{
	
	float: left;
	clear: both;
	padding: 0 30px;
	border: 0;
}

#pop-up-container #pop-up-content p
{
	margin: 8px 0 0 0; 
	padding: 0 30px;
	font-size: 12px;
	clear: both;
	
}

#pup 
{
	position:absolute; 
	visibility:hidden; 
	z-index:200; 
	width:126px; 
}

.infobox
{ 
	font-size: 11px; 
	width: 126px; 
	text-align:left; 
	background-image:url(/files/pics/infobox/hdr.gif); 
	background-repeat: no-repeat; 
	padding: 5px 0 0 0;
}

.infobox p
{ 
	background-image:url(/files/pics/infobox/bg.gif); 
	background-repeat: repeat-y; 
	font-size: 11px; 
	padding: 6px; 
	margin: 0; 
	border-bottom: 1px solid #ccc;
}

/* front page quick nav */ 
.frontnavi 
{ 
	width: 200px;
	/*border-right: 1px solid #F0EAD8;*/
}
ul.front { font-family: arial, helvetica, sans-serif; /*font-weight: bold;*/ margin: 0; padding: 1px; }
/*ul.front { font-family: arial, helvetica, sans-serif;  margin: 0; padding: 0; }*/
ul.front li { padding: 1px; list-style-type: none; }
/*ul.front li { padding: 0; list-style-type: none; }*/
ul.front li a:link, ul.front li a:active, ul.front li a:visited { color: #333; padding: 12px 10px 8px; text-decoration: none; display: block; }
.last { border: 0px; }
ul.front li a:hover { color: #555;}

/* manuals table */
.install2 { padding: 4px 4px 0px 0px; font-weight: bold; }
.install { padding: 4px 4px 0px 0px; }

/* tech info */
.product-techinfo 
{
padding: 30px 0 0 0;
}

.tech
{
margin-left: auto;
margin-right: auto;
padding-right: 12px;}

.tech1 { background: #f0f0f0; }

.techhead { font-weight: bold; background: #e0e0e0;}

.techhead td, .tech1 td, .tech2 td {
padding: 3px;
border-bottom: 1px solid #ccc;
}
table.tech td p {margin:0; padding: 0}

/* perustaulukko */

.data { width: 100%}
.tech1 td {
padding: 3px;
border-bottom: 1px solid #ccc;
}
#content .content-text .tech1 td a:link, 
#content .content-text .tech1 td a:visited, 
#content .content-text .tech2 td a:link, 
#content .content-text .tech2 td a:visited {
text-decoration: none;
}

/* news archive */

#content .content-text .newslistitem { padding-bottom: 4px;}

#content .content-text .newslistitem a:link, #content .content-text .newslistitem a:visited {
text-decoration: none;
}

/* asennusohjeet */
td.install2 { font-weight: bold; border-bottom: 1px solid #ccc;}
td.install { border-bottom: 1px solid #ccc;}

/* mainokset */
.ads { display: inline; }
.ads li { float: left; width: 75px; list-style-type: none; text-align: left; padding-bottom: 10px; }

/* tweaks */
td { margin: 0; padding: 0;text-align: left; vertical-align: top;}
.contacts tr { }
.contacts td { padding-bottom: 25px; }
.contacts .conhdr { padding-bottom: 12px }
.contacts p { width: 160px; float:left; }
.contacts p.otsikko { width: 250px; float:left; padding: 0;}
.menu-title { font-weight: bold; }
.etusivun_koristekuva { padding-top: 15px; display: block; margin-left: -27px; margin-right: -9px; margin-bottom: -72px; position: relative; }