html,*{padding:0;margin:0;outline:none}
html{width:100%;height:auto;overflow-y:scroll}
body{font-family:'Vollkorn',serif;font-size:16px;width:100%;height:auto;color:#333;
background:#d8d0c7 url(../uploads/tuolikauppa/bg-koivut.jpg) repeat-x;background-position:center -50px;background-attachment:fixed}
p,ul,ol,li,a,table,th,tr,td{font-family:'Vollkorn',serif;font-size:1em}
p{margin:0 0 15px;line-height:1.4em}
ul{list-style-type:disc;margin:4px 10px 15px 25px}
ul ul{list-style-type:disc;margin:0 10px 0 20px}
ul li{list-style-type:disc;line-height:1.25em}
ol{margin:4px 10px 15px 45px}
ol ol{margin:0 10px 0 20px}
li{margin-bottom:5px}
dl{margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid silver}
dl dt{font-weight:400;margin:0 0 0 1em}
dl dd{margin:0 0 1em 1em}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{padding:0.25em 0 1em 0;margin:0;font-family:'Encode Sans Expanded',Sans-serif;font-weight:400;line-height:1.25em;letter-spacing:-0.01em;text-decoration:none}
h1{font-size:1.75em;color:#ff6e00;padding:0 0 0.5em 0;font-weight:600}
h2{font-size:1.25em;color:#ff6e00}
h3{font-size:1.188em;color:#ff6e00}
h4{font-size:1.125em;color:#ff6e00}
h5{font-size:1.063em;color:#ff6e00}
h6{font-size:1em;color:#ff6e00}
h1 a{color:#ff6e00;font-weight:600}
h2 a,h3 a,h4 a,h5 a,h6 a{color:#ff6e00}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:underline}
a,*{-webkit-tap-highlight-color:rgba(255,200,0,0);-webkit-tap-highlight-color:transparent;}
table{border-collapse:collapse;margin:0 auto;width:100%;border:0;font-size:1em}
td{padding:12px 0;border-bottom:1px dashed #999;vertical-align:top}
img{max-width:100%;height:auto}
a img{border:0}
h2.johdanto,h3.johdanto{font-family:Vollkorn,serif;font-size:1.5em;padding:0 0 0.25em 0;line-height:1.25em;letter-spacing:0;text-decoration:none;font-style:italic}
h2.tuote{font-size:1.75em;padding:0 0 0.25em 0;font-weight:600;line-height:1.25em;letter-spacing:0;text-decoration:none;font-style:none}
h3.hinta{display:inline-block;margin:0 0 0.75em 0;padding:6px;font-family:'Encode Sans Expanded',sans-serif;font-size:1.25em;font-weight:500;color:#fff;background:#ff961e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-shadow: 0px 2px 1px rgba(150,50,0,0.95)}
h3.hinta span{font-weight:bold;font-weight:700}
.huom{margin:0;padding:10px;width:100%;background:#ddd}
.txtc{text-align:center}
hr.clear{display:block;float:left;width:100%;height:10px;margin:1em 0;padding:0;border:0;clear:both}
hr.clear-grey{display:block;float:left;width:100%;height:10px;margin:1em 0;padding:0;border:0;border-top:1px dashed grey;clear:both}
hr.clear-darkgrey{display:block;float:left;width:100%;height:10px;margin:1em 0;padding:0;border:0;border-top:1px dashed #555;clear:both}
hr.clear-white{display:block;float:none;width:100%;height:10px;margin:1em 0;padding:0;border:0;border-top:1px solid #fff;clear:both}
     /*-----PERUSTYYLIT-PAATTYY-----*/
     /*-----LAYOUTTYYLIT-ALKAA-----*/
div#wrapper{float:left;width:100%;min-width:280px}
header{float:left;width:100%;height:auto;background:transparent}
     /*-----YLANAVI-START-----*/
div#navi_wrapper{float:left;width:100%;background:#dfdbd5;border-top:10px solid #fff}
div#navi_center{position:relative;max-width:1060px;min-width:260px;height:auto;margin:0 auto;background:transparent}
     @media only screen and (max-width: 800px){
div#navi_center:before{display:block}
}
ul#close{list-style-type:none;top:0;right:0;display:none}
ul#close li,ul#close li a{list-style-type:none;float:right;color:#fff}
div#navi{float:left;max-width:1060px}
div#navi ul{list-style-type:none;float:left;margin:0;padding:0}
div#navi li{list-style-type:none;float:left;list-style-type:none;margin:0;padding:12px 0}
div#navi li a{list-style-type:none;text-decoration:none;color:#fff;margin:0;padding:12px 12px 11px;font-size:1.25em}
div#navi li .menuactive{background:#8E8E8E}
div#navi ul ul,div#navi li li,div#navi li li a{display:none}
ul#tilaus_info_links{margin:0;padding:0}
ul#tilaus_info_links li,ul#tilaus_info_links li a{margin:0;padding:10px 10px 8px}
     /*-----YLANAVI-END-----*/
div#top_bar{float:left;width:100%;height:auto;padding:0 0 160px 0;background: rgba(83,61,26,0.5);
background: -moz-linear-gradient(top, rgba(83,61,26,0.75) 0%, rgba(83,61,26,0) 50%, rgba(83,61,26,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(83,61,26,0.75)), color-stop(50%, rgba(83,61,26,0)), color-stop(100%, rgba(83,61,26,0)));
background: -webkit-linear-gradient(top, rgba(83,61,26,0.75) 0%, rgba(83,61,26,0) 50%, rgba(83,61,26,0) 100%);
background: linear-gradient(to bottom, rgba(83,61,26,0.75) 0%, rgba(83,61,26,0) 50%, rgba(83,61,26,0) 100%);
}
div#top_bar_center{max-width:1040px;min-width:260px;height:auto;min-height:185px;margin:0 auto;padding:0 10px}
div#logo{float:left;margin:52px 5px 0 5px;width:auto;height:auto;background:transparent}
div#logo img{width:100%;max-width:300px}
div#slogan{float:right;margin:20px 5px 20px 5px;padding:0;width:100%;max-width:450px;height:auto;text-align:right}
div#slogan h1,div#slogan h2{font-family:'Vollkorn',serif;font-size:1.325em;color:#fff;font-weight:400;margin:0;padding:0;line-height:1.125em;text-shadow:1px 1px 0 #333}
div#slogan br.br-pnum{display:none}
div#slogan span.pnum{vertical-align:-0.25em}
div#slogan span.pnum a{font-family:'Vollkorn',serif;font-size:1.25em;padding:0 0.5em;color:navy;background:#fff;font-weight:bold;text-decoration:none;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;cursor:not-allowed;pointer-events:none;text-shadow:0 0 0 transparent}
     @media only screen and (max-width:1060px){
div#slogan{float:right;margin:20px 5px 36px;padding:0;width:100%;max-width:420px;height:auto;text-align:right}
div#slogan h1,div#slogan h2{font-family:'Vollkorn',serif;font-size:1.125em;color:#fff;font-weight:400;margin:0;padding:0;line-height:1.25em}
}
     @media only screen and (max-width:800px){
div#logo{display:table;float:none;margin:14px auto 2px auto;width:auto;height:auto;clear:both}
div#slogan{display:block;width:90%;max-width:90%;float:none;margin:10px auto 30px auto;padding:0 5%;height:auto;text-align:center;clear:both}
div#slogan br.br-pnum{display:block}
div#slogan span.pnum a{font-size:1.75em;margin:0;padding:0 1em;line-height:2em;-webkit-border-radius: 17px;-moz-border-radius:17px;border-radius:17px;cursor: pointer;pointer-events:auto}
}
     /*-----MAIN-----*/
div#breadcrumbs{margin:0 auto 1em auto;padding:0 0 20px;width:100%;font-family:'Encode Sans Expanded',helvetica,sans-serif;font-size:0.938em;border-bottom:1px dashed #999}
div#breadcrumbs p,div#breadcrumbs a,div#breadcrumbs span.lastitem{margin:0;padding:0;font-family:'Encode Sans Expanded',helvetica,sans-serif;font-size:0.938em;text-decoration:none}
div#tee_tuolitilaus{display:inline-block;float:right;padding:0;margin:1em 0 2em 0;background:transparent}
div#tee_tuolitilaus ul,div#tee_tuolitilaus ul li{list-style-type:none;margin:0;padding:0;line-height:0;background:transparent}
div#tee_tuolitilaus ul li a{margin:0;padding:0.35em 1em;text-decoration:none;font-family:'Encode Sans Expanded',Sans-serif;font-size:1.5em;color:#fff;background:#96c;line-height:1em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
main#main-content{display:inline-block;width:100%;height:auto}
div#main_center{width:100%;max-width:1060px;min-width:260px;height:auto;min-height:300px;margin:-160px auto 40px auto;padding:20px 0 50px 0;background:#fff;border:0;box-shadow:0 0 19px rgba(0,0,0,0.80);-moz-box-shadow:0 0 19px rgba(0,0,0,0.80);-webkit-box-shadow:0 0 19px rgba(0,0,0,0.80)}
     @media only screen and (max-width:480px){
	div#main_center{margin-bottom:0}
	}
div#main_center2_etusivu{max-width:900px;min-width:260px;height:auto;margin:0 auto;padding:1em 0;background:url(../uploads/tuolikauppa/bg_main.jpg) no-repeat center top;border:0}
div#main_center2{max-width:800px;min-width:260px;height:auto;margin:0 auto;padding:0 10px;background:transparent}

div#main_content_etusivu{float:left;width:100%;padding:40px 0 20px;background:#fff url(../uploads/tuolikauppa/bg_main.jpg) no-repeat center top;border:1px dotted #ccc;box-shadow:0 0 19px rgba(0,0,0,0.80);-moz-box-shadow:0 0 19px rgba(0,0,0,0.80);-webkit-box-shadow:0 0 19px rgba(0,0,0,0.80)}

div#main_content{float:left;max-width:1060px;min-height:400px;padding:0 0 20px;background:#fff;border:0;box-shadow:0 0 19px rgba(0,0,0,0.80);-moz-box-shadow:0 0 19px rgba(0,0,0,0.80);-webkit-box-shadow:0 0 19px rgba(0,0,0,0.80)}

		div.content-base{display:block;float:left;width:100%;height:auto;}
		div.content-base-center{display:block;width:100%;max-width:1060px;min-width:260px;height:auto;margin:0 auto 40px auto;padding:20px 0 50px 0;background:#fff;border:0;box-shadow:0 0 19px rgba(0,0,0,0.80);-moz-box-shadow:0 0 19px rgba(0,0,0,0.80);-webkit-box-shadow:0 0 19px rgba(0,0,0,0.80);background:white;text-align:center}
		div.content-base-center2{display:inline-block;width:92%;max-width:800px;min-width:260px;height:auto;margin:0 auto;padding:0 4%}

div.content-tuoli-25{float:left;width:25%}
div.content-tuoli-75{float:left;width:75%}
     @media only screen and (max-width:800px){
div.content-tuoli-25,div.content-tuoli-75{float:left;width:100%;height:auto}
div.content-tuoli-25 p.img{float:left;margin:0;padding:0;line-height:0}
}
     @media only screen and (max-width:440px){
div.content-tuoli-25 img{width:170px;height:170px}
}
     @media only screen and (max-width:400px){
div.content-tuoli-25 img{width:150px;height:150px}
}
     @media only screen and (max-width:360px){
div.content-tuoli-25 img{width:130px;height:130px}
}
main#wrapper table{width:100%;height:auto}
main#wrapper table img{width:100%;max-width:190px;height:auto}
a.group:before{position:absolute;content:url('../uploads/tuolikauppa/suurennuslasi.png')}
li a.group:before{display:none}
li a.group:after{position:absolute;margin:0 0 0 .5em;content:url('../uploads/tuolikauppa/suurennuslasi.png')}
div#ylakuva{margin:0 auto;width:100%;height:auto;background:transparent;border:0;transition-property:width;transition-duration:10s;transition-delay:5s;-webkit-transition-property:width;-webkit-transition-duration:10s;-webkit-transition-delay:5s}
footer{float:left;width:96%;font-size:1em;margin:0 0 0.85em 0;padding:1em 2%;background:#d8d0c7}
footer h2,footer h2 a{font-family:'Encode Sans Expanded',Sans-serif;font-size:1.125em;color:#555;text-align:center;text-decoration:none}
footer img{margin:0 -2px 0 10px;padding:0;border:0}
a.back-to-top{
position:fixed;width:41px;height:40px;bottom:5px;right:5px;text-decoration:none;
color:#ddd;background-color:rgba(0,0,0,0.3);
background-image:url('../uploads/tuolikauppa/back-to-top-arrow.png');
background-repeat:no-repeat;background-position: center; 
font-size:1.0em;font-weight:700;text-align:center;
line-height:2.0em;display:none
}
     @media only screen and (max-width: 900px) {
a.back-to-top{font-size:1.063em;}
}
a.back-to-top:hover{
color:#fff;background-color:rgba(0,0,0,0.2);
text-decoration:none
}
    /*-----LAYOUTTYYLIT-PAATTYY-----*/
    /*-----TILAUSLOMAKE-ALKAA-----*/
#avaa_tilaus{position:absolute;z-index:90;width:auto;height:auto;top:0;right:0;padding:10px;color:#fff;background:orange;display:block}
h2#avaa_tilaus a{color:#fff}
div#lomake_wrap_fixed{position:absolute;z-index:100;width:314px;height:auto;top:0;right:0;padding:0;background:#fff;display:none;border-left:1px solid #666;border-bottom:1px solid #666}
div#tilauslo_01{margin:0 auto;padding:1%;width:auto;height:210px;background:#fff;border:0 solid #fff;overflow:auto}
div#avaa_sulje_wrap{float:right;margin:0;width:100%;background:#fff}
div#muutakokoa{float:left;margin:0 0 0 6px;width:auto;background:#fff}
div#muutakokoa p{font-family:'Encode Sans Expanded';font-size:.875em;text-align:left;margin:0;padding:0}
#sulje_tilaus{float:left;text-align:left;padding-left:40px}
div#info{float:left;margin:0;padding:0;width:100%;background:transparent;display:none}
div#info p{font-family:'Encode Sans Expanded';font-size:.875em;color:#FFC;background:#ff6e00;text-align:center;margin:0;padding:2px 4px}
iframe#tilauslomake{width:290px;height:410px;border:0;margin:0}
     /*-----TILAUSLOMAKE-PAATTYY-----*/
     /*Preload-hover-images*/
body:before{
position:relative;content:"";margin:0;padding:0;background:url('../uploads/tuolikauppa/arrow_right_b.png') no-repeat;background-size:0}
body:after{
position:relative;content:"";margin:0;padding:0;background:url('../uploads/tuolikauppa/arrow_left_b.png') no-repeat;background-size:0}
/*
  div.preload-images:before{content: url(../uploads/tuolikauppa/arrow_left_b.png)url(../uploads/tuolikauppa/arrow_right_b.png);
width:0;height:0;overfolow:hidden;position:absolute}
  body:before{content:url(../uploads/tuolikauppa/arrow_left_b.png) url(../uploads/tuolikauppa/arrow_right_b.png);
position:relative;width:0!important;height:0!important;overfolow:hidden}
  html{background:transparent url(../uploads/tuolikauppa/arrow_left_b.png) url(../uploads/tuolikauppa/arrow_right_b.png);
background-size:0;overfolow:hidden}
*/
#slideshowWrapper{position:relative;max-width:900px;min-width:280px;margin:0 auto;padding:0;border:0;background:transparent}
#fssPrev{position:absolute;width:57px;height:102px;top:33%;left:0;background:url(../uploads/tuolikauppa/arrow_left_a.png) no-repeat;text-indent:-999999px}
#fssPrev:hover{background:url(../uploads/tuolikauppa/arrow_left_b.png) no-repeat}
#fssNext{position:absolute;width:57px;height:102px;top:33%;right:0;background:url(../uploads/tuolikauppa/arrow_right_a.png) no-repeat;text-indent:-999999px}
#fssNext:hover{background:url(../uploads/tuolikauppa/arrow_right_b.png) no-repeat}
#fssPlayPause{position:absolute;width:40px;height:30px;bottom:10%;right:10px;font-family:sans-serif;font-size:1.25em;font-weight:400;margin:0;padding:8px 0 0;line-height:1em;text-align:center;color:#39c;text-decoration:none;border-top:1px dotted #39c;border-bottom:1px dotted #39c}
#fssPlayPause:hover{color:#369;border-color:#369}
ul#slideshow{max-width:100%;height:auto;list-style:none;margin:0 auto;padding:0;border:0;background:transparent;overflow:hidden}
#slideshow li{max-width:100%;height:auto;margin:0;padding:0;border:0}
#slideshow li img{max-width:100%;height:auto;margin:0;padding:0;border:0}
#fssList{display:none;list-style:none;max-width:646px;margin:0;padding:0}
#fssList li{display:none;list-style:none;margin:0;padding:0}
#fssList li a{display:none;list-style:none;display:none;color:#999;text-decoration:none}
#fssList li.fssActive a{display:none;list-style:none;display:none;font-weight:700;color:#333}
    /*-----MOBILE-NAVI-----*/
#nav-trigger{display:none;text-align:right;background:transparent;margin:0;padding:0;line-height:0}
#nav-trigger span{display:inline-block;width:100%;height:52px;background-color:transparent;color:#525252;cursor:pointer;font-weight:500;font-size:1.0em;text-transform:uppercase;margin:0;padding:0;line-height:0}
#nav-trigger span:before{position:absolute;top:26px;left:1.5em;content:"MENU";font-family:'Encode Sans Expanded',sans-serif;font-size:1.0em;background:;margin:0;padding:0;font-weight:600}
#nav-trigger span:after{position:absolute;top:15px;right:1.5em;margin:0;padding:0;content:url('../uploads/tuolikauppa/menu_icon_plus.png')}
#nav-trigger span:hover{/*background-color:transparent;color:#fff*/}
#nav-trigger span.current,#nav-trigger span a.current,#nav-trigger a.current{background-color:transparent!important;color:#333}
#nav-trigger span.open:after{content:url('../uploads/tuolikauppa/menu_icon_minus.png')}
div#nav{font-size:1.0em;margin-bottom:0}
div#nav-main{font-size:1.0em;background-color:transparent;margin:0;padding:0}
div#nav-main ul{list-style-type:none;margin:0;padding:0;text-align:center}
     .ie7 div#nav-main ul{display:inline-block}
div#nav-main li{display:inline-block;margin:0;padding:0}
     .ie7 div#nav-main li{float:left}
div#nav-main li:last-child{border:0;margin-left:-0.5px}
div#nav-main a{display:block;color:#333;background-color:#dfdbd5;margin:0 1px;padding:16px 12px;font-family:'Encode Sans Expanded',Sans-serif;font-weight:500;text-decoration:none;text-transform:uppercase}
div#nav-main a:hover{;color:#cd6600;background-color:#efedea}
div#nav-mobile{font-size:1.0em;position:relative;display:none}
div#nav-mobile ul{display:none;list-style-type:none;position:absolute;z-index:1000;top:0;left:0;right:0;padding:0;margin:0 auto;text-align:center;background-color:rgba(185,185,185,1.0);box-shadow:0 20px 20px rgba(0,0,0,0.25);-moz-box-shadow:0 20px 20px rgba(0,0,0,0.25);-webkit-box-shadow:0 20px 20px rgba(0,0,0,0.25)}
div#nav-mobile li{display:block;padding:0;margin:0;border-top:1px solid #bbb;background:transparent}
div#nav-mobile li:last-child{border-bottom:0}
div#nav-mobile a{display:block;color:#333;background-color:#dfdbd5;padding:16px 30px;font-family:'Encode Sans Expanded',Sans-serif;font-weight:500;text-decoration:none;text-transform:uppercase}
div#nav-mobile a:active,div#nav-mobile a:visited,div#nav-mobile a:focus{color:#333;background-color:#dfdbd5}
div#nav-mobile a:hover{color:#cd6600;background-color:#efedea}
div#navi_wrapper a.current{color:#cd6600;background-color:#fff;text-decoration:none}
     /* ------------ max-width: 1060px start ----------------- */
     @media only screen and (max-width: 1060px) {
body{font-size:14px}
}
     /* ------------ max-width: 1060px end ----------------- */
     /* ------------ max-width: 800px start ----------------- */
     @media only screen and (max-width: 800px) {
div#navi_wrapper{border-top:0}
#nav-trigger{display:block}
div#nav-main{display:none}
div#nav-mobile{display:block}
}
     /* ------------ max-width: 800px end ----------------- */
     /* ------------ max-width: 480px start ----------------- */
     @media only screen and (max-width: 480px){
#slideshowWrapper{display:none}
div#ylakuva{display:block;width:100%;margin:0;padding:0;height:100vw;
background: url('../uploads/images/vaihtuvatkuvat/tuolit_kooste_03.jpg') no-repeat center top;background-size:contain;transition-property:width;transition-duration:0;transition-delay:0;-webkit-transition-property:width;-webkit-transition-duration:0;-webkit-transition-delay:0}
}
     @media only screen and (max-height: 400px){
#slideshowWrapper{display:none}
div#ylakuva{display:block;width:100%;margin:0;padding:0;height:40vw;
background: url('../uploads/images/vaihtuvatkuvat/tuolit_kooste_03.jpg') no-repeat center top;background-size:contain;transition-property:width;transition-duration:0;transition-delay:0;-webkit-transition-property:width;-webkit-transition-duration:0;-webkit-transition-delay:0}
}
     /* ------------ max-width: 480px end ----------------- */
     /* ------------ max-width: 420px start ----------------- */
     @media only screen and (max-width: 420px){
div#navi_center{width:100%}
div#navi{width:100%}
div#navi ul{float:none;width:100%;text-align:center}
div#navi li {float:none;width:100%;margin:0;padding:0}
div#navi li a {display:block;width:100%;margin:0 auto;padding:12px 0 11px 0;text-align:center}
}
     /* ------------ max-width: 420px end ----------------- */