/* NOVARS – KOKO CSS. Korvaa CSS-editorin koko sisältö.
   Sisältää aiemman ulkoasun sekä nimetyn uudistusosuuden lopussa.
   Selainvarmennus ja julkaisu kesken yhteysongelman vuoksi. */
body {
  background-position: top left;
  background-repeat: repeat;
  background-size: auto;
}

.ksk_top_wrapper {
  padding-top: 10px;
  background-image: none;
}

.ksk_top_wrapper .ksk_container_wrapper {
  height: 55px;
  background-image: none;
  background-color: transparent;
}

.ksk_main_image_wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  margin-bottom: 0px;
  margin-top: 0px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: none;
  border-top-style: solid;
  border-top-width: 1px;
  display:block;
}

.ksk_main_image_wrapper .ksk_container_wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 276px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  background-position: top left;
  background-repeat: repeat;
  background-size: cover;
  background-color: transparent;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.ksk_menu_wrapper {
  margin-bottom: 0px;
  margin-top: 0px;
  border-left-style: none;
  border-right-style: none;
  border-left-width: 0px;
  border-right-width: 0px;
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  background-image: none;
}

.ksk_menu_wrapper .ksk_container_wrapper_menu {
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  background-image: none;
  background-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-color: transparent;
  border-top-width: 0px;
  border-top-style: none;
}

.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
  line-height: 15px;
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-family: Open Sans;
  padding-top: 3px;
  padding-bottom: 3px;
  border-right-style: solid;
  border-right-width: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
}

.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu {
  border-right-width: 1px;
  background-image: none;
  background-color: transparent;
  border-right-style: solid;
  text-decoration: underline;
}

.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {
  text-decoration: none;
  border-right-width: 1px;
  background-image: none;
  background-color: transparent;
  border-right-style: solid;
}

.ksk_menu_wrapper #menu ul li ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-image: none;
  background-color: #ffffff;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: transparent;
  border-top-width: 0px;
  padding-top: 0px;
}

.ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu {
  background-image: none;
  background-color: transparent;
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 9px;
  padding-right: 10px;
  padding-bottom: 9px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 13px;
  font-family: Arial;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.ksk_menu_wrapper #menu ul li ul li.mli:hover a.ksk_sub_menu {
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  background-color: transparent;
}

.ksk_menu_wrapper #menu ul li ul li.active_link a.ksk_sub_menu {
  font-weight: normal;
  text-decoration: underline;
  background-image: none;
  background-color: transparent;
}

.ksk_columns_wrapper .ksk-menu, .ksk_columns_wrapper #left-bar .ksk-menu, .ksk_columns_wrapper #right-bar .ksk-menu {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 7px;
  margin-left: 0;
}

.ksk_columns_wrapper .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li a.ksk_main_menu {
  line-height: 15px;
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-family: Open Sans;
  border-right-style: none;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 9px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu {
  background-image: none;
  background-color: transparent;
  text-decoration: underline;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu {
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-image: none;
  background-color: #ffffff;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: transparent;
  border-top-width: 0px;
  padding-top: 0px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu {
  background-image: none;
  background-color: transparent;
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 13px;
  font-family: Arial;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  padding-bottom: 7px;
  padding-top: 7px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu {
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  background-color: transparent;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu {
  font-weight: normal;
  text-decoration: underline;
  background-image: none;
  background-color: transparent;
}

.ksk_sidebars, #left-bar, #right-bar {
  width: 240px;
  margin-top: 31px;
  margin-left: 30px;
  margin-right: 30px;
  background-image: none;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
}

#left-bar {
  margin-left: 30px;
  margin-right: 30px;
  width: 240px;
  margin-top: 31px;
  background-image: none;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
}

#right-bar {
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 31px;
  background-image: none;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
}

.box, #left-bar .box, #right-bar .box {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 17px;
  padding-right: 17px;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-color: #bbb6b6;
  background-image: none;
  background-color: #ffffff;
}

.box .header, #left-bar .box .header, #right-bar .box .header {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  background-image: none;
  background-color: transparent;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
}

.box .header h2, #left-bar .box .header h2, #right-bar .box .header h2 {
  font-family: Open Sans;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  overflow:hidden;
  text-align: left;
}

.box .content, #left-bar .box .content, #right-bar .box .content {
  font-family: Open Sans;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin-top: 0px;
  background-color: transparent;
  text-align: left;
}

.box .content a, #left-bar .box .content a, #right-bar .box .content a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

.box .content a:hover, #left-bar .box .content a:hover, #right-bar .box .content a:hover {
  text-decoration: none;
}

#content {
  background-color: transparent;
  background-image: none;
  font-family: Open Sans;
  font-size: 15px;
  line-height: 19px;
  width: 509px;
  text-align: left;
  margin-left: 30px;
  margin-right: 0px;
  margin-top: 10px;
}

#content a {
  font-weight: normal;
  text-decoration: none;
}

#content a:hover {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  text-align:left;
}

#content h2 a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h2 a:hover {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h1 {
  font-family: Arial,sans-serif;
  font-size: 35px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

.ksk_footer_wrapper {
  padding-top: 15px;
  padding-bottom: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  background-image: none;
}
#footer_content {
  font-family: Open Sans;
  line-height: 19px;
  text-align: center;
  font-size: 14px;
}
.ksk_footer_wrapper .ksk_container_wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.ksk_footer_wrapper .ksk_container a {
  text-decoration: none;
}

.ksk_columns_wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-style: solid;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  padding-bottom: 0px;
  margin-right: 0px;
  border-bottom-width: 0px;
  border-left-style: solid;
  border-left-color: transparent;
  border-left-width: 0px;
  border-bottom-color: #ffffff;
  padding-top: 0px;
  background-image: none;
  background-color: #ffffff;
}
#left-bar .box .header {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  background-image: none;
  background-color: transparent;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
}
#right-bar .box .header {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  background-image: none;
  background-color: transparent;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
}
#content h1 {
  font-weight: normal;
  font-family: Open Sans;
  line-height: 33px;
  text-align: left;
  font-size: 31px;
}
#content h2 {
  font-family: Open Sans;
  font-size: 20px;
  line-height: 26px;
}
#columns #content.ksk_middle_area {
  width: 835px;
}
.primary_button {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 30px;
  padding-left: 30px;
  background-image: none;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-left-radius: 1px;
  -moz-border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
}
.primary_button:hover {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 30px;
  padding-right: 30px;
  background-image: none;
  border-top-left-radius: 1px;
  -moz-border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.secondary_button {
  font-size: 14px;
  color: #ffffff;
  padding-top: 4px;
  padding-left: 20px;
  padding-bottom: 4px;
  padding-right: 20px;
  background-image: none;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 1px;
  -moz-border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
}
.secondary_button:hover {
  font-size: 14px;
  color: #ffffff;
  background-image: none;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-left-radius: 1px;
  -moz-border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  -moz-border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.ksk_columns_wrapper .ksk_container_wrapper {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  padding-left: 0px;
  padding-bottom: 20px;
}
#left-bar .box {
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 17px;
  padding-right: 17px;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-color: #bbb6b6;
  background-image: none;
  background-color: #ffffff;
}
#right-bar .box {
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 17px;
  padding-right: 17px;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-color: #bbb6b6;
  background-image: none;
  background-color: #ffffff;
}
#left-bar .box .content {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}
#right-bar .box .content {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}
body.frontpage .ksk_main_image_wrapper {
}
.ksk_footer_wrapper .ksk_container_wrapper {
  margin-bottom: 18px;
}


body {
  background-image: none;
  background-color: #ffffff;
}

.ksk_top_wrapper {
  margin-top: 23px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  display: none;
  background-image: none;
  background-color: rgb(255, 255, 255);
}

.ksk_main_image_wrapper {
    border-top-color: #d8d8d8;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 26px;
  padding-bottom: 8px;
  display:block;
  background-image: none;
  background-color: rgb(255, 255, 255);
}

.ksk_main_image_wrapper .ksk_container_wrapper {
  height: 164px;
  background-image: none;
  background-color: transparent;
}
.ksk_menu_wrapper {
    border-bottom-color: #e1e1e1;
  border-top-style: solid;
  border-top-width: 9px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  border-top-color: #ffffff;
  background-image: none;
  background-color: #c51919;
}
.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
    border-right-color: #cecece;
  margin-top: 9px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 12px;
  padding-right: 13px;
  color: #ffffff;
  background-image: none;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0);
}
.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu {
    border-left-color: rgba(0, 0, 0, 0.11);
    border-right-color: #cecece;
  color: #eeefbe;
}

.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {
    border-left-color: rgba(0, 0, 0, 0.11);
    border-right-color: #cecece;
  color: #000000;
  background-image: none;
  background-color: #ffffff;
}
.ksk_menu_wrapper #menu ul li ul {
  border-bottom-color: #e1e1e1;
  border-left-color: #e1e1e1;
  border-right-color: #e1e1e1;
}
.ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu {
  color: #494949;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 8px;
  padding-right: 10px;
}
.ksk_menu_wrapper #menu ul li ul li.mli:hover a.ksk_sub_menu {
    color: #878654;
}
.ksk_menu_wrapper #menu ul li ul li.active_link a.ksk_sub_menu {
    color: #494949;
}

.ksk_columns_wrapper .ksk-menu, .ksk_columns_wrapper #left-bar .ksk-menu, .ksk_columns_wrapper #right-bar .ksk-menu {
    border-bottom-color: #e1e1e1;
    border-top-color: #e1e1e1;
    background-color: #fbfbfb;
}
.ksk_columns_wrapper .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li a.ksk_main_menu {
    color: #494949;
    border-bottom-color: #cecece;
}
.ksk_columns_wrapper .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu {
    color: #494949;
   border-bottom-color: #cecece;
}

.ksk_columns_wrapper .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu {
    color: #878654;
    border-bottom-color: #cecece;
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul {
  border-bottom-color: #e1e1e1;
  border-left-color: #e1e1e1;
  border-right-color: #e1e1e1;
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu {
  color: #494949;
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu {
    color: #878654;
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu {
    color: #494949;
}


.ksk_sidebars, #left-bar, #right-bar {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 7px;
  padding-right: 13px;
  padding-left: 12px;
  width: 310px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  background-image: none;
  background-color: rgb(222, 222, 222);
}

#left-bar {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 7px;
  padding-right: 13px;
  padding-left: 12px;
  width: 310px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  background-image: none;
  background-color: rgb(222, 222, 222);
}
#right-bar {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 7px;
  padding-right: 13px;
  padding-left: 12px;
  width: 310px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  background-image: none;
  background-color: rgb(222, 222, 222);
}

.box .header h2, #left-bar .box .header h2, #right-bar .box .header h2 {
    color: #575757;
}
.box .content, #left-bar .box .content, #right-bar .box .content {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
.box .content a, #left-bar .box .content a, #right-bar .box .content a {
  color: #000000;
}
.box .content a:hover, #left-bar .box .content a:hover, #right-bar .box .content a:hover {
  color: #969696;
}
#content {
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  font-weight: normal;
  margin-right: 0px;
  margin-top: 0px;
  border-top-color: #cecccc;
  border-bottom-color: #cecccc;
  border-left-color: #cecccc;
  border-right-color: #cecccc;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 7px;
  color: #000000;
  background-image: none;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffff));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(top, #ffffff, #ffffff);
}
#content a {
  color: #726f6f;
}
#content a:hover {
  color: #969696;
}
#content h2 {
  color: #267ba7;
}
#content h2 a {
  color: #101010;
}
#content h2 a:hover {
  color: #840e0e;
}
#content h1 {
  color: #267ba7;
}
.ksk_footer_wrapper {
  border-top-color: #ffffff;
  background-image: none;
  background-color: #e7f1f6;
}
#footer_content {
  text-align: left;
  color: #130202;
  line-height: 15px;
  font-size: 15px;
}
.ksk_footer_wrapper .ksk_container a {
  color: #292929;
}

.ksk_footer_wrapper .ksk_container a:hover {
  color: #969696;
}
#content h1 {
  color: #ad3f3f;
  font-size: 18px;
}
#content h2 {
  font-size: 19px;
  color: #726f6f;
  line-height: 30px;
}
.box a, #left-bar .box a, #right-bar .box a {
  color: #0690d2;
}
.box a:hover, #left-bar .box a:hover, #right-bar .box a:hover {
  color: #3baee6;
}
.primary_button {
  font-size: 12px;
  background-image: none;
  background-color: #000000;
}
.primary_button:hover {
    background-color: #999999;
}
.secondary_button {
    background-color: #a5a5a5;
}
.secondary_button:hover {
    background-color: #b3b3b3;
}

.ksk_columns_wrapper .ksk_container_wrapper {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#f9f9f9));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#f9f9f9);
  background-image: -webkit-linear-gradient(top, #ededed, #f9f9f9);
  background-image: -moz-linear-gradient(top, #ededed, #f9f9f9);
  background-image: -o-linear-gradient(top, #ededed, #f9f9f9);
  background-image: -ms-linear-gradient(top, #ededed, #f9f9f9);
  background-image: linear-gradient(top, #ededed, #f9f9f9);
  border-top-color: #dedede;
  border-bottom-color: #dedede;
  border-left-color: #dedede;
  border-right-color: #dedede;
}

.ksk_container {
  margin-right: auto;
  margin-left: auto;
  width: 1200px;
  max-width: 1200px;
}
#ksk_page_wrapper {
  margin-top: 0px;
  margin-left: 1px;
}
#left-bar .box .content {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
#right-bar .box .content {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
#left-bar .box .content a {
  color: #000000;
}
#right-bar .box .content a {
  color: #000000;
}
#footer_content h1 {
  font-size: 20px;
  line-height: 14px;
}

body.frontpage #content {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#afafaf))!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#afafaf)!important;
background-image: -webkit-linear-gradient(top, #ffffff, #afafaf)!important;
background-image: -moz-linear-gradient(top, #ffffff, #afafaf)!important;
background-image: -o-linear-gradient(top, #ffffff, #afafaf)!important;
background-image: -ms-linear-gradient(top, #ffffff, #afafaf)!important;
background-image: linear-gradient(top, #ffffff, #afafaf)!important;
}
/* Novars: tallentamaton ulkoasuehdotus */
body { background:#f7f8fa !important; color:#20252b; font-family:Arial,sans-serif; }
.ksk_main_image_wrapper {background:#fff !important;padding:16px 0 !important;border:0 !important;}
.ksk_main_image_wrapper .ksk_container_wrapper {height:102px !important;}
#mainimage_logo {left:24px !important;top:0 !important;}
#mainimage_logo_holder {width:120px !important;height:auto !important;}
.ksk_menu_wrapper {background:#fff !important;border:0 !important;border-bottom:1px solid #e5e7eb !important;}
.ksk_menu_wrapper #menu ul li a.ksk_main_menu {font-family:Arial,sans-serif !important;font-size:15px !important;font-weight:600 !important;line-height:22px !important;padding:14px 20px !important;margin:0 !important;border:0 !important;color:#303640 !important;border-radius:6px;}
.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu {color:#ba2026 !important;background:#fff1f1 !important;text-decoration:none !important;}
.ksk_menu_wrapper #menu ul li a[href*='lomake'] {background:#ba2026 !important;color:#fff !important;}
.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {background:#f5f5f5 !important;color:#ba2026 !important;}
.ksk_columns_wrapper {padding-top:28px !important;}
.ksk_columns_wrapper .ksk_container_wrapper {background:#fff !important;background-image:none !important;filter:none !important;border:0 !important;border-radius:12px !important;padding:0 0 24px !important;}
#content,body.frontpage #content {background:#fff !important;background-image:none !important;filter:none !important;border:0 !important;padding:24px !important;color:#26303b !important;font-family:Arial,sans-serif !important;font-size:16px !important;line-height:1.6 !important;box-sizing:border-box;}
#content h1,#content h2,#content h3 {font-family:Arial,sans-serif !important;color:#20252b !important;line-height:1.35 !important;}
#content h1 {font-size:30px !important;font-weight:700 !important;}
#content h2,#content h3 {font-size:22px !important;font-weight:600 !important;}
#content a {color:#a51e25 !important;}
#content a:hover {color:#721219 !important;}
#madpages_element_title_29021909 {background:#f5f7f9 !important;border-left:4px solid #ba2026 !important;border-radius:0 12px 12px 0 !important;padding:20px 28px !important;margin:0 0 28px !important;text-align:left !important;font-size:20px !important;font-weight:400 !important;line-height:1.55 !important;}
#madpages_element_title_29021909 br:first-child {display:none;}
#madpages_element_title_29021909::first-line {font-size:30px;font-weight:700;line-height:1.8;}
#madpages_element_columns_29021720 {display:flex !important;gap:18px !important;margin:20px 0 36px !important;}
#madpages_element_columns_29021720 > .madpage_column_component {background:#f8f9fa !important;border:1px solid #e9ebee !important;border-radius:10px !important;padding:14px !important;box-sizing:border-box !important;flex:1 !important;width:0 !important;margin:0 !important;}
#madpages_element_columns_29021720 img {width:100% !important;height:190px !important;object-fit:cover !important;border-radius:6px !important;}
#madpages_element_columns_29021720 h2,#madpages_element_columns_29021720 h3 {font-size:18px !important;line-height:1.4 !important;margin:16px 0 0 !important;text-align:left !important;}
#madpages_element_paragraph_29179746 {display:none !important;}
#right-bar {background:#fff !important;border:0 !important;padding:24px 20px !important;box-sizing:border-box !important;}
#right-bar .box {background:#fff !important;border:0 !important;border-bottom:1px solid #e6e9ed !important;padding:18px 0 !important;margin:0 0 14px !important;}
#right-bar .box .content {font-family:Arial,sans-serif !important;font-size:14px !important;line-height:1.6 !important;color:#384352 !important;}
#right-bar h1 {font-family:Arial,sans-serif !important;font-size:16px !important;line-height:1.7 !important;}
#right-bar .box .header h2 {font-family:Arial,sans-serif !important;font-size:18px !important;color:#222b35 !important;font-weight:700 !important;}
#right-bar .box .content a {color:#384352 !important;display:inline-block;padding:4px 0 !important;}
#right-bar #box52340 {background:#fff5f5 !important;padding:18px !important;border:0 !important;border-radius:10px !important;}
#box18 {display:none !important;}
.ksk_footer_wrapper {background:#edf0f3 !important;border:0 !important;padding:32px 0 !important;margin-top:36px !important;}
#footer_content {font-family:Arial,sans-serif !important;font-size:14px !important;line-height:1.6 !important;color:#384352 !important;}
.primary_button {background:#ba2026 !important;color:#fff !important;font-size:15px !important;font-weight:600 !important;padding:13px 22px !important;border-radius:6px !important;}
@media(max-width:700px){
.ksk_container{width:100% !important;max-width:100% !important;}
#content{padding:16px !important;}
#madpages_element_title_29021909{padding:18px !important;font-size:17px !important;}
#madpages_element_title_29021909::first-line{font-size:25px;}
#madpages_element_columns_29021720{flex-direction:column !important;}
#madpages_element_columns_29021720 > .madpage_column_component{width:100% !important;}
}

#content #madpages_element_title_29021909 {font-size:19px !important;font-weight:400 !important;line-height:1.5 !important;padding:22px 28px !important;}
#content #madpages_element_title_29021909::first-line {font-size:30px !important;font-weight:700 !important;}
#madpages_element_columns_29021720 .madpage_column_component {background:#f8f9fa !important;border:1px solid #e9ebee !important;border-radius:10px !important;padding:14px !important;box-sizing:border-box !important;flex:1 !important;width:0 !important;margin:0 !important;min-width:0;}
#madpages_element_columns_29021720 .madpages_image_container {width:100% !important;}
#madpages_element_columns_29021720 h2,#madpages_element_columns_29021720 h3 {font-size:18px !important;}
#content #madpages_element_title_29103314 {font-size:18px !important;font-weight:400 !important;line-height:1.7 !important;text-align:left !important;padding-top:24px !important;border-top:1px solid #e6e9ed;}
@media(max-width:700px){#madpages_element_columns_29021720 .madpage_column_component{width:100% !important;}#content #madpages_element_title_29021909{font-size:17px !important;}}

/* Kuvallinen tuoteryhm\e4 luettelo: vain etusivun esikatselussa */
body.frontpage #ksk_middle_block {display:grid !important;grid-template-columns:minmax(0,1fr) 275px;gap:28px;align-items:start;padding:24px !important;box-sizing:border-box;}
body.frontpage #content,body.frontpage #content .kskpages_container,body.frontpage #right-bar,body.frontpage #common_rightbar_sideboxes {display:contents !important;}
body.frontpage #content_top,body.frontpage #content_bottom,body.frontpage #left-bar,body.frontpage #ksk_menu_right_placeholder {display:none !important;}
body.frontpage #content .ksk_no_margins {grid-column:1 / -1;min-width:0;}
body.frontpage #content .ksk_no_margins:has(#madpages_element_title_29021909) {grid-column:1;grid-row:1;}
body.frontpage #content #madpages_element_title_29021909 {margin-bottom:0 !important;}
body.frontpage #content .ksk_no_margins:has(#madpages_element_title_29103345),body.frontpage #content .ksk_no_margins:has(#madpages_element_columns_29021720),body.frontpage #content .ksk_no_margins:has(#madpages_element_paragraph_29179746),body.frontpage #content .ksk_no_margins:has(#madpages_element_image_30064445) {display:none !important;}
body.frontpage #right-bar #box52340 {grid-column:2;grid-row:1;margin:0 !important;box-sizing:border-box;}
body.frontpage #right-bar #box7 {grid-column:1 / -1;grid-row:2;margin:0 !important;padding:12px 0 28px !important;border:0 !important;width:auto !important;}
body.frontpage #right-bar #box7 .header h2 {font-size:28px !important;line-height:1.3 !important;margin:0 0 8px !important;}
body.frontpage #box7 .header::after {content:'L\f6 yd\e4  oikeat tuotteet ty\f6 paikalle ja kiinteist\f6 \f6 n.';display:block;color:#66717e;font:16px/1.6 Arial,sans-serif;margin-bottom:24px;}
body.frontpage #box7 .content ul {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 !important;margin:0 !important;list-style:none !important;}
body.frontpage #box7 .content li {display:none !important;padding:0 !important;margin:0 !important;list-style:none !important;border:0 !important;}
body.frontpage #box7 .content li:has(#link_44),body.frontpage #box7 .content li:has(#link_67658),body.frontpage #box7 .content li:has(#link_75912),body.frontpage #box7 .content li:has(#link_65),body.frontpage #box7 .content li:has(#link_83),body.frontpage #box7 .content li:has(#link_90){display:block !important;}
body.frontpage #box7 .content li:has(#link_44){order:1;}body.frontpage #box7 .content li:has(#link_67658){order:2;}body.frontpage #box7 .content li:has(#link_75912){order:3;}body.frontpage #box7 .content li:has(#link_65){order:4;}body.frontpage #box7 .content li:has(#link_83){order:5;}body.frontpage #box7 .content li:has(#link_90){order:6;}
body.frontpage #box7 .content li ul {display:none !important;}
body.frontpage #right-bar #box7 .content a {display:flex !important;flex-direction:column;box-sizing:border-box;width:100%;height:100%;padding:20px !important;background:#fff;border:1px solid #e1e5ea;border-radius:12px;color:#242d37 !important;font:600 18px/1.4 Arial,sans-serif !important;text-decoration:none !important;box-shadow:0 3px 12px #16202b06;transition:border-color .15s,box-shadow .15s;}
body.frontpage #right-bar #box7 .content a:hover {border-color:#bd2228;box-shadow:0 7px 22px #16202b12;}
body.frontpage #right-bar #box7 .content a::before {content:'';display:block;width:100%;height:180px;margin-bottom:20px;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#fff;}
body.frontpage #right-bar #box7 .content a::after {display:block;margin-top:10px;color:#6b7480;font:400 14px/1.6 Arial,sans-serif;white-space:pre-line;}
body.frontpage #link_44::before {background-image:url('https://www.novars.fi/files/novars.kotisivukone.com/bi-silque/valkotaulu_ja_ilmoitustaulukaappi/Valkotaulu_90x120.jpg');}
body.frontpage #link_67658::before {background-image:url('https://www.novars.fi/files/novars.kotisivukone.com/2x3/x-7_x-line_90x60_grey_graphite-caps2.jpg');}
body.frontpage #link_75912::before {background-image:url('https://www.novars.fi/files/novars.kotisivukone.com/Porrastaulu_Prolux/Porrastaulu_sivuttain_2.jpg');}
body.frontpage #link_65::before {background-image:url('https://www.novars.fi/files/novars.kotisivukone.com/bi-silque/SX01.jpg');}
body.frontpage #link_83::before {background-image:url('https://www.novars.fi/files/novars.kotisivukone.com/2x3/tos_2.jpg');}
body.frontpage #link_90::before {background-image:url('https://www.novars.fi/files/novars.kotisivukone.com/bi-silque/tarvikesetti.jpg');}
body.frontpage #link_44::after{content:'Kirjoittamiseen, suunnitteluun ja ideointiin.  \2192 ';}
body.frontpage #link_67658::after{content:'Tiedotteet ja ilmoitukset selke\e4 sti esille.  \2192 ';}
body.frontpage #link_75912::after{content:'Selke\e4 t nimitaulut taloyhti\f6 ihin ja kiinteist\f6 ihin.  \2192 ';}
body.frontpage #link_65::after{content:'Kokouksiin, koulutuksiin ja esityksiin.  \2192 ';}
body.frontpage #link_83::after{content:'Siirrett\e4 v\e4 t valkotaulut kokouksiin ja opetukseen.  \2192 ';}
body.frontpage #link_90::after{content:'Tussit, pyyhkimet, magneetit ja puhdistus.  \2192 ';}
@media(max-width:900px){body.frontpage #ksk_middle_block{grid-template-columns:minmax(0,1fr) !important;}body.frontpage #right-bar #box52340{grid-column:1;grid-row:3;}body.frontpage #box7 .content ul{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){body.frontpage #box7 .content ul{grid-template-columns:minmax(0,1fr);}body.frontpage #ksk_middle_block{padding:16px !important;}body.frontpage #right-bar #box7 .content a::before{height:170px;}}

body.frontpage .ksk_middle_area_container_users_should_not_change {display:contents !important;}

/* Tuoteryhmien selkea korttiluettelo */
body:not(.frontpage):has(#ws_categories) #right-bar {display:none !important;}
body:not(.frontpage):has(#ws_categories) .ksk_middle_area_container_users_should_not_change {width:100% !important;max-width:100% !important;float:none !important;}
body:not(.frontpage):has(#ws_categories) #columns #content.ksk_middle_area {width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:32px !important;float:none !important;}
#ws_list_view {width:100% !important;float:none !important;}
#content #ws_list_view h1 {font-size:34px !important;line-height:1.25 !important;margin:24px 0 16px !important;font-weight:700 !important;letter-spacing:-.6px;}
#content #ws_list_view:has(#ws_categories) h1::after {content:'Valitse tuoteryhm\e4  ja l\f6 yd\e4  sopivat tuotteet.';display:block;font:400 17px/1.6 Arial,sans-serif;color:#65717d;margin-top:12px;letter-spacing:0;}
#ws_categories {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px !important;margin-top:24px !important;float:none !important;clear:both !important;width:100% !important;}
#ws_categories .ws_items_container {display:contents !important;}
#ws_categories .ws_items_container_border {display:none !important;}
#ws_categories .ws_item {display:flex !important;flex-direction:column !important;float:none !important;width:auto !important;max-width:none !important;padding:22px !important;margin:0 !important;box-sizing:border-box !important;border:1px solid #e3e7eb !important;border-radius:12px !important;background:#fff !important;box-shadow:0 3px 14px #20304005;position:relative;transition:border-color .15s,box-shadow .15s;}
#ws_categories .ws_item:hover {border-color:#c3242b !important;box-shadow:0 8px 24px #20304010;}
#ws_categories .ws_img_block {order:1;float:none !important;width:100% !important;height:190px !important;margin:0 0 20px !important;padding:0 !important;display:flex !important;align-items:center;justify-content:center;}
#ws_categories .ws_img_block a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
#ws_categories .ws_img_block img {display:block !important;width:100% !important;max-width:100% !important;height:190px !important;max-height:190px !important;object-fit:contain !important;border:0 !important;}
#content #ws_categories h2 {order:2;font:600 19px/1.4 Arial,sans-serif !important;margin:0 0 14px !important;padding:0 !important;min-height:54px;float:none !important;}
#content #ws_categories h2 a {color:#222d38 !important;text-decoration:none !important;}
#ws_categories .ws_item_one_right {order:3;display:flex !important;flex-direction:column !important;flex:1;float:none !important;width:100% !important;margin:0 !important;padding:0 !important;}
#ws_categories .ws_description {font:400 14px/1.6 Arial,sans-serif !important;color:#66727f !important;margin:0 0 20px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:45px;}
#ws_categories .ws_link_to {margin:auto 0 0 !important;padding-top:14px !important;}
#content #ws_categories .ws_link_to a {display:block !important;padding:12px 16px !important;border-radius:7px !important;background:#fff2f2 !important;color:#ac1e26 !important;text-align:center !important;font:600 14px/1.4 Arial,sans-serif !important;text-decoration:none !important;}
#content #ws_categories .ws_link_to a:hover {background:#b92128 !important;color:#fff !important;}
#ws_list_view .ws_grey_row {display:none !important;}
#ws_list_view .ws_navigation {border-bottom:1px solid #e7e9ed;padding:0 0 14px !important;float:none !important;font:14px/1.6 Arial,sans-serif;color:#717a85;}
#ws_list_view .ws_navigation .ws_nav_link:has(a[href*='printerfriendly']) {display:none !important;}
#ws_list_view .ws_navigation .ws_nav_link:has(a[href*='search']) {background:#f3f5f7;border:0 !important;border-radius:6px;padding:8px 14px !important;}
@media(max-width:950px){#ws_categories{grid-template-columns:repeat(2,minmax(0,1fr));}body:not(.frontpage):has(#ws_categories) #columns #content.ksk_middle_area{padding:20px !important;}}
@media(max-width:560px){#ws_categories{grid-template-columns:minmax(0,1fr);gap:16px !important;}#content #ws_list_view h1{font-size:27px !important;}#ws_categories .ws_item{padding:18px !important;}}

#ws_categories .ws_item{left:0 !important;right:auto !important;top:auto !important;bottom:auto !important;}
#content #ws_categories h2 a{font:inherit !important;}

/* Poistettu ylimääräinen sulje ja sen rikkoma kiinteä 1102 px leveyssääntö. */
/* Novars: public homepage compatibility fix. Append after existing CSS. */

body.frontpage #madpages_element_title_1_kskpage_1 { background:#f5f7f9 !important;border-left:4px solid #ba2026 !important;border-radius:0 12px 12px 0 !important;padding:20px 28px !important;margin:0 0 28px !important;text-align:left !important;font-size:20px !important;font-weight:400 !important;line-height:1.55 !important; }

body.frontpage #madpages_element_title_1_kskpage_1 br:first-child { display:none; }

body.frontpage #madpages_element_title_1_kskpage_1::first-line { font-size:30px;font-weight:700;line-height:1.8; }

body.frontpage #madpages_element_columns_3_kskpage_1 { display:flex !important;gap:18px !important;margin:20px 0 36px !important; }

body.frontpage #madpages_element_columns_3_kskpage_1 > .madpage_column_component { background:#f8f9fa !important;border:1px solid #e9ebee !important;border-radius:10px !important;padding:14px !important;box-sizing:border-box !important;flex:1 !important;width:0 !important;margin:0 !important; }

body.frontpage #madpages_element_columns_3_kskpage_1 img { width:100% !important;height:190px !important;object-fit:cover !important;border-radius:6px !important; }

body.frontpage #madpages_element_columns_3_kskpage_1 h2,
body.frontpage #madpages_element_columns_3_kskpage_1 h3 { font-size:18px !important;line-height:1.4 !important;margin:16px 0 0 !important;text-align:left !important; }

body.frontpage #madpages_element_paragraph_4_kskpage_1 { display:none !important; }

@media(max-width:700px) {
body.frontpage #madpages_element_title_1_kskpage_1 { padding:18px !important;font-size:17px !important; }

body.frontpage #madpages_element_title_1_kskpage_1::first-line { font-size:25px; }

body.frontpage #madpages_element_columns_3_kskpage_1 { flex-direction:column !important; }

body.frontpage #madpages_element_columns_3_kskpage_1 > .madpage_column_component { width:100% !important; }
}

body.frontpage #content #madpages_element_title_1_kskpage_1 { font-size:19px !important;font-weight:400 !important;line-height:1.5 !important;padding:22px 28px !important; }

body.frontpage #content #madpages_element_title_1_kskpage_1::first-line { font-size:30px !important;font-weight:700 !important; }

body.frontpage #madpages_element_columns_3_kskpage_1 .madpage_column_component { background:#f8f9fa !important;border:1px solid #e9ebee !important;border-radius:10px !important;padding:14px !important;box-sizing:border-box !important;flex:1 !important;width:0 !important;margin:0 !important;min-width:0; }

body.frontpage #madpages_element_columns_3_kskpage_1 .madpages_image_container { width:100% !important; }

body.frontpage #madpages_element_columns_3_kskpage_1 h2,
body.frontpage #madpages_element_columns_3_kskpage_1 h3 { font-size:18px !important; }

body.frontpage #content #madpages_element_title_6_kskpage_1 { font-size:18px !important;font-weight:400 !important;line-height:1.7 !important;text-align:left !important;padding-top:24px !important;border-top:1px solid #e6e9ed; }

@media(max-width:700px) {
body.frontpage #madpages_element_columns_3_kskpage_1 .madpage_column_component { width:100% !important; }

body.frontpage #content #madpages_element_title_1_kskpage_1 { font-size:17px !important; }
}

body.frontpage #content .ksk_no_margins:has(#madpages_element_title_1_kskpage_1) { grid-column:1;grid-row:1; }

body.frontpage #content #madpages_element_title_1_kskpage_1 { margin-bottom:0 !important; }

body.frontpage #content .ksk_no_margins:has(#madpages_element_title_2_kskpage_1),
body.frontpage #content .ksk_no_margins:has(#madpages_element_columns_3_kskpage_1),
body.frontpage #content .ksk_no_margins:has(#madpages_element_paragraph_4_kskpage_1),
body.frontpage #content .ksk_no_margins:has(#madpages_element_image_5_kskpage_1) { display:none !important; }

/* Keep the company photos side by side on larger screens. */
body.frontpage #madpages_element_columns_7_kskpage_1 {
 display:flex !important; gap:28px !important; width:100% !important;
 margin:0 0 28px !important; box-sizing:border-box !important;
}
body.frontpage #madpages_element_columns_7_kskpage_1 > .madpage_column_component {
 flex:1 1 0 !important; min-width:0 !important; width:0 !important;
 float:none !important; margin:0 !important;
}
body.frontpage #madpages_element_columns_7_kskpage_1 .madpages_image_container {
 width:100% !important; max-width:340px !important; margin:0 auto !important;
}
body.frontpage #madpages_element_columns_7_kskpage_1 img {
 display:block !important; width:100% !important; height:340px !important;
 object-fit:contain !important;
}
body.frontpage #content .madpages_image_container:has(#madpages_element_image_8_kskpage_1) {
 width:100% !important; max-width:760px !important;
}
@media(max-width:560px) {
 body.frontpage #madpages_element_columns_7_kskpage_1 {flex-direction:column !important;}
 body.frontpage #madpages_element_columns_7_kskpage_1 > .madpage_column_component {
  flex:0 0 auto !important; width:100% !important;
 }
 body.frontpage #madpages_element_columns_7_kskpage_1 img {height:auto !important;}
}
/* Versio 4: tuotekorttien suorat valitsimet.
   Reunustestillä varmistettu #ws_items toimii editorissa.
   Visuaalinen tulos on vielä tarkistettava. */
#ws_items { width:100% !important; float:none !important; clear:both !important; }
#ws_items .ws_items_container_3 {
 display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 grid-template-rows:220px auto auto auto auto !important;
 column-gap:18px !important; row-gap:0 !important;
 float:none !important; width:100% !important; height:auto !important;
 position:relative !important; left:auto !important; top:auto !important;
 margin:0 0 22px !important; padding:0 !important; border:0 !important; background:none !important;
 overflow:visible !important;
}
#ws_items .ws_items_container_2,
#ws_items .ws_items_container_1 { display:contents !important; }
#ws_items .ws_items_container_border { display:none !important; }
#ws_items .ws_item:not(.ws_bottom_links) {
 display:grid !important; grid-template-rows:subgrid !important; grid-row:1 / span 4 !important;
 float:none !important; position:relative !important; left:auto !important; right:auto !important;
 top:auto !important; bottom:auto !important; width:auto !important; max-width:none !important;
 height:auto !important; min-height:0 !important; margin:0 !important; padding:18px !important;
 box-sizing:border-box !important; border:1px solid #e3e7eb !important; border-radius:12px !important;
 background:#fff !important; box-shadow:0 4px 16px #20304008 !important;
 overflow:visible !important; align-items:start !important;
}
 #ws_items .ws_item:not(.ws_bottom_links) {
 border-bottom:0 !important; border-radius:12px 12px 0 0 !important;
}
#ws_items .ws_item_1,
#ws_items .ws_bottom_links_1 { grid-column:1 !important; }
#ws_items .ws_item_2,
#ws_items .ws_bottom_links_2 { grid-column:2 !important; }
#ws_items .ws_item_0,
#ws_items .ws_bottom_links_0 { grid-column:3 !important; }
#ws_items .ws_item .ws_img_block {
 grid-row:1 !important; display:flex !important; align-items:center !important; justify-content:center !important;
 float:none !important; width:100% !important; height:184px !important; max-width:100% !important;
 margin:0 !important; padding:8px !important; box-sizing:border-box !important; background:#fff !important;
}
#ws_items .ws_img_block a {
 display:flex !important; width:100% !important; height:100% !important;
 align-items:center !important; justify-content:center !important;
}
#ws_items .ws_img_block img {
 width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important;
 display:block !important; object-fit:contain !important; object-position:center !important;
 margin:0 !important; padding:0 !important; border:0 !important;
}
#ws_items .ws_item h2 {
 grid-row:2 !important; font:700 18px/1.45 Arial,sans-serif !important;
 float:none !important; width:100% !important; height:auto !important; min-height:0 !important;
 margin:0 !important; padding:0 0 18px !important; box-sizing:border-box !important;
 text-align:left !important; white-space:normal !important; overflow:visible !important;
}
#ws_items .ws_item h2 a { font:inherit !important; color:#26303b !important; text-decoration:none !important; }
#ws_items .ws_item_one_right { display:contents !important; }
#ws_items .ws_specific_details {
 grid-row:3 !important; float:none !important; width:100% !important; margin:0 !important;
 padding:0 0 16px !important; box-sizing:border-box !important;
}
#ws_items .ws_product_price {
 font:700 22px/1.35 Arial,sans-serif !important; color:#a51e25 !important;
 text-align:left !important; margin:0 !important; padding:10px 0 0 !important;
 border-top:1px solid #e9edf0 !important; white-space:normal !important; overflow-wrap:anywhere;
}
#ws_items .ws_link_to {
 grid-row:4 !important; align-self:end !important; margin:0 !important; padding:0 !important; width:100% !important;
}
#ws_items .ws_link_to a {
 display:block !important; text-align:center !important; padding:12px !important;
 border-radius:8px !important; background:#fff1f1 !important; color:#a51e25 !important;
 font:700 14px/1.4 Arial,sans-serif !important;
}
#ws_items .ws_link_to a:hover { background:#ba2026 !important; color:#fff !important; }
#ws_items .ws_bottom_links {
 grid-row:5 !important; float:none !important; position:relative !important;
 left:auto !important; top:auto !important; right:auto !important; bottom:auto !important;
 width:auto !important; height:auto !important; margin:0 !important; padding:0 18px 18px !important;
 border:1px solid #e3e7eb !important; border-top:0 !important; border-radius:0 0 12px 12px !important;
 background:#fff !important; box-sizing:border-box !important; overflow:visible !important;
}
#ws_items .ws_bottom_links:focus-within { z-index:5 !important; }

/* Tuoteryhmävalikko: valkoiset linkkikortit vaalealla taustalla. */
body:not(.frontpage) #common_rightbar_sideboxes { display:flex !important; flex-direction:column !important; gap:22px !important; }
body:not(.frontpage) #right-bar .webstorecats_block {
 order:-1 !important; margin:0 !important; padding:18px 12px !important;
 background:#f5f7f9 !important; border:1px solid #e6eaef !important;
 border-radius:16px !important; box-shadow:none !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .header {
 padding:0 8px 16px !important; margin:0 !important; border:0 !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .header h2 { font:700 21px/1.3 Arial,sans-serif !important; }
body:not(.frontpage) #right-bar .webstorecats_block .content ul li { margin:0 0 8px !important; border:0 !important; }
body:not(.frontpage) #right-bar .webstorecats_block .content ul li a {
 display:flex !important; align-items:center !important; gap:10px !important;
 padding:12px !important; margin:0 !important; background:#fff !important;
 border:1px solid #e3e7eb !important; border-radius:10px !important;
 font:600 14px/1.45 Arial,sans-serif !important; color:#26303b !important;
 box-shadow:0 2px 5px #20304004 !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .content ul li a::after {
 content:'' !important; display:block !important;
 width:7px !important; height:7px !important; flex:0 0 7px !important;
 margin:0 3px 0 auto !important; padding:0 !important;
 border:0 !important; border-top:2px solid currentColor !important;
 border-right:2px solid currentColor !important;
 transform:rotate(45deg) !important; background:none !important;
 color:#ba2026; box-sizing:border-box !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .content ul li a:hover {
 background:#fff1f1 !important; color:#a51e25 !important; border-color:#dca7aa !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .content ul ul {
 margin:8px 0 12px 12px !important; padding:0 0 0 10px !important; border-left:2px solid #e0e5eb !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .content ul ul a {
 background:transparent !important; font-size:13px !important; padding:9px 10px !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .content a[style*='bold'] {
 background:#ba2026 !important; color:#fff !important; border-color:#ba2026 !important;
 box-shadow:none !important; font-weight:700 !important;
}
body:not(.frontpage) #right-bar .webstorecats_block .content a[style*='bold']::after { color:#fff !important; }
@media(max-width:700px) {
 #ws_items .ws_items_container_3 { display:block !important; }
 #ws_items .ws_item:not(.ws_bottom_links) {
  grid-template-rows:220px auto auto auto !important; grid-row:auto !important;
  grid-column:auto !important; margin-bottom:20px !important;
 }
  #ws_items .ws_item:not(.ws_bottom_links) { margin-bottom:0 !important; }
 #ws_items .ws_bottom_links { margin-bottom:20px !important; }
 #ws_items .ws_item .ws_img_block { height:200px !important; }
}

/* Selkeä sivuvalikko, etusivun kuvalliset ryhmät säilyvät. */
body:not(.frontpage) #right-bar .webstorecats_block .content { background:transparent !important; padding:0 !important; }
body:not(.frontpage) #right-bar .webstorecats_block ul {
 list-style:none !important; padding:0 !important; margin:0 !important;
}
body:not(.frontpage) #right-bar .webstorecats_block li { list-style:none !important; padding:0 !important; background:none !important; }
body:not(.frontpage) #right-bar .webstorecats_block .content a {
 width:100% !important; box-sizing:border-box !important; text-decoration:none !important;
 white-space:normal !important; overflow-wrap:anywhere;
}
#ws_items .ws_link_to a:focus-visible,
body:not(.frontpage) #right-bar .webstorecats_block a:focus-visible {
 outline:3px solid #ba2026 !important; outline-offset:3px !important;
}

/* Etusivun suosituimmat ryhmät ja erikseen lisättävä oikea HTML-linkki. */
body.frontpage #right-bar #box7 .header h2 { font-size:0 !important; }
body.frontpage #right-bar #box7 .header h2::before {
 content:'Suosituimmat tuoteryhm\00e4t'; display:block;
 font:700 28px/1.3 Arial,sans-serif; color:#20252b;
}
body.frontpage #content .madpages_component:has(.novars-all-categories) {
 display:block !important; grid-column:1 / -1 !important; grid-row:3 !important;
 margin:0 0 26px !important; padding:0 !important;
}
body.frontpage .novars-all-categories { margin:0 !important; text-align:center !important; }
body.frontpage #content .novars-all-categories a {
 display:inline-flex !important; align-items:center !important; justify-content:center !important;
 padding:14px 26px !important; border-radius:8px !important;
 background:#ba2026 !important; color:#fff !important; text-decoration:none !important;
 font:700 16px/1.4 Arial,sans-serif !important;
}
body.frontpage #content .novars-all-categories a:hover { background:#971b21 !important; }
body.frontpage #content .novars-all-categories a:focus-visible { outline:3px solid #ba2026; outline-offset:4px; }
@media(max-width:900px) {
 body.frontpage #right-bar #box52340 { grid-row:4 !important; }
}

/* Alennettu hinta ja euromerkki pysyvät yhdessä; vanha hinta saa oman rivin tarvittaessa. */
#ws_items .ws_product_price .webstore_discount,
#ws_items .ws_product_price .webstore_oldprice {
 display:inline-block !important; white-space:nowrap !important;
 word-break:normal !important; overflow-wrap:normal !important;
}
#ws_items .ws_product_price .webstore_oldprice { margin-left:8px !important; }

/* Suosittelemme myös: pienemmät kuvat ja yhteiset rivit kaksipalstaisille korteille. */
#content #webstore_similar_products {
 display:block !important; width:100% !important; clear:both !important;
 margin:36px 0 0 !important; padding:24px 0 0 !important;
 border-top:1px solid #e3e7eb !important; box-sizing:border-box !important;
}
#content #webstore_similar_products h1 { font:700 24px/1.35 Arial,sans-serif !important; margin:0 0 20px !important; }
#webstore_similar_products #ws_items.webstore_twocol .ws_items_container_2 {
 display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 grid-template-rows:170px auto auto auto auto auto !important;
 column-gap:18px !important; row-gap:0 !important;
 float:none !important; left:auto !important; top:auto !important;
 width:100% !important; height:auto !important; margin:0 0 20px !important;
 padding:0 !important; border:0 !important; background:none !important; overflow:visible !important;
}
#webstore_similar_products #ws_items .ws_items_container_1 { display:contents !important; }
#webstore_similar_products #ws_items .ws_item:not(.ws_bottom_links) {
 display:grid !important; grid-template-rows:subgrid !important; grid-row:1 / span 5 !important;
 padding:16px !important; margin:0 !important; background:#fafbfc !important;
 border-color:#e3e7eb !important; box-shadow:0 3px 12px #20304006 !important;
}
#webstore_similar_products #ws_items.webstore_twocol .ws_item_1,
#webstore_similar_products #ws_items.webstore_twocol .ws_bottom_links_1 { grid-column:1 !important; }
#webstore_similar_products #ws_items.webstore_twocol .ws_item_0,
#webstore_similar_products #ws_items.webstore_twocol .ws_bottom_links_0 { grid-column:2 !important; }
#webstore_similar_products #ws_items .ws_item .ws_img_block {
 grid-row:1 !important; height:138px !important; max-height:138px !important;
 width:100% !important; max-width:240px !important; justify-self:center !important;
 padding:6px !important; margin:0 !important; background:#fff !important; border-radius:8px !important;
}
#webstore_similar_products #ws_items .ws_img_block img {
 width:100% !important; height:100% !important; max-height:126px !important; object-fit:contain !important;
}
#content #webstore_similar_products #ws_items h2 {
 grid-row:2 !important; font:700 17px/1.45 Arial,sans-serif !important;
 margin:0 !important; padding:0 0 12px !important; min-height:0 !important;
}
#webstore_similar_products #ws_items .ws_description {
 grid-row:3 !important; font:400 13px/1.6 Arial,sans-serif !important; color:#637080 !important;
 display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3;
 overflow:hidden !important; max-height:63px !important; margin:0 0 12px !important;
}
#webstore_similar_products #ws_items .ws_specific_details { grid-row:4 !important; padding-bottom:12px !important; }
#webstore_similar_products #ws_items .ws_product_price { font-size:19px !important; }
#webstore_similar_products #ws_items .ws_link_to { grid-row:5 !important; }
#webstore_similar_products #ws_items .ws_bottom_links {
 grid-row:6 !important; background:#fafbfc !important; padding:0 16px 16px !important;
}
@media(max-width:700px) {
 #webstore_similar_products #ws_items.webstore_twocol .ws_items_container_2 { display:block !important; }
 #webstore_similar_products #ws_items .ws_item:not(.ws_bottom_links) {
  grid-template-rows:170px auto auto auto auto !important;
  grid-row:auto !important; grid-column:auto !important; margin:18px 0 0 !important;
 }
 #webstore_similar_products #ws_items .ws_bottom_links { margin:0 0 18px !important; }
}
/* 16.9.2026: nykyisen yhteydenottolomakkeen ulkoasu. */
#content #formeditor_form {
 width:100% !important; max-width:760px !important; margin:0 auto !important;
 padding:26px !important; border:1px solid #e3e7eb !important; border-radius:16px !important;
 border-collapse:separate !important; border-spacing:0 !important; box-sizing:border-box !important;
 background:#fafbfc !important; box-shadow:0 5px 22px #20304008 !important;
 font:400 16px/1.6 Arial,sans-serif !important; color:#26303b !important;
}
#content #formeditor_form td { border:0 !important; background:transparent !important; }
#content #formeditor_form td.field { padding:10px 0 !important; }
#content #formeditor_form .single_element { width:100% !important; border:0 !important; margin:0 !important; }
#content #formeditor_form .single_element td {
 padding:0 0 6px !important; font:600 14px/1.5 Arial,sans-serif !important; color:#384352 !important;
}
#content #formeditor_form h1 { font:700 30px/1.3 Arial,sans-serif !important; margin:0 0 14px !important; }
#content #formeditor_form p { font:400 16px/1.65 Arial,sans-serif !important; color:#5a6573 !important; margin:0 0 18px !important; }
#content #formeditor_form input.textinput,
#content #formeditor_form textarea.adjust_width,
#content #formeditor_form select {
 width:100% !important; max-width:100% !important; min-height:48px !important;
 padding:12px 14px !important; margin:0 !important; border:1px solid #ccd3dc !important;
 border-radius:8px !important; background:#fff !important; color:#20252b !important;
 box-sizing:border-box !important; font:400 16px/1.5 Arial,sans-serif !important;
}
#content #formeditor_form textarea.adjust_width { min-height:170px !important; height:170px !important; resize:vertical !important; }
#content #formeditor_form input.textinput:focus,
#content #formeditor_form textarea.adjust_width:focus,
#content #formeditor_form select:focus { outline:2px solid #ba2026 !important; outline-offset:2px !important; border-color:#ba2026 !important; }
#content #formeditor_form .formeditor_button {
 display:inline-block !important; min-height:48px !important; padding:13px 24px !important;
 margin:18px 0 0 !important; background:#ba2026 !important; color:#fff !important;
 border:0 !important; border-radius:8px !important; font:700 16px/1.4 Arial,sans-serif !important; cursor:pointer;
}
#content #formeditor_form .formeditor_button:hover { background:#971b21 !important; }
#content #formeditor_form .formeditor_button:focus-visible { outline:3px solid #ba2026 !important; outline-offset:3px; }
#content #formeditor_form .formeditor_button:disabled { opacity:.6; cursor:wait; }
@media(max-width:700px) {
 #content #formeditor_form { padding:14px !important; }
 #content #formeditor_form h1 { font-size:26px !important; }
 #content #formeditor_form .formeditor_button { width:100% !important; }
 /* CAPTCHAa ei skaalata tai peitetä: kapealla näytöllä alue saa vierittyä. */
 #content #formeditor_form .g-recaptcha { max-width:100%; overflow-x:auto; padding:4px 0; }
}

/* Mobiili: logo ja ostoskori samalle riville, haku niiden alle. */
@media(max-width:700px) {
 .ksk_main_image_wrapper .ksk_container_wrapper {
  display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:12px !important;
  height:auto !important; min-height:0 !important; padding:0 16px !important; box-sizing:border-box !important;
 }
 #mainimage_logo_and_text_div {
  order:1 !important; position:static !important; float:none !important; transform:none !important;
  width:84px !important; height:auto !important; flex:0 0 84px !important; margin:0 !important;
 }
 #mainimage_logo { position:static !important; float:none !important; width:84px !important; margin:0 !important; }
 #mainimage_logo_holder { display:block !important; width:84px !important; max-width:100% !important; height:auto !important; }
 #mainimage_logo br { display:none !important; }
 .ksk_main_image_wrapper .topside_mini_shopping_cart {
  order:2 !important; display:flex !important; align-items:center !important; gap:8px !important;
  position:static !important; float:none !important; transform:none !important;
  width:auto !important; max-width:none !important; min-width:0 !important; flex:1 1 160px !important;
  height:auto !important; min-height:62px !important; margin:0 !important; padding:12px !important;
  border:1px solid #eed4d6 !important; border-radius:10px !important; background:#fff5f5 !important;
  box-sizing:border-box !important; color:#26303b !important; cursor:pointer;
 }
 .topside_mini_shopping_cart .icon { flex:0 0 24px !important; float:none !important; margin:0 !important; }
 #topside_mini_shopping_cart_text_container {
  float:none !important; width:auto !important; min-width:0 !important; flex:1 !important;
  margin:0 !important; padding:0 !important; text-align:left !important;
 }
 #topside_mini_shopping_cart_text_container .header {
  display:block !important; font:700 14px/1.4 Arial,sans-serif !important; color:#a51e25 !important;
 }
 #topside_mini_shopping_cart_text_container #amount_of_prods {
  display:block !important; white-space:normal !important; font:400 12px/1.5 Arial,sans-serif !important;
 }
 #searchengine {
  order:3 !important; position:static !important; float:none !important;
  width:100% !important; max-width:100% !important; flex:0 0 100% !important;
  height:auto !important; margin:0 !important; padding:0 !important;
 }
 #searchengine .search_bar {
  display:flex !important; width:100% !important; height:44px !important; padding:0 !important;
  border:1px solid #dce1e7 !important; border-radius:8px !important; background:#fff !important;
  box-sizing:border-box !important; overflow:hidden !important;
 }
 #searchengine .search_field {
  flex:1 !important; width:auto !important; min-width:0 !important; height:42px !important;
  font-size:16px !important; padding:10px 12px !important; margin:0 !important; border:0 !important;
  background:transparent !important; box-sizing:border-box !important;
 }
 #searchengine .search_bar_submit { flex:0 0 42px !important; width:42px !important; height:42px !important; border:0 !important; margin:0 !important; }
}

/* Uusi alatunniste: lisää erillisen HTML-tiedoston sisältö alatunnisteeseen. */
#footer_content .novars-footer { max-width:1160px; margin:0 auto; padding:0 20px; color:#384352; font:400 15px/1.65 Arial,sans-serif; }
#footer_content .novars-footer-cta {
 display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px;
 padding:28px; margin-bottom:30px; background:#fff; border:1px solid #e0e5eb;
 border-left:4px solid #ba2026; border-radius:12px;
}
#footer_content .novars-footer-cta h2 { margin:0 0 8px; font:700 25px/1.3 Arial,sans-serif; color:#20252b; }
#footer_content .novars-footer-cta p { margin:0; max-width:650px; }
#footer_content .novars-footer .novars-footer-button {
 display:inline-block; padding:13px 20px; background:#ba2026 !important; color:#fff !important;
 border-radius:8px; font-weight:700; text-decoration:none !important;
}
#footer_content .novars-footer .novars-footer-button:hover { background:#971b21 !important; }
#footer_content .novars-footer-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:28px; }
#footer_content .novars-footer h3 { font:700 17px/1.4 Arial,sans-serif; margin:0 0 12px; color:#20252b; }
#footer_content .novars-footer p { margin:0 0 12px; }
#footer_content .novars-footer address { font-style:normal; }
#footer_content .novars-footer a { color:#a51e25; text-decoration:underline; text-underline-offset:3px; }
#footer_content .novars-footer a:focus-visible { outline:3px solid #ba2026; outline-offset:3px; }
#footer_content .novars-footer ul { margin:0; padding:0; list-style:none; }
#footer_content .novars-footer li { margin:0 0 8px; }
#footer_content .novars-footer-note { color:#5d6977; font-size:13px; }
@media(max-width:700px) {
 #footer_content .novars-footer { padding:0 16px; }
 #footer_content .novars-footer-grid { grid-template-columns:1fr; gap:24px; }
 #footer_content .novars-footer-cta { padding:20px; }
 #footer_content .novars-footer .novars-footer-button { text-align:center; width:100%; box-sizing:border-box; }
}
#ws_items .novars-from-price { white-space:nowrap !important; }
/* Etusivun korjaus HTML-painikkeen lisäämisen jälkeen */

/* Tervetuloteksti takaisin näkyviin */
body.frontpage #content .ksk_no_margins:has(#madpages_element_title_2_kskpage_1) {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

body.frontpage #content #madpages_element_title_2_kskpage_1 {
  background: #f5f7f9 !important;
  border-left: 4px solid #ba2026 !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 22px 28px !important;
  margin: 0 !important;
  color: #20252b !important;
  text-align: left !important;
  font: 400 19px/1.5 Arial, sans-serif !important;
}

body.frontpage #content #madpages_element_title_2_kskpage_1::first-line {
  font-size: 30px !important;
  font-weight: 700 !important;
}

/* Vanha otsikko, kolme vanhaa nostoa ja vanha mainos pois */
body.frontpage #content .ksk_no_margins:has(#madpages_element_title_3_kskpage_1),
body.frontpage #content .ksk_no_margins:has(#madpages_element_columns_4_kskpage_1),
body.frontpage #content .ksk_no_margins:has(#madpages_element_paragraph_5_kskpage_1),
body.frontpage #content .ksk_no_margins:has(#madpages_element_image_6_kskpage_1) {
  display: none !important;
}

/* Yritysesittelyn teksti */
body.frontpage #content #madpages_element_title_7_kskpage_1 {
  font: 400 18px/1.7 Arial, sans-serif !important;
  text-align: left !important;
  padding-top: 24px !important;
  border-top: 1px solid #e6e9ed !important;
}

/* Yrityskuvat rinnakkain leveällä näytöllä */
body.frontpage #madpages_element_columns_8_kskpage_1 {
  display: flex !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  box-sizing: border-box !important;
}

body.frontpage #madpages_element_columns_8_kskpage_1 .madpage_column_component {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: 0 !important;
  float: none !important;
  margin: 0 !important;
}

body.frontpage #madpages_element_columns_8_kskpage_1 .madpages_image_container {
  width: 100% !important;
  max-width: 340px !important;
  margin: 0 auto !important;
}

body.frontpage #madpages_element_columns_8_kskpage_1 img {
  display: block !important;
  width: 100% !important;
  height: 340px !important;
  object-fit: contain !important;
}

/* Piilota vanha alapalkki vain uuden ollessa paikallaan.
   Mukana julkisen sivun ja editorin tunnisteet. */
#footer_content:has(.novars-footer) .madpages_component:has(#madpages_element_htmleditor_1_footer_1),
#footer_content:has(.novars-footer) .madpages_component:has(#madpages_element_htmleditor_20868705) {
  display: none !important;
}

#footer_content .madpages_component:has(.novars-footer) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 700px) {
  body.frontpage #content #madpages_element_title_2_kskpage_1 {
    padding: 18px !important;
    font-size: 17px !important;
  }

  body.frontpage #content #madpages_element_title_2_kskpage_1::first-line {
    font-size: 25px !important;
  }
}

@media (max-width: 560px) {
  body.frontpage #madpages_element_columns_8_kskpage_1 {
    flex-direction: column !important;
  }

  body.frontpage #madpages_element_columns_8_kskpage_1 .madpage_column_component {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  body.frontpage #madpages_element_columns_8_kskpage_1 img {
    height: auto !important;
  }
}
/* Valikon korostus Tuotteet-kohtaan */
.ksk_menu_wrapper #menu ul li a.ksk_main_menu[href*='lomake'] {
  background: transparent !important;
  color: #303640 !important;
}

.ksk_menu_wrapper #menu ul li a.ksk_main_menu[href*='tuotteet.html'] {
  background: #f9dfe1 !important;
  color: #a51e25 !important;
}

.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu[href*='tuotteet.html'] {
  background: #f2c8cc !important;
}

/* Tervetulolohko: julkinen sivu ja editori */
body.frontpage #content #madpages_element_title_2_kskpage_1,
body.frontpage #content #madpages_element_title_29021909 {
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

body.frontpage #content #madpages_element_title_2_kskpage_1::first-line,
body.frontpage #content #madpages_element_title_29021909::first-line {
  font-size: 34px !important;
  font-weight: 700 !important;
}

/* Merkkilogokuva pois julkiselta etusivulta */
body.frontpage #content .ksk_no_margins:has(#madpages_element_image_9_kskpage_1) {
  display: none !important;
}

/* Uuteen alapalkkiin lisättävä Novars-logo */
#footer_content .novars-footer .novars-footer-logo {
  display: block !important;
  width: 130px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 24px !important;
}

@media (max-width: 700px) {
  body.frontpage #content #madpages_element_title_2_kskpage_1,
  body.frontpage #content #madpages_element_title_29021909 {
    font-size: 20px !important;
  }

  body.frontpage #content #madpages_element_title_2_kskpage_1::first-line,
  body.frontpage #content #madpages_element_title_29021909::first-line {
    font-size: 28px !important;
  }
}
/* Ylävalikon kaikille linkeille vaaleanpunainen tausta */
.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
  background: #f9dfe1 !important;
  color: #a51e25 !important;
  border-radius: 8px !important;
  margin: 4px !important;
  text-decoration: none !important;
}

/* Hiiren kohdalla hieman vahvempi sävy */
.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {
  background: #f2c8cc !important;
  color: #86191f !important;
}

/* Nykyinen sivu erottuu tummanpunaisena */
.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu,
.ksk_menu_wrapper #menu ul li.active_link:hover a.ksk_main_menu {
  background: #ba2026 !important;
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 5px !important;
}

/* Näppäimistöllä valittu linkki */
.ksk_menu_wrapper #menu ul li a.ksk_main_menu:focus-visible {
  outline: 3px solid #ba2026 !important;
  outline-offset: 3px !important;
}
/* Ylävalikon kaikille linkeille vaaleanpunainen tausta */
.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
  background: #f9dfe1 !important;
  color: #a51e25 !important;
  border-radius: 8px !important;
  margin: 4px !important;
  text-decoration: none !important;
}

/* Hiiren kohdalla hieman vahvempi sävy */
.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {
  background: #f2c8cc !important;
  color: #86191f !important;
}

/* Nykyinen sivu erottuu tummanpunaisena */
.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu,
.ksk_menu_wrapper #menu ul li.active_link:hover a.ksk_main_menu {
  background: #ba2026 !important;
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 5px !important;
}

/* Näppäimistöllä valittu linkki */
.ksk_menu_wrapper #menu ul li a.ksk_main_menu:focus-visible {
  outline: 3px solid #ba2026 !important;
  outline-offset: 3px !important;
}
/* Tervetulolohkon muu teksti pienemmäksi */
body.frontpage #content #madpages_element_title_2_kskpage_1,
body.frontpage #content #madpages_element_title_29021909 {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Ensimmäinen rivi säilyy otsikkona */
body.frontpage #content #madpages_element_title_2_kskpage_1::first-line,
body.frontpage #content #madpages_element_title_29021909::first-line {
  font-size: 34px !important;
  font-weight: 700 !important;
}

@media (max-width: 700px) {
  body.frontpage #content #madpages_element_title_2_kskpage_1,
  body.frontpage #content #madpages_element_title_29021909 {
    font-size: 16px !important;
  }

  body.frontpage #content #madpages_element_title_2_kskpage_1::first-line,
  body.frontpage #content #madpages_element_title_29021909::first-line {
    font-size: 28px !important;
  }
}
/* Pyydä tarjous: korostus aiempien sääntöjen yli */
body .ksk_menu_wrapper #menu ul li a.ksk_main_menu[href*='lomake'] {
  background: #f9dfe1 !important;
  background-image: none !important;
  color: #a51e25 !important;
}

body .ksk_menu_wrapper #menu ul li:hover a.ksk_main_menu[href*='lomake'] {
  background: #f2c8cc !important;
  color: #86191f !important;
}

body .ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu[href*='lomake'],
body .ksk_menu_wrapper #menu ul li.active_link:hover a.ksk_main_menu[href*='lomake'] {
  background: #ba2026 !important;
  color: #fff !important;
}
/* Poista tyhjä rivi tervetulo-otsikon edestä */
body.frontpage #content #madpages_element_title_2_kskpage_1 br:first-child,
body.frontpage #content #madpages_element_title_29021909 br:first-child {
  display: none !important;
}

/* NOVARS 2026-09 – yhteiset, nimetyt korjaukset.
   Tämä osuus säilyttää aiemmat tuoteryhmäkortit ja etusivun, kunnes uusi HTML on lisätty. */
:root { --novars-red:#ba2026; --novars-red-dark:#971b21; --novars-pink:#f9dfe1; --novars-ink:#26303b; --novars-line:#e3e7eb; }
body { margin:0; }
.ksk_container { width:100% !important; max-width:1200px !important; box-sizing:border-box !important; }
#ksk_page_wrapper { margin-left:0 !important; }
/* Yläpalkki: logo, haku ja ostoskori. */
.ksk_main_image_wrapper .ksk_container_wrapper {
 display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:22px !important;
 height:auto !important; min-height:98px !important; padding:0 24px !important; box-sizing:border-box !important;
}
#mainimage_logo_and_text_div { order:1 !important; position:static !important; float:none !important; width:110px !important; height:auto !important; flex:0 0 110px !important; margin:0 !important; transform:none !important; }
#mainimage_logo { position:static !important; float:none !important; width:110px !important; margin:0 !important; }
#mainimage_logo_holder { display:block !important; width:110px !important; max-width:100% !important; height:auto !important; }
#mainimage_logo br { display:none !important; }
.ksk_main_image_wrapper #searchengine { order:2 !important; position:static !important; float:none !important; flex:1 1 220px !important; width:auto !important; max-width:460px !important; height:auto !important; margin:0 0 0 auto !important; padding:0 !important; }
#searchengine .search_bar { display:flex !important; width:100% !important; height:46px !important; padding:0 !important; border:1px solid #d5dce4 !important; border-radius:8px !important; background:#fff !important; box-sizing:border-box !important; overflow:hidden !important; }
#searchengine .search_field { flex:1 !important; width:auto !important; min-width:0 !important; height:44px !important; padding:10px 12px !important; margin:0 !important; border:0 !important; background:transparent !important; font:400 16px/1.4 Arial,sans-serif !important; box-sizing:border-box !important; }
#searchengine .search_bar_submit { flex:0 0 44px !important; width:44px !important; height:44px !important; border:0 !important; margin:0 !important; }
.ksk_main_image_wrapper .topside_mini_shopping_cart { order:3 !important; display:flex !important; align-items:center !important; gap:10px !important; position:static !important; float:none !important; flex:0 1 250px !important; width:auto !important; height:auto !important; min-height:60px !important; margin:0 !important; padding:12px 14px !important; border:1px solid #eed4d6 !important; border-radius:10px !important; background:#fff5f5 !important; box-sizing:border-box !important; transform:none !important; }
.topside_mini_shopping_cart .icon { float:none !important; flex:0 0 24px !important; margin:0 !important; }
#topside_mini_shopping_cart_text_container { float:none !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
#topside_mini_shopping_cart_text_container .header { font:700 14px/1.4 Arial,sans-serif !important; color:#a51e25 !important; }
#topside_mini_shopping_cart_text_container #amount_of_prods { display:block !important; white-space:normal !important; font:400 12px/1.5 Arial,sans-serif !important; }
.ksk_menu_wrapper #menu > ul { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:0 !important; padding:8px 24px 12px !important; list-style:none !important; }
.ksk_menu_wrapper #menu > ul > li { float:none !important; margin:0 !important; }
body .ksk_menu_wrapper #menu ul li a.ksk_main_menu { background:#f9dfe1 !important; color:#a51e25 !important; border:0 !important; border-radius:7px !important; padding:13px 18px !important; margin:0 !important; font:700 15px/1.5 Arial,sans-serif !important; }
body .ksk_menu_wrapper #menu ul li a.ksk_main_menu[href*='lomake'] { background:#f9dfe1 !important; color:#a51e25 !important; }
body .ksk_menu_wrapper #menu ul li:hover a.ksk_main_menu { background:#f2c8cc !important; color:#86191f !important; }
body .ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu,
body .ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu[href*='lomake'],
body .ksk_menu_wrapper #menu ul li.active_link:hover a.ksk_main_menu { background:#ba2026 !important; color:#fff !important; text-decoration:underline !important; text-underline-offset:5px !important; }
/* Poista kiinteiden palstaleveyksien ristiriita. */
body:not(.frontpage) #ksk_middle_block { display:grid !important; grid-template-columns:minmax(0,1fr) 270px !important; gap:24px !important; align-items:start !important; padding:0 !important; }
body:not(.frontpage) .ksk_middle_area_container_users_should_not_change { display:contents !important; }
body:not(.frontpage) #columns #content.ksk_middle_area { grid-column:1 !important; width:100% !important; max-width:100% !important; min-width:0 !important; float:none !important; margin:0 !important; box-sizing:border-box !important; }
body:not(.frontpage) #right-bar { grid-column:2 !important; grid-row:1 !important; width:auto !important; min-width:0 !important; float:none !important; margin:0 !important; padding:24px 16px 24px 0 !important; }
body:not(.frontpage) #left-bar,body:not(.frontpage) #ksk_menu_right_placeholder { display:none !important; }
body:not(.frontpage) #ksk_middle_block > .clear:empty { display:none !important; }
body:not(.frontpage):has(#ws_categories,#webstore_product,#formeditor_form,.novars-info-page) #ksk_middle_block { grid-template-columns:minmax(0,1fr) !important; }
body:not(.frontpage):has(#ws_categories,#webstore_product,#formeditor_form,.novars-info-page) #right-bar { display:none !important; }
/* Tuotesivu: kuva ja ostaminen vierekkäin, tuotetiedot niiden alle. */
#content #webstore_product { width:100% !important; min-width:0 !important; }
#content #webstore_product > h1 { max-width:980px; margin:18px 0 26px !important; font:700 clamp(25px,2.5vw,34px)/1.3 Arial,sans-serif !important; overflow-wrap:break-word; }
#webstore_product > div:has(> .webstore_product_images) { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:30px !important; overflow:visible !important; }
#webstore_product .webstore_product_images { grid-column:1 !important; grid-row:1 !important; width:100% !important; float:none !important; padding:20px !important; margin:0 !important; border:1px solid #e3e7eb !important; border-radius:14px !important; background:#fff !important; box-sizing:border-box !important; }
#webstore_product .webstore_product_images img.webstore_preview { width:100% !important; max-width:100% !important; height:390px !important; max-height:390px !important; object-fit:contain !important; object-position:center !important; margin:0 auto !important; }
/* Piilotettujen lisäkuvien display-arvoa ei muuteta. Kuvanvaihto säilyy. */
#webstore_product .webstore_product_images > div:not(#product_image_holder) { width:100% !important; max-width:100% !important; padding:12px 0 0 !important; box-sizing:border-box !important; }
#webstore_product .product_thumbnail_frame { display:inline-block !important; margin:4px !important; padding:4px !important; border:1px solid #dce2e8 !important; border-radius:6px !important; }
#webstore_product #price_add_to_cart { grid-column:2 !important; grid-row:1 !important; width:100% !important; min-width:0 !important; float:none !important; margin:0 !important; padding:24px !important; border:1px solid #e3e7eb !important; border-radius:14px !important; background:#fafbfc !important; box-sizing:border-box !important; }
#webstore_product .webstore_product_info { grid-column:1 / -1 !important; width:100% !important; float:none !important; margin:0 !important; padding:8px 0 0 !important; min-width:0 !important; box-sizing:border-box !important; }
#webstore_product .webstore_price { margin:0 0 20px !important; font:700 28px/1.35 Arial,sans-serif !important; color:#a51e25 !important; }
#webstore_product .webstore_price .webstore_oldprice { display:inline-block !important; margin-left:12px !important; font-size:18px !important; color:#687482 !important; }
#webstore_product .webstore_price .webstore_discount { display:inline-block !important; white-space:nowrap !important; }
#webstore_product .novars-product-from { margin:0 0 8px !important; font:700 28px/1.35 Arial,sans-serif !important; color:#a51e25 !important; }
#webstore_product .novars-price-note { font:400 14px/1.6 Arial,sans-serif !important; margin:0 !important; color:#596575 !important; }
#versionlist { width:100% !important; table-layout:auto !important; border-collapse:collapse !important; font:400 15px/1.5 Arial,sans-serif !important; }
#versionlist td { padding:12px 8px !important; border-bottom:1px solid #e1e6eb !important; vertical-align:middle !important; }
#versionlist td.product_price { font-weight:700 !important; white-space:nowrap !important; color:#a51e25 !important; }
#versionlist input[type='radio'] { width:18px; height:18px; accent-color:#ba2026; cursor:pointer; }
#versionlist tr:has(input:checked) td { background:#fff0f1 !important; }
#versionlist .ws_grey_line { display:none !important; }
#webstore_product .webstore_buy_btn_block { margin-top:20px !important; }
#webstore_product .webstore_buy_btn_block .primary_button { width:100% !important; min-height:48px !important; cursor:pointer; }
.novars-delivery-note { margin-top:24px; padding-top:20px; border-top:1px solid #dfe5eb; font:400 14px/1.65 Arial,sans-serif; color:#536172; }
.novars-delivery-note p { margin:8px 0 !important; }
.novars-delivery-note strong { color:#26303b; }
#webstore_product .ws_pro_description { font:400 16px/1.7 Arial,sans-serif !important; }
#webstore_product .ws_pro_description table { max-width:100% !important; border-collapse:collapse !important; font-size:14px !important; }
#webstore_product .ws_pro_description td { padding:10px !important; border-color:#dce3e9 !important; }
/* Hintasumma ja euro pysyvät samalla rivillä. */
#ws_items .ws_product_price { font-size:19px !important; overflow-wrap:normal !important; word-break:normal !important; }
#ws_items .novars-from-price,#ws_items .webstore_discount,#ws_items .webstore_oldprice { display:inline-block !important; white-space:nowrap !important; }
#ws_items .webstore_oldprice { font-size:15px !important; color:#637080 !important; }
#content #webstore_similar_products { margin-top:34px !important; }
#content #webstore_similar_products #ws_items .ws_img_block { height:138px !important; }
/* Lomake ja hakutulosten järjestäminen. Lähetyspalvelu ja CAPTCHA säilyvät. */
#content:has(#formeditor_form) { padding:32px !important; }
#content #formeditor_form { max-width:820px !important; margin:0 auto !important; padding:24px !important; }
#formeditor_form input,#formeditor_form textarea,#formeditor_form select { max-width:100% !important; }
#formeditor_form .single_element label { display:block; color:#26303b; font-weight:600; }
#formeditor_form .novars-old-form-intro { display:none !important; }
.novars-form-help { max-width:820px; margin:0 auto 24px; font:400 16px/1.7 Arial,sans-serif; }
#content .novars-form-help h1 { font-size:28px !important; margin:0 0 12px !important; }
.novars-search-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin:20px 0; padding:16px; border:1px solid #e3e7eb; border-radius:10px; background:#fafbfc; }
.novars-search-tools label { font-weight:700; }
.novars-search-tools select { max-width:100%; min-height:44px; padding:10px 14px; border:1px solid #ccd3dc; border-radius:7px; background:#fff; color:#26303b; font:400 16px/1.4 Arial,sans-serif; }
.novars-search-tools p { flex-basis:100%; margin:0; font-size:13px; color:#647080; }
.novars-sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
/* Uusi etusivu aktivoituu vasta nimetyn HTML-lohkon lisäämisen jälkeen. */
body.frontpage:has(.novars-home) #ksk_middle_block { display:block !important; padding:24px !important; }
body.frontpage:has(.novars-home) #right-bar,body.frontpage:has(.novars-home) #common_rightbar_sideboxes { display:none !important; }
body.frontpage:has(.novars-home) #content .kskpages_container > .madpages_component:not(:has(.novars-home)) { display:none !important; }
body.frontpage:has(.novars-home) #content .madpages_component:has(.novars-home) { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; }
#content .novars-home { display:block; font:400 16px/1.7 Arial,sans-serif; color:#26303b; }
#content .novars-home * { box-sizing:border-box; }
#content .novars-hero { padding:38px; border:1px solid #eadbdd; border-left:4px solid #ba2026; border-radius:14px; background:#fff6f6; }
#content .novars-eyebrow { margin:0 0 10px !important; color:#a51e25 !important; font:700 14px/1.5 Arial,sans-serif !important; }
#content .novars-home h1 { max-width:850px; margin:0 0 18px !important; font:700 clamp(29px,3vw,42px)/1.2 Arial,sans-serif !important; letter-spacing:-.6px; }
#content .novars-hero > p:not(.novars-eyebrow) { max-width:760px; font-size:18px; margin:0 0 20px; }
#content .novars-home h2 { margin:0 0 12px !important; font:700 28px/1.3 Arial,sans-serif !important; }
#content .novars-home h3 { font:700 19px/1.4 Arial,sans-serif !important; margin:0 0 8px !important; }
.novars-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
#content .novars-home .novars-button { display:inline-flex !important; align-items:center; justify-content:center; min-height:48px; padding:13px 22px; border:1px solid #ba2026; border-radius:8px; background:#ba2026 !important; color:#fff !important; font:700 16px/1.4 Arial,sans-serif !important; text-decoration:none !important; }
#content .novars-home .novars-button:hover { background:#971b21 !important; }
#content .novars-home .novars-button-secondary { background:#fff !important; color:#a51e25 !important; }
#content .novars-home .novars-button-secondary:hover { background:#fff0f1 !important; }
.novars-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 42px; }
.novars-benefits > div { padding:20px 0; border-bottom:1px solid #e3e7eb; }
.novars-benefits p { margin:0; color:#596575; font-size:15px; }
.novars-home-categories { margin:0 0 44px; }
.novars-home-categories > p { margin:0 0 22px; color:#596575; }
.novars-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; list-style:none; padding:0; margin:0; }
.novars-category-grid li { min-width:0; margin:0; padding:0; }
#content .novars-category-grid a { display:flex; flex-direction:column; height:100%; padding:20px; border:1px solid #e3e7eb; border-radius:12px; background:#fff; color:#26303b !important; text-decoration:none !important; }
#content .novars-category-grid a:hover { border-color:#ba2026; box-shadow:0 5px 18px #2030400d; }
.novars-category-grid img { display:block; width:100%; height:180px; object-fit:contain; margin:0 0 20px; }
.novars-category-grid span { color:#596575; font-size:14px; }
#content .novars-category-grid .novars-card-link { color:#a51e25; font-weight:700; margin-top:auto; padding-top:14px; }
.novars-all-button { margin:24px 0 0; text-align:center; }
.novars-company { padding-top:32px; border-top:1px solid #e3e7eb; }
.novars-company p { max-width:850px; }
.novars-company-photos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:26px 0 0; }
.novars-company-photos img { display:block; width:100%; height:300px; object-fit:contain; background:#fafbfc; border-radius:12px; }
/* Alapalkki: yrityksen tunnistettavuus ja yhteystiedot. */
#footer_content .novars-footer { max-width:1160px; }
#footer_content .novars-footer-logo { display:block; width:106px; height:auto; margin:0 0 18px; }
#footer_content .novars-footer-grid > div:first-child:not(:has(.novars-footer-logo))::before { content:''; display:block; width:106px; height:87px; margin-bottom:18px; background:url('https://kotisivukone.fi/files/novars.kotisivukone.com/logot/NOVARS_logo_rgb-6.jpg') left center/contain no-repeat; }
#footer_content .novars-footer-cta { padding:28px; }
#footer_content .novars-footer-note { line-height:1.65; }
#content .novars-info-page { max-width:850px; margin:0 auto; font:400 16px/1.75 Arial,sans-serif; }
#content .novars-info-page h1 { font-size:34px !important; margin:0 0 18px !important; }
#content .novars-info-page h2 { font-size:23px !important; margin:30px 0 10px !important; }
.novars-info-intro { padding:20px 24px; margin-bottom:28px; border-left:4px solid #ba2026; border-radius:0 10px 10px 0; background:#fff5f5; }
.novars-home a:focus-visible,.novars-search-tools select:focus-visible,#versionlist input:focus-visible { outline:3px solid #ba2026; outline-offset:4px; }
@media(max-width:950px) {
 body:not(.frontpage) #ksk_middle_block { grid-template-columns:minmax(0,1fr) !important; }
 body:not(.frontpage) #right-bar { grid-column:1 !important; grid-row:auto !important; padding:0 20px 24px !important; }
 .novars-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ksk_main_image_wrapper .topside_mini_shopping_cart { flex-basis:225px !important; }
}
@media(max-width:700px) {
 .ksk_main_image_wrapper .ksk_container_wrapper { gap:12px !important; padding:0 16px !important; }
 #mainimage_logo_and_text_div { flex:0 0 84px !important; width:84px !important; }
 #mainimage_logo,#mainimage_logo_holder { width:84px !important; }
 .ksk_main_image_wrapper .topside_mini_shopping_cart { order:2 !important; flex:1 1 150px !important; }
 .ksk_main_image_wrapper #searchengine { order:3 !important; flex:0 0 100% !important; width:100% !important; max-width:100% !important; margin:0 !important; }
 .ksk_menu_wrapper #menu > ul { gap:6px !important; padding:8px 16px 12px !important; }
 body .ksk_menu_wrapper #menu ul li a.ksk_main_menu { padding:11px 12px !important; font-size:14px !important; }
 body:not(.frontpage) #columns #content.ksk_middle_area { padding:18px !important; }
 #webstore_product > div:has(> .webstore_product_images) { grid-template-columns:minmax(0,1fr) !important; gap:20px !important; }
 #webstore_product .webstore_product_images { grid-column:1 !important; grid-row:1 !important; padding:14px !important; }
 #webstore_product #price_add_to_cart { grid-column:1 !important; grid-row:2 !important; padding:18px !important; }
 #webstore_product .webstore_product_info { grid-column:1 !important; grid-row:3 !important; }
 #webstore_product .webstore_product_images img.webstore_preview { height:300px !important; max-height:300px !important; }
 #webstore_product .ws_pro_description { overflow-x:auto; }
 #versionlist { font-size:14px !important; }
 #versionlist td { padding:10px 5px !important; }
 #content #formeditor_form { padding:16px !important; }
 #content .novars-form-help h1 { font-size:25px !important; }
 #formeditor_form .g-recaptcha { max-width:100%; overflow-x:auto; }
 body.frontpage:has(.novars-home) #ksk_middle_block { padding:16px !important; }
 #content .novars-hero { padding:24px 20px; }
 #content .novars-hero > p:not(.novars-eyebrow) { font-size:16px; }
 .novars-benefits { grid-template-columns:1fr; gap:0; margin-bottom:32px; }
 .novars-benefits > div { padding:18px 0; }
 .novars-company-photos { grid-template-columns:1fr; }
 .novars-company-photos img { height:auto; max-height:360px; }
 #footer_content .novars-footer-grid { grid-template-columns:1fr; }
}
@media(max-width:520px) {
 .novars-category-grid { grid-template-columns:1fr; }
 .novars-actions { flex-direction:column; }
 #content .novars-home .novars-button { width:100%; }
 .novars-search-tools select { width:100%; }
}
#columns #content.ksk_middle_area {
  width: 1135px;
}
/* NOVARS: seitseman tuoteryhman piilotus */

body #ws_categories .ws_item:has(h2 a[href$='id=68828/']),
body #ws_categories .ws_item:has(h2 a[href$='id=59746/']),
body #ws_categories .ws_item:has(h2 a[href$='id=67530/']),
body #ws_categories .ws_item:has(h2 a[href$='id=54/']),
body #ws_categories .ws_item:has(h2 a[href$='id=74/']),
body #ws_categories .ws_item:has(h2 a[href$='id=66452/']),
body #ws_categories .ws_item:has(h2 a[href$='id=67523/']) {
  display: none !important;
}

body .webstorecats_block li:has(a[id='link_68828']),
body .webstorecats_block li:has(a[id='link_59746']),
body .webstorecats_block li:has(a[id='link_67530']),
body .webstorecats_block li:has(a[id='link_54']),
body .webstorecats_block li:has(a[id='link_74']),
body .webstorecats_block li:has(a[id='link_66452']),
body .webstorecats_block li:has(a[id='link_67523']) {
  display: none !important;
}
/* Tilaajalahjat toiseksi viimeiseksi, Poistonurkka viimeiseksi */

body #ws_categories .ws_item:has(h2 a[href$='id=63493/']) {
  order: 1000 !important;
}

body #ws_categories .ws_item:has(h2 a[href$='id=24535/']) {
  order: 1001 !important;
}
/* NOVARS: tarjouspyyntötuotteiden kuvaustaulukot */

/* Leveää taulukkoa voi vierittää pienellä näytöllä. */
.ws_pro_description:has(a[href*='lomake.html']) {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

/* Poistetaan editorissa asetetut ahtaat mitat. */
.ws_pro_description:has(a[href*='lomake.html']) table {
  width: auto !important;
  min-width: min(100%, 420px) !important;
  max-width: none !important;
  height: auto !important;
  margin: 24px 0 !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border: 1px solid #dce3e9 !important;
  border-top: 4px solid #ba2026 !important;
  background: #fff !important;
  color: #26303b !important;
  font-size: 16px !important;
}

/* Kokomerkinnät ja muut tiedot pysyvät samalla rivillä. */
.ws_pro_description:has(a[href*='lomake.html']) table td,
.ws_pro_description:has(a[href*='lomake.html']) table th {
  width: auto !important;
  height: auto !important;
  padding: 14px 20px !important;
  border: 1px solid #dce3e9 !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

/* Tasataan rivivälit myös solujen sisällä. */
.ws_pro_description:has(a[href*='lomake.html']) table p {
  margin: 0 0 10px !important;
  font-size: inherit !important;
  line-height: 2 !important;
}

.ws_pro_description:has(a[href*='lomake.html']) table p:last-child {
  margin-bottom: 0 !important;
}

/* Ensimmäinen sarake erottuu kevyesti. */
.ws_pro_description:has(a[href*='lomake.html']) table td:first-child {
  background: #fafbfc !important;
}
/* NOVARS: hinnattomien tuotteiden taulukot */

#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description table {
  width: auto !important;
  min-width: min(100%, 420px) !important;
  max-width: none !important;
  height: auto !important;
  margin: 24px 0 !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border: 1px solid #dce3e9 !important;
  border-top: 4px solid #ba2026 !important;
  background: #fff !important;
  color: #26303b !important;
  font-size: 16px !important;
}

#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description table td,
#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description table th {
  width: auto !important;
  height: auto !important;
  padding: 14px 20px !important;
  border: 1px solid #dce3e9 !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description table p {
  margin: 0 0 10px !important;
  font-size: inherit !important;
  line-height: 2 !important;
}

#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description table p:last-child {
  margin-bottom: 0 !important;
}

#webstore_product:has(.webstore_price:empty):not(:has(#versionlist .product_price)) .ws_pro_description table td:first-child {
  background: #fafbfc !important;
}
/* NOVARS: Tarvikkeet tauluille -kortin lisäteksti */
body.frontpage #link_90::after {
  content: 'Tussit, pyyhkimet, magneetit ja puhdistus, porrastaulun kirjaimet ja numerot. \2192';
}
/* NOVARS: piilota tuote 1638, neon-tussit */

body .ws_item:has(a[href$='/1638']),
body .ws_item:has(a[href*='/1638&']),
body .ws_item:has(a[href$='/1638']) + .ws_bottom_links,
body .ws_item:has(a[href*='/1638&']) + .ws_bottom_links,
body .ws_bottom_links:has(#addlink_1638) {
  display: none !important;
}
/* NOVARS: tuotteen 1638 piilotuksen korjaus */

/* Tuotekortti tuotteen oman ostoskoripainikkeen perusteella */
body .ws_item:has(+ .ws_bottom_links #addlink_1638),

/* Tuotekortti tuoteryhmissä ja hakutuloksissa */
body #ws_list_view #ws_items .ws_item:has(a[href$='/1638']),
body #ws_list_view #ws_items .ws_item:has(a[href*='/1638&']),

/* Tuotteen erillinen painikealue */
body .ws_bottom_links:has(#addlink_1638) {
  display: none !important;
}
/* NOVARS: tuotesivun ALV-teksti pienemmäksi */
body #webstore_product .webstore_price span[style*='font-weight']:not(.price_row) {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #596575 !important;
}
/* Poista neon-tussien piilotuksesta jäänyt tyhjä sarake */
@media (min-width: 701px) {
  body #ws_list_view #ws_items .ws_items_container_3:has(#addlink_1638) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* NOVARS: lisaa tama nykyisen CSS:n aivan loppuun.
   Etusivun kuuden tuoteryhman lisatekstit yhtenaisiksi Tuotteet-sivulla.
   Ei muuta tuoteryhmien nakyvyytta, jarjestysta tai alatunnistetta. */

body.frontpage #box7 #link_67658,
body #ws_categories .ws_item:has(h2 a[href$='id=67658/']) {
  --novars-group-text: 'Tiedotteet ja ilmoitukset selke\0000e4sti esille.';
}

body.frontpage #box7 #link_75912,
body #ws_categories .ws_item:has(h2 a[href$='id=75912/']) {
  --novars-group-text: 'Selke\0000e4t nimitaulut taloyhti\0000f6ihin ja kiinteist\0000f6ihin.';
}

body.frontpage #box7 #link_44,
body #ws_categories .ws_item:has(h2 a[href$='id=44/']) {
  --novars-group-text: 'Kirjoittamiseen, suunnitteluun ja ideointiin.';
}

body.frontpage #box7 #link_83,
body #ws_categories .ws_item:has(h2 a[href$='id=83/']) {
  --novars-group-text: 'Siirrett\0000e4v\0000e4t valkotaulut kokouksiin ja opetukseen.';
}

body.frontpage #box7 #link_65,
body #ws_categories .ws_item:has(h2 a[href$='id=65/']) {
  --novars-group-text: 'Kokouksiin, koulutuksiin ja esityksiin.';
}

body.frontpage #box7 #link_90,
body #ws_categories .ws_item:has(h2 a[href$='id=90/']) {
  --novars-group-text: 'Tussit, pyyhkimet, magneetit ja puhdistus, porrastaulun kirjaimet ja numerot.';
}

/* Etusivun nykyinen tyyli ja nuoli sailytetaan. */
body.frontpage #box7 :is(#link_67658, #link_75912, #link_44, #link_83, #link_65, #link_90)::after {
  content: var(--novars-group-text) ' \2192' !important;
}

/* Piilotetaan vain naiden kuuden kortin vanha kuvausteksti. */
body #ws_categories .ws_item:has(h2 a:is(
  [href$='id=67658/'],
  [href$='id=75912/'],
  [href$='id=44/'],
  [href$='id=83/'],
  [href$='id=65/'],
  [href$='id=90/']
)) .ws_description {
  display: none !important;
}

/* Sama lisateksti Tuotteet-sivulla heti kortin otsikon alla. */
body #ws_categories .ws_item:has(h2 a:is(
  [href$='id=67658/'],
  [href$='id=75912/'],
  [href$='id=44/'],
  [href$='id=83/'],
  [href$='id=65/'],
  [href$='id=90/']
)) h2::after {
  content: var(--novars-group-text) !important;
  display: block !important;
  margin-top: 10px !important;
  color: #66717e !important;
  font: 400 14px/1.6 Arial, sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: normal !important;
}
/* NOVARS: Tarvikkeet tauluille -kuva etusivulla */
body.frontpage #link_90::before {
  background-image: url('https://asiakas.kotisivukone.com/files/novars.kotisivukone.com/.thumbs/tarvikkeet_tauluille_400x500.jpg') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* NOVARS: rajattu mobiilikorjaus.
   Liita nykyisen CSS:n loppuun. Ala korvaa aiempaa CSS:aa.
   Otsikkoa varten ymparoi vain teksti Tervetuloa verkkokauppaamme!
   elementilla <span class='novars-welcome-title'>...</span>. */

body.frontpage #content .novars-welcome-title {
  font-size: 34px !important;
  font-weight: 700 !important;
}

@media (max-width: 700px) {
  body.frontpage #content .novars-welcome-title {
    font-size: 28px !important;
    font-weight: 700 !important;
  }

  /* Tuotekuvan sisamarginaali ei saa kasvattaa kuvan leveytta. */
  body #webstore_product .webstore_product_images {
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    display: flow-root !important;
  }

  body #webstore_product .webstore_product_images img.webstore_preview {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    float: none !important;
    object-fit: contain !important;
    object-position: center !important;
    /* Ei display-saantoa: lisakuvien vaihto sailyy. */
  }

  body #webstore_product .webstore_product_images > div:not(#product_image_holder) {
    float: none !important;
    clear: both !important;
    height: auto !important;
    display: flow-root !important;
    box-sizing: border-box !important;
  }

  /* Vain kassan tilaajatietolomake, ei tuote- tai hintataulukoita. */
  body #ws_pro_shoppingcart #shopping_cart_form,
  body #shopping_cart_form #webstore_ordering_form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body #shopping_cart_form #webstore_ordering_form {
    display: block !important;
  }

  /* Ei pakoteta piilotettua vaihtoehtoista osoitetta nakyviin. */
  body #webstore_ordering_form > tbody {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
  }

  body #shopping_cart_form #webstore_ordering_form tr,
  body #shopping_cart_form #webstore_ordering_form td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body #shopping_cart_form #webstore_ordering_form td {
    padding: 4px 0 !important;
  }

  body #shopping_cart_form #webstore_ordering_form tr {
    margin: 0 0 12px !important;
  }

  body #webstore_ordering_form input[type='text'],
  body #webstore_ordering_form input[type='email'],
  body #webstore_ordering_form input[type='tel'],
  body #webstore_ordering_form textarea,
  body #webstore_ordering_form select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  body #shopping_cart_form #ws_cart_continue {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 16px 0 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}