html { height:100%;}

body {
	background-image: url(/files/gif/90/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/81/bg.gif);
}
#header
{
	background-image:url(/files/gif/79/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/gif/72/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/gif/86/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/gif/85/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/gif/84/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(/files/gif/84/find-text-back.gif);
}

/* sbe */

#main-menu {
	background-image:url(/files/gif/88/mainnavibg.gif); background-repeat:no-repeat;
	margin:0;
	padding:0;
	width: 785px;
	float:left;
	clear:both;
}
#main-pic {
	background-image:url(/files/gif/89/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;
}

/* 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/gif/91/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/gif/83/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/80/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; margin:0;  
	text-decoration:none;
}
#header #menu-2 li .act,  #header #menu-2 li a:hover{ 
	color: #000;
}

/* Content Div */
#content {
	background-image:url(/files/gif/82/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;
        font-size: 12px;
}

/* 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: 4px 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: 435px;
	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;
	/*width: 357px;*/
}
#content #right img { padding-top: 14px; }
#content #right p {
	margin: 14px 0; 
	padding: 0 0 14px 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;
	width: 270px;
	margin-right: 5px;
	/*margin-left: 4px;*/
}

.product-img img {

	margin-bottom: 10px;


}

.product-description {
	float: right;
	padding: 0 10px 0 0;
	margin-right: 5px;
	width: 285px;
}
.product-description2 {
	border-left: 1px solid #e0e0e0;
	/*background: #e0e0e0;*/
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	width: 440px;
	min-height: 300px;
}
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 {
	float: none;
	clear: both;
	padding: 0 0 0 20px;
	margin: 10px 0 10px 0;
}
.product-description ul li, .product-description2 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 { 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; }

/* picture info table */

table.picture-info {
	width: 100%;
	margin-top: 20px;
}
table.picture-info a { font-weight: bold; }
table.picture-info a:hover { color: #000000; }
table.picture-info tr.row0 { padding-top: 10px; }
table.picture-info tr.row0 td img { padding-right: 20px; }

/* lightbox edit table */

table.lightbox-edit { margin-left: 58px; }
table.lightbox-edit td {
	text-align: left !important;
	/*vertical-align: top;*/
}
div#lightbox-edit {
	font-size: 12px;
}
div#lightbox-edit-left {
	float: left;
}
div#lightbox-edit-right {
	float: right;
}

/* lightbox items */
table.lightbox-items {
       
       
 
}

table.lightbox-items td {
  text-align: left !important;
 /*vertical-align: top;*/ }

div.btns {
width:100%;
float:left;
margin:auto;

}

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

.tech {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 12px;
}
.tech1, .row1 { background: #f0f0f0; }
.techhead { 
	font-weight: bold; 
	background: #e0e0e0;
}
.techhead td, .tech1 td, .tech2 td {
	padding: 3px;
	border-bottom: 1px solid #ccc;
	width: 137px;
}
table.tech td p {margin:0; padding: 0}

/* perustaulukko */

.data { width: 100%}
.tech1 td, .row0 td, .row1 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; }

/* valopöydän ja materiaalilistauksen toiminnallisuus-otsikko */

.vp_head, .ml_head { width: 100px; }

/* 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; 
}

/* Kuvapankki */

#kuvapankkimenu {
	float: left;
}
#kuvapankkimenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#kuvapankkimenu ul li {
	border: 1px solid #616365;
	font-family: "Lucida Grande", "Lucida Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
}
#kuvapankkimenu ul li a:hover {
	color: #000000;
}
#kuvapankki {
	float: left;
	margin: 0px 0px 0px 40px;
}
#kuvapankki ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#kuvapankki ul.kuvapankkimenu2 li {
	display: inline;
	border: 1px solid #616365;
	font-family: "Lucida Grande", "Lucida Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 5px 0px ;
	padding: 5px 45px 5px 45px ;
}

/* Tuotteiden listaus */

.imageinfo {
	margin: 12px 0px 0px 0px;
	border: 1px solid #616365;
	background: #bebebe url(/files/left_pic_jpg/10215/imageinfobg.jpg) top left repeat-x; 
}
.imagetable { }
.imagetable ul
{
	text-align: left;
	list-style-type:none;
	margin: 0;
	padding: 0px 0px;
	float:left;
}
.imagetable li
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
.imagetable li a { 
	color:#878684; 
	padding: 0px 0px 0px 0px; 
	margin: 0;  
	text-decoration: none; 
	height: 25px; 
	float: left; 
	display: block;
}
.imagetable li .act, .imagetable li a:hover { color: #000; }
table img { border: 0; }
#newfiles {
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
div.box {
	height:130px;
	width:160px;
	float:left;
}
div.img {
	margin: 2px;
	height: 100px;
	width: 150px;
	text-align: center;
}
div.img img {
	margin: 3px;
	border: 1px solid #ffffff;
}
div.img a:hover img { border: 1px solid silver; }
div.desc {
	text-align: center;
	font-weight: normal;
	width: 150px;
	height:30px;
	position:relative;
}
.clear { clear:both; }

#content table {
        float:left;

}

td.material-heading {
font-size: 11px;
}