HTML {
 font-family: "Open Sans", sans-serif;
}

a[href^=tel] { 
 text-decoration: inherit;
 color: inherit;
}

.MainSite {
 margin: 0 auto;
}

.MainSite-header {
 background-color: #F3DD65;
 min-height: 80px;
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
}

.MainSite-menu {
 background-color: #fff;
 max-width: 18rem;
}

.MainSite-body {
 background-color: #f8f8f8;
}

.MainSite-content {
 background-color: #f8f8f8;
 padding-bottom: 2rem;
 margin-right: 16px;
}

.banner1 {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 padding: 0.3rem 0.8rem;
}
.banner1 > .bannerlogo {
 flex: 0 1 auto;
}
.banner1 > .bannersb {
 flex: 1 1 auto;
 margin: 0 0 0 1rem;
 text-align: right;
 display: inline-block;
}
.bannersb>form.search {
 display: flex;
 flex-direction: row;
 flex: 1 1 20ch;
 align-items: stretch;
 flex-grow: 2;
 margin: 0 0 0 10%;
 justify-content: flex-end;
}
.bannersb>form.search>input.search_input {
 flex: 1 1 auto;
 max-width: 30ch;
 border: none;
 border-radius: 0.3rem 0 0 0;
}
.bannersb>form.search>.action {
 display: inline-block;
 flex: 0 1 auto;
 padding: 0.2rem 0.5rem;
 background-color: #080;
 color: #fff;
 margin: 0;
 border: none;
}
.bannersb>form.search>.action:hover {
 background-color: #0a0;
 border: none;
 color: #fff;
}

.cc_table {
 width: 100%;
}

.cccontainer {
 max-width: 1000px;
}

div.sidecartbox a {
 background-color: #C7AA0F;
 background: linear-gradient(0deg, #C7AA0F, #F3DD65);
 border-bottom: 2px solid #C7AA0F;
 font-size: 1rem;
 color: #222;
 text-shadow: none;

}

div.sidecartbox a:hover {
background: #488248 linear-gradient(0deg, #488248, #7FB87F) repeat scroll 0 0;
border-bottom: 2px solid #488248;

/* background: linear-gradient(0deg, #8a750a, #c6b352); */
/* border-bottom: 2px solid #8a750a; */
 text-decoration: none;
}

div.sidecartbox a .cartcount {
display: inline-block;
position: absolute;
top: 2px;
left: 2.5ch;
background-color: #c00;
color: #fff;
font-size: 0.75rem;
font-weight: bold;
padding: 0.15rem 0.5rem;
border-radius: 0.9rem;
}

div.sidecartbox a .cartcount.ccempty,
div.navicartbox a .cartcount.ccempty {
 display: none;
}

.MainSite-menu .sidemenu {
 margin: 2rem 0;
}

ul.ulmenu0 li {
  margin: 10px 0 6px 1rem;
}

ul.ulmenu0 li>a.ulmenu {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: stretch;
 font-size: 1rem;
 color: #000;
 padding: 5px 2px 3px 8px;
 font-weight: normal;
}

ul.ulmenu0 li>a.ulmenu>span.bullet {
 display: block;
 position: static;
 color: #222;
 font-size: 85%;
 margin-right: 0.5rem;
}

ul.ulmenu0 li>a.ulmenu:hover {
 background-color: #ccc;
 color: #000;
}

ul.ulmenu0 li>a.ulmenu.open {
 color: #111;
 font-weight: bold;
}

ul.ulmenu0 li>a.ulmenu:hover span.bullet {
 color: #981517;
}

ul.ulmenu0 li>a.ulmenu.leaf {
 margin-left: 13px;
}

ul.ulmenu0 .menuitem:first-letter {
 text-transform: capitalize;
}

ul.ulmenu2 li>a.ulmenu {
 font-size: 14px;
 color: #222;
}

.menu01 ul.ulmenu0 li>a.ulmenu {
 font-family: 'Open Sans', sans-serif
 color: #000;
 font-weight: bold;
}

.MainSite-menu .ptside {
 margin: 4rem 0 2rem;
 display: flex;
 flex-direction: row;
 justify-content: center;
}
.MainSite-menu .ptside>img {
 width: 209px;
}

div.gvboxcntr {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: stretch;
 margin: 2rem 0;
}

div.gvboxcntr-gridbad {
 display: grid;
 grid-template-columns: repeat( auto-fit, minmax(10rem, 1fr) );
 width: 100%;
 margin: 2rem 0;
}

div.gvboxcntr div.gvbox {
 flex: 0 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin: 0.5rem 1.5rem;
 padding: 0;
 border-radius: 0.5rem;
 box-shadow: 0 0 1px 1px rgba( 33, 89, 156, 0.2);
 min-width: 10rem;
 float: none;
}

div.gvbox:hover {
 box-shadow: 0 0 3px 1px rgba( 33, 89, 156, 0.6);
}

div.gvbox div.imgbox {
 /*display: flex;*/
 display: none;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 width: 100% !important;
 height: 150px;
 max-width: 200px;
 background-color: #fff;
 text-align: center;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
}
div.gvbox div.imgbox a {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0;
 margin: 0;
 white-space: nowrap;
 line-height: 0;
 /*width: 100%;*/
}

div.gvbox div.imgbox img {
 display: block;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
 margin: 0;
 width: 100% !important;
 max-height: 150px;
 overflow: hidden;
}

div.gvbox div.name>a {
 display: block;
 font-family: "Open Sans", sans-serif;
 font-size: 1.1rem;
 font-weight: 700;
 color: #111;
 background-color: #eee;
 text-decoration: none;
 padding: 0.4rem 1rem 0.4rem 1rem;
 border-radius: 0.5rem 0.5rem 0 0;
 text-align: center;

}
div.gvbox div.name>a::first-letter {
 text-transform: uppercase;
}

div.gvbox div.name>a:hover {
 color: #222;
 background-color: #F3DD65;
 background: linear-gradient(0deg, #d2c160, #F3DD65 );
 text-shadow: none;
 text-decoration: none;
}

div.gvbox > div.name {
 margin: 0;
 width: 100%;
}

div.gvnoimg {
 background-color: #fff;
 border: #333;
}

span.gvnoimg {
 display: block;
 background-color: #fff;
 border: #333;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
}

.gvname {
 margin: 1rem 0 0 0;
 font-size: 1.2rem;
 font-weight: normal;
 background-color: #aba;
 padding: 0.4rem 1rem;
 border-bottom: 1px solid #8a8;
 color: #040;
 background: linear-gradient( 0deg, #353, #686);
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.MainSite-footer {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
 background-color: #213228;
}

.MainSite-footer .footer {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 gap: 0.5rem 1.5rem;
 color: #fff;
 font-size: 1.25rem;
 margin: 1rem 0 2rem 0;
}

.MainSite-footer .footer .yritysbox {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: stretch;
 flex: 1 1 auto;
}

.MainSite-footer .footer .yritysbox .yritys {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 align-items: flex-start;
 padding: 0.75rem 1rem;
}
.MainSite-footer .footer .yritys .footerr1 {
 font-family: "Archivo Black", sans-serif;
 font-size: 2.5rem;
 color: #ddd;
}

.MainSite-footer .footer .myymala {
 background-color: #f3dd65;
 padding: 0.75rem 1rem;
 color: #222;
 border-radius: 4px;
}
.MainSite-footer .footer .myymala UL {
 margin: 0.5rem;
 padding: 0 0 0 1rem;
}
.MainSite-footer .footer .myymala LI {
 display: block;
 white-space: nowrap;
 margin: 0;
}


.MainSite-footer .footer .footerel {
 margin: 0;
 white-space: nowrap;
}

.MainSite-footer .footer .footerel .telephone{
 margin: 0.5rem 0 0 0;
}


.MainSite-footer .ptfooterbox {
 display: flex;
 flex-direction: row;
 justify-content: center;
}

.MainSite-footer .ptfooterbox img.paytrailimg {
 width: 100%;
 max-width: 700px;
}

.page_etusivu .etusivuinfo {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
}


.MainSite-content .etukuvat {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
}

.MainSite-content .etukuvat img {
 width: 100%;
 max-width: 1200px;
}

.MainSite-content .etukuvat img.logos {
 max-width: 1200px;
 margin-left: 1rem;
}

.MainSite-content .etuinfo H1,
.MainSite-content H1 {
 font-family: "Baloo Bhaina 2", sans-serif;
 font-size: 2rem;
}

.MainSite-content .etuinfo {
 padding:  0 1rem;
 color: #222;
 font-family: "Cantarel", sans-serif;
 max-width: 1200px;
}


.yritys img {
 max-width: 100%;
}

.news_box {
 display: block;
 background-color: #ffffff;
 margin: 1rem 0 2rem 1rem;
 border-radius: 0.8rem;
 border: 1px solid #c8c8c8;
 padding: 0.5rem 1rem 1.2rem;
}
  
.news_heading {
 display: block;
 color: black; text-decoration: none;
 font-family: "Baloo Bhaina 2", sans-serif;
 font-size: 1.5rem;
 font-weight: bold;
 margin: 0;
}
	
.news_item {
 font-family: sans-serif;
 font-size: 1rem;
 font-weight: normal;
}
	   
.news_item .news_date {
 display: inline;
 font-family: sans-serif;
 font-size: 1rem;
 font-style: italic;
 font-weight: normal;
 color: #808080;
}

div.etulogregbox {
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 align-items: center;
 margin: 2rem 0;
}
div.etulogregbox > div.fbox {
 display: block;
}
      
div.etulogregbox > div.fbox > a {
 display: block;
 font-size: 1.4rem;
 font-weight: normal;
 padding: 1rem 2rem 0.75rem;
 text-decoration: none;
 border-radius: 10px;
 color: #fff;
 background-color: #6D9AC3;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
div.etulogregbox div.fbox>a.etulog {
 background-color: #488248;
}
div.etulogregbox div.fbox>a.etulog:hover {
 background-color: #27c627;
}
div.etulogregbox div.fbox>a.etureg {
 background-color: #3682C8;
}
div.etulogregbox div.fbox>a.etureg:hover {
 background-color: #0B83F2;
}

.etufbbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: flex-start;
 margin: 4rem;
 align-self: center;
}
.etufbbox > a {
 display: block;
 margin: 0.5rem 0 0 0;
 text-decoration: none;
 color: #3b5998;
}
.etufbbox > a:hover {
 display: block;
}

.jouluajat {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem 2rem;
  flex-wrap: wrap;
  align-self: center;
  background-color: #fff;
  border-radius: 1rem;
  border: 1px solid #ffeeee;
  margin: 4rem 2rem 0 2rem;
  padding: 1rem;
}
.jouluajat .ajat {
 display: flex;
 flex-direction: column;
 gap: 0.5rem 1rem;
}

		  

.p_table_header_box h1,
.p_table_header_box h1 > a {
 font-size: 1.3rem;
 color: #333;
}

.p_table_header > a:hover,
.p_table_header_box h1 > a:hover,
.p_table_header_box h2 > a:hover,
.p_table_header > a,
.p_table_header_box h1 > a,
.p_table_header_box h1 > .pgroupitem > a,
.p_table_header_box h2.group,
.p_table_header_box h2 > a,
.p_table_header_box h2 > .pgroupitem > a,
.p_table_header_box h2 > span,
.p_table_header_box .pgroupitem .pgroup,
div.gvheader > h1,
div.gvheader > h1 > a.pgroup,
div.gvheader > a.pgroup,
div.gvheader > h1 > span.pgroup {
 font-family: "Baloo Bhaina 2", sans-serif;
 font-size: 2rem;
 color: #000;
}

.p_table_header > a:hover,
.p_table_header_box h1 > a:hover,
.p_table_header_box h1 > .pgroupitem > a:hover,
.p_table_header_box h2 > a:hover,
.p_table_header_box h2 > .pgroupitem > a:hover,
div.gvheader > h1 > a.pgroup:hover,
div.gvheader > a.pgroup:hover {
 color: #08c;
 text-decoration: none;
}

.p_table_header_imgbox > img {
 width: auto;
 max-width: 100%;
 max-height: 300px;
 height: auto;
}

table.lscart tr.mainhead > td {
 color: #222;
 border-bottom: 2px solid #222;
}
table.lscart > tbody > tr.head > td {
 color: #222;
}

table.lscart > tbody > tr.item:hover {
 background-color: #eee;
}

table.lscart > tbody > tr.item:hover > td.name > a {
 color: #014430;
}
table.lscart>tbody>tr.item:hover>td.price {
 color: #800;
 font-weight: normal;
}

table.lscart .cartqty {
 width: 4ch;
 border: 1px #ccc solid;
 border-radius: 4px;
}

table.lscart a.cartback,
table.lscart a.cartcontinue,
table.cc_table .ccnext,
table.cc_table .ccprev {
 background-color: #444;
 color: #fff;
 padding: 0.6rem 1.6rem;
}

table.lscart a.cartback:hover,
table.lscart a.cartcontinue:hover,
table.cc_table .ccnext:hover,
table.cc_table .ccprev:hover {
 background-color: #488248;
 box-shadow: 0 0 1px 1px #c7e0ff;
 text-shadow: none;
 color: #fff;
}

table.cc_table .ccorder:hover {
  background-color: #0b0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  border: medium none;
}

div.productrows {
}
div.productrows >div.product {
 margin: 2rem 0 4rem 0;
 padding: 0.5rem 1rem;
 background-color: #fff;
 max-width: 1200px;
}
div.productrows >div.product:first-child {
 margin-top: 0;
}

div.productrows >div.product>div.toprow {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 background: #fff;
 padding: 0.6rem;
 column-gap: 2rem;
}

div.productrows >div.product>div.toprow>div.name {
 display: block;
 color: #222;
 font-family: "Open Sans", sans-serif;
 font-size: 1.1rem;
 font-weight: bold;
 flex: 0 1 auto;
}
div.productrows >div.product>div.toprow>div.topright {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-end;
 align-items: center;
 flex: 1 1 auto;
}
div.productrows >div.product>div.toprow>div.topright>div.price {
 display: block;
 color: #222;
 font-size: 1.2rem;
 margin: 0;
}
div.productrows >div.product>div.toprow>div.topright>div.tocart {
 display: block;
}

div.productrows >div.product>div.toprow>div.topright div.tocartbox {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
}
div.productrows >div.product>div.toprow>div.topright>div.saldo {
 display: block;
 margin: 0 0 0 0.8rem;
 align-self: stretch;
}
div.productrows >div.product>div.toprow>div.topright>div.saldo>IMG {
 height: 100%;
}

div.productrows >div.product>div.toprow>div.topright>div.favbox {
 display: inline-block;
 margin: 0 0 0 0.8rem;
 position: relative;
 top: -0.25rem;
}



div.productrows input.cartqty {
 display: block;
 padding: 0.2rem;
 border: none;
 border-radius: 2px;
 margin: 0 0 0 2rem;
 width: 2rem;
 background-color: #ffc;
 color: #222;
 border: 1px solid #ccc;
}
div.productrows a.addbutton {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 padding: 0.4rem 1rem;
 background-color: #B49A0E;
 background: #B49A0E linear-gradient(0deg, #B49A0E, #F3DD65);
 color: #222;
 font-size: 1rem;
 font-family: "Open Sans", sans-serif;
 font-weight: bold;
 border-radius: 4px;
 text-decoration: none;
 margin: 0 0 0 0.4rem;
 text-shadow: none; /*1px 1px 1px rgba(0,0,0,0.5);*/
}
div.productrows a.addbutton:hover {
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 background: #488248 linear-gradient(0deg, #488248, #7fb87f);
}

div.productrows >div.product>div.content {
 display: table;
 padding: 1rem;
}
div.productrows >div.product>div.content>div.imgwrap {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 width: 150px;
 padding: 1rem 0 0 0;
 position: relative;
}
div.productrows >div.product>div.content>div.infodata {
 display: table-cell;
 text-align: left;
 vertical-align: top;
 padding: 0 0 0 3rem;
}
div.productrows >div.product>div.content>div.infodata>.koodi {
 margin: 0 0 0.4rem 0;
}
div.productrows >div.product>div.content>div.infodata>.koodi>.value {
 display: inline-block;
 margin: 0 0 0 0.8rem;
}

.mkproductsheet {
 padding: 1rem 1rem;
}

.mkproductsheet .header {
}

.mkproductsheet h1 {
 display: inline-block;
 margin: 0;
 padding: 0;
 font-family: "Baloo Bhaina 2", sans-serif;
 font-size: 2rem;
 text-align: left;
 font-weight: bold;
}

.mkproductsheet >.header>.group {
 font-size: 14px;
 margin: 0 0 4px 4px;
 color: #000;
}
.mkproductsheet >.header>.group a {
 text-decoration: none;
 color: #2168af;
}
.mkproductsheet >.header>.group a:hover {
 text-decoration: underline;
}

div.mkproductsheet>div.header>div.group>span.psgroup {
 display: inline-block;
}
div.mkproductsheet>div.header>div.group>span.psgroup::first-letter {
  text-transform: uppercase;
}

.mkproductsheet>.mainbox {
 display: block;
 background-color: #fff;
 padding: 0;
 background-color: #fff;
 border-radius: 8px;
 padding: 1rem;
}

.mkproductsheet>.mainbox>.mainrow {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 width: 100%;
 column-gap: 4rem;
 row-gap: 0;
}

.mkproductsheet>.mainbox>.mainrow>.col1,
.mkproductsheet>.mainbox>.mainrow>.col2 {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
 vertical-align: top;
 padding: 40px 0 50px 0;
}
.mkproductsheet>.mainbox>.mainrow>.col1 {
 position: relative;
 text-align: center;
}

.mkproductsheet>.mainbox>.mainrow>.col2 {
 padding-left: 20px;
}

.mkproductsheet>.mainbox>.mainrow>.col1>.imagebox {
 margin: 30px 0 0 0;
}

.mkproductsheet>.mainbox>.mainrow>.col1>.imagebox>img {
 display: block;
}

.mkproductsheet>.mainbox>.mainrow>.col1>.imagebox>img.empty {
 background-color: #ddd;
}

.mkproductsheet>.mainbox>.mainrow>.col1>.pdfbox {
 margin: 70px 0 40px 0;
 color: #888;
}

.mkproductsheet>.mainbox>.mainrow>.col1>.pdfbox a.ps_b_pdf {
 color: #000;
 text-decoration: none;
}
.mkproductsheet>.mainbox>.mainrow>.col1>.pdfbox a.ps_b_pdf img {
 display: inline-block;
 margin: 0 10px 0 0;
 vertical-align: bottom;
 background-color: #ccc;
 padding: 3px;
 border-radius: 50%;
}

.mkproductsheet>.mainbox>.mainrow>.col1>.pdfbox a.ps_b_pdf:hover img {
 background-color: #ccc;
 box-shadow: 1px 1px 2px #31a6ff, -1px -1px 2px #31a6ff, -1px 1px 2px #31a6ff, 1px -1px 2px #31a6$
}

.mkproductsheet .backbox {
 display: block;
 margin: 2rem 0 0 0;
}
.mkproductsheet .backbox>a {
 color: #444;
 text-decoration: none;
 padding: 0.4rem 1rem 0.4rem 0;
 border-radius: 2px;
}

.mkproductsheet .backbox>a:hover {
  box-shadow: 0 0 3px 3px #c7aa0f;
  background-color: #e4e4e8;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox {
 display: block;
 position: relative;
 text-align: left;
 vertical-align: top;
 margin: 0 0 10px 0;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.pricetitle {
 display: inline-block;
 font-weight: 700;
 font-size: 15px;
 color: #000;
 margin: 0 20px 0 0;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.price {
 display: inline-block;
 font-weight: 700;
 font-size: 28px;
 color: #c00;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.alvtxt {
 display: inline-block;
 font-weight: normal;
 font-size: 12px;
 color: #aaa;
 margin: 0 0 0 12px;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 290px;
 font-weight: normal;
 font-size: 12px;
 color: #0457af;
 margin: 0;
}
.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox>a {
 display: inline-block;
 line-height: 32px;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox>a>img {
 display: inline-block;
 height: 32px;
}
.mkproductsheet>.mainbox>.mainrow>.col2>.cartbox {
 position: relative;
 text-align: center;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.cartbox>a.cart {
 display: block;
 padding: 8px 24px;
 margin: 20px 20px 0 0;
 background-color: #ff6416;
 color: #fff;
 font-size: 18px;
 text-decoration: none;
 border-radius: 6px;
 position: relative;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.mkproductsheet>.mainbox>.mainrow>.col2>.cartbox>.favbox {
 position: absolute;
 top: 7px;
 left: -36px;
}

 display: inline-block;
 line-height: 32px;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox>a>img {
 display: inline-block;
 height: 32px;
}
.mkproductsheet>.mainbox>.mainrow>.col2>.cartbox {
 position: relative;
 text-align: center;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.cartbox>a.cart {
 display: block;
 padding: 8px 24px;
 margin: 20px 20px 0 0;
 background-color: #ff6416;
 color: #fff;
 font-size: 18px;
 text-decoration: none;
 border-radius: 6px;
 position: relative;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.mkproductsheet>.mainbox>.mainrow>.col2>.cartbox>.favbox {
 position: absolute;
 top: 7px;
 left: -36px;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.saatavuusbox {
 margin: 0 0 20px 0;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.saatavuusbox>h2,
.mkproductsheet>.mainbox>.mainrow>.col2>.tuotetiedotbox>h2{
 display: block;
 font-size: 16px;
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #ccc;
 margin: 0 0 12px 0;
}

.mkproductsheet>.mainbox>.mainrow>.col2>.tuotetiedotbox {
 margin: 0;
 vertical-align: top;
}

.mkproductsheet table.tuoteinfo {
 border-collapse: collapse;
 min-width: 80%;
}

.mkproductsheet table.tuoteinfo td {
 width: 50%;
 font-size: 14px;
 vertical-align: top;
}

.mkproductsheet .cartqtybox {
 display: table;
 margin: 0 0 30px 0;
}
.mkproductsheet .cartqtybox >input.cartqty {
 display: inline-block;
 vertical-align: middle;
 margin: 0;
 padding: 0;
}

.mkproductsheet .cartqtybox > div {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}
.mkproductsheet .cartqtybox > div.qtybox {
 padding: 0 1ch 0 0;
 background-color: #444;
}
.mkproductsheet .cartqtybox > div.qtybox >input.cartqty {
 background-color: #444;
 color: #fff;
 border: none;
 font-size: 16px;
 width: 2rem;
 font-weight: bold;
}

.mkproductsheet .cartqtybox > div.qtyadjust > div {
  background-color: #666;
  color: #fff;
  border-left: 1px solid #ccc;
  padding: 3px 5px;
  font-weight: bold;
  font-size: 16px;
}

.mkproductsheet .cartqtybox > div.qtyadjust > div.addcartqty {
 border-bottom: 1px solid #ccc;
}
.mkproductsheet .cartqtybox > div.qtyadjust > div.addcartqty:hover,
.mkproductsheet .cartqtybox > div.qtyadjust > div.subcartqty:hover {
 background-color: #f3dd65;
 color: #880;
 cursor: pointer;
}
.mkproductsheet .cartqtybox > div.cartbox {
 background-color: #a8cff9;
 padding: 0;
}

.mkproductsheet .cartqtybox > a.addbutton {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 color: #fff;
 background-color: #333;
 font-family: sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 padding: 15px 40px;
 white-space: nowrap;
}

.mkproductsheet .cartqtybox > a.addbutton:hover {
 background: #488248 linear-gradient(0deg, #488248, #7fb87f);
 /*color: #000;*/
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.mkproductsheet .imagebox a.enlarge,
.product .imgwrap a.enlarge
{
 display: inline-block;
 text-align: left;
 font-family: sans-serif;
 font-size: 1.5rem;
 color: #666;
 text-decoration: none;
 padding: 0.2rem 0.3rem 0.1rem 0.3rem;
 border-radius: 5px;
 height: 22px;
}
.mkproductsheet .imagebox a.enlarge:hover,
.product .imgwrap a.enlarge:hover
{
  box-shadow: 0 0 2px 2px #ccc;
}

.product .imgwrap a.enlarge {
 display: none;
}

.product .imgwrap:hover a.enlarge {
 display: block;
}


.mkproductsheet .saldoimg {
 vertical-align: bottom;
}
.mkproductsheet .saldotxt {
 display: inline-block;
 margin: 0 0.7rem;
}


#lsregister h1 {
 font-size: 2rem;
}

.MainSite-footer {
}

.MainSite-tailer {
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
 align-items: flex-end;
 font-size: 0.9rem;
}
.MainSite-tailer .loocos {
 display: block;
 color: #888;
 text-decoration: none;
}
.MainSite-tailer .loocos:hover {
 color: #222;
}

.MainSite-body-ipm {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 background-color: #fff;
}

.MainSite-body-ipm .MainSite-content {
 margin: 0;
 padding: 0;
 background-color: #fff;
}

.MainSite-content .ipm {
 margin: 0;
 padding: 0;
}
.MainSite-content .ipm img {
 width: 100%;
 max-width: 1600px;
}

.ipmnavi {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 gap: 1rem 3rem;
 margin: 2rem 4rem;
 padding-bottom: 2rem;
 align-items: flex-start;
}

.ipmnavi>a {
 font-family: "Baloo Bhaina 2", sans-serif;
 font-weight: 700;
 display: block;
 padding: 0.3rem 2rem 0 2rem;
 color: #222;
 background-color: #fec200; 
 font-size: 1.75rem;
 text-decoration: none;
}
.ipmnavi>a:hover {
  background-color: #feee0b;
}



@media screen and (max-width: 980px) {

 div.productrows >div.product>div.content {
  flex-wrap: wrap;
 }

 div.productrows >div.product>.pricerow>div.price {
  flex-direction: column;
  align-items: flex-start;
 }
 .productrows .priceale {
  margin: 0.4ch 0;
 }

}

@media screen and (max-width: 820px) {

 .MainSite-footer .footer .yritysbox .yritys {
  flex-direction: column;
 }
 .MainSite-footer .footer .yritys .footerel.name {
  font-size: 1.5rem;
  margin: 0.5rem 0;
 }
 .MainSite-footer .footer .yritys .footerel.street {
  margin: 0.1rem 0 0.1rem;
 }
 .MainSite-footer .footer .yritys .footerel.postcode {
  margin: 0.1rem 0 0.1rem;
 }
 .MainSite-footer .footer .yritys .footerel.telephone {
  margin: 0.25rem 0 0.1rem;
 }
 .MainSite-footer .footer .yritys .spacer {
  display: none;
 }

 div.gvboxcntr {
  flex-direction: column;
  align-items: stretch;
 }
}

@media screen and (max-width: 768px) {

 .banner1 > .bannersb input {
  max-height: 80%;
  min-height: 60%;
 }
 .cc_table {width: 95%;}
}
@media screen and (max-width: 670px) {
 .MainSite-footer .footer {
  flex-direction: column;
  align-items: flex-start;
 }
 .MainSite-footer .footer .myymala {
  order: 2;
  margin: 0 1rem 0;
 }
 .MainSite-footer .footer .yritysbox {
  order: 1;
  margin: 0;
 }
}


@media screen and (max-width: 360px) {

.bannersb > form.search > input.search_input {
 max-width: 12ch;
}

div.pgat div.product {width: 150px;margin: 0.5rem 0.6rem;}
div.pgat div.product div.imgwrap {width: 150px;height: 150px;}

.cc_table {width: 100%;}

}