<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */


/*----- SHOP SPESIFIC STYLES -------*/

#teollisuustuotteet-tpl .verkkokauppanavi {display:block;}


/*----- TOP WRAPPER -------*/

.verkkokauppanavi {background: url(../img/header/ruutubg-tausta.jpg) center top no-repeat;}
.verkkokauppanavi .center-col { height:58px;}
.verkkokauppanaviosio {width:100%;}
.right {float: right;}
@media only screen and (min-width: 1920px) {.verkkokauppanavi{background-size:cover;}}
@media only screen and (max-width: 1280px) {.verkkokauppanavi .center-col{height:58px;}}
@media only screen and (max-width: 1024px) {.verkkokauppanavi .center-col {width:100% !important;}.verkkokauppanaviosio .col-50 {margin-bottom:0;}}


/*----- KIRJAUTUMINEN + OSTOSKORI / WRAPPER -----*/

#okfunctions {width: 21%;float: right;margin: 0 2%;} 


/* Kirjautuminen */
#login {float: left; padding: 0;/*width:24%*/width: auto;}
#login a {color: #176f97;font-size: 16px;font-size: 0.95rem;text-decoration: none;font-weight: 300;width: auto;padding: 18px 30px;margin: 0;float: right;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
text-align:left;}
#login a:hover {background: #f3f3f3;}
#login i {padding-right: 15px; font-size: 1.4em;}

/*a#logoutlinkki {padding: 5px 5%;}
#logoutlinkki span {clear: both;float: none;display: block;font-size: 11px;}
@media only screen and (max-width: 860px) {a#logoutlinkki {padding: 18px 5%;} #logoutlinkki span {display:none;}}*/


/* Ostoskori - summa + kassalle painike */
#ostoskoripaikka {/*width: 18%;*/float: left;width: 100%;}

#cart {padding: 0 5%;color: #fff;width: 90%;float: right; text-align:center; margin:0 auto;}
#cart .col-25 {width:50px; display: inline-block; float:none;} #cart .col-75 {width:auto;display: inline-block; float:none;}
#cart_maara {background-color: #e30613;border-radius: 15px;height: 12px;margin: 10px 0 0 35px; position: absolute; width: 14px;z-index: 2;padding: 2px 1px 0 0px;text-align: center; color: #fff;line-height: 114%;font-size: 0.55rem;}
#cart a {font-weight: 400;height: 100%;line-height: 100%;width: 100%;float: left; color:#fff;}
#cart i {font-size: 2.5rem;padding: 8px 0 0 0;}
#cart_yhteensa span.summa {font-weight: 800;font-size: 0.9rem;padding: 10px 5%;width: 40%;}
#cart_yhteensa span {float: left;display: inline-block;padding: 13px 5%;margin: 10px 0; margin-left: 0px;width: 35%;}
#cart_yhteensa span.kassa-button::after {content: "\203A";color: #fff;font-size: 15px;font-size: 0.833rem;font-weight: 700; padding-left: 5px;}
#cart_yhteensa span.kassa-button {font-size: 0.6rem !important;font-weight: 700 !important;text-transform: uppercase;background: #009640;color: #fff;margin-left: 30px;float: right;text-align: center;width: auto !important;padding: 5px 10px;box-sizing: border-box;margin-top: 13px;}
#cart_yhteensa span.kassa-button:hover {background:#82c341;}

@media only screen and (max-width: 1440px) {#ostoskoripaikka {/*width:50%*/}}
@media only screen and (max-width: 1280px) {#cart_yhteensa span.kassa-button {width:40%;}#cart_yhteensa span.summa {width:40%;}#login a {font-size: 1.1rem;}#cart_yhteensa span.summa {font-size: 1.3rem;}#cart_maara {font-size: 0.8rem; margin: 8px 0 0 30px;}#cart_yhteensa span.kassa-button {font-size: 0.9rem !important;}#login {width:45%;}#okfunctions {/*width:50%;*/}.verkkokauppa-ylakori {padding-top: 0px;}#cart .col-25 { width: 50px;display: block;}#cart_yhteensa span.kassa-button {margin-left:0;}}
@media only screen and (max-width: 1024px) {.verkkokauppanaviosio {margin-bottom:0; width:auto; text-align:right;}#ostoskoripaikka {width:50px; float:right}.verkkokauppanavi{margin-top:15px !important; position: relative;z-index: 80000000000000000; width: auto;  right:0; float:right;height:65px;}#ostoskoripaikka .col-75 {width: 75%;float: left;clear: none; margin:0;}#ostoskoripaikka .col-25 {width: 25%;float: left;clear: none; margin:0;} #cart {padding:0 0% 0 5%}#login a {border-left: 1px solid #dedede;border-right: 1px solid #dedede; padding:18px 10px;}#okfunctions {width:50%;}#cart .col-75 {display:none;}#cart_maara {margin: 8px 0 0 20px;}#search {top:80px;}}
@media only screen and (max-width: 768px) {#login a{float:left;}#cart {width: 70%;}#cart {padding:0 5%}}
@media only screen and (max-width: 575px) {#login a {line-height:1.6rem;}#cart_yhteensa span.kassa-button {font-size: 0.7rem !important;}}
@media only screen and (max-width: 480px) {#cart { width: 100%;}}



/*------ KIRJAUTUMIS POP-UP -------*/

#colorbox, #cboxOverlay, #cboxWrapper {z-index:999999999999;}

#kirjautuminen-kirjautumislomake, #kirjautuminen-kirjautumistekstit {width:50%; box-sizing:border-box; padding:20px 3%; float:left; color:#82c341;}
#kirjautuminen-kirjautumislomake, .kirjautuminen-kirjautumisotsikko  {font-weight: 700;font-size: 0.8rem;}

#kirjautuminen-kirjautumistekstit p {font-size: 0.8rem;line-height: 1.3rem;}
#kirjautuminen-kirjautumistekstit p a{color:#82c341 !important;}

.kirjautuminen-inputkentta input{height:25px; width:90%;}

#kirjautuminen-kirjautumisbutton {color: #fff;background: #82c341;border: none; margin: 10px 0 0 0;padding: 0;width: 93%; font-weight: 700;height: 35px;font-size: 0.9rem;}
#kirjautuminen-kirjautumisbutton {color:#fff; background:#82c341;}

@media only screen and (max-width: 480px) {#colorbox {max-width:90%; padding-left:5%;}#cboxWrapper, #cboxContent, #cboxLoadedContent {width: 100% !important;box-sizing: border-box;}}

/*------ HAKU -------*/
#search {float:right; text-align:center;}
#search form{text-align: center;  width:50%; border:1px solid #0c64a7; display: inline-block; margin:10px auto 0 auto; }
#search table, #search tbody, #search tr, #search td {display:block; width: 100%} 
#search .verkkokauppahakupainike {display:none;}
fieldset.search {border: none;padding: 0;margin: 0;}

input#pikahakusana {width:100%; border: none;padding: 10px 0px 7px 10px;border-bottom-left-radius: 3px;border-top-left-radius: 3px;font-size: 0.9em;float: left;display:block; box-sizing:border-box;}
input.verkkokauppahakupainike {background: #25b7c4;border: none;border-bottom-right-radius: 3px;border-top-right-radius: 3px;padding: 10px;color: #fff;font-weight:700; text-transform: uppercase;font-size: 0.9em; box-sizing:border-box; float:left; width:25%;}
input.verkkokauppahakupainike:hover {cursor:pointer;}




/* Hakutulosboxi */
#verkkokauppatuotehaku{z-index:500000000 !important; max-width: 100%; margin-top:37px; overflow-x:hidden !important; height:250px !important;}
#verkkokauppatuotehaku td[align^="right"] a { display:none !important;height:auto !important;background: #82c341;width: 60px;padding: 2px 0;font-size: 11px;text-transform: uppercase;text-align: left; margin-right: 5px; color:#000;} /* Sulje haku button */
#verkkokauppatuotehaku br {display:none;}
#verkkokauppatuotehaku a {color:#000 !important;}

/* tr */
.verkkokauppapikahakurivi {border-top:1px solid #f3f3f3;}
/* td */
.verkkokauppapikahakutuoterivi{text-align:left; box-sizing:border-box;padding:3px 5%; font-size:0.7rem;}
/* Otsikko */
.verkkokauppapikahakuvaliotsikko {padding:5px !important; margin:0 !important; font-weight:bold; font-family: 'Baloo Paaji', cursive; color:#176f97; letter-spacing:0.1px;}

.verkkokauppapikahakurivi:hover {background:#dedede;}

@media only screen and (max-width: 1280px) {.verkkokauppapikahakutuoterivi {font-size:0.9rem;}}
@media only screen and (max-width: 768px) {#verkkokauppatuotehaku {width: 90% !important;}}


/* Mobiilihakupainike */

#searchtoggl {display:none;}


@media only screen and (max-width: 1280px) {#search {width:25%; }#search {width:40%;}#search form {width:90%;}}
@media only screen and (max-width: 1024px) {#searchtoggl {display: block;position: relative;right: 0;top: 0px; z-index: 90000000000; float:right;}#search {display:none; }.fa.fa-2x.fa-search {color: #fff;padding: 8px; font-size: 2.3rem !important;
}.fa.fa-2x.fa-search-minus {padding: 8px; font-size: 2.3rem !important; color:#ffa01e;} #okfunctions {width: 100%;margin: 0 !important; position:relative;}#search {width: 100%;background: #e3e3e3;margin: 0 auto;height: auto;padding: 12px 5%; position:fixed; z-index:200;right: 0; top:80px}#login a:nth-of-type(1){border-left:none;}#search form {margin:0 auto;}#search form { width: 100%;}}
@media only screen and (max-width: 540px) {#verkkokauppatuotehaku {width:90% !important}}
@media only screen and (max-width: 420px) {#login a { font-size:1rem;}}

/* Omat ttiedot valilehdet */
.omattiedot_valilehti_vasen, .omattiedot_valilehti_oikea {height:auto; background-color: #e3e3e3;border-right:1px solid #fff}
.omattiedot_valilehti_oikea a, .omattiedot_valilehti_vasen a {display:block; padding:10px;}
</pre></body></html>