/* General styles, applies to all areas */

BODY {
	
font-family: 'Roboto', Arial; 


margin-top : 45;
margin-bottom : 5;
margin-left : 0;
margin-right : 0;


background-color : #ffffff;
/* background-color : #000000; 311022 */
color : #000000;

background-position: center; /* poistettu 100322 */
/* background-image: url(../images/halloween_tausta.jpg); */
/* background-image: url(../images/teraset_tietokonekauppa_taustakuva-talvi.jpg); */
/* background-image: url(../images/teraset_tietokonekauppa_taustakuva-syksy.png); */

/* background-image: url(../images/tausta_061220.png); */

/* background-image: url(../images/tausta_lumihiutaleet.png);   */
/* background-image: url(../images/teraset_tietokonekauppa_taustakuva.jpg); */

/* background-image: url(../images/teraset_tietokonekauppa_blackweek_taustakuva.jpg); */

/* background-image: url(../images/tausta_cm2020.jpg);  */
background-image: url(../images/teraset_tietokonekauppa_blackweek_taustakuva.jpg);   

/* background-image: url(../images/teraset_tietokonekauppa_taustakuva-kesa.jpg); */
/* background-image: url(../images/Tausta_loput141020.jpg); */
 background-attachment: fixed; /*poistettu 100322*/
 background-repeat: no-repeat; /* poistettu 100322, ei toista taustakuvaa, jos sen koko ei riitä täyttämään koko kuva-alaa */
 background-size: cover;  /*poistettu 100322 zoomaa taustakuvaa sen mitä reso vaatii, ettei jää tyhjiä reunoja */
}



.wholecontent {
    max-width: 1200px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 0px;
}

.icon-background {
    color: #4fb0c5;
}

.mySlides {
	display: none;
}

/* Slideshow container */
.slideshow-container {
  max-width: 645px; 
  position: relative;
  margin: auto;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 9px;
  margin-top: -22px;
  color: #46adcc;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  cursor:pointer;
}

.active {
  background-color: #06456e;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}






.bothsides_topnav {
  overflow: hidden;
  background-color: #06456e;
  position: fixed;
  left: 0px;
  top: 0px;
  width:100%;
    
}
	
.bothsides_topnav a {
  float: left;
  display: block;
  color: gray;
  padding: 17px 16px;
  text-decoration: none;
  font-size: 9px;
  margin-top: 6px;
}

.bothsides_topnav a:hover {
  background-color: #0098d6;
  text-decoration: none;
  color: white;
}






div.terasetlogo-container-osio-2 {
	/*background-color: green;*/
	padding-top:23;
	padding-bottom:15;
 
	/*max-width:900;*/
	/*padding-left:20;
	padding-right:20;
	/*margin-bottom:7;*/
	/*float:right;*/
/*	width: 100%;*/
	
	/*position:fixed;
	top:25;
	right:81;*/

	/*width:100%;  /* skaalautuminen loppuu jos tätä ei ole */
    width:510; /*max*/
 
	float:right;
	height : auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 800;
	line-height: 220%;
	color: #07476e;
	cursor: default;
}


div.terasetlogo-container-osio-2-left {
	float: right;
	padding-left:3;
	padding-right:20;
	/*background-color: pink;*/
}

div.terasetlogo-container-osio-2-right {
	float: right;
	text-align: left;  /* ei toimi oikein oikealle? */
	/*background-color:#ddd;*/
	padding-left:3;
	padding-right:20;	
}

div.terasetlogo-container-osio-2-right-row-1-adjust {
	float:left;
	margin-left:2;
	margin-right:2;
	margin-top:6;
}


div.terasetlogo-container {
    padding-top: 0;
    background-color: FFF;
    width: 100%;

}



  
div.terasetlogo-container:after {
    content: "";
    display: table;
    clear: both;
}





div.terasetlogo-container-osio-1 {
	float: left;
	padding-left:25;
	padding-top:17;
	padding-bottom:16;
	padding-right:0;
	/*background-color: green;*/
}



div.banner-bottom-margin {
    margin-bottom: 7;
}


div.green-info-container {
    /* background-color: #248250;   BF2025 HALLOWEEN22 */
    background-color: #000;
    margin-top: 7;
    margin-bottom: 7;
    padding: 17;
    width: 100%;
    height: auto;
    font-size: 14;
    line-height: 150%;
    color: white;
    cursor: default;
}

div.add-special-badge-to-pic {
	position: relative;
	/*left: 0px;
	top: 0px;*/
	
}


div.newbadge {
	position: absolute;	
	/*top: -12px
	left: -3px; */
}
	

div.cardshadow {
    width: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.13);
    text-align: center;
}


div.twitter-container {
	/*background-color: #248250;*/
	float:left;
	margin-bottom:7; /* ei toimi twitter-widgetin kanssa? */
	width:100%;
	/*padding:17;*/
	/*width: 580; 
	height : auto;
	font-size: 13px;
	line-height: 150%;
	color: white;
	cursor: default;*/
}

div.twitter-follow {
	/*background-color: #248250;*/
	text-align: center;
	margin-top:3;
	margin-bottom:7; /* ei toimi twitter-widgetin kanssa? */
	/*padding:17;*/
	/*width: 580; 
	height : auto;
	font-size: 13px;
	line-height: 150%;
	color: white;
	cursor: default;*/
}



div.henkilosto-1-titteli {
/*font-family: Verdana, Arial;*/
font-size : 14px;
color : #FFF;
padding-bottom:5px;
border-bottom: 5px solid #46ADCC;
border-bottom-width: 5px;
}



div.henkilosto-1-nimirivi {
/*font-family: Verdana, Arial;*/
font-size : 18px;
font-weight:600;
margin-top: 40px;
color : #FFF;
}

div.henkilosto-1-puhelin {
/*font-family: Verdana, Arial;*/
font-size : 14px;
text-align: center;
margin-top: 15px;
/*margin-left: 45px;*/
color : #FFF;
}

div.henkilosto-1-sahkoposti {
/*font-family: Verdana, Arial;*/
font-size : 14px;
text-align: center;
/*margin-left: 15%;*/
margin-bottom: 20px;
color : #FFF;
}


div.henkilosto-1 {
  background-color: #034672;
  background-image: url(../images/henkilosto_pohja200.png);
  background-repeat: no-repeat;

  line-height:24px;
  width: 25%;
  min-height: 235px;
  float: left;
  padding: 10px;
  font-family: 'Montserrat', Arial;
  font-weight:300;
  font-size: 14px;
  text-align: center;
  color:white;
  border: 5px solid white;
  margin-top: 2px;
}

div.henkilosto-alatila {
  margin-bottom: 20px;
}

div.henkilosto-1::after {
  content: "";
  clear: both;
  display: table;
}







* {box-sizing:border-box}


.topnav {
    z-index: 100;
    overflow: hidden;
    background-color: #06456e;
    position: fixed;
    /* opacity: .85; */
    /* opacity: .95; */
    /* left: 0px; */
    top: 0px;
    width: 90%;
    max-width: 1200px;



}
 
.topnav a {
  float: left;
  display: block;
  color: white;
  transition: all 0.3s ease;
  text-align: center;
  padding: 15px 9px;
  height:45;
  text-decoration: none;
  font-size: 14px;
}

.topnav a.active {
  background-color: #46adcc;
  color: #fff; 
}

.topnav a:hover {
  background-color: #46adcc;  /* Maaretin versiossa 053d60 */
  text-decoration: none;
  color: white;
}

.topnav .shoppingcart-container {
  float: right;
  /*background-color: red;*/
}


.topnav .search-container {
  float: right;
  /*background-color: red;*/
  margin-top:10;
  height:25;
}


.topnav input[type=text] {
  padding: 5px;
  font-size: 12px;
  border: 1px solid white;
  background-color: #06456e;
  color:white;
  margin-right: 10px;
  
}


.topnav .search-container button {
  float: left;
  padding: 0px 4px;
  margin-top: 2px;
  margin-right: 1px;
  background: #06456e;
  /*background: red;*/
  font-size: 16px;
  border: none;
  cursor: pointer;
  color:white;
}

.topnav ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ddd;
    opacity: 1; /* Firefox */
}

.topnav .search-container button:hover {
  background: #06456e;
}



/*@media screen and (max-width: 710px) {
  .topnav input[type=text] {
    display: none;
	}
}
*/

/*
@media screen and (max-width: 690px) {
  .topnav .search-container button {
    display: none;
	}
}
*/

/*
@media screen and (max-width: 600px) {
  .topnav .search-container, .shoppingcart-container{
    float: none;
	}
	
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav .shoppingcart-container {
	width: 100%;
  }
  
  .topnav .search-container button {
	display: none;
  	}
  .topnav input[type=text] {
    border: 1px solid #fff;  
  }  
  
}

*/


TABLE {
 /*border : 2px;*/
}

TABLE.hakupalkki {
background-color : #FFFFFF;
background-image: url( 'images/tuotehakupalkki_tausta.jpg' );
width : 210px;
height : 38px;
}

TABLE.palautepalkki {
background-color : #FFFFFF;
background-image: url( 'images/palaute_hakutausta2.jpg' );
width : 210px;
height : 30px;
}

IMG {
	border : 0px;
    max-width: 100%;
 /*    max-width: 100%;
    height: auto;*/
 
}

hr.liuku {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
}


H1 {
/*font-family: Verdana, Arial;*/
font-size : 100%;
font-weight : bold;
color : #000000;
}

H2 {
/*font-family: Verdana, Arial;*/
font-size : 80%;
font-weight : bold;
color : #000000;
}

H3 {
/*font-family: Verdana, Arial;*/
font-size : 14px;
font-weight : bold;
color : #000000;
/*padding-left : 5px;*/
text-align:left;
}

P, LI {
/*font-family: Verdana, Arial;*/
font-size : 100%;
line-height : 140%;
}

P.smallbasic {
/*font-family: Verdana, Arial;*/
font-size : 80%;
} 

P.smallbasic2 {
/*font-family: Verdana, Arial;*/
font-size : 80%;
} 


FONT.smallbasic {
/*font-family: Verdana, Arial;*/
font-size : 70%;
}

FONT.smallbasic2 {
/*font-family: Verdana, Arial;*/
font-size : 80%;
}

FONT.smallbasic3 {
/*font-family: Verdana, Arial;*/
font-size : 10px;
color : #333333;
}

FONT.smallbasic4 {
/*font-family: Verdana, Arial;*/
font-size : 12px;
color : #000000;
}

FONT.smallbasic4A {
font-family: 'Roboto', Arial;
font-size : 14px;
line-height: 150%;
color:black;
}


FONT.smallbasic4AB {
font-family: 'Roboto', Arial;
font-size : 16px;
line-height: 150%;
color:black;
}

FONT.smallbasic4ABW {
font-family: 'Montserrat', Arial;
font-weight:600;
font-size: 16px;
text-align: center;
color:white;
}


FONT.smallbasic4A2 {
font-family: 'Roboto', Arial;
font-weight: 300;
font-size : 14px;
color:black;
}

FONT.smallbasic4A3 {
font-family: 'Roboto', Arial;
font-weight: 400;
font-size : 14px;
}


FONT.smallbasic4A4 {
font-family: 'Roboto', Arial;
font-weight: 400;
font-size : 10px;
}

FONT.smallbasic4A5 {
font-family: 'Roboto', Arial;
font-weight: 400;
font-size : 13px;
}

FONT.smallbasic4A6 {
font-family: 'Montserrat', Arial;
font-weight: 900;
font-size : 18px;
}




FONT.smallbasic4B {
font-family: 'Roboto', Arial;
font-size : 14px;
font-weight: 500;
line-height: 140%;
/*color:black;*/
}

FONT.smallbasic4C {
font-family: 'Roboto', Arial;
font-size : 15px;
font-weight: 500;
line-height: 100%;
}



FONT.smallbasic5 {
/*font-family: Arial, Verdana;*/
font-size : 14px;
color : #000000;
}

FONT.smallbasic6 {
/*font-family: Verdana, Arial; */
font-size : 14px; 
color : #000; 
}

FONT.smallbasic6B {
/*font-family: Verdana, Arial; */
font-size : 15px; 
color : #000; 
}

FONT.smallbasic6C {
/*font-family: Verdana, Arial; */
font-size : 16px; 
color : #000; 
}

FONT.smallbasic6Dfooter {
font-family: 'Roboto', Arial;
font-size : 15px; 
color : #FFF; 
font-weight: 500;
line-height: 2.5;
}

FONT.smallbasic6D-tk-footer {
font-family: 'Roboto', Arial;
font-size : 15px; 
color : #FFF; 
font-weight: 500;
line-height: 1.3;
}


FONT.smallbasic6D2footer {
font-family: 'Roboto', Arial;
font-size : 15px; 
color : #FFF; 
font-weight: 300;
line-height: 1.6;
}

FONT.smallbasic6D3footer {
font-family: 'Roboto', Arial;
font-size : 12px; 
color : #FFF; 
font-weight: 300;
line-height: 1.6;
}

FONT.smallbasic6D4footer {
font-family: 'Roboto', Arial;
font-size : 20px; 
color : #FFF; 
}


FONT.smallbasic6E {
/*font-family: Verdana, Arial; */
font-size : 20px; 
color : #000; 
}

FONT.smallbasic6quote {
/*font-family: Verdana, Arial; */
font-family: georgia, serif;
/*line-height: 1.2em;*/
font-size : 15px; 
color : #000; 
}



FONT.smallbasic7 {
/*float: right;*/
/*font-family: Verdana, Arial; */
font-size : 14px; 
color : #FFFFFF; 
padding-top:15px;
/*background-image: url(menu_assets/images/navipalkki_tausta_ostoskori.png);*/
}

FONT.smallbasic8 {
/*font-family: Verdana, Arial; */
font-size : 16px; 
color : #007ba4; 
}

FONT.smallbasic9 {
font-size : 3px; 
}





/* Twitter asetukset 

a.twitter-timeline {
  /* Buttonish 
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;
 
  /* Text 
  font: normal 14px/12px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}
 
a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}
 
/* Color Highlight for keyboard navigation 
 
a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}

*/


.resize200 {
    max-width: 200px;
    max-height : 200px;
    }


.resize170 {
    max-width: 170px;
    max-height : 170px;
    }

.resize155 {
    max-width: 155px;
    max-height : 155px;
    }


.resize140 {
    max-width: 140px;
    max-height : 140px;
    }

.resize100 {
    max-width: 100px;
    max-height : 100px;
    }
	
	

.resize50 {
    max-width: 50px;
    max-height : 50px;
    }


    
.resize30 {
    width: 30px;
    height : auto;
}

.resize30 {
    width: auto;
    height : 30px;
    }
    

    
    

P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 80%;
color : #000;
}


FONT.search_match {
color : #202020;
}


A {
/*color : #00567E; /*tumma sininen */
color : #00567E;  /*värimääritys vaikuttaa vähän sinne ja tänne */
text-decoration : none;
}

A:hover, A:focus {
text-decoration : none; /* vanhassa on none */
}



A.some {
/*color : #00567E; /*tumma sininen */
color : #FFF;  /*värimääritys vaikuttaa vähän sinne ja tänne */
transition: all 0.2s linear;
}
A.some:hover, A.some:focus {
color: #a0b405;
}

A.tuotelistaus {
color : #FFF;
transition: all 0.2s linear;
}
A.tuotelistaus:hover {
color : yellow;
text-decoration:underline;
}

A.tuotelistaus:focus {
color: #a0b405;
}


A.sivujenlinkit {
color : #000;
transition: all 0.2s linear;
}
A.sivujenlinkit:hover {
/*font-size:22;*/
text-decoration:underline;
}


A.product_catalog {
color: #000;
font-size:15;
transition: all 0.2s linear;
}
A.product_catalog:hover, A.product_catalog:focus {
/*font-size:18;*/
text-decoration:underline;
}


A.product_catalog_productcard {
color: #00476f;
}
A.product_catalog_productcard:hover, A.product_catalog_productcard:focus {
text-decoration:underline;
}

A.product_catalog_link {
color: #00476f;
}
A.product_catalog_link:hover, A.product_catalog_link:focus {
text-decoration:underline;
}

A.product_details_productcard {
color: #00476f;
}
A.product_details_productcard:hover, A.product_catalog_productcard:focus {
text-decoration:underline;
}


A.henkilosto-1-puhelin {
color: #FFF;
transition: all 0.2s linear;
}
A.henkilosto-1-puhelin:hover, A.henkilosto-1-puhelin:focus {
color: #a0b405;
}	

A.henkilosto-1-sahkoposti {
color: #FFF;
transition: all 0.2s linear;
}
A.henkilosto-1-sahkoposti:hover, A.henkilosto-1-sahkoposti:focus {
color: #a0b405;
}	



A.footer {
color: #FFF;
transition: all 0.2s linear;
}
A.footer:hover, A.footer:focus {
color: #a0b405;
}

A.header {
color: #07476e;
transition: all 0.2s linear;
}
A.header:hover, A.header:focus {
color: #a0b405;
}




INPUT, TEXTAREA, SELECT {
/*font-family: Verdana, Arial;*/
font-size : 100%;
}

input.haku {
	background: none; border: 0px solid #000000;

	}
	
	
input.hakupalaute {
	background: none; border: 0px solid red; 

	}


INPUT.button2 {
border-top : 0px solid #ffffff;
border-bottom : 0px solid #ffffff;
border-left : 0px solid #ffffff;
border-right : 0px solid;
width : 57px;
height : 18px;

/*font-family : Verdana, Arial;*/
font-size : 70%;
/*background : #418FE6;*/
color : #ffffff;
background-image: url(images/napit_laheta.jpg);
}


INPUT.button3 {
border-top : 0px solid #ffffff;
border-bottom : 0px solid #ffffff;
border-left : 0px solid #ffffff;
border-right : 0px solid #ffffff;
padding-bottom : 0px;
width : 71px;
height : 31px;
/*font-family : Verdana, Arial;*/
font-size : 11px;
color : #000000;
background-image: url(images/napit_koriin.jpg);
/*vertical-align:middle; */
}



INPUT.field {
border-top : 1px solid #007ba4;
border-bottom : 1px solid #007ba4;
border-left : 1px solid #007ba4;
border-right : 1px solid #007ba4;
/*font-family : Verdana, Arial;*/
font-size : 70%;
background : #ffffff;
color : #000000;
}


FORM.inline {
display : inline;
} 


.retrieve-password-container {
    background-color: #cddee5; 
    width:100%;
    text-align:left;
    padding:12;
    padding-bottom:40;
}
	

.retrieve-password-container input[type=text] {
	/*float:right;*/
	padding: 8px;
  	/*margin-top: 10px;
  	margin-left: 10px; */
  	margin-bottom: 10px;
  	font-size: 12px;
  	border: none;
  	width:250;
  	/*background-color: #06456e;*/
  	color:black; 
}

.retrieve-password-container input[type=submit] {
    float: left;
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;	
}


.registration-container {
 background-color: #cddee5; 
 width:100%;
 text-align:left;
 padding:12;
 /*padding-bottom:15;*/
}


.feedbackrma-input-container input[type=text] {
    width: 100%;
    padding: 8px;
    border: none;
   	font-size: 13px;
    resize: vertical;
}


.feedbackrma-input-container input[type=password] {
    width: 100%;
    padding: 8px;
    border: none;
   	font-size: 12px;
    resize: vertical;
}

.feedbackrma-input-container input[type=checkbox] {
    margin-top: 5px;
   	font-size: 12px;
}

.feedbackrma-input-container label {
    padding: 12px 6px 12px 0;
    display: inline-block;
}

.feedbackrma-input-container-otsikko {
	font-size : 14px;
	font-weight: bold;
	color: black;
	margin-right:7px;
}

.feedbackrma-input-container input[type=submit] {
    float: left;    
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;
	margin-left: 250px;
}



.feedbackrma-input-container {
    background-color: #cddee5;
 	width:100%;
 	text-align:right;
 	padding:12;
}

.feedbackrma-input-container select {
	/*margin-left: 250px;*/
	width: 100%;
    padding: 8px;
    border: none;
   	font-size: 12px;
    resize: vertical;
    margin-bottom: 5px;
}

.feedbackrma-input-container textarea {
    width: 500;
    padding: 8px;
    border: none;
   	font-size: 13px;
    resize: vertical;
}

.kanta-asiakastiedot-container input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: none;
   	font-size: 12px;
    resize: vertical;
}

.kanta-asiakastiedot-container input[type=password] {
    width: 100%;
    padding: 8px;
    border: none;
   	font-size: 12px;
    resize: vertical;
}

.kanta-asiakastiedot-container input[type=checkbox] {
    margin-top: 7px;
   	font-size: 12px;
}

.kanta-asiakastiedot-container label {
    padding: 12px 6px 12px 0;
    display: inline-block;
}

.kanta-asiakastiedot-container-otsikko {
	font-size : 14px;
	font-weight: bold;
	color: black;
	margin-right:7px;
}

.kanta-asiakastiedot-container input[type=submit] {
    float: left;      
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 180px;
    margin-bottom: 10px;
}

.kanta-asiakastiedot-container button {
	float: left;
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 180px;
    margin-bottom: 5px;

    
}


.kanta-asiakastiedot-container {
    border-radius: 5px;
    /*background-color: #f2f2f2;*/
    padding: 0px;
    text-align: right;
}




.col-25 {
    float: left;
    width: 25%;
    margin-top: 0px;
}


.col-25-250 {
    float: left;
    width: 250;
    margin-top: 0px;
}


.col-25A {
    float: left;
    text-align:left;
    width: 330;
    margin-top: 7px;
}

.col-25B {
    float: left;
    text-align:left;
    width: 330;
    margin-top: 12px;
}


.col-75 {
    float: left;
    width: 70%;
    margin-top: 7px;
}



.col-75A {
    float: left;
    width: 380;
}

.col-75B {
    float: left;
    width: 75%;
    margin-top: 7px;
    text-align:left;
}

.col-75C {
    float: left;
    width: 480;
    margin-top: 7px;
    text-align:left;
}




/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}






/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
/*@media (max-width: 600px) {
    .registration-container.col-25, .registration-container.col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}
*/



.tuotekortti_ylaosan_korkeus {
	min-height:170;
	/*background:#777;*/
}


.tuotekortti_container {
    padding: 0px 0px 0px 0px;
    width: 100%;
    /* background: #999; */
}

.tuotekortti_column {
    float: left;
    padding: 10px 10px 0px 0px;
}

.tuotekorttileft {
    width: 20%;
    padding: 10px 0px 0px 10px;
    /* background: #999; */
}


.tuotekorttimiddle-hinta {
  	width: 250;
  	/*background:#777;*/
  	/*padding-top:2;*/ /*muuten isompi fontti sotkee rivin, samasta syystä height*/
  	height:28;
}

.tuotekorttimiddle {
    width: 60%;
    /* background: #777; */
}

.tuotekorttivanhahinta {
  	width: 250;
  	margin-left:145;
  	
  	/*background:#666;*/
}


.tuotekorttiright {
	float:right;
  	width: 180;
  	/*background:#555;*/
  	padding:0;
  	height:28;
}

.tuotekortti_listaus_left {
    width: 30%;
    padding: 0px 0px 0px 10px;
    /* background: #999; */
}

.tuotekortti_listaus_middle {
    width: 66%;
    padding: 0;
    /* background: #777; */
}


.tarjoussivu_klikkaaleft {
    float:left;
    width: 49%;
    padding: 20px 0px 20px 0px;
    /* background: #999;   */
}

.tarjoussivu_klikkaaright {
    float:right;
    width: 49%;
    padding: 20px 0px 20px 0px;
    /* background: #999;  */
}


.huoltosivu_klikkaaleft {
    float:left;
    width: 49%;
    padding: 10px 0px 10px 0px;
    /* background: #999;   */
}

.huoltosivu_klikkaaright {
    float:right;
    width: 49%;
    padding: 10px 0px 10px 0px;
    /* background: #999;  */
}




div.tuotekorttiwide {
    width: 100%;
    padding: 10px 0px 0px 0px;
    /* background: #999; */
}

div.tuotekorttiwide_ylempi {
    width: 100%;
    margin-top: 2px;
    padding: 10px 0px 0px 10px;
    /* background: #999; */
}

div.tuotekorttiwide_sisennys {
    width: 100%;
    padding: 0px 0px 0px 10px;
    /* background: #999; */
}

.tuotekortti_hrvali {
    clear: both;
    width: 100%;
    border-bottom: 2px solid #D8E5EA;
    /* margin-left: 10px; */
    margin-bottom: 7px;
}


.tuotekortti-ostanappi input[type=number] {
	float:left;
	padding: 8px 0px 8px 8px;
  	margin-top: 15px;
  	margin-left: 10px;
  	margin-right: 5px;
  	font-size: 15px;
  	border:1px solid #CDDEE5; 
	
  	/*width:200;*/
  	/*background-color: #06456e;*/
  	color:black; 
}

.tuotekortti-ostanappi input[type=submit] {
	float: left;    
    background-color: #248250;
    color: white;
    padding: 8px 15px 8px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-top: 15px;
}


.kuntoluokitukset-grid-container {
	float:left;
	padding-top:0;
	padding-bottom:15;
	width: 100%;
	height : auto;
	font-size: 12px;
	/*line-height: 100%;*/
	cursor: default;
	background-color: #FFF;
	min-height:65;
	
}

.kuntoluokitukset-grid-A1 {
	float:left;
	padding-left:0;
	padding-top:0;
	padding-right:0;
	margin-left:10;
	padding-bottom:5;
  	min-width: 100px;
  	/*background-color: #666;	*/
}


.kuntoluokitukset-grid-A2 {
	float:left;
	/*border-left: 2px solid green;*/
	padding-top:5;
	padding-right:40;
	padding-left:10;
	padding-bottom:10;
  	width: 440px;
  	/*background-color: #333;	*/
  	min-height:110;
}

.kuntoluokitukset-grid-B1 {
	float:left;
	border-top: 2px solid gray;
	padding-left:0;
	padding-top:10;
	padding-right:0;
	margin-left:10;
	
	padding-bottom:10;
  	min-width: 100px; 
}


.kuntoluokitukset-grid-B2 {
	float:left;
	border-top: 2px solid gray;
	/*border-left: 2px solid white;*/
	padding-top:15;
	padding-right:40;
	padding-left:10;
	padding-bottom:10;
  	width: 440px;
}

.kuntoluokitukset-grid-C1 {
	float:left;
	border-top: 2px solid gray;
	padding-left:0;
	padding-top:10;
	padding-right:0;
	margin-left:10;
	padding-bottom:0;
  	min-width: 100px;
}


.kuntoluokitukset-grid-C2 {
	float:left;
	border-top: 2px solid gray;
	/*border-left: 2px solid white;*/
	padding-top:15;
	padding-right:40;
	padding-left:10;
	padding-bottom:0;
  	width: 440px;
}







.tuotekortti-grades-container {
    float: left;
    padding-top:10;
    padding-bottom:5;
    margin-bottom:10;
    width: 100%;
    height: auto;
    font-size: 12px;
    /* line-height: 100%; */
    cursor: default;
    background-color: #cddee5;
    min-height: 65;
}


.tuotekortti-grades-grid-A1 {
    float: left;
    /* border-top: 2px solid white; */
    /* padding-left: 15; */
    /* padding-top: 17; */
    /* padding-right: 40; */
    /* margin-left: 10; */
    /* padding-bottom: 10; */
    width: 10%;
    min-width: 55px;
    padding: 1em;
}

.tuotekortti-grades-grid-A2 {
    float: left;
    /* border-top: 2px solid white; */
    border-left: 2px solid white;
    /* padding-top: 15; */
    /* padding-right: 40; */
    /* padding-left: 10; */
    /* padding-bottom: 10; */
    padding: 1em;
    width: 85%;
}

.tuotekortti-grades-grid-B1 {
    float: left;
    border-top: 2px solid white;
    /* padding-left: 15; */
    /* padding-top: 30; */
    /* padding-right: 40; */
    /* margin-left: 10; */
    /* padding-bottom: 10; */
    width: 10%;
    min-width: 55px;    
    padding: 1em;
}

.tuotekortti-grades-grid-B2 {
    float: left;
    border-top: 2px solid white;
    border-left: 2px solid white;
    /* padding-top: 10; */
    /* padding-right: 40; */
    /* padding-left: 10; */
    /* padding-bottom: 10; */
    width: 85%;
    padding: 1em;
}

.tuotekortti-grades-grid-C1 {
    float: left;
    border-top: 2px solid white;
    /* padding-left: 15; */
    /* padding-top: 20; */
    /* padding-right: 40; */
    /* margin-left: 10; */
    /* padding-bottom: 10; */
    width: 10%;
    min-width: 55px;    
    padding: 1em;
}


.tuotekortti-grades-grid-C2 {
    float: left;
    border-left: 2px solid white;
    border-top: 2px solid white;
    /* padding-top: 10; */
    /* padding-right: 40; */
    /* padding-left: 10; */
    /* padding-bottom: 10; */
    width: 85%;
    padding: 1em;
}

.tuotekortti-grades-grid-takuu {
    float: center;
    /*border: 5px solid white;*/
    border-top: 2px solid white;
    padding-top: 20;
    padding-right: 10;
    padding-left: 20;
    padding-bottom: 10;
    width: 95%;
    
}



.tuotelistaus-spacer {
	text-align:center;
	float:center;
	margin-top: 7;
	margin-bottom: 2;
}


.tuotelistaus-grades-container {
	float:center;
	padding-top:8;
	/*padding-bottom:8;*/
	width: 190;
	height : auto;
	font-size: 12px;
	line-height: 100%;
	cursor: default;
	background-color: #cddee5;	
	min-height:69;
	font-family: 'Roboto', Arial;
	font-size : 14px;
	font-weight: 500;
	color: #00476f;	
}

.tuotelistaus-grades-grid-A {
	float:left;
	width: 63px;
	padding-top: 3px;
	min-height: 54px;
  	/*background-color: #888;	*/
}


.tuotelistaus-grades-grid-B {
	float:left;
	border-left: 2px solid white;
  	width: 63px;
  	padding-top: 3px;
  	min-height: 54px;
  	/*background-color: #999;	*/
}


.tuotelistaus-grades-grid-C {
	float:left;
	border-left: 2px solid white;
	width: 63px;
	padding-top: 3px;
	min-height: 54px;
	/*background-color: #777;	*/
}


.tuotelistaus-grades-grid-vali {
	height: 7px;
	
}






.info-container-catalog {
    background-color: #cddee5;
    width: 100%;
    text-align: left;
    padding-left: 12;
    padding-bottom: 8;
    padding-right: 5px;
}


.postituslista-container {
 background-color: #cddee5; 
 width:100%;
 text-align:left;
 padding:12;
 margin-bottom:8;
}

.shoppingcart-info-container {
 background-color: #FFF; 
 width:100%;
 text-align:left;
 padding:12;
 /*margin-bottom:8;*/
}

.shoppingcart-info-container input[type=number] {
	float:left;
	padding: 8px 0px 8px 8px;
  	/*margin-top: 8px;*/
  	/*margin-left: 10px;*/
  	/*margin-right: 5px;*/
  	font-size: 15px;
  	border:1px solid #CDDEE5;
	
  	/*width:200;*/
  	/*background-color: #06456e;*/
  	color:black; 
}

.shoppingcart-info-container input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 3px 10px 3px 10px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 13px;
    border: none;
    cursor: pointer;
   	margin-bottom: 2px;
}

.shoppingcart-info-container select {
	/*margin-left: 250px;*/
	width: 200;
    padding: 8px;
    border: none;
   	font-size: 14px;
   	border:1px solid #CDDEE5;
    resize: vertical;
    margin-left: 5px;    
}


/* Safari input(submit) fix */
input[type=submit] {
-webkit-appearance: none;
/*-moz-appearance: none;*/
/*appearance: none;*/
}


.toimitustavat-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.maksutavat-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.yritysinfo-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
}

.activecampaigncode-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
}

.activecampaigncode-container input[type=text] {
	
    width: 200;
    padding: 8px;
    border: none;
   	font-size: 13px;
    resize: vertical;
    margin-left:10;
}

.activecampaigncode-container input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-left: 5px;
}


.top10-info-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
}

.top10-list-container-wrap-left {
 float:left;
 padding-top:15;
}

.top10-list-container-wrap-right {
 float:right;
 padding-top:15;
}

.top10-list-container {
 float:left;
 background-color: #F7F7F7;
 width:285;
 text-align:left;
 padding:5;
 border:2px solid #46adcc;
}

.top10-list-image {
 float:left;
 width:50;
 height:60;
 margin-top:3;
 margin-right:10;
 margin-bottom:5;
 /*background-color: yellow;*/
}

.contest-info-container {
	background-color: #cddee5;
 	width:100%;
 	text-align:left;
 	padding:12;
 	margin-bottom:8px;
}

.contest-info-container input[type=text] {
    width: 100%;
    padding: 8px;
    border: none;
   	font-size: 13px;
    resize: vertical;
}

.contest-input-container {
    background-color: #cddee5;
 	width:100%;
 	text-align:right;
 	padding:12;
}

.contest-input-container input[type=checkbox] {
    margin-top: 5px;
   	font-size: 12px;
}

.contest-input-container label {
    padding: 12px 6px 12px 0;
    display: inline-block;
}

.contest-input-container input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;	
    margin-top: 5px;
    margin-bottom: 5px;
}

.contest-input-container textarea {
    width: 340;
    padding: 8px;
    border: none;
   	font-size: 13px;
    resize: vertical;
}





.kierratys-info-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
 margin-bottom:15;
}

.huolto-info-container {
 background-color: FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.laitevuokraus-info-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.rekisteriseloste-info-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.rekry-info-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
}

.reseller-info-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
}

.kuntoluokitukset-info-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}


.contact-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.takuuehdot-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.terms_and_conditions-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
}

.feedbackrma-info-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
 margin-bottom:8px;
}

.submitorder-info-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
 /*margin-bottom:8px;*/
}

.submitorder-info-container input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;	
    margin-bottom: 2px;	
}

.payment-info-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
 /*margin-bottom:8px;*/
}

.payment-info-container input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;	
    margin-bottom: 2px;	
}



.checkout-info-container {
 background-color: #FFF;
 width:100%;
 text-align:left;
 padding:12;
 /*margin-bottom:8px;*/
}

.checkout-info-container input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;	
    margin-bottom: 2px;
}

.checkout-info-container input[type=text] {
    width: 100%;
    padding: 8px;
    border:1px solid #CDDEE5;
   	font-size: 13px;
    resize: vertical;
}

.checkout-info-container textarea {
    width: 100%;
    padding: 8px;
    border:1px solid #CDDEE5;
   	font-size: 13px;
    resize: vertical;
}



.productsearch-container {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
 margin-bottom:8;
}

.productsearch-container input[type=text] {
	float:left;
	padding: 8px;
  	/*margin-bottom: 10px;*/
  	font-size: 15px;
  	border: none;
  	width:200;
  	/*background-color: #777;*/
  	color:black; 
}

.productsearch-container select {
	/*margin-left: 250px;*/
	float:left;
	width: 200;
    padding: 8px;
    border: none;
   	font-size: 13px;
    resize: vertical;
    margin-left: 5px;    
}

.productsearch-container button {
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-left: 5px;
}

    
    
    
}

.productsearch-spacer-container {
     margin-top:10;
     margin-right:5;
}



.secondhand-info-container {
 /* background-color: #cddee5; */
 width:100%;
 text-align:left;
 padding:12;
 margin-top:10;
 margin-bottom:12;
}

.secondhand-info-container-2 {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
 line-height:1.8;
 margin-bottom:8;
}

.secondhand-info-container-3 {
 background-color: #cddee5;
 width:100%;
 text-align:left;
 padding:12;
 line-height: normal;
 margin-bottom:0;
}

.secondhand-info-container-3 button {
    float: left;
    background-color: #248250;
    color: white;
    padding: 7px 15px 7px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-left: 5px;
  
  
}

.secondhand-custom-select {
 float:left;
 width:300;
}



.secondhand-tuotelistaus-osio-1 {
    float: left;
    text-align: left;
    width: 20%;
    min-height: 100;
    padding-top: 7;
    /* background-color: #000; */
}


.secondhand-tuotelistaus-osio-2A {
    float: left;
    text-align: left;
    width: 79%;
    /* height: 62; */
    /* padding-left: 30; */
    /* background-color: #ccc; */
}


.secondhand-tuotelistaus-osio-2B {
    float: left;
    text-align:right;
    width: 140;
    height: 62;
    /*padding-left:30;*/
    /*background-color: #bababa;*/
}

.secondhand-tuotelistaus-osio-3 {
    float: left;
    text-align:left;
    width: 475;
    /*padding-left:30;*/
    /*background-color: #fadada;*/
    
    padding-bottom:5;
}


.secondhand_tuotevali {
	clear:both;
	border-bottom:2px solid #cddee5;
	margin-bottom:10px;
}


.login-container-omatsivut-1 {
 background-color: #cddee5; 
 width:100%;
 text-align:left;
 padding:12;
 margin-bottom:8;
}


.login-container-omatsivut-2 {
 background-color: #cddee5; 
 width:100%;
 text-align:right;
 padding-bottom:15;
}


.login-container-omatsivut-2 input[type=text] {
	/*float:right;*/
	padding: 8px;
  	margin-top: 10px;
  	margin-left: 10px;
  	margin-right: 150px;
  	font-size: 12px;
  	border: none;
  	width:200;
  	/*background-color: #06456e;*/
  	color:black; 
}

.login-container-omatsivut-2 input[type=password] {
	/*float:right;*/
	padding: 8px;
	width:200;
  	margin-top: 10px;
  	margin-left: 10px;
  	margin-right: 150px;
  	font-size: 12px;
  	border: none;
  	/*background-color: #06456e;*/
  	color:black; 
}

.login-container-omatsivut-2 button {
    float: right;
    background-color: #248250;
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 14px;
    border: none;
    cursor: pointer;
	margin-top: 8px;
  	margin-right: 150px;
    margin-bottom: 7px;
}


.login-container-omatsivut-linkit {
  margin-right: 150px;
}



.login-container ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}		
		

.login-container {
    background-color: #cddee5;
    width: 100%;
    border: none;
    margin-bottom: 7px;
}





.login-container input[type=text] {
	padding: 8px;
  	margin-top: 10px;
  	font-size: 12px;
  	border: none;
  	/*background-color: #06456e;*/
  	color:black; 
}

.login-container input[type=password] {
	padding: 8px;
  	margin-top: 10px;
  	
  	font-size: 12px;
  	border: none;
  	/*background-color: #06456e;*/
  	color:black; 
}




.login-container button {
  /*float: left;*/
    /* background-color: #248250;   BF2025 HALLOWEEN22*/
    background-color: #000; 
    color: white;
    padding: 7px 15px 6px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:500;
    font-size: 12px;
    border: none;
    cursor: pointer;
	margin-top: 8px;
    margin-bottom: 7px;
}


div.sivujenlinkit {
/*padding-left:140;*/
margin-top:5;
margin-bottom:10;
font-size:15;
font-weight:400;
}


div.tuotematriisi {
width:100%;
padding: 5px;
margin-bottom:10;
}

div.tuotematriisi_linkki {
text-align:right;
padding-top : 5px;
padding-right : 5px;
}


div.tuotematriisi2 {
width:100%;
padding-top: 10px;
margin-bottom:10;
}



div.special-offer-container {
/* background-image: url("images/teraset_tarjousbanneri_etusivu_tausta.png"); */
background-image: url("images/tarjousbanneri_etusivu_tausta.png");
background-repeat: no-repeat;
height:288px;
margin-bottom:7;
/*float:left;*/
	
}	




.offercontainer-word-offer {
float:left;
padding-top:31;
padding-left:27;
width:340;
/*background-color:red;*/
position:relative;
}

.offercontainer-word-price {
float:left;
width:112;
height:115;
padding-top:61px;
text-align:center;
line-height:24px;
/*background-color:blue;*/
position:absolute;
margin-left:275;
}

.offercontainer-pic {
float:right;
margin-right:11;
width:238;
max-width:238;
height:288;
/*background-color:gray;*/
text-align: center;
}


.Centerer {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.Centered {
    display: inline-block;
    vertical-align: middle;
}



.offer-info-specs {
margin-top:7;
line-height:1.6;
}


.offercontainerfontA {
font-family: 'Montserrat', sans-serif;
font-size : 34px;
font-weight: 900;
color: #46adcc;
/*color: #1eab6e;*/
}

.offercontainerfontB {
font-family: 'Montserrat', sans-serif;
font-size : 35px;
font-weight: 800;
color: #FFF;
}

.offercontainerfontC1 {
font-family: 'Montserrat', sans-serif;
font-size : 16px;
font-weight: 400;
color: #FFF;
}

.offercontainerfontC2 {
font-family: 'Montserrat', sans-serif;
font-size : 20px;
font-weight: 500;
color: #FFF;
}

.offercontainerfontE {
font-family: 'Montserrat', sans-serif;
font-size : 13px;
font-weight: 500;
/*color: #0d4568;*/
color: #46adcc;
}

.offercontainerfontF {
font-family: 'Montserrat', sans-serif;
font-size : 15px;
font-weight: 500;
/*color: #0d4568;*/
color: #FFF;
}



.offer-info-specs a:link { color: #FFF; }
.offer-info-specs a:visited { color: #FFF; }
.offer-info-specs a:hover { color: #FFF; }
.offer-info-specs a:active { color: #FFF; }


.offercontainerfontD {
font-family: 'Montserrat', sans-serif;
font-size : 20px;
font-weight: 800;
color: #FFF;
}



div.maincontainer {
    float: left;
    padding-left: 0px;
    background-color: #FFF;
    width: 100%;
    /* min-width: 1010px; */
}

div.maincontainer-osio-1 {
    float: left;
    padding-top: 0px;
    padding-left: 5px;
    width: 22%;
    /* background-color: #FFF; */
}

#tuoteosastotaulu {
    width: 100% !important;
}

div.maincontainer-osio-2 {
    float: left;
    width: 55%;
    padding-left: 15px;
    /* background-color: blue; */
}

div.maincontainer-osio-2-wide {
    float: left;
    width: 76%;
    padding-left: 10px;
    /* padding-right: 5px; */
    /* background-color: blue; */
}

div.maincontainer-osio-3 {
    float: left;
    width: 22%;
    padding-left: 10px;
    /* background-color: yellow; */
}



div.info-container {
    float: left;
    /* margin-top: 7; */
    margin-bottom: 7;
    padding-left: 15;
    padding-top: 25;
    padding-right: 10;
    width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 100%;
    cursor: default;
    background-color: #cddee5;
    color: #06456e;
}

.info-container li {
    margin: 16px 0;
    line-height: 150%;
}

.info-container .fa-li {
	padding-left:12;
}



div.info-container-otsikko { 
vertical-align : middle;
cursor: default;
font-family: 'Montserrat', sans-serif;
font-size : 25px;
font-weight: 900;
color: #06456e;
margin-bottom: 0.2em;
} 



.tuotelistaus-tuote-container {
    padding-top: 0;
    width: 100%;
    /* background-color: #7733FD; */
}

  
.tuotelistaus-tuote-container:after {
    content: "";
    display: table;
    clear: both;
}
  
	
.tuotelistaus-tuote-osio-1 {
    float: left;
    text-align: left;
    width: 30%;
    /* min-height: 235; */
    padding-top: 7;
    /* background-color: #000; */
}


.tuotelistaus-tuote-osio-2A {
    float: left;
    text-align: left;
    width: 70%;
    padding-right: 1em;
    /* height: 42; */
    /* padding-left: 30; */
    /* background-color: #ccc; */
}


.tuotelistaus-tuote-osio-2B {
    float: left;
    text-align:right;
    width: 145;
    height: 42;
    display: none;
    /*padding-left:30;*/
    /*background-color: #bababa;*/
}

.tuotelistaus-tuote-osio-3 {
    float: left;
    text-align: left;
    width: 70%;
    padding-right: 1em;
    /* padding-left: 30; */
    /* background-color: #fadada; */
    padding-bottom: 10;
}



.tuotelistaus-tuote-osio-4 input[type=number] {
	float:left;
	padding: 8px 0px 8px 8px;
  	margin-top: 8px;
  	/*margin-left: 10px;*/
  	margin-right: 5px;
  	font-size: 15px;
  	border:1px solid #CDDEE5; 
	
  	/*width:200;*/
  	/*background-color: #06456e;*/
  	color:black; 
}

.tuotelistaus-tuote-osio-4 input[type=submit] {
    background-color: #248250;
    color: white;
    padding: 8px 15px 8px 15px;
    font-family: 'Montserrat', Arial;
    font-weight:800;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-top: 8px;
    /*margin-left: 180px;*/
    margin-bottom: 5px;
    float: left;    
}

.tuotelistaus-hr {
    width: 100%;
    font-size: 3px;
    line-height: 3px;
    border-bottom: 3px solid #cddee5;
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 15px;
}


.tuotelistaus-alaviite-container {
    padding:0px 12px 15px 12px;
    /*background-color: #7733FD;	*/
}


div.footer-taytto {
	padding-bottom:500;
}



div.alafooter-container-whole {
	float:none;
	clear:left;
	background-color:#00476f;
	padding-bottom:10;
	
}


.alafooter-container {
    padding-top: 0;
    width: 100%;
    max-width: 1200px;
    background-image: url(/images/teraset_ikoni-footer.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    left: 0;
}

  
.alafooter-container:after {
    content: "";
    display: table;
    clear: both;
}
  
	
.alafooter-osio-1 {
    float: left;
    text-align: left;
    width: 30%;
    padding: 25;
    /* background-color: #fff; */
}

.alafooter-osio-1A {
    float: left;
    text-align: left;
    width: 20%;
    padding-top: 25;
    padding-bottom: 25;
    /* background-color: #fff; */
}

.alafooter-osio-2 {
    float: left;
    text-align: left;
    width: 50%;
    /* height: 230; */
    padding-left: 30;
    padding-top: 25;
    /* background-color: #ccc; */
    padding-right: 0;

}



.foot-os2-column {
    float: left;
    width: 50%;
}




/* Clear floats after the columns */
.alafooter-osio-2:after {
    content: "";
    display: table;
    clear: both;
}



.alafooter-osio-3 {
    float: left;
    width: 485;  
    /*background-color: #666; */
}

img.footerkuvat {
    width: 100%;
    height: auto;
    padding-top: 10;
    padding-bottom: 5;
}

div.maksutavat {
    text-align: center;
    background: white;
}

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

img.tuotekorttikuvat {
    padding: 10;
    width: 45%;
    height: auto;
}


img.mainosmies-zoom {
	width: 175;
	
	/*height: auto;*/
	/*padding-top:10;*/
	/*padding-bottom: 5;*/;
	position: absolute;
	right:20;
	top:-261;
	
}

img.mainosmies-puhekupla {
	position: absolute;
	right:10;
	top:-461;
}


.puhekuplateksti {
	position: absolute;
	top: -452;
	right:0;
	padding-left:23;
	padding-right:28;
	padding-top:5;
	font-size: 13px;
	font-weight:400; /* jollain alasivuilla weight on muuten väärin */
	line-height: 150%;
	width:215;
	cursor: default;


}


.quote-hide {
  display: none;
}
.quote-box {
	text-align: center;
	padding-left:5;
	padding-right:5;
	min-height:295;
	
}
cite {
	font-size: 80%;
	color: #666;
}



	
	

/* Page top styles, applies to the top area */


TD.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
}

TD.toplinks2 {
padding : 5px;
background-color : #eaeaea;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
}

TD.toplinks3 {
padding : 5px;
border : 2px solid #ffffff;
background-color : #eaeaea;

}

TD.toplinks4 {
padding : 0px;
border-top : 0px solid #ffffff;
border-bottom : 0px solid #ffffff;
border : 0px solid #ffffff;
background-image: url(images/navipalkki_tausta.jpg);
}

TR.tuotelaatikkotausta {
background-image: url(images/tuotelaatikot_tausta.jpg);
/*padding-top : 5px;
padding-bottom : 0px;
padding-left : 5px;
padding-right : 5px;*/
}



TD.hakupalkki1 {
width : 10px;
/*background-color : #f3f3f3; auttaa kohdistamisessa */
}

TD.hakupalkki2 {
width : 172px;
/*background-color : #f3f3f3;  */
}

TD.palauteboksi1 {
width:14px;
}

TD.palauteboksi2 {
border: 0px solid #000000;
width: 130px;
}

TD.palauteboksivasen {
width: 5px;
background-image: url(images/palaute_tausta.jpg);
}


TD.listausboksi {
border-left:2px solid #d3d3d3;
border-right:2px solid #d3d3d3;
border-bottom : 2px solid #d3d3d3;
}


TD.tuotelaatikot_vali {
width: 10px;
}

P.toplinks {
	/*float:right;*/
/*font-family : Verdana, Arial;*/
font-size : 11px;
color : #FFFFFF;
background-image: url(images/navipalkki_tausta.jpg);
}










/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
padding : 5px;
}

P.topbreadcrumb {
/*font-family : Verdana, Arial;*/
font-size : 70%;
color : #000000;
}

A.topbreadcrumb {
text-decoration : none;
color : #3B5BC5;
text-decoration : none; 
}



/* Navigation styles, applies to the category navigation area on the left hand side */

TD.navigation {
padding : 25px;
border-right : 0px dashed #c0c0c0;

}

TD.navigation0 {
padding-left : 10px;
padding-top : 5px;
border-right : 0px dashed #c0c0c0;

}

TD.navigation2 {
padding-right : 10px;
padding-top : 0px;

}

TD.navigation3 {
padding : 15px;
border-bottom : 2px double #c1caf0;
border-left : 0px dashed #c1caf0;
border-right : 0px dashed #c1caf0;

}

TD.navigation4 {
padding : 25px;
border-left : 0px dashed #c1caf0;
border-right : 0px dashed #c1caf0;
border-top : 0px dashed #c1caf0;

}

TD.navigation5 {
padding : 25px;
border-left : 0px dashed #c1caf0;
border-right : 0px dashed #c1caf0;
border-top : 0px dashed #c1caf0;
border-bottom : 0px dashed #c1caf0;

}


TD.nav_open { 
padding-left : 6px;
border-right : 0px solid #eaeaea;
/*background-image: url(images/tuoteryhmat_tausta2.jpg);*/
background-color: #FFF;
/*vertical-align : middle;*/


} 



TD.nav_open:hover {
background-color: #eee;
}
	
 
P.nav_open { 
/*font-family: Verdana, Arial; */
font-size : 13px; 
color : #007ba4; 
} 
 
 
 
A.nav_open { 
/*color : #00567E;*/
color: #000;   /*avoimen navin linkki mustalla */
/*font-size : 13px; */
text-decoration : none;
padding-left : 4px;
} 
 

a.nav_open:hover {
text-decoration:underline;
} 


a.nav_closed:hover {
text-decoration:underline;
} 



TD.nav_closed { 
padding-left : 6px;
border-right : 0px solid #46adcc;
border-left : 0px solid #46adcc;
border-bottom : 0px solid #999999;
/*background-image: url(images/tuoteryhmat_tausta2.jpg);*/
background-color: #fff;
/*line-height:170%;*/
} 

TD.nav_closed:hover { 
background-color: #eee;
}


TD.nav_otsikot { 
height : 34px;
/*background-image: url(images/palkki_vih.jpg);*/
/* background-color: #46adcc;   BF2025 HALLOWEEN22*/  
background-color: #000; 
vertical-align : middle;
line-height:34px;
/*padding-top : 10px;*/
padding-left : 10px;
cursor: default;
font-family: 'Montserrat', sans-serif;
    font-size : 12px;
    font-weight: 800;
    color: #fff;
    
} 


div.nav_otsikot { 
height : 34px;
/* background-color: #46adcc;  BF2025 HALLOWEEN22*/
background-color: #000; 
vertical-align : middle;
line-height:34px;
padding-left : 12px;
cursor: default;
font-family: 'Montserrat', sans-serif;
font-size : 15px;
font-weight: 800;
color: #fff;
} 


div.nav_otsikot-korjattu { 
height : 34px;
background-color: #46adcc;
vertical-align : middle;
line-height:34px;
padding-left : 12px;
cursor: default;
font-family: 'Montserrat', sans-serif;
font-size : 12px;
font-weight: 800;
color: #fff;
margin-left: -6px;
margin-right: -2px;
margin-bottom: -2px;
/*margin-top: -3px; /* tätä pitää testata ja selvittää, ei toimi Chromessa oikein */

} 



div.yleiset_otsikot_vihrea {
    /* background-color: #248250;  BF2025 HALLOWEEN22*/
    background-color: #000;  
    vertical-align: middle;
    padding-left: 12px;
    cursor: default;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    line-height: 100%;
    padding: 0.5em;
    padding-top: 0.65em;
    padding-bottom: 0.65em;
}

div.yleiset_otsikot_sininen_top10 { 
display: table;
width: auto;
padding-right:12px;
height : 34px;
background-color: #46adcc;
vertical-align : middle;
line-height:34px;
padding-left : 12px;
cursor: default;
font-family: 'Montserrat', sans-serif;
font-size : 12px;
font-weight: 800;
color: #fff;
} 






TD.palaute_otsikko { 
height : 25px;
background-image: url(images/palkki_sin.jpg);
vertical-align : text-top;
padding-top : 4px;
padding-left : 21px;

} 


div.login_otsikko {
    /* background-color: #248250;   BF2025 HALLOWEEN22*/
    background-color: #000;
    vertical-align: middle;
    padding-left: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    line-height: 100%;
    padding: 0.5em;
    /* padding-top: 0.8em; */
    /* padding-bottom: 0.8em; */
} 

div.login_otsikko_vastottiedot { 
height : 34px;
background-color: #248250;
vertical-align : middle;
padding-left : 12px;
font-family: 'Montserrat', sans-serif;
font-size : 12px;
font-weight: 800;
color: #fff;
line-height:34px;
margin-left:-12px;
margin-right:-12px;
} 



div.tuotelistaus_otsikko {
    background-color: #248250;
    vertical-align: middle;
    padding-left: 12px;
    padding: 0.5em;
}

div.tuotekortti_otsikko {
    background-color: #248250;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 0.6em;
    font-weight: 800;
    color: #fff;
}

div.tuotekortti_polku { 
padding-left: 15;
}

div.tuotekortti_tiivistelma { 
margin-top:20px;
margin-bottom:20px;
background-color: #00476F;
vertical-align : middle;
padding: 12px 15px 15px 15px;
/*margin-right: 15px;*/
line-height:20px;
font-family: 'Roboto', Arial;
font-size : 15px;
font-weight: 300;
color: #fff;
}




font.tuotekortti {
font-family: 'Roboto', Arial;
font-size : 14px;
font-weight: 300;
color: #000;
line-height: 150%;
}




font.tuotelistaus_otsikko {
font-family: 'Roboto', Arial;
font-size : 16px;
font-weight: 300;
color: #fff;
}


div.tuotelistaus_tuoteryhma_otsikko { 
height : 34px;
/*background-color: #248250;*/
 background-color: #cddee5; 
vertical-align : middle;
padding-left : 12px;
/*margin-right: 5px;*/
line-height:34px;
}


font.productsearch_tuotenimi {
font-family: 'Montserrat', sans-serif;
font-size : 16px;
font-weight: 900;
color: #00476f;
}

font.productsearch_hinta {
font-family: 'Montserrat', sans-serif;
font-size : 18px;
font-weight: 900;
color: #00476f;
}


font.tuotelistaus_tuoteryhma_otsikko {
font-family: 'Montserrat', sans-serif;
font-size : 17px;
font-weight: 900;
color: #00476f;
}

font.tuotelistaus_tuotenimi {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 900;
    color: #00476f;
    display: block;
    float: left;
    width: 70%;
}

font.tuotelistaus_hinta {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: #00476f;
    display: block;
    float: right;
    width: 30%;
    text-align: right;
}

font.tuotekortti_hinta {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: #00476f;
    /* display: block; */
    /* float: right; */
    /* width: 30%; */
    text-align: right;
}

font.tuotelistaus_vanhahinta {
font-family: 'Montserrat', sans-serif;
font-size : 17px;
font-weight: 900;
color: #00476f;
line-height:130%;
}

font.tuotelistaus_kuvaus {
font-family: 'Roboto', Arial;
font-size : 14px;
font-weight: 300;
color: #000;
}


font.tuotelistaus_ostanappi {
font-family: 'Montserrat', sans-serif;
font-size : 35px;
font-weight: 900;
color: #fff;
}




TD.keskialue_otsikko { 
height : 34px;

/*background-image: url(images/keskipalkki_tausta3.png);*/
background-color: #46adcc;
vertical-align : middle;
/*padding-top : 7px;*/
padding-left : 15px;
} 



P.nav_otsikot {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    padding: 0.35em;
}




P.nav_closed { 
/*font-family: Verdana, Arial; */
font-size : 13px; 

} 
 
A.nav_closed { 
color : #000000; 
text-decoration : none; 
padding-left : 4px;
}



/* Main styles, applies to the main page area on the right hand side */

TD.main {
padding-left : 5px;
padding-right : 5px;
padding-top : 0px;
padding-bottom : 3px;
/*border:1px solid black;*/
}

TD.main_wider {
padding-left : 10px;
padding-right : 10px;
padding-top : 0px;
padding-bottom : 3px;
}






TD.mainpageboxes {

	background-color : #c0c0c0;
	margin: 2px;
				   
}

/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

.tuotetaulu 
	{ border: #000000;
				   
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width:1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   width: 180px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu2
	{ border: #000000;
				   
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width:1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   width: 180px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu3
	{ border: #9FB5C0;
				   
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width:1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   width: 178px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}


.tuotetaulu30
	{ border: #9FB5C0;
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:0px;
                   border-bottom-width: 0px;
                   border-left-width: 0px;
                   width: 178px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}



.tuotetaulu4
	{ border: #9FB5C0;
				   
                   border-style: solid;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
                   width: 450px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu5
	{border: #cc0000;
				   
                   border-style: solid;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
                   width: 453px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu6
	{border: #cc0000;
				   
                   border-style: solid;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
                   width: 453px;
                   margin-bottom: 1px;
                   margin-top: 1px;
                   margin-right: 1px;
                   margin-left: 1px;
                   padding-top: 1px;
                   padding-right: 1px;
                   padding-bottom: 1px;
                   padding-left: 1px
}

.tuotetaulu7
	{border: #FFFFFF;
				   
                   border-style: solid;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
                   width: 453px;
                   margin-bottom: 2px;
                   margin-top: 2px;
                   margin-right: 2px;
                   margin-left: 2px;
                   padding-top: 1px;
                   padding-right: 1px;
                   padding-bottom: 1px;
                   padding-left: 1px
}

.tuotetaulu8
	{border: #993300;
				   
                   border-style: solid;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
                   width: 453px;
                   margin-bottom: 2px;
                   margin-top: 2px;
                   margin-right: 2px;
                   margin-left: 2px;
                   padding-top: 1px;
                   padding-right: 1px;
                   padding-bottom: 1px;
                   padding-left: 1px
}


.tuotetaulu9
	{ border: #9FB5C0;
				   
                   border-style: solid;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
 
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu10
	{ border: #9FB5C0;
				   
                   border-style: none;
                   border-top-width: 2px;
                   border-right-width:2px;
                   border-bottom-width: 2px;
                   border-left-width: 2px;
 
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu11
	{ border: #9FB5C0;
				   
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width:1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   width: 200px;
                   margin-bottom: 4px;
                   margin-top: 4px;
                   margin-right: 4px;
                   margin-left: 4px;
                   padding-top: 2px;
                   padding-right: 2px;
                   padding-bottom: 2px;
                   padding-left: 2px
}

.tuotetaulu12
	{ border: #e0eaec;  /*oikea on EFEFE7*/
				   
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width:1px;
                   border-bottom-width: 0px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px
               
}


.tuotetaulu13
	{ border: #e0eaec;  /*oikea on EFEFE7*/
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:1px;
                   border-bottom-width: 0px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 5px;
                   padding-bottom: 0px;
                   padding-left: 5px
               
}


.tuotetaulu13B
	{ border: #e0eaec;
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:0px;
                   border-bottom-width: 0px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 5px;
                   padding-bottom: 0px;
                   padding-left: 5px
               
}



.tuotetaulu14
	{ 
		           /*background-image: url(images/tuotelaatikot_koritausta2.jpg);*/
		          /* background-image: url(images/palaute_tausta.jpg);*/
		          
		     /*     background:#EFEFE7;
		     	   /*width : 50%;*/
				   border: #e0eaec;  /*oikea on EFEFE7*/
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 5px;
                   padding-bottom: 0px;
                   padding-left: 0px
               	
}


.tuotetaulu14B
	{ 
	           border-left: #e0eaec;
		   border-bottom: #a0b406;
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:0px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 8px;
                   padding-left: 0px
               	
}




.tuotetaulu15
	{ 
		     	   width : 50%;      
				   border: #000000;  /*oikea on EFEFE7*/
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:0px;
                   border-bottom-width: 0px;
                   border-left-width: 0px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px
               	
}


.tuotetaulu16
	{ 
		     	   width : 50%;      
				   border: #000000;  /*oikea on EFEFE7*/
				   
                   border-style: solid;
                   border-top-width: 0px;
                   border-right-width:1px;
                   border-bottom-width: 0px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px
               	
}






TD.cartbottom {
padding-top : 5px;
padding-bottom : 5px;
background-color : #cddee5;
border-top : 0px solid #c0c0c0;
border-bottom : 0px solid #c0c0c0;
}

FONT.cartbottom {
/*font-family: Verdana, Arial;*/
font-size : 80%;
color : #cddee5;
}



/* Bottom styles, applies to the bottom area */

TD.bottom {
padding : 0px;
}



/* Product table styles, applies to product detail area */


TABLE.product {

border-bottom : 2px solid #A6C2CB;
padding-bottom : 10px;

}

TABLE.product-uusi {
border-bottom : 2px solid #A6C2CB;
}

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 



/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
/*border-bottom : 1px solid #f3f3f3;*/
} 

P.cartbasic {
font-size : 90%;
} 

TD.carttotal {
padding : 5px;
/*border-bottom : 1px solid #f3f3f3;*/
} 

P.carttotal {
font-size : 90%;
font-weight : bold;
} 



/* Progress bar styles, applies to progress bar area */

P.pb {
font-size : 70%;
color : #adadad;
} 

TD.pbactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffff;
}


/* 12.8.2019 featurehommelit alkaa */

.filter_wrapper {
    background: #cddee5;
    padding: 12px;
    margin-top: 12px;
}

.filter_wrapper h3 {
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 900;
    color: #00476f;
}

.filters_in_use_wrapper {
  display: block;
  width: 100%;
  padding-top: 6px;
}

.feature_block {
    display: inline-block;
    padding: 0.5em;
    margin: 0.2em;
    background: #ffffff9c;
}

.feature_title {
  display: block;
  font-weight: bold;
}

.feature_link A {
    display: inline-block;
    padding: 4px;
    border: 0px solid silver;
    margin: 4px;
    background: #46adcc;
    color: white;
}

.feature_link A:hover {
  background: black;
}

.showmobileonly {
    display: none !important;
}

.showmobileonly_row {
    display: none !important;
}

.closemenu {
    color: #cc4646;
    z-index: 9999;
    position: fixed;
    top: 0.5em;
    right: 0.5em;
    font-size: 1.5em;
    background: white;
    padding: 0.2em;
    border-radius: 0.2em;
    box-shadow: 0px 0px 10px #00000075;
}

.overlaytausta {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 990;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000a3;
}

.white_background {
    background: white;
}



.showsmallmobileonly {
    display: none;
}

.alviselite {
  display: inline-block;
  margin-left: 0.6em;
}

@media only screen and (min-width: 991px) {

    div.maincontainer-osio-1 {
        display: initial !important;
    }
    
    .overlaytausta {
        display: none !important;
    }
    
}

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

  div.henkilosto-1 {
      width: 33%;
  }

}



@media only screen and (max-width: 1170px) {
    .slideshow-container {
    display: none !important;
    }

}

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

  img.mainosmies-puhekupla {
      display: none;
  }
  
  img.mainosmies-zoom {
      display: none;
  }
  
  .puhekuplateksti {
      display: none;
  }

}

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



  BODY {
      /* margin-top: 90; */
  }
  
  .hidemobile {
      display: none !important;
  }
  
  .showmobileonly {
      display: initial !important;
  }
  
  .showmobileonly_row {
      display: table-row !important;
  }    
  
  .topnav a {
      padding: 15px 6px;
  }  

  /*
  .topnav .search-container {
      display: none;
  } */
  
  .topnav .shoppingcart-container {
      /* clear: left; */
  }  

  div.terasetlogo-container-osio-1 {
      float: left;
      padding: 1em;
      padding-bottom: 0em;
      width: 30%;
  }

  div.terasetlogo-container-osio-1 img {
    max-width: 220px;
  }
  
  div.terasetlogo-container-osio-2 {
      width: 70%;
      float: right;
      padding: 1em;
      padding-top: 1em;
  }
  
  div.maincontainer-osio-1 {
      float: none;
      z-index: 999;
      position: fixed;
      overflow: auto;
      height: 100%;
      top: 00;
      left: 0;
      padding: 2em;
      display: none;
      width: 100%;
  }
  
  div.maincontainer-osio-1 {
      overflow-y: scroll;
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none;  /* Internet Explorer 10+ */
  }
  div.maincontainer-osio-1::-webkit-scrollbar { /* WebKit */
      width: 0;
      height: 0;
  }  
  
  div.maincontainer-osio-2-wide {
      float: initial;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
  }
  
  div.maincontainer-osio-2 {
      float: left;
      width: 70%;
      padding-left: 15px;
      /* background-color: blue; */
  }
  
  div.maincontainer-osio-3 {
      float: left;
      width: 28%;
      padding-left: 10px;
      /* background-color: yellow; */
  }
  
  
  FONT.smallbasic6Dfooter {
      font-size: 16px;
  }
  
  A.footer {
      font-size: 16px;
  }
  
  FONT.smallbasic6D2footer {
      font-size: 16px;
      line-height: 24px;
  }
  
  .top10-list-container-wrap-left {
      width: 100%;
  }
  
  div.yleiset_otsikot_sininen_top10 {
      width: 100%;
  }
  
  .top10-list-container {
      width: 100%;
  }
  
  .col-25, .col-75 {
      width: 100%;
  }
  
  .col-75, .col-75B {
      margin-top: 0px;
      margin-bottom: 1em;
  }
  
  .col-75B {
      float: left;
      width: 100%;
      text-align: right;
  }    
  
  .kanta-asiakastiedot-container label {
      padding: 0px;
      display: inline-block;
  }
  
  .kanta-asiakastiedot-container input[type=submit] {
      margin-left: 0px;
      width: 100%;
  }                            

}

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

  div.terasetlogo-container-osio-1 {
      float: left;
      padding: 1em;
      padding-bottom: 0em;
      width: 22%;
  }

  div.terasetlogo-container-osio-1 img {
    max-width: 220px;
  }
  
  div.terasetlogo-container-osio-2 {
      width: 78%;
      float: right;
      padding: 1em;
      padding-top: 1em;
  }
  
}


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

  html, body {
      width: 100%;
      height: 100%;
      max-width: 100%;
      margin: 0px;
      overflow: auto;
      overflow-x: hidden;
  }  


  
  .wholecontent {
      width: 100% !important;
      max-width: 100%;
      margin: 0px;
      padding-top: 45px;

  }
  
  .topnav {
      width: 100%;
      max-width: 100%;

  }    
  
  div.maincontainer-osio-2 {
      float: none;
      width: 100% !important;
      padding-left: 15px;
      padding-right: 15px;
      margin: 0px;
      clear: both;

  }
  
  div.maincontainer-osio-3 {
      float: none;
      width: 100% !important;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 1em;
      margin: 0px;
      clear: both; 
                 
  }
  
  .alafooter-osio-1A {
      display: none;
  }
  
  .alafooter-osio-1 {
      float: left;
      text-align: left;
      width: 100% !important;
      padding: 15px;
      clear: both;
  } 
  
  .alafooter-osio-2 {
      float: left;
      text-align: left;
      width: 100% !important;
      padding: 15px;
  }
  
  div.terasetlogo-container {
      width: 100% !important;
      margin: 0px !important;
  }  
  
  div.terasetihmiset-container {
      width: 25% !important;
      margin: 0px !important;
  }  

  

  
  .login-container-omatsivut-linkit {
      margin-right: 15px;
  }
  
  .login-container-omatsivut-2 input[type=text] {
      margin-right: 15px;
  }
  
  .login-container-omatsivut-2 input[type=password] {
      margin-right: 15px;
  }
  
  .login-container-omatsivut-2 button {
      margin-right: 15px;
  }
  
  .login-container-omatsivut-2 {
      margin-bottom: 1em;
  }
  
  .tuotekorttileft {
      width: 100%;
      padding: 0px;
  }
  
  .tuotekorttimiddle-hinta {
      padding-top: 2px;
      margin-bottom: 1em;
      height: 28;
  }
  
  .tuotekorttimiddle {
      width: 100%;
      padding-top: 2px;
      margin-bottom: 1em;
  }
  
  div.tuotekorttiwide_ylempi {
      width: 100%;
      margin-top: 2px;
      padding: 0px;
  }
  
  .tuotekortti-ostanappi input[type=number] {
      margin-left: 0px;
  }
  
  .tuotekortti_listaus_left {
      width: 100%;
      padding: 0px;
  }
  
  .tuotekortti_listaus_middle {
      width: 100%;
      padding: 0;
      padding-bottom: 5px;
  }
  
  font.tuotelistaus_tuotenimi {
      width: 100%;
  }
  
  font.tuotelistaus_hinta {
      font-family: 'Montserrat', sans-serif;
      display: block;
      float: none;
      width: 100%;
      clear: both;
      text-align: left;
      padding-top: 4px;
      padding-bottom: 1em;
  }
  
  .secondhand-tuotelistaus-osio-3 {
      float: right;
      text-align: left;
      width: 79%;
      padding-left: 0;
      padding-bottom: 5;
  }
  
  .tuotelistaus-tuote-osio-1 {
      float: none;
      text-align: center;
      width: 100%;
      padding-top: 7;
  } 
  
  .tuotelistaus-tuote-osio-2A {
      float: none;
      text-align: center;
      width: 100%;
      padding: 0px;
      padding-top: 1em;
  }
  
  .tuotelistaus-tuote-osio-2A .tuotelistaus_hinta {
    text-align: center;
    padding-bottom: 0px;
  }
  
  .tuotelistaus-tuote-osio-3 {
      float: none;
      text-align: left;
      width: 100%;
      padding: 0px;
      padding-bottom: 10;
  }
  
  .cart_col_3, .cart_col_4 {
    display: none;
  }
  
  .lomakekentta {
    font-size: 14px;
  }  
  
  .alviselite {
      display: block;
      margin-left: 0em;
  }
  
  .yleiset_otsikot_vihrea .svg-inline--fa.fa-w-20 {
    width: 0.6em !important;
  }                                                  

}

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

  div.terasetlogo-container-osio-1 {
      float: left;
      padding: 1em;
      padding-bottom: 0em;
      width: 22%;
  }

  div.terasetlogo-container-osio-1 img {
    max-width: 220px;
  }
  
  div.terasetlogo-container-osio-2 {
      width: 78%;
      float: right;
      padding: 1em;
      padding-top: 1em;
  }
  
}

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

  div.terasetlogo-container-osio-1 {
      float: none;
      padding: 1em;
      padding-bottom: 0em;
      width: 100%;
  }

  div.terasetlogo-container-osio-1 img {
    max-width: 220px;
    padding-bottom: 1em;
  }
  
  div.terasetlogo-container-osio-2 {
      display: none;
  }
  
  .topnav input[type=text] {
      width: 120px;
  }
  
  .hidesmallmobile {
      display: none !important;
  }
  
  .showsmallmobileonly {
      display: initial !important;
  }
  
  .tarjoustaulun_tuotenimi {
    height: 100px;
  }

  div.henkilosto-1 {
      width: 50%;
  }

  div.henkilosto-1-nimirivi {
      font-size: 17px;
  }

  div.henkilosto-1-titteli {
      font-size: 12px;
  }

  A.henkilosto-1-sahkoposti {
      font-size: 12px;
  }
  

  FONT.smallbasic6Dfooter {
      font-size: 14px;
  }
  
  A.footer {
      font-size: 14px;
  }
  
  FONT.smallbasic6D2footer {
      font-size: 14px;
      line-height: 20px;
  }
  
  P.nav_closed, P.nav_open {
      /* font-family: Verdana, Arial; */
      font-size: 16px;
  }
  
  .productsearch-container input[type=text] {
      float: none;
      padding: 8px;
      /* margin-bottom: 10px; */
      font-size: 15px;
      border: none;
      width: 100%;
      /* background-color: #777; */
      color: black;
  }
  
  .productsearch-container select {
      /* margin-left: 250px; */
      float: none;
      width: 100%;
      padding: 8px;
      border: none;
      font-size: 13px;
      resize: vertical;
      margin-left: 0px;
      margin-top: 0.5em;
  } 
  
  .productsearch-container button {
      background-color: #248250;
      color: white;
      padding: 7px 15px 6px 15px;
      font-family: 'Montserrat', Arial;
      font-weight: 800;
      font-size: 16px;
      border: none;
      cursor: pointer;
      margin-left: 0px;
      margin-top: 0.5em;
      width: 100%;
  }             
  
}

.cart_col_1, .cart_col_2, .cart_col_3, .cart_col_4, .cart_col_5, .cart_col_6 {
    vertical-align: top;
}  

.nowrap {
  white-space: nowrap;
}

.quote-loop {
    font-family: 'Noto Serif', serif !important;
    font-style: italic;
    color: #111;
    font-size: 0.9em;
}

.tuotelistaus_kuvaus IMG {
    padding: 0.5em;
}

.info-container li {
    font-size: 13px;
}

/*
.svg-inline--fa.fa-w-16 {
    width: 1em;
} */

.filter_wrapper button {
    background-color: #248250;
    color: white;
    padding: 8px 15px 8px 15px;
    font-family: 'Montserrat', Arial;
    font-weight: 800;
    font-size: 13px;
    border: none;
    cursor: pointer;
    margin-top: 8px;
    /* margin-left: 180px; */
    margin-bottom: 5px;
}

span.red A {
background-color: #cc4646;
}
	     	      	        	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2001- Clover Wheel Ltd - http://www.clovershop.com */