/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
	  Navigation
	  Flexslider
	  Search
	  Pager
	Pages
	  Startpage
	  Textpage
    Shops
------------------------------------------------*/

/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

div#mobi-helper { 
 display: none; 
 width: 1px;
 height: 1px;
 position: fixed;
 background-color: transparent;
 top: 0;
 left: 0;
 z-index: 1;
}

ul#ws-navi.hidden,
ul#ws-navi li.hidden,
ul#ws-navi div.nav-toggler.hidden { display: none; }


html { font-size: 62.5%; }

body {
 margin: 0; 
 padding: 0;
 line-height: 1em;

}

* { outline: none; }

h1 { 
 margin: 0 0 0.5em 0;
 line-height: 1.3em;
}

h1 + p { margin-top: 0.5em; }

h2 { 
 margin: 0.5em 0;
 line-height: 1.3em;
}

h2 + p { margin-top: 0.5em; }

h3 { 
 margin: 1.5em 0 0.5em 0;
 line-height: 1.3em;
}

h3 + p { margin-top: 0.5em; }

p { margin: 1.5em 0; }

ul, ol { margin: 0.5em 0; }

a { transition: all 300ms ease-in-out 0s; }

a:focus,
a:hover {  
 opacity: 0.7;
 transition: opacity 300ms ease-in-out 0s;
}

/* styles.inc */
a:focus { border-top: 1px dotted #000000;  border-bottom: 1px dotted #000000; }

div,
textarea,
select,
option,
input[type="text"],
input[type="password"] {
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
 box-sizing:border-box;
}

form { margin: 0; }

.processing-black { background-image: url(/img/ajax-loader.gif); }

label { font-weight: normal; }

label b { font-weight: normal; }

input, select { padding: 5px; }

textarea, input[type=text], input[type=password] {
 /* webkit-appearance ipadille ja iphonelle */
 -webkit-appearance: none;
 border: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}

textarea, input[type="text"], input[type="password"] {
 color: #000000;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 padding: 10px;
 margin-top: 5px;
}

select {
 border: 1px solid #cccccc;
 color: #000000;
 padding: 7px 10px;
 margin-top: 5px;
}

select option { padding: 3px 10px; }

select option:hover { background: #eaeaea; }

select option:checked {  
 background: #eaeaea;
 color: #000000;
}

select option:active {  
 background: #eaeaea;
 color: #000000;
}

input[type=radio], input[type=checkbox] { margin: 5px 5px 5px 0; }

input[type=text]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
 background: #ffffff;
 -webkit-box-shadow: 0px 0px 2px 0px #c6c6c6;
 -moz-box-shadow:    0px 0px 2px 0px #c6c6c6;
	box-shadow: 0 0 2px 0px #c6c6c6;
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

select:focus { 
 -webkit-box-shadow: 0px 0px 2px 0px #c6c6c6;
 -moz-box-shadow:    0px 0px 2px 0px #c6c6c6;
	box-shadow: 0 0 2px 0px #c6c6c6;
	transition: initial;
	transition: box-shadow 300ms ease-in-out 0s;
}

fieldset {
 margin: 0;
 padding: 0;
 border: 0;
}

.button {
 -webkit-appearance: none;
 padding: 9px 15px;
 line-height: 1em;
 transition: background-color 300ms ease-in-out 0s; 
 text-decoration: none;
}

/* styles.inc */
a.button { display: inline-block; }

a.button:hover,
a.button:active { opacity: 1; }

.button.major { text-transform: uppercase; }

/* styles.inc */
.button.minor { transition: color 300ms ease-in-out 0s; }

/* styles.inc */
.button.minor:hover {  transition: color 300ms ease-in-out 0s;  }

/* .buttonwidemobile { } */

/* styles.inc */
.buttonsmall { padding: 8px 10px; }

.buttondisabled,
.buttondisabled:hover,
.buttondisabled:focus,
input.buttondisabled,
input.buttondisabled:hover,
input.buttondisabled:focus,
button.buttondisabled,
button.buttondisabled:hover,
button.buttondisabled:focus {
 border: 1px solid #cccccc;
 background: #cccccc;
 color: #ffffff;
 cursor: default;
}

/* styles.inc */
div.button {
 cursor: pointer;
 display: inline-block;
 vertical-align: bottom;
}

.button:hover { transition: background-color 300ms ease-in-out 0s; }

div.form-input-wrap input,
div.form-input-wrap textarea { margin-bottom: 1.5em; }

img.clearvalue { 
 top: unset;
 bottom: calc(9px + 1.5em);
}

.clear { clear:both; }

.nowrap { white-space: nowrap; }

.admin-linkset { line-height: 1em; }

p.admin-linkset { 
	position: relative;
	z-index: 30;
	margin-top: 0;
}

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
/* R */
.table-gap { display: table-cell; width: 45px; }

.data-header { padding: 4px 5px; }
.data { padding: 4px 5px; }

table td p:only-child { margin: 0; }

table td p:first-child { margin-top: 0; }

table td p:last-child { margin-bottom: 0; }

table.kehystetty { border-collapse: collapse; }

/* styles.inc */
table.kehystetty thead td, table.kehystetty thead th, table.kehystetty th { 
 font-weight: normal;
 text-transform: uppercase;
 padding: 4px 5px;
}

/* styles.inc */
table.kehystetty td { padding: 4px 5px; }

#pagemask-black { top: 0; }

.ui-dialog { z-index: 99999 !important; }

.ui-dialog-titlebar {
 padding: .5em 1em .3em;
 position: relative;
}

.ui-widget-header {
 border: 1px solid #aaa;
 background: #ccc;
 color: #222;
 font-weight: bold;
 text-align: right;
}

.ui-corner-all {
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}

/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

ul#skiplink-wrap, ul#skiplink-wrap li {
 display: inline;
 height: 0;
 line-height: 0;
 padding: 0 !important;
}

ul#skiplink-wrap li a {
 display: inline;
 height: 0;
 left: -3000px;
 position: absolute;
 top: -2000px;
 width: 0;
}

div#container { background: #F4F4F4; }

/* div#header { } */

div#header-print { display: none; }

/* R */
div#header-cont {
	display: table;
	margin: auto;
}

div#header-cont .table-cell { 
	padding: 10px 0;
	vertical-align: middle;
}

div#header-cont .table-cell.left { width: 220px; }

div#header-cont .logo { max-height: 140px; }

/* R */
div#header-cont .search-cont { 
	vertical-align: bottom;
	width: 270px;
}

/* R */
div#searchWrap { display: block !important; }

div#searchWrap h2 { margin: 0.5em 0 0 0 !important; }
 
div#searchWrap i#close-search { 
 top: 5px;
 right: 5px;
}

form#product-searchform {
 position: relative;
 margin-bottom: 15px;
}

/* R */
div#searchWrap input.searchInput {
	width: 270px;
	padding-right: 50px;
	margin-top: 0;
	background: #f4f4f4;
}

div#searchWrap input.searchInput:focus { box-shadow: 0 0 2px 0px #c6c6c6; }

div#searchWrap input.searchInput.active { 
 -webkit-box-shadow: 0px 0px 2px 0px #c6c6c6;
 -moz-box-shadow:    0px 0px 2px 0px #c6c6c6;
	box-shadow: 0 0 2px 0px #c6c6c6;
 	transition: initial;
	transition: box-shadow 300ms ease-in-out 0s;
}

div#searchWrap input.searchInput::-webkit-input-placeholder { color: #999; }

div#searchWrap input.searchInput:focus::-webkit-input-placeholder { color: transparent; }

i.material-icons { vertical-align: middle; }

div#searchWrap i.material-icons {
 font-size: 30px;
 margin-left: -31px;
 vertical-align: middle;
 color: #75787B;
 cursor: pointer;
 position: absolute;
 top: 5px;
}

/* R */
div#searchform-searchfields {
 z-index: 1000;
 display: none;
 text-align: left;
 border: 1px solid #f4f4f4;
 padding: 0 10px;
 position: absolute;
 left: 0;
 margin-top: 4px;
 background: #fff; 
 -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4); 
 -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4); 
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4); 
 transition: initial; 
 transition: box-shadow 300ms ease-in-out 0s;
}

div#searchform-searchfields > div { padding: 7px 0; }

div#searchform-searchfields input.price { 
 width: 50px; 
 padding: 5px; 
 text-align: center;
}

div#searchform-searchfields select { display: block; }

/* R */
/* form#product-searchform div#searchform-searchfields select {} */

div#searchform-searchfields input#reset-product-search { margin-left: 3px; }

/* R, styles.inc */
div#searchform-searchfields div.buttons { display: flex; }

div#header-cont .table-cell.right p.admin-linkset {	position: relative !important; }

/* R */
div.login-button, div.useraccount-button, div.logout-button, div.wishlist-button {
 border: 0 !important;
 background-color: transparent !important;
 padding: 10px 0px 10px 20px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;
}

div#basketbuttonWrap i.material-icons { font-size: 36px; }

div#login-button-wrapper { 
	display: block;
	text-transform: uppercase;
}

div#login-button-wrapper form { color: #333333; }

/* R */
div#basketbuttonWrap { 
	display: inline-block;
	margin-top: 30px;
}

div#basketbuttonWrap i { vertical-align: sub; }

/* styles.inc */
button.cartbutton { 
 background-color: transparent;
 padding: 8px 0;
 margin-left: 3px;
 font-weight: normal;
 border: 0;
}

button.cartbutton .tag {
	left: auto;
	right: 0;
	top: 6px;
	color: #000000;
	background: #ffffff;
	line-height: 15px;
	border: 0;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.7);
 -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.7);
 -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.7);
}

button.cartbutton .tag.hidden { display: none !important; }

button.cartbutton span { display: none; }

div.wishlist-button .tag {
	color: #000000;
	background: #ffffff;
	font-size: 11px;
	line-height: 15px;
	border: 0;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.7);
 -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.7);
 -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.7);
}

button.cartbutton .tag-empty { display: none; }
/* button.cartbutton .tag-small { width: 16px; height: 16px; } */
button.cartbutton .tag-mid   { width: 18px; height: 18px; line-height: 17px; }
button.cartbutton .tag-large { width: 24px; height: 18px; top: -3px; left: -4px; line-height: 17px;}
button.cartbutton .tag-extralarge { width: 38px; height: 18px; top: -5px; left: -21px; line-height: 17px;}

div.wishlist-button .tag-empty { display: none; }
div.wishlist-button .tag-mid { width: 18px; height: 18px; right: 2px; line-height: 17px; }
div.wishlist-button .tag-large { width: 24px; height: 18px; right: 0px; line-height: 17px;}
div.wishlist-button .tag-extralarge { width: 38px; height: 18px; right: -4px; top: -2px; line-height: 17px;}

/* styles.inc */
button.cartbutton.buttondisabled {
 color: #666666;
 opacity: 0.4; 
 border: 1px solid transparent;
}

div.wishlist-button.disabled {
 opacity: 0.4; 
 cursor: default;
}

button.cartbutton:hover, 
button.cartbutton:active { 
 background-color: #444; 
 cursor: pointer;
}

button.cartbutton.buttondisabled:hover { 
 cursor: default; 
 background: transparent;
}

/* R, styles.inc */
div#headerInfoCont { 
	width: 100%;
	background: #4A4A4A;
 }
 
/* R */
div#topnavWrap { 
	color: #ffffff;
	margin: auto;
	display: flex;
	justify-content: flex-start;
 	align-items: stretch;
}
 

div#topnavWrap a,
div#topnavWrap a:visited {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}

div#topnavWrap a:focus {
	border-top: 0;
	border-bottom: 0;
}

div#topnavWrap div.homelink { 
	display: flex;
	align-items: stretch;
}

div#topnavWrap div.homelink a {	
	display: inline-block;
	padding: 15px 20px 16px 20px;
	line-height: normal;
}

div#topnavWrap div.homelink a:hover,
div#topnavWrap div.homelink.selected a {
	background: #ffffff;
  color: #222;
	opacity: 1;
}

div#topnavWrap li.selected a { 
  background: #ffffff;
  color: #222;
}

div#topnavWrap .sm-netland > li { border-left: 0; }

div#topnavWrap .sm-netland a, div#topnavWrap .sm-netland a:hover, div#topnavWrap .sm-netland a:focus, div#topnavWrap .sm-netland a:active, div#topnavWrap .sm-netland a.highlighted {
  padding: 16px 20px;
}

div#topnavWrap .sm-netland a.has-submenu { padding-right: 24px; }

div#topnavWrap .sm-netland a:hover, div#topnavWrap .sm-netland a:focus, div#topnavWrap .sm-netland a:active, div#topnavWrap .sm-netland a.highlighted { 
	background: #ffffff;
  color: #222;
	opacity: 1;
}

div#topnavWrap .sm-netland a.selected { background: #ffffff; }

div#topnavWrap .sm-netland a span.sub-arrow { border-color: #fff transparent transparent transparent; }

div#topnavWrap .sm-netland a:hover span.sub-arrow, div#topnavWrap .sm-netland a:focus span.sub-arrow, div#topnavWrap .sm-netland a:active span.sub-arrow, div#topnavWrap .sm-netland a.highlighted span.sub-arrow { border-color: #222 transparent transparent transparent; }

div#topnavWrap .sm-netland ul {
  border-top: 5px solid #4a4a4a;
  box-shadow: 0 0 3px rgb(0 0 0 / 25%);
  padding: 7px;
}

div#topnavWrap  .sm-netland ul > li { border-top: 0; }

div#topnavWrap .sm-netland ul a,
div#topnavWrap .sm-netland ul a:visited {
	color: #222;
  text-transform: none;
  font-weight: normal;
  padding: 8px 10px;
}

div#topnavWrap .sm-netland ul a:hover, div#topnavWrap .sm-netland ul a:focus, div#topnavWrap .sm-netland ul a:active, div#topnavWrap .sm-netland ul a.highlighted {
  background: #333;
  color: #fff;
  padding: 8px 10px;
}

/* R */
div#page-wrap {
 margin:auto;
 display: table;
}

/* R */
div#aside { 
 display: table-cell;
 vertical-align: top;
}

/* R */
/* div#aside-fp { } */

/* R */
div#main {
 display: table-cell;
 vertical-align: top;
 line-height: 1.4em;
 padding: 50px 0;
 position: relative;
}

div#main-fp { 
 display: table-cell;
 line-height: 1.4em;
 padding: 45px 0;
}

/* R */
div#main-hakulist { 
 display: table-cell;
 vertical-align: top;
 padding: 40px 20px 60px 20px;
 line-height: 1.4em;
}

/* R, styles.inc */
/* div#navBreadcrumb { } */

div#footer-print { display: none; }

div#footer-container { background: #75787B; } 

/* div#footer-cont { } */

/* R */
div#footer-wrap {
 display: table;
 margin:auto;
 padding: 45px 0 30px 0;
 line-height: 1.4em;
}

/* styles.inc */
div#footer-wrap .table-cell {	vertical-align: top; }

/* styles.inc */
/* div#footer-wrap h1,
div#footer-wrap h2,
div#footer-wrap h3 { } */

/* styles.inc */
div#footer a,
div#footer a:visited { text-decoration: none; }

div#footer-wrap h2:first-of-type { margin-top: 0; }

div#footer-wrap h2 { margin-top: 1.5em; }

div#footer-wrap h3:first-of-type { margin-top: 0; }

div#footer-wrap h3 { 
	margin-top: 1em;
	margin-bottom: 0.1em;
}

div#footer-wrap h2 + h3,
div#footer-wrap h2 + div.footernavLink,
div#footer-wrap h3 + div.footernavLink  { margin-top: 1.4em !important; }

div#footer-wrap div.footernavLink a.level2 { padding-left: 15px; }

div#footer-wrap p { margin: 1em 0; }

div#footer-wrap div { margin: 0; }

div#footer-wrap img { max-width: 100%; height: auto !important; }

div#footer-top-cont {	background: #f4f4f4; }

/* R */
div#footer-top-wrap {	
	margin: auto;
	padding: 30px 0;
	line-height: 1.4em;
}

/* styles.inc */
/* div#footer-top-wrap a {} */

/* R */
div#footer-bottom-wrap { margin: auto; }

/* R */
div#cookie-settings-cont {
	background: #50515A;
	color: #ffffff;
	height: 20vh;
  min-height: 70px;
	padding: 15px 30px;
}

div#cookie-settings-cont a,
div#cookie-settings-cont a:visited,
div#cookie-settings-cont a:hover { color: #ffffff; }

div#cookie-settings-wrap { 
	height: 100%;
	justify-content: center;
}

div#cookie-settings-text-wrap { padding-right: 15px; }

div#cookie-settings-opener { font-weight: bold; }

div#cookie-settings-opener p { margin-top: 0; }

div#netland-wrap { padding: 5px; }

/* R */
div#netland-wrap img#netland { margin: 5px 5px 5px auto; }

/*---------------- NAVIGATION ----------------*/

/*--- Webshop navigation ---*/

div#toggle-ws-groups { display: none; }

/* R */
ul#ws-navi {
	display: block;
	margin: 0; 
	padding: 0;
	line-height:1.2em;
	padding: 10px 15px;
	border: 1px solid #ccc;
	background-color: #fbfbfb;
}

ul#ws-navi ul {
 padding: 0;
 margin: 0;
 display: none;
}

ul#ws-navi li {
 display: block;
 padding: 0;
}

/* R */
ul#ws-navi li.level1 {
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 0 15px;
  width: calc(100%);
  margin-left: -15px;
  margin-top: -10px;
  margin-bottom: 10px;
}

ul#ws-navi li.level1 div.nav-item:hover { 
  background: inherit;
  padding-left: 0;
}

/* styles.inc */
/* ul#ws-navi li.level1 div.nav-item:hover a { } */

ul#ws-navi div.nav-item {
  padding: 10px 0;
  position: relative; 
}

ul#ws-navi div.nav-item:hover {
  background: #333;
  color: #ffffff;
  padding-left: 10px;
}

ul#ws-navi div.nav-item:hover a { 
  color: #ffffff;
  opacity: 1;
  transition: all 0ms ease-in-out 0s; 
}

ul#ws-navi div.nav-toggler {
 width: 20px;
 height: 20px;
 background: transparent no-repeat center center url('/common_ui/embed_ui/img/icons_google/content/ic_add_black_18dp.png');
 cursor: pointer;
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -10px;
}

ul#ws-navi div.nav-toggler.nav-toggler-minus, li.nav-toggler-minus div.nav-toggler { background: url('/common_ui/embed_ui/img/icons_google/content/ic_remove_black_18dp.png'); }

/* R */
ul#ws-navi div.nav-text {
 width: 260px;
 padding-right: 30px;
 vertical-align: middle;
}

ul#ws-navi div.nav-text:first-letter { text-transform: uppercase; }

/* styles.inc */
ul#ws-navi a { text-decoration: none; }

/* ul#ws-navi a:hover { } */

ul#ws-navi a.selected { font-weight: bold; }

ul#ws-navi li.level1 a { 
	font-weight: bold;
  text-transform: uppercase;
}
ul#ws-navi li.level2 a,ul#ws-navi li.level3 a,ul#ws-navi li.level4 a,ul#ws-navi li.level5 a,ul#ws-navi li.level6 a { font-weight: normal; }

/* R */
ul#ws-navi li.level2 div.nav-text.level2 { padding-left: 0; }
ul#ws-navi li.level3 div.nav-text.level3 { padding-left: 15px; }
ul#ws-navi li.level4 div.nav-text.level4 { padding-left: 30px; }
ul#ws-navi li.level5 div.nav-text.level5 { padding-left: 45px; }
ul#ws-navi li.level6 div.nav-text.level6 { padding-left: 60px; }

/*---------------- FLEXSLIDER ----------------*/

div#flexslider-cont p.admin-linkset { margin: 0; }

div#flexslider-cont { overflow: hidden; }

/* R, styles.inc */
div#flexslider-cont div.flexslider { 
 border:0;
 margin-bottom: 0;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

div#flexslider-cont div.flexslider a,
div#flexslider-cont div.flexslider a:hover,
div#flexslider-cont div.flexslider a:focus { text-decoration: none; }

div#flexslider-cont div.flexslider a:hover .flexslider-img-text-wrap,
div#flexslider-cont div.flexslider a:focus .flexslider-img-text-wrap { 
	background: rgba(0,0,0,0.15);
  transition: background 300ms ease-in-out 0s;
}

/* R, styles.inc */
div#flexslider-cont div.flexslider-wrap {
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 align-content: center;
 justify-content: center;
}

/* R */
.flexslider-img-text-wrap {
	background: rgba(0,0,0,0.1); 
	color: #ffffff;
	padding: 20px;
	text-align: center;
	line-height: 1.4em;
	transition: all 300ms ease-in-out 0s;
}

.flexslider-img-text-wrap h1 { 
	font-weight: bold;
	color: #ffffff;
}

.flex-direction-nav a {
	width: 40px;
  height: 44px;
	background: url(/img/bg_direction_nav.png) no-repeat 0 0;
}

.flexslider .flex-prev,
.flexslider .flex-next {
	opacity: 0.5;
 -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
 -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

.flexslider .flex-prev { left: -146px; }
.flexslider .flex-next { right: -146px; }

.flexslider:hover .flex-prev { left: 0px; }

.flexslider:hover .flex-next { right: 0; }

.flexslider a.flex-next:focus {
	border-top: 0;
	border-bottom: 0;
}

/*---------------- SEARCH ----------------*/

div#respSearchform { display:none; }

img#open-search-icon {
 position: absolute;
 right: 8px;
 top: 17px;
 z-index: 1010;
 cursor: pointer;
}

/*---------------- PAGER ----------------*/

p.pager-wrapper { margin-top: 30px; }

/* styles.inc */
.pager-current,
.pager-other:hover { 
 padding: 7px 10px;
 margin: 0;
}

.pager-other { 
 padding: 7px 10px;
 margin: 0;
}

/*-----------------------------------------------
PAGES
-----------------------------------------------*/

/*---------------- STARTPAGE ----------------*/

/* R */
/* div#main-fp div.liftarea-cont,
div#main div.liftarea-cont { } */

/* R, Käytössä tuoteryhmäsivulla */
div.liftarea-cont-wrap.pr-count-0-0 { margin-top: 40px; }

/* R */
div.liftarea-cont {
 margin-right: -40px;
 margin-bottom: 0;
}

div.liftarea-cont-wrap:first-of-type div.liftarea-cont { margin-top: -40px; }

div.liftbox.teksti p:first-child { margin-top: 0; }

/* div.liftbox h1, div.liftbox h2,div.liftbox h3 { margin-bottom: 0; } */

div.liftbox h1 + h2 { margin-top: 0.5em; }

div.liftbox h1 + h3 { margin-top: 1.5em; }

div.liftbox h2 + h3 { margin-top: 1.5em; }

div.liftbox h1 + div.respbox-bulletinWrapper,
div.liftbox h2 + div.respbox-bulletinWrapper { margin-top: 0.7em; }

div.liftbox h1 a, div.liftbox h2 a, div.liftbox h3 a { text-decoration: none; }

div.liftbox div.box_img h1 { 
 text-align: center;
 opacity: 1 !important;
}

div#main-fp div.liftbox-3 h2,
div#main-fp div.liftbox-3 h3 { 
	text-align: left !important;
	background: right bottom no-repeat url('/img/hor-line.png');
	margin-bottom: 0.5em;
}

/* R */
div#main div.liftbox-1.kuva,
div#main div.liftbox-1.kuva .box_img { overflow: hidden; }

div.liftbox-1.kuva .box_img img { margin: auto; }

/* R */
div.liftarea-cont-wrap2 { margin: auto; }

div.liftbox.kuva.haslink div.box_img img,
div.liftbox.kuva.haslink div.box_img h1 { cursor: pointer; }

/* styles.inc */
a.respbox-link-button  {
	padding: 9px 15px !important;
	line-height: 1.4em;
	transition: all 300ms ease-in-out 0s;
}

a.respbox-link-button:hover,
a.respbox-link-button:active {
 opacity: 1;
 transition: initial;
 transition: background-color 300ms ease-in-out 0s;
 text-decoration: none;
}

/* styles.inc */
div.respbox-webshop2-name,
div.respbox-webshop2-price { line-height: 1.4em; }

div.respbox-webshop2-price small.price-alv0 { display: block; }

/*---------------- TEXTPAGE ----------------*/

/* R */
div.filler-img-wrap {
 /* margin: 25px 0 0 0; */
 margin: 0;
 background: #f0f0f0;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}

/* R */
div.filler-img-text-cont {
 display: table;
 margin: auto;
}

div.filler-img-text-wrap { display: table-row; }

/* R */
div.filler-img-text {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 padding: 30px 0;
 line-height: 1.4em;
}

/* R, styles.inc */
/* div.filler-img-text h1 { } */

/* styles.inc */
/* div.filler-img-text a,
div.filler-img-text a:visited { } */

div.filler-img-text p:last-of-type { margin-bottom: 0; }

/*---------------- SHOP ----------------*/

/*--- SHOP: productlist ---*/

div.pl-page-wrap div.liftarea-cont-wrap:first-of-type { margin-top: 40px; }

/* R */
div.pl-cont {
 display: flex;
 flex-wrap: wrap;
 align-content: flex-start;
 margin: 0 0 0 -20px;
}

/* R */
div.pl-item {
 margin: 0 0 20px 20px;
-webkit-flex: 1 1 0;
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
-o-flex: 1 1 0;
 flex: 1 1 0;
 text-align: center;
 transition: all 300ms ease-in-out 0s;
	background: #ffffff;
	border: 1px solid #ffffff;
}

div.pl-item:hover {
	border: 1px solid #ffffff;
	-webkit-box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 10% );
	-moz-box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 10% );
	box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 10% );
	transition: box-shadow 300ms ease-in-out 0s;
}

/* R */
div.pl-img-wrap { 
 display: flex;
 justify-content: center;
 align-items: center;
}

div.pl-img-wrap img { max-height: 100%; }
 
/* R */
div#main img.pl-img { 
 height: auto;
 width: auto;
 flex: 0 0 auto;
}

a.pl-link { text-decoration: none; }

/* styles.inc */
/* a div.pl-text-wrap {} */

/* R, styles.inc */
div.pl-item div.pl-text-wrap { 
	line-height: 1.4em;
	text-align: center;
	overflow: hidden;
	padding: 20px 10px 10px 10px;
}

div.pl-text-wrap small.price-alv0 { display: block; }

div.pl-linktext { text-decoration: underline; }

/*--- SHOP: product ---*/

/* R */
div#pg-bcrumbs { 
  padding-bottom: 0;
  margin-bottom: 15px;
	margin-left: -5px;
	border: 0;
}

/* styles.inc */
/* div#pg-bcrumbs a {} */

div#pg-bcrumbs a:hover { text-decoration: underline; }

div#pg-bcrumbs div.pg-bcrumb,
div#pg-bcrumbs div.pg-bcrumb:hover { 
  background-color: transparent;
  border: 0;
}

div#pg-bcrumbs div.pg-bcrumb.pg-bcrumb-selected {	padding: 0; }

div#pg-bcrumbs div.pg-bcrumb.multi.pg-bcrumb-selected {	padding: 0; }

div#pg-bcrumbs div.pg-bcrumb.multi.pg-bcrumb-selected div.pg-bcrumblink {	padding: 0 5px; }

/* styles.inc */
div#pg-bcrumbs div.pg-bcrumb div.pg-bcrumblink { padding: 0 5px 5px 5px; }

div#pg-bcrumbs div.pg-bcrumb.pg-bcrumb-selected div.pg-bcrumblink { padding: 0 5px; }
  
div#pg-bcrumbs div.pg-bcrumb.multi { padding: 0 10px 10px 0; }

div#pg-bcrumbs div.pg-bcrumb.multi:hover { background-color: transparent; }
  
div#pg-bcrumbs div.pg-bcrumb.multi div.pg-bcrumblink { padding: 0 5px 5px 5px; }

div#pg-bcrumbs div.pg-bcrumb.multi div.pg-bcrumblink:hover { background-color: transparent; }

/* R */
div#product-cont {
 display: table;
 margin-bottom: 45px;
}

div#product-cont h1:first-letter { text-transform: uppercase; }

/* R */
div#product-img-cont {
 display: table-cell;
 width: 382px;
 padding-right: 45px;
 vertical-align: top;
}

div.p-qtyWrap button#addtobasket { margin-top: 0; }

div#product-tabs { justify-content: left; }

/*--- SLIDER ---*/

div.slider-nav div.slick-list { display: block !important; }

/* R */
div.slider-for,
div.slider-nav {
 width: 358px;
 width: 337px;
 margin: 0;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 -o-border-radius: 0px;
 border-radius: 0px;
 box-shadow: 0 0 40 rgba(0,0,0,0);
 -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
 -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
 -o-box-shadow: 0 0 0 rgba(0,0,0,0); 
}

/* R */
/* .slick-dotted.slic-slider { } */

/* R */
div.slider-for img.cb_img_link { width: 360px; width: 339px; }

div.slider-nav div.slick-slide { 
 opacity: 0.7; 
 margin-top: 0;
}

div.slider-nav div.slick-slide.slick-current { opacity: 1;  }

img.cbzoom { 
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -24px;
 margin-top: -24px;
 pointer-events: none;
}

a.slick-colorbox:hover { opacity: 0.7; }

div#colorbox img.cboxPhoto { cursor: default !important; }

div.pr-tab {
	margin-right: 1px;
	padding: 7px 15px;
	background-color: #f4f4f4;
	border: 1px solid #eee;
	border-top-width: 3px;
}

div.pr-tab.resp {	
	border: 1px solid #eee;
	border-top-width: 3px;
	border-bottom-width: 3px;
}

div.pr-tab:first-child,
div.pr-tab.resp:first-child { border-left: 1px solid #eee; }

div.pr-tab.selected {	border-top-color: #4a4a4a; }

div.pr-tab.resp.selected { 
	background-color: #ffffff;
	border-bottom: 3px solid #eee;
}

div#product-tab-content {
	border: 1px solid #eee;
	margin-top: -1px;
	padding: 1.5em 0;
	padding: 35px;
	background: #ffffff;
	border-color: #eee;
  box-shadow: 0 1px 2px #eee;
}


div.pl-item.rinnakkais small.price-alv0 { display: block; }

/*--- BASKET ---*/

div#ws2-basketwrap select { margin-top: 0; }

div#delivery-addresses-cont.order div.delivery-address > div, div#customer-addresses-cont.order div.customer-address > div { padding: 25px; }

/* R */
ul#order_phases {	border-left: 5px solid #ccc; }

ul#order_phases li::after {
	background: #ccc;
	border: 5px solid #ccc;
}

ul#order_phases li.o_p11::after, ul#order_phases li.o_p22::after, ul#order_phases li.o_p33::after, ul#order_phases li.o_p44::after, ul#order_phases li.o_p55::after {	border: 5px solid #4a4a4a; }

/*--- LOGIN/LOGOUT ---*/

form#user-login-form, form#user-login-form-account {
	left: auto;
	right: 0;
}

/* R */
div.notification.Cut-info { 
 width: 350px;
 margin: 0 auto 15px auto;
}

/*--- USERACCOUNT ---*/

div#useraccount-left div.contentarea, div#useraccount-right div.contentarea {
 border: 0;
 padding: 0;
}

div.default_address {
 border-left: 1px solid #eee;
 position: absolute;
 right: 0;
 top: 0;
 color: #666;
 font-size: 11px;
 padding: 3px 10px;
 line-height: 1em;
 border-bottom: 1px solid #eee;
}

div#useraccount-middle { padding: 22px; }

/* R */
div.user-userinfo {
	border: 1px solid #ececec;
	background: #ffffff;
	padding: 25px;
	border-top: 4px solid #4A4A4A;
	box-shadow: 0 2px 3px rgb(0 0 0 / 8%);
}

div.user-userinfo .editlink { margin-top: 15px; }

div.user-userinfo.sertifikaatti p { margin-top: 0; }

div.user-userinfo div.certificates-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: space-between;
}

/* R */
div.user-userinfo div.certificate-item {
	border: 1px solid #4a4a4a;
	padding: 10px;
	flex-basis: calc(50% - 10px);
	flex-grow: 1;
}

div.user-userinfo div.certificate-item h3 { margin-top: 0; }

div.user-userinfo div.certificate-item h3 span { vertical-align: middle; }

div.sertifikaatti input.button { 
	margin-top: 5px;
	width: 100%;
}


div.useraccount-form { width: 350px; }

div.billing-address { background: #ffffff; }

/* R */
div.address_form {
	border: 1px solid #ececec;
	background: #ffffff;
	padding: 25px;
	border-top: 4px solid #4A4A4A;
	box-shadow: 0 2px 3px rgb(0 0 0 / 8%);
}


div#delivery-addresses-cont.order div.delivery-address.selected,
div#delivery-addresses-cont.order div.delivery-address.selected:hover,
div#delivery-addresses-cont.order div.delivery-address.selected > div,
div#customer-addresses-cont.order div.customer-address.selected,
div#customer-addresses-cont.order div.customer-address.selected:hover,
div#customer-addresses-cont.order div.customer-address.selected > div { 
	border: 1px solid #ececec;
	background: #ffffff;
	box-shadow: 0 2px 3px rgb(0 0 0 / 8%);
}

div#delivery-addresses-cont.order div.delivery-address.selected > div, div#customer-addresses-cont.order div.customer-address.selected > div {	border-top: 4px solid #4A4A4A; }

div#delivery-addresses-cont.order div.delivery-address:hover,
div#customer-addresses-cont.order div.customer-address:hover { border-color: #4a4a4a; }

/* R */
div#delivery-addresses-cont div.delivery-address,
div#billing-addresses-cont div.billing-address { 
	border: 1px solid #ececec;
	background: #ffffff;
	box-shadow: 0 2px 3px rgb(0 0 0 / 8%);
	padding: 25px 25px 50px 25px;
}

/* R */
div#delivery-addresses-cont div.delivery-address div.editlink-wrap,
div#billing-addresses-cont div.billing-address div.editlink-wrap {	width: calc(100% - 50px); }

div#delivery-addresses-cont div.editlink-wrap div.editlink.right, div#billing-addresses-cont div.editlink-wrap div.editlink.right {
	float: right;
	margin-right: 0px;
}

/*--- REGISTER ---*/

/* R */
form#register_form {
	border: 1px solid #ececec;
	background: #ffffff;
	padding: 25px;
	border-top: 4px solid #4A4A4A;
	box-shadow: 0 2px 3px rgb(0 0 0 / 8%);
}