/* pääkategoriat */
ul.top_level_categories {
	display: none;
}

@media screen and (min-width: 1024px) {
	ul.top_level_categories {
		display: block;
		margin-bottom: 10px;
	}

	ul.top_level_categories li {
		display: inline-block;
		margin: 0 15px 10px 0;
	}
	ul.top_level_categories a:link, ul.top_level_categories a:visited {
		padding-bottom: 1px;

		text-transform: uppercase;
		text-decoration: none;
		line-height: 1.4;
		border-bottom: 3px solid transparent;
	}
	ul.top_level_categories a.on, ul.top_level_categories a:hover {
		border-color: var(--color-blue);
	}
}

/* rajaustyökalujen tyylit */
#frm_advanced_search_constraint {
	margin-bottom: 20px;
}

#subnavi_inner > div + div {
	margin-top: 10px;
}

#subnavi div.subnavi_title {
	cursor: pointer;
	padding-left: 10px;

	background: #EAEDF2 url('../images/plus.png') no-repeat 95% center;
	background: #EAEDF2 url('../images/plus.png') no-repeat calc(100% - 15px) center;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	line-height: 40px;
	text-transform: uppercase;
}

#subnavi div.subnavi_title.auki {
	background-image: url('../images/miinus.png');
}
.main_wrapper_products #tuotelinkki_mobile.header {
	height: 40px;
	padding: 0;
	margin-bottom: 30px;

	background-color: #0159a1;
	color: #fff;
}
.main_wrapper_products #tuotelinkki_mobile.header:after {
	content: '\f0ab';
	position: absolute;
	right: 15px;
	pointer-events: none;

	color: #fff;
	transform: scale(1.5);
}

.main_wrapper_products #tuotelinkki_mobile.header > a {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	padding: 0 15px 0 10px;

	color: #fff;
	font-size: .9em;
	text-decoration: none;
}

#tuoterajaus {
	display: none;
}
#tuoterajaus #frm_constraint {
	padding: 0;
}
#tuoterajaus p {
	font-size: 14px;
	margin-bottom: 15px;
}
#tuoterajaus p:last-child {
	margin-bottom: 0;
}
#tuoterajaus p.toggleable:after {
	content: '\e802';
}
#tuoterajaus p.toggleable.on:after,
#tuoterajaus div.toggleable_wrap.on > p.toggleable:after {
	content: '\e803';
}
#tuoterajaus #color_container span.color-checked {
	background: transparent url('../images/check.png') no-repeat 50% 50%;
	background-size: 75% 75%;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
#tuoterajaus #color_container div.color-block,
#tuoterajaus #color_container div.color-block-selected {
    display: inline-block;
    width: 20px;
    margin: 0 10px 10px 0;
    cursor: pointer;
	background-image: none;
}
#tuoterajaus #color_container div.color-block img,
#tuoterajaus #color_container div.color-block-selected img {
	width: 20px;
	height: 20px;
}
#tuoterajaus div.valinnat {
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	zoom: 1;

	border-bottom: 1px solid #EAEAEA;
}
#tuoterajaus div.valinnat:last-of-type {
	border: none;
}
#tuoterajaus div#mainmob { display: block; }
/*#tuoterajaus div.valinnat .styled_checkbox {
	margin: 0 0 10px 0;
}*/
#tuoterajaus div.valinnat label {
	font-size: 14px;
	margin: 0;
	/*white-space: nowrap;*/
	/*float: left;*/
}
#tuoterajaus div.valinnat label input {
	width: 15px;
	height: 15px;
	border: none;
	background: transparent;
	margin: 0 5px 0 0;
	float: left;
}
#tuoterajaus div.valinnat label span.valinta_nimi {
	display: inline-block;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}
#tuoterajaus div.valinnat label span.valinta_lisatieto {
	display: inline-block;
	position: relative;
	top: 0px;

	color: #999;
}
/*#tuoterajaus div.valinnat input[name=leveys_min], #tuoterajaus div.valinnat input[name=leveys_max] {
	width: 25px;
	margin: 0 3px;
	border: none;
	text-align: center;
	color: #4ba2a9;
}*/
#tuoterajaus div.valinnat div.ui-slider {
	width: 90%;
	width: calc(100% - 22px);
	margin-left: 5%;
	margin-left: calc(10px + 0px);
	margin-bottom: 5px;
}
#tuoterajaus input.rajaa_nappi,
#tuoterajaus input.tyhjenna_nappi,
#tuotelistaus button.lisaa {
	display: block;
	width: 100%;
	border: none;
	margin: 0 5px 5px 0;
	cursor: pointer;
	line-height: 25px;
}
#tuoterajaus input.rajaa_nappi,
#tuotelistaus button.lisaa {
	height: 35px;
	text-transform: uppercase;
	background: var(--color-blue);
	color: #fff;
}

#tuotelistaus button.lisaa {
	margin: 120px auto 50px auto;
	opacity: 1;
	transition: width .25s ease-out, background .25s ease-out, border-radius .25s ease-out, opacity 1s ease-out;
}

#tuotelistaus button.lisaa #text { display: block; }
#tuotelistaus button.lisaa #loading { display: none; }

#tuotelistaus button.lisaa.loading {
	width: 50px;
	border-radius: 50px;
	background-color: #ddd;
}
#tuotelistaus button.lisaa.loading #text { display: none; }
#tuotelistaus button.lisaa.loading #loading { display: block; }

#tuotelistaus button.lisaa.waiting {
	position: relative;
	top: -300px; /* 1 product row height */
	opacity: 0;
}

#tuoterajaus input.rajaa_nappi:hover, #tuoterajaus input.tyhjenna_nappi:hover {
	filter: brightness(1.1);
}
#tuoterajaus input.tyhjenna_nappi {
	background: #ddd;
}
#subnavi_inner div.logot {
	display: none;
}
#subnavi_inner div.seo {
	display: none;
}
#tuoterajaus a.laheta_spostiin:link, #tuoterajaus a.laheta_spostiin:visited, #tuoterajaus a.tilaa_kotiinkuljetus:link, #tuoterajaus a.tilaa_kotiinkuljetus:visited, #tuoterajaus a.tulosta:link, #tuoterajaus a.tulosta:visited  {
	display: block;
	text-decoration: none;
	padding-left: 35px;
	line-height: 25px;
	margin-bottom: 10px;
}
#tuoterajaus a.laheta_spostiin:hover, #tuoterajaus a.laheta_spostiin:active, #tuoterajaus a.tilaa_kotiinkuljetus:hover, #tuoterajaus a.tilaa_kotiinkuljetus:active, #tuoterajaus a.tulosta:hover, #tuoterajaus a.tulosta:active {
	text-decoration: underline;
}
#tuoterajaus a.laheta_spostiin:link, #tuoterajaus a.laheta_spostiin:visited {
	background: url('../images/toivelista-ostoskoriin.png') no-repeat left center;
}
#tuoterajaus a.tilaa_kotiinkuljetus:link, #tuoterajaus a.tilaa_kotiinkuljetus:visited {
	background: url('../images/kotiinkuljetus_muistilista.png') no-repeat left center;
}
#tuoterajaus a.tulosta:link, #tuoterajaus a.tulosta:visited {
	background: url('../images/tulosta_harmaa.png') no-repeat left center;
}
#tuoterajaus input.tyhjenna {
	display: block;
	background: url('../images/rasti.png') no-repeat left center;
	padding-left: 25px;
	border: none;
	cursor: pointer;
}
#tuoterajaus input.tyhjenna:hover {
	text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#tuoterajaus a.laheta_spostiin:link, #tuoterajaus a.laheta_spostiin:visited, #tuoterajaus a.tilaa_kotiinkuljetus:link, #tuoterajaus a.tilaa_kotiinkuljetus:visited, #tuoterajaus a.tulosta:link, #tuoterajaus a.tulosta:visited {
		margin-right: 30px;
		display: inline-block;
	}
}

#rajaustoggle_wrapper_mobile {
	margin-top: 20px;
}

#tuoterajaus div.valinnat #category_ids_container .styled_checkbox {
    margin: 0 0 10px;
}
#tuoterajaus div.valinnat #category_ids_container label {
	background-size: 15px 30px;
}
#tuoterajaus #category_ids_container .styled_checkbox > input[type="checkbox"] + label {
	line-height: 15px;
	height: 15px;
}
#tuoterajaus #category_ids_container .styled_checkbox > input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

@media screen and (min-width: 1024px) {
	#tuoterajaus div#mainmob { display: none; }
	#rajausalue,
	#subnavi_full {
		width: 265px;
		/*background: #eae6e5;*/
		/*border-right: 1px solid #EBECF0;*/
	}
	#subnavi_full {
		float: left;
	}
	#rajausalue.mob_only {
		display: none;
	}
	#subnavi_inner > div + div {
		margin-top: 30px;
	}
	#subnavi div.subnavi_title {
		margin-bottom: 10px;
		padding-left: 0;

		background-color: #fff;
		border-bottom: 1px solid #EBECF0;
		font-size: 20px;
	}
	#tuoterajaus {
		display: block;
		margin: 10px 20px 0 0;
		padding: 0;
		background: transparent;
		/*transition: margin 0.5s ease-out;*/
	}

	#tuoterajaus .valinnat.valinnat_sliders {
		overflow: visible;
	}
	#tuoterajaus .valinnat .valinnat-slider-container {
		white-space: nowrap;
	}
	#tuoterajaus.is_stuck {
		margin-top: 75px;
	}

	/*#tuoterajaus div.valinnat label {
		float: none;
		display: block;
	}*/
	#subnavi_inner div.logot {
		display: block;
		margin: 20px 0;
		padding-right: 20px;

		text-align: center;
	}
	#subnavi_inner div.logot img {
		display: block;
		margin: 0 auto 20px auto;
	}
	#tuoterajaus a.laheta_spostiin:link, #tuoterajaus a.laheta_spostiin:visited, #tuoterajaus a.tilaa_kotiinkuljetus:link, #tuoterajaus a.tilaa_kotiinkuljetus:visited, #tuoterajaus a.tulosta:link, #tuoterajaus a.tulosta:visited {
		display: block;
		line-height: 1.1;
		padding: 5px 0 5px 35px;
	}
	#subnavi_inner div.seo {
		display: block;
		margin: 20px 0;
		padding-right: 20px;

		font-size: 0.9em;
		color: #959595;
	}
}


#tuoterajaus .constraint_header,
#tuoterajaus .ready_wrapper,
#tuoterajaus #reset_and_close_wrapper {
	display: none;
}


/* Tuoterajauksen mobiili */
@media screen and (max-width: 1023px) {

	div.ylaosa {
		margin-bottom: 20px;
	}

	#subnavi .sidebar_product_categories,
	div.main_wrapper_products:not(.search) #subnavi #rajaustoggle {
		display: none;
	}

	.main_wrapper_products div#rajaustoggle_mobile:after {
		content: '\f1de';
		top: -2px;

		font-size: 1.5em;
	}
	.main_wrapper_products div#rajaustoggle_mobile.constraints_in_use:after {
		color: #ffb000;
	}

	#tuoterajaus {
		display: block;
		position: fixed;
		top: 0;
		left: -9999em;
		opacity: 0;
		overflow-y: auto;
		z-index: 10;
		pointer-events: none;
		transform: scale(.75);
		transition: opacity 400ms ease, transform 400ms ease;

		background-color: #fff;
		border-top: none;
	}
	#tuoterajaus #frm_constraint {
		padding: 0;
	}
	#tuoterajaus.open,
	#tuoterajaus.closing {
		left: 0;
		right: 0;
		bottom: 0;
	}
	#tuoterajaus.open {
		opacity: 1;
		transform: scale(1);
		pointer-events: all;
	}
	#tuoterajaus .constraint_header {
		display: block;
		padding: 10px;

		background-color: #0159a1;
		font-size: 20px;
		color: #fff;
	}
	#tuoterajaus div.valinnat {
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		padding: 15px 25px;

		border-color: #e5eaed;
	}
	#tuoterajaus div.valinnat.in_use:before {
		content: '';
		display: block;
		position: absolute;
		left: 12px;
		top: 6px;

		width: 8px;
		height: 8px;

		background-color: #ffb000;
		border-radius: 50px;
	}
	#tuoterajaus div.valinnat:last-of-type {
		border-bottom: 1px solid #e5eaed;
	}
	#tuoterajaus div.valinnat.valinnat_checkboxes.on,
	#tuoterajaus div.valinnat.valinnat_checkboxes.on:last-of-type {
		padding-bottom: 0;
		border-bottom: none
	}
	#tuoterajaus div.valinnat > div.styled_checkbox + div.styled_checkbox {
		margin-top: 10px;
	}
	#tuoterajaus div.valinnat > p {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 0;
	}
	#tuoterajaus div.valinnat > p + div {
		margin-top: 15px;
	}
	#tuoterajaus .constraint_header,
	#tuoterajaus div.valinnat p.toggleable,
	#tuoterajaus div.valinnat span.range_name {
		font-size: 20px;
		text-transform: uppercase;
	}
	#tuoterajaus span.range_values {
		float: right;
	}
	/*#tuoterajaus div.valinnat.valinnat_checkboxes {
		padding-bottom: 0;
		border-bottom: none;
	}*/
	

	#tuoterajaus div.valinnat div.valinnat_inner > div {
		position: relative;
		left: -25px;
		width: calc(100% + 50px);
		padding: 5px 25px;

		background-color: #f9f9f9;
		border-bottom: 1px solid #e5eaed;
	}

	#tuoterajaus div.valinnat div.valinnat_inner > div:first-child {
		/*border-top: 1px solid #e5eaed;*/
		background: linear-gradient(to bottom, #eaebed, #f9f9f9);
	}
	#tuoterajaus #color_container div.color-block,
	#tuoterajaus #color_container div.color-block-selected {
		width: 40px;
		height: 40px;
		padding: 0;
	}
	#tuoterajaus #color_container div.color-block img,
	#tuoterajaus #color_container div.color-block-selected img {
		width: 40px;
		height: 40px;
	}
	#tuoterajaus div.valinnat div.ui-slider,
	#tuoterajaus div.valinnat div.ui-slider div.ui-slider-range {
		height: 4px;
	}
	#tuoterajaus div.valinnat div.ui-slider {
		margin-bottom: 7px;
	}
	#tuoterajaus div.valinnat div.ui-slider span.ui-slider-handle {
		top: -9px;
	}
	#tuoterajaus .styled_checkbox label > span {
		padding-left: 0;
		padding-right: 40px;
	}
	#tuoterajaus .styled_checkbox > input[type="checkbox"] + label {
		width: 100%;
		background-position: right bottom;
	}
	#tuoterajaus .styled_checkbox > input[type="checkbox"]:checked + label {
		background-position: right top;
	}
	#tuoterajaus input.rajaa_nappi,
	#tuoterajaus input.tyhjenna_nappi {
		margin: 0;
	}
	#tuotelistaus button.lisaa {
		margin: 20px auto 50px auto;
	}
	#tuoterajaus .reset_wrapper {
		display: none;
	}
	#tuoterajaus #reset_and_close_wrapper {
		display: inline-block;
		position: absolute;
		top: 9px;
		right: 0;
		margin-bottom: 0;
	}
	#tuoterajaus #reset_and_close_wrapper:not(.constraints_in_use) {
		display: none;
	}
	#tuoterajaus #reset_and_close_wrapper button {
		cursor: pointer;
		border: none;
		background-color: transparent;
		color: #fff;
	}

	#tuoterajaus .ready_wrapper {
		display: block;
		position: sticky;
		bottom: 0;
		width: 100%;
		margin-top: 20px;
		z-index: 5;
	}
	#tuoterajaus #btn_ready {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 50px;
		cursor: pointer;

		border: none;
	}
	#tuoterajaus #btn_ready.ready {
		color: #fff;
		background-color: var(--color-cart-green);
	}
	#tuoterajaus #btn_ready.close {
		background-color: #dbdfe5;
	}
	#tuoterajaus #btn_ready.ready > span.ready {
		display: block;
	}
	#tuoterajaus #btn_ready.ready > span.close {
		display: none;
	}
	#tuoterajaus #btn_ready.close > span.ready {
		display: none;
	}
	#tuoterajaus #btn_ready.close > span.close {
		display: block;
	}

	#tuoterajaus #btn_ready.loading_icon:before {
		position: absolute;
		/*left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);*/
		z-index: 1;

		font-size: 1.5em;
		color: #fff;
	}
	#tuoterajaus #btn_ready.loading_icon:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	#tuoterajaus #btn_ready.ready.loading_icon:after {
		background-color: var(--color-cart-green);
	}
	#tuoterajaus #btn_ready.close.loading_icon:after {
		background-color: #dbdfe5;
	}


	/* Haun poikkeukset */
	#tuoterajaus.old_style_constraints {
		display: none;
		opacity: 1;
		position: static;
		overflow-y: visible;
		pointer-events: all;
		transform: none;
		transition: none;

		background-color: #eaedf2;
	}
	#subnavi div#rajaustoggle.old_style_constraints:after {
	    content: '\e802';
	    top: auto;
	    font-size: 1em;
	}
	#subnavi div#rajaustoggle.old_style_constraints.on:after {
	    content: '\e803';
	}
	#tuoterajaus.old_style_constraints div.valinnat > p {
		display: block;
	}
	#tuoterajaus.old_style_constraints .styled_checkbox > input[type="checkbox"] + label,
	#tuoterajaus #valinta_filter_category_id .styled_checkbox > input[type="checkbox"] + label {
		background-position: left bottom;
	}
	#tuoterajaus.old_style_constraints .styled_checkbox > input[type="checkbox"]:checked + label,
	#tuoterajaus #valinta_filter_category_id .styled_checkbox > input[type="checkbox"]:checked + label {
		background-position: left top;
	}
	#tuoterajaus.old_style_constraints .styled_checkbox_alt1 label > span,
	#tuoterajaus #valinta_filter_category_id .styled_checkbox_alt1 label > span {
	    padding-left: 25px;
	}
	#tuoterajaus.old_style_constraints div.valinnat label span.valinta_nimi, 
	#tuoterajaus #valinta_filter_category_id div.valinnat label span.valinta_nimi {
		max-width: none;
	}
	#tuoterajaus.old_style_constraints p.buttons {
		padding: 10px;
	}
	#tuoterajaus.old_style_constraints p.buttons input + input {
		margin-top: 10px;
	}
	
	#tuoterajaus div.valinnat div.valinnat_inner div.type-constraint-header:first-of-type {
		padding-top: 5px;
	}
	
	#tuoterajaus div.valinnat div.valinnat_inner div.type-constraint-header {
		background: none;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

div.sub_offer_categories > div + div {
    margin-top: 20px;
}

div.sub_offer_categories {
	margin-top:-10px;
}

@media screen and (min-width: 768px) {
	div.sub_offer_categories {
		margin-top: -20px;
	}
	div.sub_offer_categories.only-one-campaign-teaser {
		margin-bottom: 25px;
	}
}

@media screen and (min-width: 1024px) {
	div.sub_offer_categories {
		margin-top:-15px;
	}

}
div.bn_taso1_slideri,
div.bn_container {
	margin-top: 40px;
}
div.product_recommendation_container {
	margin-top: 40px;
}
div.product_recommendation_container#lastViewedProducts{
	margin-top: 150px;
}


div.product_recommendation_container.klevu h2:after {
	content: '(Klevu)';
	font-size: 12px;
	color: #707070;
	text-transform: none;
	vertical-align: middle;
	margin-left: 12px;
}


/* tuotelista sorttaus */
div.suodatus {
	display: none;
	margin-top: 20px;
	/*padding: 10px;*/

	background-color: #EAEDF2;
	text-align: left;
}
div.sorttaus {
	margin-top: 20px;
	padding: 0 0 15px 0;

	text-align: left;
}
div.sorttaus label {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;

	line-height: 38px;
	font-size: 15px;
}

.product_navigation div.product_navi_block {
	float: left;
	/*padding: 10px;*/
}
.product_navigation div.product_navi_block > div,
.product_navigation div.product_navi_block > div > label,
.product_navigation div.product_navi_block > div > input {
	height: 25px;
}
/*.product_navigation div.product_navi_block > div > div,*/
.product_navigation div.product_navi_block > div > label {
	line-height: 25px;
}
.product_navigation div.product_navi_block > div {
	padding: 10px 10px;
	display: table;
}

.product_navigation div.product_navi_block.tarjous-erikoiskategoria > div {
	padding-left: 0;
}


/*.product_navigation div.block_1 > div { padding-left: 20px; }*/
/*.product_navigation div.block_4 > div { padding-right: 20px; }*/
.product_navigation div.product_navi_block label,
.product_navigation div.product_navi_block > div > div {
	display: inline-block;
	/*margin-right: 10px;*/
	vertical-align: top;

	font-size: 15px;
}

.product_navigation div.block_3 > div > div {
	width: 400px;
	/* max-width: 500px; */
	/* width: 100%; */
	margin-top: 6px;
	padding: 0 15px;
}
.product_navigation div.block_3 label.hinta_out {
	width: 58px;
	padding: 0;

	text-align: center;
}
.product_navigation div.block_4 {
	float: right;
}
.product_navigation div.block_4 input {
	border-width: 0;
	font-weight: 500;
	color: #666;
}
.product_navigation div.block_4 input.changed {
    background: var(--color-blue);
    color: #fff;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(0, 89, 161, .75);

	animation-name: flash_filter_button;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes flash_filter_button {
    50% { box-shadow: 0 0 0 10px rgba(0, 181, 220, 0); }
    100% { box-shadow: 0 0 0 10px rgba(0, 181, 220, 0); }
}


/* verkkokauppatuotteet-rajaus (kytkin) */
.onoffswitch {
    position: relative;
	width: 100px;
    -webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
	text-align: left;
	float: right;
	/*margin: 3px 0 0 10px;*/
}
.product_navigation div.product_navi_block .onoffswitch {
	margin-top: 2px;
	margin-left: 10px;
}
.onoffswitch .onoffswitch-checkbox {
    display: none;
}
.onoffswitch .onoffswitch-label {
    display: block;
    width: 98px;
    height: 20px;
	overflow: hidden;
	cursor: pointer;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.onoffswitch .onoffswitch-inner {
    display: block;
	width: 200%;
	margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
    display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
    font-size: 12px;
    font-weight: 500;
	color: #999;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch .onoffswitch-inner:before {
    content: "päällä";
    padding-left: 8px;
	border-radius: 20px;
}
.onoffswitch .onoffswitch-inner:after {
    content: "pois";
    padding-right: 15px;
    text-align: right;
	border-radius: 20px;
}
.onoffswitch .onoffswitch-switch {
    display: block;
	width: 46px;
	margin: 3px;
    border-radius: 20px;
    position: absolute;
	top: 0;
	bottom: 0;
	right: 48px;

    background: #DDDEE2;
    background: -webkit-linear-gradient(#DBDCE0, #DDDEE2);
    background: -o-linear-gradient(#DBDCE0, #DDDEE2);
    background: -moz-linear-gradient(#DBDCE0, #DDDEE2);
    background: linear-gradient(#DBDCE0, #DDDEE2);

    -moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background: #BAD300;
    background: -webkit-linear-gradient(#D0E154, #BAD300);
    background: -o-linear-gradient(#D0E154, #BAD300);
    background: -moz-linear-gradient(#D0E154, #BAD300);
    background: linear-gradient(#D0E154, #BAD300);
}



/* kategorialista */
div.alakategoriat {
	margin-top: 20px;
}

/* listatuotteen tyylit */
div.listatuotteet {
	position: relative;
	vertical-align: top;
	text-align: center;
}

div.listatuotteet.list_overlay:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.85);
	z-index: 9;
}
div.listatuotteet.list_overlay:after,
div#constraints_wrapper_container.list_overlay:after {									  
	position: absolute;
	top: 70px;
	left:50%;
	margin-left: -40px;
	z-index: 9;
	background-image: url('../images/ostoskori/lataus.gif');
	content:'';
	width: 80px;
	height: 80px;
	background-position:  center;
	background-size:  50px;
	/* padding: 7px; */
	background-color: white;
	background-repeat:  no-repeat;
	border-radius:  50%;
	border: 1px solid #EAEDF2;
}
div#constraints_wrapper_container {
	position: relative;
}

div#constraints_wrapper_container.list_overlay:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.85);
    z-index: 4;
}

div#constraints_wrapper_container.list_overlay:after {
	 top: 0;
	 z-index: 4;
}

div.listatuotteet {
	display: block;
	position: relative;
	left: -6px;
	top: -6px;
	width: calc(100% + 12px);

	text-align: left;
}
div.listatuotteet > div {
	display: inline-block;
	margin: 6px;
}
div.listatuotteet > div {
	width: calc(100% - 12px);
}
div.listatuotteet > div.big {
	width: calc(100% - 12px);
}
div.listatuote:not(.big) div.tuotekuva {
	height: 220px;
}
/*@media screen and (min-width: 360px) and (max-width: 399px) {
	div.listatuote div.tuotekuva {
		height: 330px;
	}
}*/
@media screen and (min-width: 360px) {
	div.listatuotteet > div {
		width: calc(50% - 12px);
	}
	div.listatuote:not(.big) div.tuotekuva {
		height: 140px;
	}
}
@media screen and (min-width: 550px) {
	div.listatuote:not(.big) div.tuotekuva {
		height: 190px;
	}
}
/*@media screen and (min-width: 400px) {
	div.listatuotteet > div {
		width: calc(50% - 12px);
	}
}*/
@media screen and (min-width: 700px) {
	div.listatuotteet > div {
		width: calc(33.33% - 12px);
	}
	div.listatuote div.tuotekuva {
		height: 182px;
	}
	div.listatuotteet > div.big {
		float: left;
		width: calc(66.66% - 12px);
	}
	div.listatuotteet > div.big {
		height: calc(2 * (182px + 32px + 32px + 55px)); /* (image_height + name_height + price_height + padding + margin) * 2 - extra_height */
	}
	div.listatuote.big div.tuotekuva {
		height: 316px;
	}
}
@media screen and (min-width: 1028px) {
	div.listatuotteet > div.big {
		height: calc(2 * (190px + 24px + 32px + 32px + 57px)); /* (image_height + name_height + price_height + padding + margin) * 2 - extra_height */
	}
}
@media screen and (min-width: 1000px) {
	div.listatuotteet > div {
		width: calc(33.33% - 12px);
	}
}
@media screen and (min-width: 1366px) {
	div.listatuotteet > div {
		width: calc(25% - 12px);
	}
	div.listatuotteet > div.big {
		width: calc(50% - 12px);
	}
}

div.listatuotteet > div.tyhja_rajaus {
	width: 100%;
}


div.listatuote, div.banneri,
div.slider_tuote {
	display: inline-block;
	position: relative;
	z-index: 1;
	vertical-align: top;

	background-color: #fff;
	border: 1px solid transparent;
	box-sizing: border-box;
	text-align: center;
}
div.tuotekortti_slider:not(.popup) div.slider_tuote {
	padding-bottom: 15px;
}
div.tuotekortti_slider.popup div.slider_tuote {
	border-bottom-width: 0;
	margin-bottom: 40px;
}
div:not(.big).listatuote,
div.slider_tuote {
	transition: border-color ease-out .1s, z-index .1s step-end;
}
div.slider_tuote {
	width: 304px;
}
div.listatuote a:link, div.listatuote a:visited { color: #333; }

div.listatuote.big {
	float: left;
	width: calc(100% - 2px);

	background-color: #F4F5F9;
	border-color: #fff !important;
	border-right-width: 2px !important;
	border-left-width: 0 !important;
}
div.listatuote.big.right {
	float: right;
	border-right-width: 0 !important;
	border-left-width: 2px !important;
}

#listatuotteet div.listatuote.list_image {
	height: 262px;
	
	border-width: 0;
	background-color: transparent;
}
#listatuotteet div.listatuote.list_image.big {
	height: auto;
}
#listatuotteet div.listatuote.list_image > a {
	display: block;
	width: 100%;
	height: 100%;
}
#listatuotteet div.listatuote.list_image img {
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
	object-position: center center;
}
#listatuotteet div.listatuote.list_image.offline {
	border: 1px solid rgba(255,200,200,.4) !important;
}
#listatuotteet div.listatuote.list_image div {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
#listatuotteet div.listatuote.list_image div span.title {
	color: #fff;
	margin: 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(0,0,0,.4);
	display: block;
}
#listatuotteet div.listatuote.list_image div span.link_text {
	display: inline-block;
	padding: 10px;	
	border: 1px solid #fff;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 0 5px rgba(0,0,0,.75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.25);
	        box-shadow: 0 0 2px rgba(0,0,0,.25);
	background-color: rgba(255,255,255,.1);
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#listatuotteet div.listatuote.list_image div span.link_text::after {
	content: ' ›';
}
#listatuotteet div.listatuote.list_image div span.link_text:hover {
	background-color: #fff;
	border-color: transparent;
	color: #000;
	text-shadow: none;
}
#listatuotteet div.listatuote.list_image div span + span {
	margin-top: 10px;
}
#listatuotteet div.listatuote.list_image.big div {
	padding-left: 20px;
	padding-right: 20px;
}
#listatuotteet div.listatuote.list_image.big div span.title {
	font-size: 20px;
}
#listatuotteet div.listatuote.list_image.big div span.link_text {
	font-size: 12px;
	padding: 10px 20px;
}
#listatuotteet div.listatuote.list_image.no_img div span {
	text-shadow: none;
	box-shadow: none;
}
#listatuotteet div.listatuote.list_image.black div span.title {
	color: black;
}
#listatuotteet div.listatuote.list_image.black div span.link_text {
	color: black;
	border: 1px solid black;
}
#listatuotteet div.listatuote.list_image.black div span.link_text:hover {
	background-color: black;
	color: #fff;
}
#listatuotteet div.listatuote.list_image.black:not(.no_img) div span.title {
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
}
#listatuotteet div.listatuote.list_image.black:not(.no_img) div span.link_text {
	text-shadow: none;	
}
#listatuotteet div.listatuote.list_image.black:not(.no_img) div span.link_text:not(:hover) {
	background-color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 768px) {
	#listatuotteet div.listatuote.list_image.big div {
		padding-left: 40px;
		padding-right: 40px;
	}
	#listatuotteet div.listatuote.list_image.big div span.title {
		font-size: 24px;
	}
	#listatuotteet div.listatuote.list_image.big div span.link_text {
		font-size: 14px;
	}
}
@media screen and (min-width: 1560px) {
	#listatuotteet div.listatuote.list_image div {
		padding-left: 20px;
		padding-right: 20px;
	}
	#listatuotteet div.listatuote.list_image div span.title {
		font-size: 20px;
	}
	#listatuotteet div.listatuote.list_image div span.link_text {
		font-size: 12px;
		padding: 10px 20px;
	}
}

div.listatuote {
	container-type: inline-size;
	container-name: listatuote;
}
div.listatuote input.poista_muistilistalta {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 3;
	border: none;
	background: transparent;
}

div.listatuote.big div.kuva_alue,
div.slider_tuote div.kuva_alue {
	width: 99%;
	width: calc(100% - 2px);
}

div.listatuote > div.tuotenimi, div.listatuote > div.tietoalue, div.listatuote > div.toiminnot,
div.slider_tuote > div.tuotenimi, div.slider_tuote > div.tietoalue, div.slider_tuote > div.toiminnot {
	padding-left: 14px;
	padding-right: 14px;
}
div.listatuote > div.optiot {
	position: absolute;
	left: -74px;
	top: -1px;
	height: 100%;
	width: 75px;
	opacity: 0;
	pointer-events: none;

	background: #fff;
	border: 1px solid transparent;
	transform: translateX(10px);
	transition: opacity .1s ease-out, transform .1s ease-out;
}
@media screen and (min-width: 768px) {
	div.listatuote:hover > div.optiot {
		opacity: 1;
		border-color: #c9c9c9;
		border-right-color: transparent;
		transform: translateX(0);
		pointer-events: auto;
	}
}
div.listatuote > div.optiot div.flex-viewport {
	height: 314px;
	box-sizing: border-box;
}
div.listatuote.has_option_pages > div.optiot div.flex-viewport {
	margin-top: 28px;
	margin-bottom: 28px;
}
div.listatuote > div.optiot ul.slides li {
	height: 314px;
}
div.listatuote > div.optiot ul.slides > li > div {
	display: table;
	height: 20%;
}
div.listatuote > div.optiot ul.slides > li > div > div {
	display: table-cell;
	vertical-align: middle;
}
div.listatuote > div.optiot ul.slides li div img {
	width: 90%;
	margin: 0 auto;
}
div.listatuote.has_option_pages > div.optiot div.option_slider .flex-direction-nav .flex-disabled {
	opacity: 0.3 !important;
}
div.listatuote > div.optiot div.option_slider .flex-direction-nav .flex-disabled {
	opacity: 0 !important;
}
div.listatuote > div.optiot div.option_slider a.flex-prev,
div.listatuote > div.optiot div.option_slider a.flex-next {
	width: 100%;
	height: auto;
	left: auto;
	right: auto;
	background: none;
	transform: none;
}
div.listatuote > div.optiot div.option_slider a.flex-prev {
	top: -26px;
}
div.listatuote > div.optiot div.option_slider a.flex-next {
	top: auto;
	bottom: -26px;
}
div.listatuote > div.optiot div.option_slider a.flex-prev:after,
div.listatuote > div.optiot div.option_slider a.flex-next:after {
	left: 50% !important;
	background: none;
	transform: none;
	display: block;

	font-family: sotka_icon;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
	text-indent: initial;
}
div.listatuote > div.optiot div.option_slider a.flex-prev:after {
	top: 2px;
	bottom: auto;
	content: '\f106';
}
div.listatuote > div.optiot div.option_slider a.flex-next:after {
	bottom: 2px;
	top: auto;
	content: '\f107';
}
div.listatuote div.kuva_alue div.option_switch {
	position: relative;
	opacity: 0;

	transition: opacity ease-out .1s;
}
div.listatuote div.kuva_alue div.option_switch span {
	position: absolute;
	width: 15px;
	height: 75px;
	padding-top: 75px;
	top: -150px;

	color: #aaa;
	cursor: pointer;
}
div.listatuote.big div.kuva_alue div.option_switch span {
	position: absolute;
	display: block;
	width: 20px;
	height: 150px;
	padding-top: 150px;
	top: -270px;

	color: #aaa;
	cursor: pointer;
}
div.listatuote div.kuva_alue div.option_switch span:hover,
div.listatuote div.kuva_alue div.option_switch span.hover {
	background-color: rgba(0,0,0,.05);
	color: #666;
}
div.listatuote div.kuva_alue div.option_switch span.option_switch_prev {
	left: 0;
}
div.listatuote div.kuva_alue div.option_switch span.option_switch_next {
	right: 2px;
}
div.listatuote.big div.kuva_alue div.option_switch span.option_switch_next { right: -2px; }

div.listatuote div.tuotekuva,
div.slider_tuote div.tuotekuva {
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 20px;
	padding: 0;

	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	/*height: 140px;*/
}
div.listatuote.big div.tuotekuva {
	margin-top: 10px;
	padding: 0 20px;
	box-sizing: border-box;
}
div.listatuote.big div.tuotekuva:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
div.listatuote div.tuotekuva a,
div.slider_tuote div.tuotekuva a {

	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
div.listatuote:not(.big) a img.main_image,
div.slider_tuote a img {
	display: block;
	margin: 0 auto;
	height: 150px;
	opacity:0;
	transition: opacity 1s;
}
div.listatuote:not(.big) a img.main_image{
	height: auto;
	max-height: 150px;
}
div.listatuote.big a img.main_image {
	max-height: 300px;
}
div.listatuote a img.main_image.lazyloaded,
div.slider_tuote a img.lazyloaded {
	opacity:1;
	transition: opacity 1s;
}

div.listatuote span.offline,
div.slider_tuote span.offline,
div.listatuote span.bn_product,
div.slider_tuote span.bn_product {
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
	padding: 5px 0;
	z-index: 1;

	font-size: 0.9em;
	text-transform: uppercase;
	background-color: rgba(255,200,200,.4);
}
div.listatuote span.bn_product,
div.slider_tuote span.bn_product {
	background-color: rgba(200,200,255,.4);
}
div.listatuote span.offline + span.bn_product,
div.slider_tuote span.offline + span.bn_product {
	bottom: 23px;
}

div.listatuote div.kampanja,
div.slider_tuote div.kampanja {
	position: absolute;
	width: 100%;
	pointer-events: none;
}
div.listatuote div.kampanja p,
div.slider_tuote div.kampanja p {
	position: relative;
	top: -15px;
	margin: 0;
	font-size: 0.9em;
	background-color: #fff;
	white-space: nowrap;
}
div.listatuote.big div.kampanja p {
	background-color: transparent;
}
div.slider_tuote div.kampanja p {
	top: -20px;
}
div.listatuote div.kampanja p.ilmainen_kotiinkuljetus,
div.slider_tuote div.kampanja p.ilmainen_kotiinkuljetus {
	position: relative;

	color: #03AECF;
}
div.listatuote div.kampanja p.ilmainen_kotiinkuljetus:before,
div.slider_tuote div.kampanja p.ilmainen_kotiinkuljetus:before {
	margin-right: 5px;

	content: '\e843';
	font-family: sotka_icon;
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
}

div.listatuote div.varit,
#tuotekortti div.kuva_alue div.varit {
	height: 24px;
}
div.listatuote div.varit {
	display: none;
	margin-top: 10px;

	transition: opacity ease-out .1s;
}
div.listatuote div.varit img,
#tuotekortti div.kuva_alue div.varit img {
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	height: 20px;
	padding: 3px;

	border-radius: 4px;
}
div.listatuote div.varit img.lw_on,
#tuotekortti div.kuva_alue div.varit img.on {
	border-color: #DDE0E7;
	background-color: #fff;
}

div.listatuote div.tuotenimi,
div.slider_tuote div.tuotenimi {
	height: 35px;
	margin-top: 10px;
	overflow: hidden;
	line-height: 1.2;
}
div.slider_tuote div.tuotenimi {
	height: 40px;
	margin-top: 5px;
}
div.listatuote.big div.tuotenimi {
	height: auto;
}
div.listatuote div.tuotenimi a:link, div.listatuote div.tuotenimi a:visited,
div.slider_tuote div.tuotenimi a:link, div.slider_tuote div.tuotenimi a:visited {
	color: #383838;
	font-size: 1.1em;
	font-weight: 400;
	text-decoration: none;
	display: block;
}
div.listatuote.big div.tuotenimi a:link, div.listatuote.bog div.tuotenimi a:visited,
div.slider_tuote.big div.tuotenimi a:link, div.slider_tuote.bog div.tuotenimi a:visited {
	font-size: 1.5em;
}

div.listatuote p.alennusteksti {
	margin: 10px 0 0 0;

	font-size: 1.2em;
	font-weight: 600;
}
div.listatuote p.alennusteksti.bf {
	display: none;
}
div.slider_tuote p.alennusteksti {
	margin: 0 0 0 5px;
	font-size: 13px;
	font-weight: 600;
}
div.listatuote div.selite {
	position: relative;

	font-size: 12px;
	line-height: 1.2;
	color: #5C6164;
}
div.listatuote div.selite_big {
	margin-top: 10px;

	line-height: 1.4;
	font-size: 1.1em;
}

div.listatuote div.mitat {
	position: relative;
	margin-top: 5px;

	font-size: 0.90em;
	line-height: 1.2;
	color: #5C6164;
}
div.mitat > span {
	cursor: help;
}

div.listatuote div.hinta,
div.slider_tuote div.hinta {
	height: 32px;
	position: relative;
	margin-top: 10px;
}
div.listatuote.big div.hinta {
	height: auto;
}
div.slider_tuote div.hinta {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
	align-content: center;
}
div.slider_tuote div.hinta > div:first-of-type {
	height: 100%;
}
div.slider_tuote div.hinta > div:not(:first-of-type) {
	height: 50%;
	text-align: left;
	padding-left: 5px;
}
div.listatuote div.hinta > span,
div.slider_tuote div.hinta > div > span {
	margin: 0;
	line-height: 30px;
	font-size: 30px;
	font-weight: 700;
}
div.listatuote div.hinta span.alkaen, div.listatuote.big div.hinta span.alkaen,
div.slider_tuote div.hinta span.alkaen {
	font-size: 16px;
}
div.listatuote.big div.hinta > div > span {
	line-height: 50px;
	font-size: 50px;
}
div.listatuote div.hinta sup,
div.slider_tuote div.hinta sup {
	top: -0.8em;

	font-size: 0.5em;
	font-weight: 600;
}
div.listatuote div.hinta span.normihinta,
div.slider_tuote div.hinta span.normihinta {
	margin-left: 5px;

	font-size: 14px;
	font-weight: 300;
	text-decoration: line-through;
	white-space: nowrap;
}
div.slider_tuote div.hinta span.normihinta {
	font-size: 13px;
	line-height: 1;
}
div.listatuote div.toiminnot,
div.slider_tuote div.toiminnot {
	display: block;
	position: absolute;
	left: -1px;
	right: -1px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 14px;
	box-sizing: border-box;
	opacity: 0;

	background: #fff;
	border-color: #C9C9C9;
	border-width: 1px;
	border-style: solid;
	border-top: none;
}
div.listatuote div.optiot + div.toiminnot {
	border-left: none;
}
div:not(.big).listatuote div.toiminnot,
div.slider_tuote div.toiminnot {
	transform: translate(0, -10px);
    transition: opacity ease-out .1s, transform ease-out .1s, max-height .1s ease-out;
    pointer-events: none;
}
div.listatuote div.toiminnot_nakyva,
div.slider_tuote div.toiminnot_nakyva {
	opacity: 1;
	transform: none;
}
div.listatuote.big div.toiminnot {
	position: static;
	max-height: 1000px;
	overflow: visible;
    opacity: 1;
    width: 100%;
    bottom: 0;
    padding-top: 0;

    background-color: #F4F5F9;
    border-color: transparent;

	transform: none;
}

div.listatuote div.toiminnot p.alennusteksti {
	margin: 0 0 10px 0;
	font-size: 1.1em;
}

div.tuotekortti_slider.popup {
	height: 370px;
}
div.tuotekortti_slider.popup div.slider_tuote div.toiminnot {
	max-height: 500px;
	overflow: visible;
	opacity: 1;
	pointer-events: all;
	transform: translate(0, 0);
}
@media screen and (max-width: 767px) {
	div.tuotekortti_slider.popup div.slider_tuote div.toiminnot input.ostoskoriin.popup {
		height: 25px;
		line-height: 25px;
		width: 80%;
		margin: 0 auto;
		font-size: 11px;
	}
}
@media screen and (max-width: 1024px) {
	div.tuotekortti_slider.popup div.slider_tuote div.toiminnot {
		border: none;
	}
}
@media screen and (min-width: 1028px) {
	div.tuotekortti_slider.popup div.slider_tuote:not(:hover) div.toiminnot {
		border: none;	
	}
}
div.tuotekortti_slider.popup div.slider_tuote div.toiminnot p.alennusteksti {
	display: none;
}

@media screen and (max-width: 500px) {

	div.listatuote > div.tuotenimi,
	div.listatuote > div.tietoalue {
		padding-left: 0;
		padding-right: 0;
	}

	
	div.listatuote div.hinta {
		height: 46px;
	}
	div.listatuote div.hinta > span {
		font-size: 26px;
	}
	div.listatuote div.hinta span.normihinta {
		color: #999;
	}
	/*div.listatuote div.hinta span.normihinta > span {
		display: none;
	}*/
}


/* Iso slider */
/*ul.slides div.listatuote.big {
	float: none;
	width: 100%;
}*/


div.banneri {
	width: 100%;
}


/* ostoskoriin */
.listatuote div.napit,
.slider_tuote div.napit {
	margin-top: 15px;
}

.listatuote div.napit div.katso_lisaa,
.slider_tuote div.napit div.katso_lisaa {
	float: left;
	width: 82%;
	width: calc(100% - 52px);
}
.listatuote div.napit div.katso_lisaa.full,
.slider_tuote div.napit div.katso_lisaa.full {
	width: 100%;
}
.listatuote div.napit div.lisaa_ostoskoriin,
.slider_tuote div.napit div.lisaa_ostoskoriin {
	float: right;
	position: relative;
	width: 15%;
	width: calc(42px);
}

.listatuote div.napit input,
.listatuote div.napit a:link, .listatuote div.napit a:visited,
.slider_tuote div.napit input,
.slider_tuote div.napit a:link, .slider_tuote div.napit a:visited {
	display: block;
	width: 100%;
	height: 35px;

	line-height: 35px;
	border: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 18px;
	background-color: var(--color-blue);
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;

	cursor: pointer;
}
.listatuote div.napit input:hover,
.listatuote div.napit a:active, .listatuote div.napit a:hover,
.slider_tuote div.napit input:hover,
.slider_tuote div.napit a:active, .slider_tuote div.napit a:hover {
	filter: brightness(110%);
}

.listatuote div.napit input.ostoskoriin,
.slider_tuote div.napit input.ostoskoriin {
	background-image: url('../../templates/sotka/images/ostoskori_valkoinen.png');
}
.slider_tuote div.napit input.ostoskoriin.popup {
	background-image: none;
	background-color: var(--color-cart-green);	
	font-size: 13px;
}
.slider_tuote div.napit input.ostoskoriin.popup:hover {
	filter: brightness(100%);
}


div.listatuote a.check_options:link, div.listatuote a.check_options:visited {
	display: block;

	background-color: var(--color-blue);
	color: #383838;
}

.ryhmaerottaja {
	display: none;
	clear: none;
}

div.listatuote span.icons_left,
div.slider_tuote span.icons_left,
#tuotekortti div.icons_left {
	position: absolute;
	top: -10px;
	left: 10px;
	width: 152px;
	z-index: 1;
	white-space: normal;
	pointer-events: none;

	text-align: left;
}
div.listatuote.big span.icons_left {
	top: 5px;
	left: 15px;
	width: 303px;
}
div.listatuote span.icons_left > span,
div.slider_tuote span.icons_left > span,
#tuotekortti div.icons_left > span {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-left: 10px;
	vertical-align: top;

	/*border: 2px solid #fff;*/
	border-radius: 50px;
	line-height: 50px;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
}
div.listatuote span.icons_left > span.takuuhinta_block,
div.slider_tuote span.icons_left > span.takuuhinta_block,
#tuotekortti div.icons_left > span.takuuhinta_block {
	width: 100px;
	height: 47px;
	line-height: 47px;
	border-radius: 0;
}
div.listatuote.big span.icons_left > span {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	line-height: 60px;
	font-size: 1.2em;
}
div.listatuote.big span.icons_left > span.takuuhinta_block {
	width: 100px;
	height: 47px;
	border-radius: 0;
	line-height: 47px;
}
div.listatuote span.icons_left > span:first-child,
div.slider_tuote span.icons_left > span:first-child,
#tuotekortti div.icons_left > span:first-child { margin-left: 0; }

/*div.listatuote span.icons_right {
	opacity: 0;

	transition: opacity ease-out .2s;
}*/

div.listatuote span.icons_right,
div.slider_tuote span.icons_right,
#tuotekortti div.icons_right {
	position: absolute;
	top: -10px;
	right: 10px;
	width: 152px;
	z-index: 1;
	/*pointer-events: none;*/
	white-space: normal;

	text-align: right;
}
div.listatuote.big span.icons_right {
	top: 5px;
	right: 15px;
	width: 303px;
}
div.listatuote span.icons_right > span,
div.slider_tuote span.icons_right > span,
#tuotekortti div.icons_right > span {
	display: inline-block;
	margin-bottom: 10px;
}
div.listatuote span.icons_right > span:last-child,
div.slider_tuote span.icons_right > span:last-child,
#tuotekortti div.icons_right > span:last-child {
	margin-bottom: 0;
}

div.listatuote span.icons_left span.discount_block,
div.slider_tuote span.icons_left span.discount_block,
#tuotekortti div.icons_left span.discount_block {
	background-color: #FF3E25;
	color: #fff;
	text-align: center;
}

div.listatuote span.icons_left span.outlet_block,
div.slider_tuote span.icons_left span.outlet_block,
#tuotekortti div.icons_left span.outlet_block {
	background-color: #a7bdb0;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
}
div.listatuote span.icons_left span.loyto_block,
div.slider_tuote span.icons_left span.loyto_block,
#tuotekortti div.icons_left span.loyto_block {
	pointer-events: auto;
	background-color: var(--color-yellow);
	font-size: 0.8em;
	text-align: center;
	color: #383838;
}
div.listatuote span.icons_left span.takuuhinta_block,
div.slider_tuote span.icons_left span.takuuhinta_block,
#tuotekortti div.icons_left span.takuuhinta_block {
	pointer-events: auto;
	background-color: transparent;
	background-image: url('../images/sotka-jarkihinta-merkki.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0em;
}
div.listatuote span.icons_left span.juhlaetu_block,
div.slider_tuote span.icons_left span.juhlaetu_block,
#tuotekortti div.icons_left span.juhlaetu_block {
	pointer-events: auto;
	background-color: transparent;
	background-image: url('../images/juhlaetu.png');
	background-size: contain;
	font-size: 0em;
}
div.listatuote span.icons_left span.loppuunmyynti_block,
div.slider_tuote.big span.icons_left span.loppuunmyynti_block,
div.slider_tuote span.icons_left span.loppuunmyynti_block,
#tuotekortti div.icons_left span.loppuunmyynti_block {
	pointer-events: auto;
	background-color: transparent;	
	background-size: auto;
	font-size: 0em;
	border-radius: 0;
}
div.listatuote span.icons_left span.loppuunmyynti_block,
div.listatuote.big span.icons_left span.loppuunmyynti_block,
div.slider_tuote span.icons_left span.loppuunmyynti_block {
	width: 224px;
	height: 84px;
	background-image: url('../images/loppuunmyyntihinta-lista.png');
}
div.listatuote:not(.big) span.icons_left span.loppuunmyynti_block,
div.slider_tuote span.icons_left span.loppuunmyynti_block {
	margin: 80px 0 0 30px;
}
div.listatuote div.tuotekuva a > span.loppuunmyynti_block,
div.listatuote.big div.tuotekuva a > span.loppuunmyynti_block,
div.slider_tuote div.tuotekuva a > span.loppuunmyynti_block {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	max-width: 100%;
	height: 84px;
	background: url('../images/loppuunmyyntihinta-lista.png') no-repeat center top;
	background-size: 100% auto;
	z-index: 1;
	transition: opacity 0.2s ease;
}
div.slider_tuote div.tuotekuva a > span.loppuunmyynti_block {
	width: 200px;
	bottom: 0;
}
div.listatuote.big div.tuotekuva a > span.loppuunmyynti_block {
	bottom: -10px;
}
@media (hover: hover) {
	div.listatuote:hover div.tuotekuva a > span.loppuunmyynti_block,
	div.listatuote.big:hover div.tuotekuva a > span.loppuunmyynti_block,
	div.slider_tuote:hover div.tuotekuva a > span.loppuunmyynti_block {
		opacity: 0;
	}
}
@media screen and (min-width: 1366px) {
	div.listatuote div.tuotekuva a > span.loppuunmyynti_block,
	div.listatuote.big div.tuotekuva a > span.loppuunmyynti_block,
	div.slider_tuote div.tuotekuva a > span.loppuunmyynti_block {
		width: 200px;
		bottom: 0;
	}
	div.listatuote.big div.tuotekuva a > span.loppuunmyynti_block {
		bottom: 10px;
	}
}
#tuotekortti div.icons_left span.loppuunmyynti_block {
	width: 255px;
	height: 93px;
	background-image: url('../images/loppuunmyyntihinta-tk.png');
	pointer-events: none;
}
@media screen and (max-width: 500px) {
	#tuotekortti div.icons_left span.loppuunmyynti_block {
		width: 180px;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
}
#tuotekortti div.icons_left span.mittatilaus_block {
	width: 60px;
	height: 64px;
	background-image: url('../images/sotka-mittatilausmatto-merkki.svg');
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: center center;
}
div.listatuote.big span.icons_left span.outlet_block,
div.listatuote.big span.icons_left span.loyto_block {
	position: relative;
	/*top: -5px;*/

	font-size: 1.05em;
}
#tuotekortti div.icons_left span.campaign_block {
	width: 80px;
	/*height: 112px;*/

	background-color: transparent;
	background-image: url('../images/black-friday-tuotekortti.png');
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 0;
	font-size: 0em;
}
#tuotekortti div.icons_left span.birthday_block {
	background-image: url('../images/vk-synttarikuvake-tuotekortti.png');
}

span.verkkokaupasta:after,
span.vain_verkkokaupasta:after,
span.ei_ostettavissa:after {
	display: inline-block;
	position: relative;
	margin-left: 5px;
	color: var(--color-blue);

	content: '\e806';
	font-family: sotka_icon;
	font-size: 31px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
span.vain_verkkokaupasta:after { color: var(--color-cart-green); }
span.ei_ostettavissa:after { color: #CBCBCB; }

div.listatuote span.icons_right span.verkkokaupasta span,
div.slider_tuote span.icons_right span.verkkokaupasta span,
#tuotekortti div.icons_right span.verkkokaupasta span,
div.listatuote span.icons_right span.vain_verkkokaupasta span,
div.slider_tuote span.icons_right span.vain_verkkokaupasta span,
#tuotekortti div.icons_right span.vain_verkkokaupasta span {
	display: inline-block;
	width: 80px;
	padding: 3px 10px;
	font-size: 10px;
	line-height: 1.1;
	text-align: center;
	background-color: #fff;
	border: 1px solid #CBCBCB;
	border-radius: 20px;
	transition: all 0.5s ease-out;
	color: #383838;
}

div.listatuote span.icons_right span.vain_verkkokaupasta span,
div.slider_tuote span.icons_right span.vain_verkkokaupasta span {
	opacity: 0;
}

div.listatuote.big span.icons_right span.vain_verkkokaupasta {
	max-width: 152px;
}

div.listatuote span.icons_right span.verkkokaupasta span,
div.slider_tuote span.icons_right span.verkkokaupasta span,
div.listatuote span.icons_right span.vain_verkkokaupasta span,
div.slider_tuote span.icons_right span.vain_verkkokaupasta span {
	opacity: 0;
}
@media screen and (min-width: 1024px) {
	div.listatuote:hover span.icons_right span.verkkokaupasta span,
	div.slider_tuote:hover span.icons_right span.verkkokaupasta span,
	div.listatuote:hover span.icons_right span.vain_verkkokaupasta span,
	div.slider_tuote:hover span.icons_right span.vain_verkkokaupasta span {
		opacity: 1 !important;
	}
}

@media screen and (min-width: 360px) and (max-width: 550px) {
	div.listatuote span.icons_left,
	div.slider_tuote span.icons_left,
	#tuotekortti div.icons_left {
		left: 5px;
	}
	div.listatuote span.icons_right,
	div.slider_tuote span.icons_right,
	#tuotekortti div.icons_right {
		top: -7px;
		right: 5px;
	}
	div.listatuote span.icons_left > span,
	div.slider_tuote span.icons_left > span,
	#tuotekortti div.icons_left > span {
		width: 34px;
		height: 34px;
		line-height: 34px;
	}
	div.listatuote span.icons_left > span.takuuhinta_block,
	div.slider_tuote span.icons_left > span.takuuhinta_block,
	#tuotekortti div.icons_left > span.takuuhinta_block {
		width: 100px;
		height: 47px;
		line-height: 47px;
		border-radius: 0;
	}
	div.listatuote span.icons_right span.verkkokaupasta span,
	div.slider_tuote span.icons_right span.verkkokaupasta span,
	#tuotekortti div.icons_right span.verkkokaupasta span,
	div.listatuote span.icons_right span.vain_verkkokaupasta span,
	div.slider_tuote span.icons_right span.vain_verkkokaupasta span,
	#tuotekortti div.icons_right span.vain_verkkokaupasta span {
		width: 69px;
		font-size: 9px;
	}
	div.listatuote span.icons_left span.loyto_block,
	div.slider_tuote span.icons_left span.loyto_block {
		font-size: 8px;
	}
	span.verkkokaupasta:after,
	span.vain_verkkokaupasta:after,
	span.ei_ostettavissa:after {
		font-size: 23px;
	}	
}

@media screen and (min-width: 360px) and (max-width: 1279px) {
	div.listatuote div.tuotenimi {
		height: 45px;
		font-size: 0.85em;
	}
	div.listatuote div.hinta {
		margin-top: 0;
	}	
}


@media screen and (min-width: 700px) {

	div.listatuote.big p.alennusteksti {
		height: 25px;
	}
	div.listatuote.big div.tuotenimi {
		height: 52px;
	}
	div.listatuote.big div.hinta {
		height: 50px;
	}
	div.listatuote div.selite_big {
		height: 45px; /*86*/ /* tällä hienosäädetty korkeus */
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	div.listatuote.big div.mitat {
		height: 16px; /* tällä hienosäädetty korkeus */
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	div.listatuote.big span.icons_left > span:not(.loppuunmyynti_block, .takuuhinta_block) {
		width: 80px;
		height: 80px;

		border-radius: 80px;
		line-height: 80px;
		font-size: 1.8em;
	}
	div.listatuote.big span.icons_left > span.outlet_block,
	div.listatuote.big span.icons_left > span.loyto_block {
		font-size: 1.4em;
	}
}

@media screen and (min-width: 1028px) {

	div.listatuote span.icons_right span.verkkokaupasta span,
	div.slider_tuote span.icons_right span.verkkokaupasta span,
	#tuotekortti div.icons_right span.verkkokaupasta span,
	div.listatuote span.icons_right span.vain_verkkokaupasta span,
	div.slider_tuote span.icons_right span.vain_verkkokaupasta span,
	#tuotekortti div.icons_right span.vain_verkkokaupasta span {
		font-size:11px;
		width:100px;
		padding: 5px 10px;
	}

	div.listatuote:hover, div.listatuote.hover,
	div.slider_tuote:hover, div.slider_tuote.hover {
		z-index: 2;

		border-color: #C9C9C9;

		transition: border-color ease-out .2s, z-index 0s;
	}


	div.listatuote.big div.tuotekuva {
		height: 330px;
	}

	div.listatuote:hover div.kuva_alue div.option_switch,
	div.slider_tuote.hover div.kuva_alue div.option_switch {
		opacity: 1;
		z-index: 2;
	}

	div.listatuote:hover span.icons_right span.vain_verkkokaupasta span,
	 div.listatuote.hover span.icons_right span.vain_verkkokaupasta span,

	div.listatuote:hover span.icons_right span.verkkokaupasta span,
	 div.listatuote.hover span.icons_right span.verkkokaupasta span,

	div.slider_tuote:hover span.icons_right span.vain_verkkokaupasta span,
	 div.slider_tuote.hover span.icons_right span.vain_verkkokaupasta span,

	div.slider_tuote:hover span.icons_right span.verkkokaupasta span,
	 div.slider_tuote.hover span.icons_right span.verkkokaupasta span
	 {
	 	transition: opacity 0.3s;
		opacity:0;
	}

	div.listatuote div.varit {
		opacity: 0;
		display: block;
	}
	div.listatuote:hover div.varit,
	div.slider_tuote.hover div.varit {
		opacity: 1;
	}

	div.listatuote:hover div.toiminnot,
	div.tuotekortti_slider.popup div.slider_tuote:hover div.toiminnot,
	div.tuotekortti_slider.popup div.listatuote.hover div.toiminnot,
	div.slider_tuote.hover div.toiminnot {
		max-height: 500px;
		overflow: visible;
		opacity: 1;
		pointer-events: all;

		transform: translate(0, 0);
		transition: opacity ease-out .2s, transform ease-out .2s;
	}	
}

@media screen and (min-width: 1560px) {
	div.listatuotteet {
		text-align: left;
	}

	div.listatuote.big, ul.slides div.listatuote.big {
		width: 608px;
	    /*height: 616px;*/ /* x2 + 20pad */
	}
	/*div.listatuote.big div.tuotekuva{
		height: 342px;
	}*/
	/*div.listatuote.big div.tuotekuva a img.main_image {
		max-height: 270px;
	}*/

	.ryhmaerottaja {
	    display: block;
	    clear: both;
	}
}

#tuotelistaus div.pagesectioncontainer {
	margin: 40px 0 0 0;
}

ul.slides div.listatuote.big div.tuotenimi {
	margin-bottom: 10px;
}
ul.slides div.listatuote.big div.hinta > span:not(.normihinta) {
	font-size: 31px;
}
ul.slides div.listatuote.big p.alennusteksti {
	display: none;
}

@media screen and (min-width: 768px) {

	div.isonosto_slider ul.flex-direction-nav {
		margin-bottom: 0;
	}
	
	ul.slides div.listatuote.big {
		background-color: transparent;
		border-color: transparent; !important;
		border-right-width: 0px !important;
	}
	ul.slides div.listatuote.big div.varit,
	ul.slides div.listatuote.big div.tuotenimi,
	ul.slides div.listatuote.big div.hinta,
	ul.slides div.listatuote.big div.selite {
		height: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ul.slides div.listatuote.big span.discount_block:not(.loppuunmyynti_block) {
		/*font-size: 2.7em;*/
	}
	ul.slides div.listatuote.big div.hinta {
		margin-top: 0;
	}
	ul.slides div.listatuote.big div.hinta > span {
		line-height: normal;
	}
	ul.slides div.listatuote.big div.hinta > span:not(.normihinta) {
		font-size: 35px;
	}
	ul.slides div.listatuote.big div.toiminnot {
		padding-bottom: 0;

		background-color: transparent;
	}
	ul.slides div.listatuote.big div.napit {
		display: none;
	}
}




/* yksittäinen tuote -> tuotekortti */
#tuotekortti {
	box-sizing: border-box;

	text-align: left;
}
#tuotekortti h1 {
	font-size: 28px;
	line-height: 1.1;
	margin-bottom: 5px;
}
#tuotekortti h1 span {
	font-size: 20px;
}
#tuotekortti h2 {
	font-size: 25px;
	line-height: 1.3;
	margin-bottom: 10px;
}
#tuotekortti h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
#tuotekortti h2.valiotsikko {
	display: block;
	padding: 10px 0;
	pointer-events: auto;
	margin: 0 0 20px 0;
}
#tuotekortti h2.slider_title {
	margin-top: 50px;
}
#tuotekortti h2#tuotekuvaus {
	margin-top: 30px;
}
#tuotekortti div.mitat {
	margin: 10px 0 15px;

	font-size: 18px;
	line-height: 1.2;
}

@media screen and (max-width: 767px) {
	#tuotekortti h2.tuotetiedot {
		/*pointer-events: none;*/
		color: #111;
		padding: 0 15px;
		background: none;
		margin-bottom: 10px;
	}
}
#tuotekortti > div.kuva_alue {
	position: relative;
	text-align: center;
}
#tuotekortti > div.kuva_alue div.paakuva {
	text-align: center;
	white-space: nowrap;
	position: relative;
}
#tuotekortti > div.kuva_alue div.paakuva:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
#tuotekortti > div.kuva_alue div.paakuva > div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
#tuotekortti > div.kuva_alue div.paakuva > div > a {
	display: block;
}
#tuotekortti > div.kuva_alue div.paakuva #rikastus {
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 197px;
	height: 80px;
	background-image: url('../images/sotka_tuotekortin-rikastus.png');
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	word-wrap: break-word;
	white-space: pre-line;
	pointer-events: none;
	z-index: 1;
}
#tuotekortti > div.kuva_alue div.paakuva #rikastus p {
	color: #000;
	margin: -5px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	#tuotekortti > div.kuva_alue div.paakuva #rikastus {
		width: 132px;
		height: 54px;
		background-size: contain;
	}
	#tuotekortti > div.kuva_alue div.paakuva #rikastus p {
		font-size: 11px;
	}
}
#tuotekortti > div.kuva_alue div.paakuva div.loading_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
#tuotekortti > div.kuva_alue div.paakuva div.loading_icon::before {
    font-size: 40px;
    color: #EAEDF2;
    animation-duration: 0.8s;
    opacity: 0.6;
}
#tuotekortti > div.kuva_alue div.kampanjamerkki {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	max-width: 50%;
}
#tuotekortti > div.kuva_alue div.varit {
	position: absolute;
	right: 0;
	top: 5px;
	height: auto;
}
#tuotekortti > div.kuva_alue div.varit img {
	width: 24px;
	height: 24px;
	padding: 4px;

	margin-bottom: 5px;
	float: left;

	border-radius: 8px;
}
#tuotekortti > div.kuva_alue div.paakuva_ala {
	display: block;
	margin-bottom: 10px;
	padding: 20px 0 10px;

	border-bottom: 1px solid #ddd;
}
#tuotekortti > div.kuva_alue div.paakuva_ala div.paakuvateksti {
	float: left;
	width: 70%;

	text-align: left;
}
#tuotekortti > div.kuva_alue div.paakuva_ala div.paakuvateksti p {
	margin: 0;

	text-align: left;
}
#tuotekortti div.icons_left {
	width: auto;
	left: 0;
	top: 0;
}
#tuotekortti div.icons_left > span {
	width: 60px;
	height: 60px;

	border-width: 2px;
	border-radius: 60px;
	font-size: 1.5em;
}
#tuotekortti div.icons_left span.outlet_block,
#tuotekortti div.icons_left span.loyto_block {
	font-size: 1em;
}
#tuotekortti div.icons_left > span > span {
	line-height: 60px;
}
#tuotekortti div.icons_left span.euro_discount {
	font-size: 12px;
}

#tuotekortti div.icons_right {
	right: 0;
	top: 0;
}
#tuotekortti div.varit + div.icons_right {
	top: 60px;
}
#tuotekortti div.icons_right span.vain_verkkokaupasta {
	margin-top: 5px;
}

#tuotekortti div.show-model {

	float: right;
	display: block;
	position: absolute;
	top: -35px;
	right: 0;
}


#tuotekortti div.somet div.show-model a {
	display: inline-block;
	box-sizing: border-box;
	height: 25px;
	margin: 0;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	width: 109px !important;
	font-weight: bold;
	color: #fff;
	background-color: var(--color-blue);
}

.tuotekoodi_ja_tulostus{
	color:var(--color-blue);
	text-align: left;
	padding-bottom:5px;
	font-size:14px;

}
.tuotekoodi_ja_tulostus .tulostabtn{
	display: inline-block;
}
.tuotekoodi_ja_tulostus .tulostabtn{
	cursor: pointer;
}
.tuotekoodi_ja_tulostus .tulostabtn img{
	display: inline-block;
	float:left;
}
#tuotekortti div.share_actions {
	padding: 20px 0 40px 0;
}
@media screen and (min-width: 1024px) {
	#tuotekortti div.share_actions {
		padding: 30px 0 50px 0;
	}
}
#tuotekortti div.share_actions div.tuotekoodi_ja_tulostus {
	display: inline-block;
	margin-right: 20px;
}
#tuotekortti div.share_actions div.somet {
	display: inline-block;	
}
#tuotekortti div.share_actions div.somet a {	
	margin: 8px 0 0 8px;
	text-align: center;
}
#tuotekortti > div.kuva_alue a.first_image_active img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#tuotekortti > div.kuva_alue a:not(.first_image_active) img {
    max-height: 530px;
}
@media screen and (max-width: 767px) {
    @media (orientation: portrait) {
        #tuotekortti > div.kuva_alue a:not(.first_image_active) img {
            max-height: 50vh;
        }
    }
    @media (orientation: landscape) {
        #tuotekortti > div.kuva_alue a:not(.first_image_active) img {
            max-height: 100vh;
        }
    }
}
#tuotekortti div.lisakuvat {
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	max-height: 85px;
	height: auto;
	opacity: 0;
	margin-bottom: 30px;
}
#tuotekortti div.lisakuvat li {
	float: left;
}
#tuotekortti div.lisakuvat a:not(.flex-prev, .flex-next) {
	display: flex;
	padding: 0 5px;
	flex-direction: row;
	justify-content: center;
	height: 85px;
	border: 2px solid #fff;
}
@media screen and (max-width: 500px) {
	#tuotekortti div.lisakuvat a:not(.flex-prev, .flex-next) {
		height: 65px;
	}
}
#tuotekortti > div.kuva_alue div.lisakuvat a.selected {
	border: 2px solid #EAEDF2;
}
#tuotekortti > div.kuva_alue div.lisakuvat img,
#tuotekortti > div.kuva_alue div.lisakuvat picture {
	max-height: 100%;
	align-self: center;
}	
#tuotekortti div.inforivit {
	margin-top: 10px;
	box-sizing: border-box;
}
#tuotekortti div.inforivit div.inforivi {
	background: #eaeaea;
	padding: 5px 10px;
	line-height: 1.2;
}
#tuotekortti div.inforivit div.inforivi:nth-child(even) {
	background: #fff;
}
#tuotekortti div.inforivit div.inforivi a {
	text-decoration: none;
	display: inline-block;
	/*background: url(../images/linkkinuoli.png) no-repeat right center;*/
	padding-right: 10px;
}
#tuotekortti div.inforivit div.inforivi a:hover {
	text-decoration: underline;
}
#tuotekortti > div.toiminnot {
	/*background: #eaeaea;*/
	/*padding: 20px 15px;*/
	box-sizing: border-box;
	margin-bottom: 20px;
}
#tuotekortti > div.toiminnot div.nimi_ja_hinta {
	margin-bottom: 20px;
}
#tuotekortti > div.toiminnot p.variaatio {
	margin-bottom: 0;
	font-size: 15px;
}
#tuotekortti > div.toiminnot p.alkaen {
	display: inline-block;
	margin-right: 10px;

	/*font-family: 'Helvetica LT W01 Ult Comp', Helvetica, sans-serif;*/
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;
}
#tuotekortti > div.toiminnot p.hinta {
	display: inline-block;

	font-size: 78px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}
#tuotekortti > div.toiminnot p.hinta span.perus {
	color: var(--color-blue);
}
#tuotekortti > div.toiminnot p.hinta sup {
	margin-left: 1px;

	font-size: 0.5em;
	top: -0.7em;
}
#tuotekortti > div.toiminnot p.etu {
	/*font-family: 'Helvetica LT W01 Ult Comp', Helvetica, sans-serif;*/
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 0;
}
#tuotekortti > div.toiminnot p.etu sup {
	margin-left: 1px;
}
#tuotekortti > div.toiminnot p.etu.loppuunmyynti {
	text-decoration: line-through;
}
#tuotekortti p.mallistoon, #tuotekortti p.poistuva, #tuotekortti p.voimassa, #tuotekortti p.osaluettelo_link, #tuotekortti p.alin {
	margin: 5px 0 0 0;
	line-height: 1.4;

	font-size: 13px;
}
#tuotekortti p.voimassa, #tuotekortti p.alin {
	display: inline-block;
}
#tuotekortti p.hintaselite {
	margin: 5px 0 0 0;
	line-height: 1.4;
	font-size: 13px;
}

#tuotekortti p.poistuva {
	color: red;
}
#tuotekortti > div.toiminnot div.saatavuus {
	font-size: 13px;
	color: #6C6F74;
}
#tuotekortti > div.toiminnot div.saatavuus > div {
	display: inline-block;
	margin: 2px 0;
}
#tuotekortti > div.toiminnot div.saatavuus > div:first-child { 
	/* margin-right: 15px;*/
}
#tuotekortti > div.toiminnot div.saatavuus p {
	margin: 0;
}
#tuotekortti > div.toiminnot div.saatavuus div.toimitusaika p {
	position: relative;
	padding-left: 23px;

	/*background: url(../../templates/sotka/images/toimitusaika_icon.png) no-repeat left top;*/
}
#tuotekortti > div.toiminnot div.saatavuus div.toimitusaika p:before {
	position: absolute;
	left: 0;
	top: -4px;
	color: var(--color-blue);
	content: '\e816';
	font-family: sotka_icon;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
}
#tuotekortti > div.toiminnot div.saatavuus div {
	display: block;
}

#tuotekortti > div.toiminnot div.saatavuus div#kotiinkuljetus_container {
	min-height: 18px;
}
#tuotekortti > div.toiminnot div.saatavuus div#kotiinkuljetus_container span.selected-zipcode {
	margin-top: 0px;
	display: inline-block;
}

#tuotekortti > div.toiminnot div.saatavuus > .saatavuus-row {
	margin-bottom: 8px;
}
#tuotekortti > div.toiminnot div.saatavuus > .saatavuus-row:nth-last-child(1) {
	margin-bottom: 0;
}
/*
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto,
#tuotekortti > div.toiminnot div.saatavuus div.myymalasaatavuus-header {
	margin-bottom: 5px;
}
*/
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p,
#tuotekortti > div.toiminnot div.saatavuus div.myymalasaatavuus-header p {
	position: relative;
	padding-left: 23px;
}
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p:before,
#tuotekortti > div.toiminnot div.saatavuus div.myymalasaatavuus-header p:before{
	position: absolute;
	left: 0;
	top: -4px;
	color: var(--color-blue);
	transform: scaleX(-1);
	font-family: sotka_icon;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
}
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p.nouto-myymalasta:before {
	content: '\e847';
}
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p.kotiinkuljetus:before {
	content: '\e843';
}

#tuotekortti > div.toiminnot div.saatavuus div.myymalasaatavuus-header p.katso-myymalasta:before {
	 content: '\e807';
	 font-size: 1.2em;
	 top: -1px;
}
#tuotekortti > div.toiminnot div.saatavuus div.myymalasaatavuus-header a.myymalasaatavuus {
	display: inline-block;
	margin-top: 5px;
	margin-left: 25px;
	color: var(--color-blue);
}

#tuotekortti > div.toiminnot div.saatavuus div.myymalasaatavuus-header.kysy-myymalasta a.myymalasaatavuus{
	margin: 1px 0 0 0;
}

#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p span.kuljetus-nouto-link {
	color:  var(--color-blue);
	text-decoration: underline;
	cursor: pointer;

}
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p span.kuljetus-nouto-link:after {
	content: '\f107'; 
	font-family: sotka_icon;
	font-size: 1.1em;
}

#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p span.kuljetus-nouto-link.auki:after {
	content: '\f106';
	font-family: sotka_icon;
	font-size: 1.1em;
}

#tuotekortti > div.toiminnot div.lisatoiminnot p.poistomyymalat {
	margin-bottom: 0;
	padding-right: 10px;
}

#tuotekortti > div.toiminnot div.saatavuus div#postal_code_cookie_container_alue {
	padding: 0 0 10px 0;
	position: relative;
	display: none;
	margin-top: 0px;
}
#tuotekortti > div.toiminnot div.saatavuus div#postal_code_cookie_container_alue input[type="text"] {
	width: 85%;
	font-size: 14px;
	padding-left: 22px;
}

@media screen and (min-width: 550px) {
	
	#tuotekortti > div.toiminnot div.saatavuus div#postal_code_cookie_container_alue input[type="text"] {
		width: 45%;
		height: 45px;

	}
}



#tuotekortti > div.toiminnot div.ei_ostettavissa span,
#tuotekortti > div.toiminnot div.myymalasta span {
	position: relative;
	display: inline-block;
	min-height: 25px;
	padding-left: 40px;

	line-height: 1.4;
	font-size: 13px;
}

#tuotekortti > div.toiminnot div.ei_ostettavissa span {
	background: url('../../templates/sotka/images/ostoskori_harmaa.png') left center no-repeat;
	color: #999;
}
#tuotekortti > div.toiminnot div.ei_ostettavissa span img {
	margin-right: 10px;
}

#tuotekortti > div.toiminnot div.myymalasta span:before {
	position: absolute;
	top: 3px;
	left: 0px;
	color: var(--color-blue);

	content: '\e80b';
	font-family: sotka_icon;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;

	/*background: url('../../templates/sotka/images/saatavuus_myymalasta_icon.png') left center no-repeat;*/
}

#tuotekortti > div.toiminnot div.huomiot {
	font-size: 13px;
	color: #6C6F74;
}
#tuotekortti > div.toiminnot div.huomiot p {
	margin-bottom: 5px;
}
#tuotekortti > div.toiminnot div.huomiot p:last-of-type {
	margin-bottom: 0;
}

#tuotekortti > div.toiminnot div.paatoiminnot {
	margin-top: 10px;
	padding: 15px;

	background-color: #EAEDF2;
}
#tuotekortti > div.toiminnot div.paatoiminnot > * {
	margin-bottom: 10px;
}
/*
#tuotekortti > div.toiminnot div.paatoiminnot > *:nth-child(n+2) {
	margin-bottom: 15px;
}
*/
#tuotekortti > div.toiminnot div.paatoiminnot > *:last-child {
	margin-bottom: 0;
}
#tuotekortti > div.toiminnot div.paatoiminnot div.offer_out_of_stock {
	margin: 15px 0;

	font-size: 22px;
	line-height: 1.2;
	text-align: center;
}
#tuotekortti > div.toiminnot div.paatoiminnot div.offer_out_of_stock a {
	text-decoration: none;
}
#tuotekortti > div.toiminnot div.paatoiminnot div.offer_out_of_stock span {
	font-weight: 600;
}
#tuotekortti > div.toiminnot div.lisatoiminnot {
	margin-top: 8px;
}

#tuotekortti > div.toiminnot div.paatoiminnot > *:nth-last-child(2) {
	margin-bottom: 0;
}
#tuotekortti > div.toiminnot div.lisatoimintonapit {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

#tuotekortti > div.toiminnot input, #tuotekortti > div.toiminnot button, #tuotekortti > div.toiminnot select {
	width: 100%;
	height: 41px;
	box-sizing: border-box;
}

#tuotekortti > div.toiminnot .styled_select {
	width: 100%;
	height: 45px;

	border-color: #DDE1E4;
	background-size: 35px auto;
	background-position: calc(100% - 3px) center;
}
#tuotekortti > div.toiminnot .styled_select:after {
	width: 35px;
	height: 35px;

	line-height: 1.5;
}


#tuotekortti > div.toiminnot select {
	/*padding: 0 10px;*/
}

#tuotekortti > div.toiminnot div.ostoskorinapit input,
#tuotekortti > div.toiminnot div.ostoskorinapit button {
	height: 55px;

	text-align: center;
}
#tuotekortti > div.toiminnot div.ostoskorinapit > div {
	display: inline-block;
	vertical-align: top;
}
#tuotekortti > div.toiminnot div.ostoskorinapit div.maara_box {
	margin-right: 15px;
}
#tuotekortti > div.toiminnot div.ostoskorinapit div.maara_box input {
	width: 55px;

	border: 2px solid #DDE1E4;
}
#tuotekortti > div.toiminnot div.ostoskorinapit div.ostoskori_box {
	width: calc(100% - 70px);
}
#tuotekortti > div.toiminnot div.ostoskorinapit div.ostoskori_box.full-width {
	width: 100%;
}
#tuotekortti > div.toiminnot div.ostoskorinapit input.ostoskoriin {
	display: block;
	width: 100%;
	padding: 0 0 0 39px;
	box-sizing: border-box;
	cursor: pointer;

	background: var(--color-cart-green) url('../../templates/sotka/images/ostoskori_valkoinen.png') no-repeat;
	background-position: 5% center;
	background-position: calc(50% - 80px) center;
	background-size: 24px auto;
	border: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
}
#tuotekortti > div.toiminnot div.ostoskorinapit input.ostoskoriin span {
	position: relative;
}
#tuotekortti > div.toiminnot div.ostoskorinapit input.ostoskoriin span:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -5px;
	left: -34px;
	width: 29px;
	height: 27px;
	margin-right: 10px;
	background-color: #222;
}
#tuotekortti > div.toiminnot div.ostoskorinapit input.ostoskoriin:hover {
	filter: brightness(1.05);
}

#tuotekortti > div.toiminnot div.ostoskorinapit input.ostoskoriin.outofstock {
	background: red;
	pointer-events: none;
	cursor: not-allowed;
}

#tuotekortti > div.toiminnot input.muistilistalle {
	height: 20px;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

#tuotekortti > div.toiminnot div.lisatoimintonapit > div:first-child {
	width: calc(100% - 25px);
}

#tuotekortti > div.toiminnot div.lisatoimintonapit > div:last-child {
	width: 25px;
}

#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle_wrapper:before {
	position: absolute;
	top: 1px;
	right: 3px;
	color: #d60057;
	content: '\e800';
	font-family: sotka_icon;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
}

#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle_wrapper.adding:before {
	animation: memory-list-color-change 1s infinite;
}

@keyframes memory-list-color-change {
  0% {color: #d60057;} 50% {color: #ffd700;} 100% {color: #d60057;} 
}

#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle:hover {
	color: #d60057;
}

#tuotekortti > div.toiminnot div.lisatoiminnot a.video {
	height: auto;
	margin-right: 0;
	margin-bottom: 0;
}
#tuotekortti > div.toiminnot div.lisatoiminnot a.video img {
	margin-left: 20px;
}

#tuotekortti div.merkit {
	margin: 30px 0;
}
#tuotekortti div.merkit img {
	margin: 0 10px 10px 0;
	max-height: 80px;
	max-width: 150px;
}
#tuotekortti div.merkit img.svg {
    height: 80px;
}

#tuotekortti > div.toiminnot #saatavuus_tulokset p {
	text-align: left;
	margin-bottom: 8px;
}
#tuotekortti #saatavuus_tulokset p img {
	margin: -3px 3px 0 0;
}

#tuotekortti > div.toiminnot div.osamaksu_wrap {
	margin: 20px 0;
	border: 1px solid #E8EBEE;
	padding: 15px;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-verkkokauppa {
	padding-top: 10px;
	padding-bottom: 0;	
}

#tuotekortti > div.toiminnot a.osamaksulla {
	text-decoration: none;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner span.esim  img{
	margin-left: 8px;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.esim .info {
	line-height: 25px;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.esim .info::after {
	clear: both;
}

#tuotekortti > div.toiminnot a.osamaksulla .info {
	vertical-align: middle;
	color: var(--color-blue);
	font-size: 1.5em;
}

#tuotekortti > div.toiminnot div.tasaerin {
	background: #fff;
	text-align: center;

	min-height: 55px;
	background: url('../images/k-plussa-mastercard.png') no-repeat left center;
}

#tuotekortti > div.toiminnot div.tasaerin-verkkokaupassa a:link {
	display: block;

}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.tasaerin {
	background: none;
	min-height: auto;
	text-align: left;
	margin-bottom: 0px;
}

#tuotekortti > div.toiminnot  div.osamaksu-wrap-inner  p.payment-plan-info {
	display: block;
	font-size: 12px;
	max-width: 465px;
	line-height: 1.3;
	margin-top: -15px;
	margin-bottom: 0;
	clear: both;
	
}

#tuotekortti > div.toiminnot  div.osamaksu-wrap-inner  p.payment-plan-info strong {
	white-space: nowrap;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner   p.payment-plan-info a {
	display: inline;
	text-decoration: none;
	color: var(--color-blue);
}

#tuotekortti > div.toiminnot div.tasaerin div.otsikko,
#tuotekortti > div.toiminnot div.info_popup .hinta {
	color: #FC7E10;
}

#tuotekortti > div.toiminnot div.tasaerin div.otsikko {
	/*height: 42px;*/
	box-sizing: border-box;
	font-size: 14px;
	padding: 8px 0 0 100px;
	text-align: left;
	font-weight: 700;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.otsikko {
	padding: 0;
	float: left;
	margin-right: 5px;
	line-height: 25px;
}

#tuotekortti > div.toiminnot div.tasaerin div.esim {
	box-sizing: border-box;
	font-size: 12px;
	padding: 0px 0 0 100px;
	text-align: left;
	line-height: 25px;

}
#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.tasaerin div.esim  {
	padding: 0;
	font-size:14px;
	float: left;
	
}
#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.sotka-era-otsikko span.tasaerin-ei-osamaksu  {
	font-weight: normal;
	color: #000;
	
}


#tuotekortti > div.toiminnot div.tasaerin div.esim span.hinta {
	font-weight: 700;
}
#tuotekortti > div.toiminnot div.tasaerin span.tasaerin-tai {
	color: #000; 
	font-weight: normal; 
}

#tuotekortti > div.toiminnot div.kampanja_wrap {
	margin: 20px 0;
}
#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.sotka-era-otsikko {
	color: var(--color-blue);
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.lindorff_info_popup {
	width: 100%;
	font-size: 13px;
	text-align: left;
}

@media screen and (min-width: 368px) {
	#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.lindorff_info_popup {
		width: 385px;
	}
}

#tuotekortti > div.toiminnot div.lindorff_info_popup  p.lindorff-logo {
	
	text-align: center;
	margin-bottom: 15px;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-container {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-container td {
	border: 1px solid #D6D6D6;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-container td.selected {
	background-color: #F5F5F5;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-container td:hover {
	background-color: #F5F5F5;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan {
	width: 100%;
	display: none;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan td {
	padding: 4px 0;
	margin: 0;
	width: 60px;
	color: #A7A5A6;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan td:nth-child(2) {
	text-align: right;
	white-space: nowrap;
	width: 40px;
	color: #000;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan td.osamaksu-verkkokauppa-link {
	padding-top: 10px;
}

#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan td.osamaksu-verkkokauppa-link a:link,
#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan td.osamaksu-verkkokauppa-link a:active,
#tuotekortti > div.toiminnot div.osamaksu-wrap-inner table.osamaksu-verkkokauppa-kk-plan td.osamaksu-verkkokauppa-link a:visited {
	color: var(--color-blue);
	font-size: 12px;
}


#tuotekortti > div.toiminnot div.osamaksu-wrap-inner span.osamaksu-verkkokauppa-kk-korostus {
	color: #FF0022;
}

#tuotekortti > div.toiminnot div.kampanja_wrap a.ilmainen_kotiinkuljetus {
	display: inline-block;
	height: 46px;
	padding-left: 56px;
	overflow: hidden;

	color: #03AECF;
	font-size: 15px;
	line-height: 1.2;
}
#tuotekortti > div.toiminnot div.kampanja_wrap a.ilmainen_kotiinkuljetus:before {
	position: absolute;
	top: -5px;
	left: 0;

	content: '\e843';
	font-family: sotka_icon;
	font-size: 3em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#tuotekortti > div.toiminnot div.kampanja_wrap a.ilmainen_kotiinkuljetus span {
	display: inline-block;
	margin: 4px 0;
	vertical-align: top;
}
#tuotekortti > div.toiminnot div.kampanja_wrap a.ilmainen_kotiinkuljetus span.text {
	width: 250px;
}
#tuotekortti > div.toiminnot div.kampanja_wrap a.ilmainen_kotiinkuljetus span.block {
	width: 150px;
	padding: 10px 0;

	background-color: #03AECF;
	font-size: 13px;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 767px) {
	#tuotekortti > div.toiminnot div.tasaerin {
		margin: 15px 0 20px;
		background: none;
	}
	#tuotekortti > div.toiminnot div.tasaerin div.otsikko,
	#tuotekortti > div.toiminnot div.tasaerin div.esim {
		padding: 5px 0 0 0;
	}
	
	#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.tasaerin {
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.tasaerin  div.otsikko,
	#tuotekortti > div.toiminnot div.osamaksu-wrap-inner div.tasaerin div.esim {
		padding: 0;
	}
}	


#tuotekortti > div.toiminnot div.info_popup {
	position: absolute;
	top: 15px;
	right: 0;
	width: 300px;
	padding: 20px;
	z-index: 999;

	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	text-align: center;
	font-size: 12px;
}
#tuotekortti > div.toiminnot div.info_popup h2 {
	font-size: 16px;
	line-height: 1.2;
}
#tuotekortti > div.toiminnot div.info_popup p {
	margin-bottom: 10px;
}
#tuotekortti > div.toiminnot div.info_popup .sulje {
	float: right;
	position: relative;
	top: -10px;
	right: -10px;
	cursor: pointer;

	color: #B4B4B4;
	font-size: 1.8em;
}
#tuotekortti > div.toiminnot div.info_popup img.kortti {
	transform: rotate(-10deg);
	margin-bottom: 10px;
}
#tuotekortti > div.toiminnot div.info_popup p.osamaksu-info {
	margin-bottom: 15px;

	font-size: 14px;
    font-weight: bold;
    color: var(--color-blue);
}
#tuotekortti > div.toiminnot div.info_popup a.osamaksu_link {
	text-decoration: none;
	display: block;
	padding: 8px 0;
	background-color: var(--color-blue);
	color: #fff;
}

#tuotekortti div.tietoalue_oikea {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 15px;

	background-color: #EAEDF2;
}
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue {
	padding: 30px 0 0 0;
}
#product_qr_code{
	display: none;
}
#tuotekortti div.tietoalue_oikea h2 {
	margin: 0;
	padding: 0;
}
#tuotekortti div.tietoalue_oikea h2#tuotetiedot {
	background: none;
}
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue table:last-child tr:last-child p:last-child,
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue table:last-child div.pesumerkit,
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue table:last-child tr:last-child img {
	margin-bottom: 0;
}

#tuotekortti div.tietoalue_oikea.tabs {
	position: relative;
}
#tuotekortti div.tietoalue_oikea.tabs::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 60px;
	width: calc(100% - 30px);
	height: 1px;
	background: var(--color-blue);
}
#tuotekortti div.tietoalue_oikea.tabs > h2 {
	display: inline-block;	
	position: relative;
	cursor: pointer;	
	margin: 0 20px 0 0;
	padding: 0;
	line-height: 45px;
	font-size: 22px;
}
#tuotekortti div.tietoalue_oikea.tabs > h2:last-of-type {
	margin-right: 0;
}
@media screen and (max-width: 500px) {
	#tuotekortti div.tietoalue_oikea.tabs > h2 {
		font-size: 18px;
	}
}
#tuotekortti div.tietoalue_oikea.tabs > h2.on::after {
	content: '';
	background: var(--color-blue);
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
}
@media screen and (min-width: 1024px) {
	#tuotekortti div.tietoalue_oikea.tabs::before {
		left: 30px;
		top: 80px;
		width: calc(100% - 60px);
	}
	#tuotekortti div.tietoalue_oikea.tabs > h2 {
		margin: 0 30px 0 0;
		line-height: 50px;
	}
}
#tuotekortti div.tietoalue_oikea.tabs > div:not(.tab_product_info) {
	display: none;
}
#tuotekortti div.tietoalue_oikea.tabs div.article {
	padding: 20px 0;
}
#tuotekortti div.tietoalue_oikea.tabs div.article:last-of-type {
	padding-bottom: 0;
}
#tuotekortti div.tietoalue_oikea.tabs div.article:not(:first-of-type) {
	border-top: 1px solid #d1dae9;
}
#tuotekortti div.tietoalue_oikea.tabs div.article div.image {
	text-align: center;
	margin-bottom: 10px;
}
#tuotekortti div.tietoalue_oikea.tabs div.article div.image img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 120px;
}
#tuotekortti div.tietoalue_oikea.tabs div.article div.name {
	margin-bottom: 10px;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}
#tuotekortti div.tietoalue_oikea.tabs div.article div.link {
	text-align: center;
}
#tuotekortti div.tietoalue_oikea.tabs div.article div.link a {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background: var(--color-blue);
	text-decoration: none;
}
#tuotekortti div.tietoalue_oikea.tabs div.article div.link a:hover {
	filter: brightness(1.1);
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
	#tuotekortti div.tietoalue_oikea.tabs div.article {
		display: flex;
		justify-content: space-between;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article > div {
		margin-bottom: 0 !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.image {
		flex-basis: 25%;
		height: 150px;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.name {
		flex-grow: 1;
		text-align: left;
		padding-right: 5%;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.image + div.name {
		padding-left: 5%;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.link a {
		padding: 15px 30px;
		white-space: nowrap;
	}
}
@media screen and (min-width: 1366px) {
	#tuotekortti div.tietoalue_oikea.tabs div.article::after {
		content: '';
		display: table;
		clear: both;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.image {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.name,
	#tuotekortti div.tietoalue_oikea.tabs div.article div.link {
		text-align: left;
	}
	#tuotekortti div.tietoalue_oikea.tabs div.article div.image + div.name,
	#tuotekortti div.tietoalue_oikea.tabs div.article div.image + div.name + div.link {
		width: 50%;
		float: right;
		margin-bottom: 0;
		padding-left: 20px;
		padding-top: 10px;
	}
}

#tuotekortti > div.toiminnot div.kangastuotteet {
	display: none;
}
#tuotekortti > div.toiminnot div.media {
	display: none;
}
#tuotekortti div.myyntiteksti {
	padding: 0 15px;
}
#tuotekortti div.myyntiteksti > div {
	line-height: 1.4;
}
#tuotekortti #tuotetiedot_alue,
#tuotekortti #rakennekuva_alue,
#tuotekortti #mukavuutta_alue,
#tuotekortti #muut_mallit_alue,
#tuotekortti #jalat_alue,
#tuotekortti #paadyt_alue,
#tuotekortti #sijauspatjat_alue,
#tuotekortti #hoitotuotteet_alue {
	/*overflow: hidden;*/
	zoom: 1;
	/*padding: 0 15px;*/
}
#tuotekortti #tuotetiedot_alue div.tiedot > div {
	margin-bottom: 20px;
	line-height: 1.4;
}
#tuotekortti a.liite:link, #tuotekortti a.liite:visited {
	color: #36a4b3;
}
#tuotekortti #tuotetiedot_alue table.tuotedata td:nth-child(odd) {
	width: 180px;
	padding-right: 10px;
	vertical-align: top;
}
@media screen and (max-width: 480px) {	
	#tuotekortti #tuotetiedot_alue table.tuotedata {
		font-size: 0.9em;
	}
	#tuotekortti #tuotetiedot_alue table.tuotedata td:nth-child(odd) {
		width: 130px;
	}
}
#tuotekortti #tuotetiedot_alue table.tuotedata a {
	overflow-wrap: anywhere;
}
#tuotekortti #tuotetiedot_alue table.tuotedata div.pesumerkit {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}
#tuotekortti #tuotetiedot_alue table.tuotedata div.pesumerkit img {
	margin: 0 10px 10px 0;
	display: inline-block;
}

#tuotekortti #tuotetiedot_alue table.tuotedata p.pakkauskoko-otsikko span {
	white-space: nowrap;
}
#tuotekortti div.osaluettelo_wrapper {
	margin-top: 20px;
}
.mfp-container #tuotekortti div.osaluettelo_wrapper { margin-top: 0; }
#tuotekortti #osaluettelo_alue {
	/*display: none;*/
	padding-bottom: 20px;
}
#tuotekortti #osaluettelo_alue div.osatuote {
	padding: 10px 0;

	border-bottom: 1px solid #ddd;
}
#tuotekortti #osaluettelo_alue div.osatuote:last-child {
	border-bottom: none;
}
#tuotekortti #osaluettelo_alue table {
	width: 100%;
}
#tuotekortti #osaluettelo_alue td.hinta {
	width: 30%;
	text-align: right;
	vertical-align: middle;
}
#tuotekortti #osaluettelo_alue td.hinta div.hinta {
}
#tuotekortti #osaluettelo_alue div.osatuote a:link, #tuotekortti #osaluettelo_alue div.osatuote a:visited {
	text-decoration: none;
	font-size: 15px;
}
#tuotekortti #osaluettelo_alue div.osatuote a:hover, #tuotekortti #osaluettelo_alue div.osatuote a:active {
	text-decoration: underline;
}
#tuotekortti #osaluettelo_alue div.osatuote div.mitat, 
#tuotekortti div.konfbom_osaluettelo_alue div.osatuote div.mitat {
	margin-top: 10px;
	font-size: 13px;
}
#tuotekortti #osaluettelo_alue div.osatuote div.hinta {
	margin-top: 15px;
	font-size: 28px;
	font-weight: 600;
}
#tuotekortti #osaluettelo_alue div.osatuote div.hinta span.normihinta {
	margin-left: 10px;

	font-size: 14px;
	font-weight: 500;
	text-decoration: line-through;
}
#tuotekortti #osaluettelo_alue div.osatuote div.hinta span.kpl {
	margin-left: 10px;

	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
#tuotekortti #osaluettelo_alue div.osatuote div.kuva {
	position: relative;
	width: 130px;
	float: left;
	margin-right: 20px;
	text-align: left;
}
#tuotekortti #osaluettelo_alue div.osatuote div.kuva div.icons_left span.takuuhinta_block {
	width: 70px;
	height: 39px;
}
#tuotekortti #osaluettelo_alue div.osatuote div.kuva div.icons_left span.juhlaetu_block {
	width: 40px;
	height: 40px;
}
#tuotekortti #osaluettelo_alue div.osatuote div.tiedot {
	float: right;
	width: 70%;
	width: calc(100% - 150px);
}
#tuotekortti #osaluettelo_alue div.osatuote .poistuva {
	font-size: 12px;
}
#tuotekortti #osaluettelo_alue div.osatuote div.hinta div.lisaa_ostoskoriin {
	display: block;
	margin: 10px 0 0 0;
	font-weight: 400;
}
#tuotekortti #osaluettelo_alue div.osatuote div.hinta input.ostoskoriin {
	width: 36px;
	height: 30px;
    background: var(--color-cart-green) url('../../templates/sotka/images/ostoskori_valkoinen.png') no-repeat center center;
	background-size: 16px auto;
	cursor: pointer;
	border: none;
}
#tuotekortti #osaluettelo_alue div.osatuote div.hinta input.ostoskoriin:hover {
	filter: brightness(1.05);
}
#tuotekortti div.tuotekortti_slider {
	margin-bottom: 30px;
}

#tuotekortti .admin_info {
	color:#cc0000;
}
#tuotekortti .nayta_saldot_painike {
	width:200px; 
	padding:10px; 
	background:white; 
	box-sizing:border-box; 
	color:#cc0000; 
	display:block;
	border:1px solid #cc0000;
	margin:10px 0px 10px 15px; 
	font-weight:700;
	text-align:center;
	text-decoration:none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
}
#tuotekortti .nayta_saldot_painike.big {
	margin:15px 0px 20px; 
	width:100%; 
	padding:20px; 
}
#tuotekortti #osaluettelo_alue div.osatuote div.component-konfbom-osat {
	padding: 15px 0px;
	color:#cc0000;
}
#tuotekortti #osaluettelo_alue div.osatuote div.component-konfbom-osa {
	padding: 5px 0px;
	float:left;
}
#tuotekortti #osaluettelo_alue div.osatuote .clear{
	padding:7px 0px;
}


/**
 * D365 -->
 */
#tuotekortti div.cart_wrapper > div.button_loading_overlay_container {
    display: none;
}
#tuote_popup div.cart_wrapper.loading input.ostoskoriin, 
#tuotekortti div.toiminnot div.cart_wrapper.loading input {
    color: transparent;
    opacity: .4;
    background-image:none;
}
#tuote_popup div.cart_wrapper.locked > div.button_loading_overlay_container,
#tuote_popup div.cart_wrapper.loading > div.button_loading_overlay_container,
#tuotekortti div.cart_wrapper.locked > div.button_loading_overlay_container,
#tuotekortti div.cart_wrapper.loading > div.button_loading_overlay_container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    display: block;
    cursor: wait;
}
/*#tuote_popup div.cart_wrapper.loading::after
#tuotekortti div.purchase_info_wrapper div.cart_wrapper.loading::after{
    display: none;
}*/
#product_card div.cart_wrapper.locked div.button_loading_overlay_container{
    background: rgb(255 255 255 / 75%); 

}
#tuote_popup div.cart_wrapper.loading  div.button_loading_overlay_container:before,
#tuotekortti div.cart_wrapper.loading div.button_loading_overlay_container:before {
    content: '\f110';
    font-family: 'sotka_icon';
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    font-size: 22px;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 18px;
    margin-top: -11px;
}
#tuote_popup div.cart_wrapper.loading > div.button_loading_overlay_container:after,
#tuotekortti  div.cart_wrapper.loading div.button_loading_overlay_container:after {
    content: 'Odota, lisätään...';
    color: #fff;
    font-size: 1.2em;
    border: none;
    padding: 0 55px;
    height: 55px;
    left: 0;
    position: absolute;
    line-height: 55px;
}
/*
#tuote_popup div.cart_wrapper.loading.still_waiting > div.button_loading_overlay_container:after,
#product_card > div.purchase_info_wrapper div.cart_wrapper.loading.still_waiting > div.button_loading_overlay_container:after {
    content:  'Vielä hetki, pahoittelut viiveestä..';
}

@media(max-width: 1200px) and (min-width: 1024px){

    #product_card > div.purchase_info_wrapper div.cart_wrapper.loading.still_waiting > div.button_loading_overlay_container:after {

        content:  'Vielä hetki, pahoittelut..';
        font-size: 1em;
    }
}*/

/**
 * <-- D365
 */

#tuotekortti #product_details_wrapper #mittatilaus_error_info {
	display: none;
}


#tuotekortti div.mukavuutta_wrapper {
	margin-top: 20px;
}
#tuotekortti .product_recommendation_container{
	margin-top: 20px;
	width:100%;
}

/* Mittatilausmatot */

#tuotekortti div.toiminnot div.mittatilausvalinta {
	margin-top: 10px;
    margin-bottom: 15px;
}

#tuotekortti div.toiminnot div.mittatilausvalinta i {
    color: #00A4AE;
    font-size: 15px;
}

#tuotekortti div.toiminnot input.slider_measurement {
    width: 60px;
    height: 19px;
    margin: 0 3px 0 5px;
    border: none;
    text-align: left;
    background-color: transparent;
	padding: 0;
	font-weight: bold;
	color: var(--color-blue);
}

#tuotekortti div.toiminnot #product-width-slider, #tuotekortti div.toiminnot #product-length-slider {
    margin-left: 9px;
	
}
#tuotekortti div.toiminnot #product-width-slider.ui-slider, #tuotekortti div.toiminnot #product-length-slider.ui-slider {
	width: calc(100% - 9px);
}

#tuotekortti div.toiminnot div.mittatilausvalinta input[type="text"] {
	display: inline-block;
	font: inherit;
}

#tuotekortti div.toiminnot #mittatilaus_notify_box {
    margin: 10px 0 0 0;
}
#tuotekortti div.toiminnot #mittatilaus_notify_box .notify-box-content {
    background-color: var(--color-blue);
    color: #fff;
    padding: 8px 0 8px 0;
    position: relative;
    text-align: center
}
@media screen and (min-width: 1024px) {
    #tuotekortti div.toiminnot #mittatilaus_notify_box .notify-box-content {
        padding-left: 12px;
        text-align:left;
    }
}

#tuotekortti div.toiminnot #mittatilaus_notify_box .notify-box-close {    
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    background: transparent url('../images/sotka_mittatilaus_rasti-valk.png') no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

#tuotekortti div.toiminnot #mittatilaus_notify_box .notify-pointer {
    height: 17px;
    background: transparent url('../images/sotka-mittatilaus-nuoli-sin.png') no-repeat 10px 50%;
}

#tuotekortti div.toiminnot #extra_length_field {
    display: none;
    padding-top: 15px;
}
#tuotekortti div.toiminnot #extra_length_field label {
    display: inline-block;
    margin-right: 10px;
}
#tuotekortti div.toiminnot #extra_length_field input {
    width: 100px;
    display: inline-block;
    height: 30px;
    border: 1px solid #b4b4b4;
    padding: 0 5px;
}

/* tuotekortin navigaatio */
div.tuotekortti_navi {
	display: block;
	float: right;
	margin-bottom: 30px;	
}
div.tuotekortti_navi > a:link, div.tuotekortti_navi > a:visited {
	margin-right: 20px;

	font-size: 12px;
}
div.tuotekortti_navi > a:last-of-type {
	margin-right: 0;
}

/* osaluettelo-infoboksi (aukeaa tuotekortilta) */
#tuote_osaluettelo {
	background: #fff;
	position: relative;
	max-width: 800px;
	overflow: auto;
	margin: 20px auto;
	padding: 30px;
	box-sizing: border-box;
}

@media screen and (min-width: 360px) {

	#listatuotteet div.listatuote.list_image {
		height: 262px;
	}
	/*#listatuotteet div.listatuote.list_image.big {
		height: 402px;
	}*/
}
@media screen and (min-width: 550px) {

	#listatuotteet div.listatuote.list_image {
		height: 295px;
	}
}
@media screen and (min-width: 700px) {

	#listatuotteet div.listatuote.list_image {
		height: 295px;
	}
	#listatuotteet div.listatuote.list_image.big {
		height: 602px;
	}

	#tuotekortti h1 {
		font-size: 34px;
	}
	#tuotekortti h1 span {
		position: relative;
		top: -5px;
	}
	#tuotekortti h2.kiinni {
		background-image: url('../images/plus.png');
	}
	#tuotekortti > div.kuva_alue {
		position: relative;
		text-align: center;
	}
	#tuotekortti > div.toiminnot {
		text-align: left;
	}
	#tuotekortti > div.toiminnot div.nimi_ja_hinta {
		box-sizing: border-box;
		padding: 0;
	}
	#tuotekortti div.myyntiteksti {
		padding: 0 20px;
	}
	#tuotekortti #osaluettelo_alue div.osatuote {
		padding: 15px 0;
	}
	#tuotekortti #osaluettelo_alue div.osatuote div.hinta div.lisaa_ostoskoriin {
		display: inline-block;
		margin: 0 0 0 20px;
	}
	#tuotekortti #osaluettelo_alue div.osatuote div.hinta input.ostoskoriin {
		position: absolute;
		bottom: -5px;
	}	
	#tuotekortti div.icons_left > span {
		width: 110px;
		height: 110px;
		border-width: 5px;
		border-radius: 110px;
		font-size: 2.7em;
	}
	#tuotekortti div.icons_left > span.takuuhinta_block {
		width: 150px;
		height: 70.5px;
		border-radius: 0;
	}
	#tuotekortti div.icons_left span.outlet_block,
	#tuotekortti div.icons_left span.loyto_block {
		font-size: 1.75em;
	}
	#tuotekortti div.icons_left span.mittatilaus_block {
		width: 100px;
		height: 110px;
		background-size: 100px 100px;
	}
	#tuotekortti div.icons_left > span > span {
		line-height: 110px;
	}
	#tuotekortti div.icons_left span.euro_discount {
		font-size: 20px;
	}

	#tuotekortti div.icons_left span.campaign_block {
		width: 180px;
	}
	
	#tuotekortti > div.toiminnot div.ostoskorinapit input.ostoskoriin {
		background-position: calc(50% - 90px) center;
		font-size: 15px;
	}
	#tuotekortti > div.toiminnot p.hinta {
		font-size: 88px;
	}
}
@media screen and (min-width: 1024px) {
	#rajaustoggle_wrapper_mobile,
	.main_wrapper_products #tuotelinkki_mobile.header {
		display: none;
	}
	div.suodatus {
		display: block;
		padding: 3px 0;
	}
	#tuoterajaus div.valinnat .styled_checkbox {
	    margin: 0 0 10px;
	}
	#tuoterajaus div.valinnat label {
		background-size: 15px 30px;
	}
	#tuoterajaus .styled_checkbox > input[type="checkbox"] + label {
		line-height: 15px;
		height: 15px;
	}
	#tuoterajaus .styled_checkbox > input[type="checkbox"] {
	    width: 15px;
	    height: 15px;
	}
	#tuoterajaus .styled_checkbox label > span {
	    padding-left: 25px;
	    line-height: 1;
	}
	div.products_heading_wrapper {
		margin-bottom: 40px;
	}
	div.alakategoriat:not(.root) {
		display: none;
	}
	
	.tuotekortti_vasen {
		float: left;
		clear: left;
		width: 56%;
	}
	.tuotekortti_oikea {
		float: right;
		clear: right;
		width: 40%;
	}
	div.tuotekortti_navi {
		float: none;
		position: absolute;
		right: 20px;
		top: 22px;
		margin-bottom: 0;
	}
	#listatuotteet div.listatuote.list_image.big {
		height: 670px;
	}	
	#tuotekortti > div.toiminnot div.kangastuotteet {
		display: block;
	}
	#tuotekortti > div.toiminnot div.kangastuotteet div.kangastuote {
		padding: 20px 0 0 0;
	}
	#tuotekortti > div.toiminnot div.kangastuotteet div.kangastuote  a:link,	#tuotekortti > div.toiminnot div.kangastuotteet div.kangastuote  a:visited {
		display: block;
		text-decoration: none;
	}
	#tuotekortti > div.toiminnot div.kangastuotteet div.kangastuote  span.nimi {
		display: block;
		margin-bottom: 10px;
	}
	#tuotekortti > div.toiminnot div.media {
		display: block;
		padding-top: 15px;
	}
	#tuotekortti > div.toiminnot div.media p { margin-bottom: 0; }
	#tuotekortti > div.toiminnot div.media a.video:link, #tuotekortti > div.toiminnot div.media a.video:visited {
		display: block;
		text-align: center;
		background: #fff;
		padding: 5px;
		font-size: 15px;
		color: #777;
		text-decoration: none;
	}
	#tuotekortti div.myyntiteksti {
		border: 2px solid #eaeaea;
		padding: 15px 15px 0 15px;
		margin-bottom: 20px;
		clear: left;
		float: left;
	}
	#tuotekortti div.tietoalue_oikea {
		margin-top: 0;
		padding: 30px;
	}	
	#tuotekortti #mukavuutta_alue,
	#tuotekortti #muut_mallit_alue,
	#tuotekortti #jalat_alue,
	#tuotekortti #paadyt_alue,
	#tuotekortti #sijauspatjat_alue,
	#tuotekortti #hoitotuotteet_alue {
		padding: 0;
	}
	
	#tuoterajaus div.valinnat div.valinnat_inner div.type-constraint-header:first-of-type {
		padding-top: 0px;
	}
	
	#tuoterajaus div.valinnat div.valinnat_inner div.type-constraint-header {
		
		font-weight: bold;
		padding: 5px 0 15px 0;
		
	}
	
}
@media screen and (min-width: 1028px) {

	#listatuotteet div.listatuote.list_image {
		height: 329px;
	}
}

#tuotekortti div.extra_option_select {
	margin: 0 0 10px 0;
}

#tuotekortti div#patjan_kovuus_wrapper {
	width: 100%;
	margin-top: 0px;
}

#tuotekortti div#patjan_kovuus_wrapper div.valikko {
	margin-right: 0;
	width: 49%;
	float: left;
	margin-bottom: 10px;
}

#tuotekortti div#patjan_kovuus_wrapper div.valikko_oikea {
	float: right;
}

#tuotekortti div#ostoskorinapit {
	margin: 10px 0 15px 0;
}

#tuotekortti div#patjan_kovuus_wrapper div.valikko_levea {
	margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {

	#tuotekortti div#patjan_kovuus_wrapper div.valikko {
		display: block;
		width: 100%;
		float: none;
		margin-bottom: 10px;

	}
}

#tuotekortti .product_recommendation_container{
	margin-top: 20px;
	width:100%;
}


/* ostoskoriin ja muistilistalle lisäämisen ilmoitukset */
.addMessage {
	position: absolute;
	z-index: 100;
	bottom: 110%;

	text-align: left;
	width: 150px;
	font-size: 13px;
	line-height: 1.4;
}
.memoryLoadingImg {
	position: absolute;
	z-index: 100;
	top: 0;
	top: calc(50% - 12px);
	right: 0;
	line-height: 1.4;
	text-align: right;
}
.memoryLoadingImg img {
	margin-right: 10px;
}
div.listatuote .addMessage, div.listatuote .memoryLoadingImg, div.listatuote .addMessageError {
	left: auto;
	right: 0;
}
div.listatuote .memoryLoadingImg {
	top: 0;
	width: 100%;
	height: 100%;

	background-color: var(--color-blue);
	text-align: center;
	line-height: 35px;
}
div.listatuote .memoryLoadingImg img {
	margin-right: 0;
}

.addMessage.muistilista {
	/*position: relative;*/
	background-color: #fff;
	/*background: #fff url(../../templates/sotka/images/toivelista.png) no-repeat 10px center;*/
	/*background-size: 21px auto;*/
	/*color: #fff;*/
	padding: 5px 5px 5px 40px;
	box-shadow: 0 0 5px rgba(0,0,0,.25);
	left: -110px;
	

}
.addMessage.muistilista:before {
	position: absolute;
	left: 10px;
	top: calc(50% - 12.25px);
	color: #d60057;

	content: '\e800';
	font-family: sotka_icon;
	/*font-size: 1.5em;*/
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
}
.addMessage.ostoskori {
	background: #ffffff url('../../templates/sotka/images/ostoskori_sininen.png') no-repeat 10px center;
	background-size: 21px auto;
	/*color: #fff;*/
	padding: 5px 5px 5px 40px;
	box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.addMessageError {
	position: absolute;
	z-index: 100;
	bottom: 100%;
	left: 5px;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 5px #666;
	text-align: left;
	max-width: 150px;
	color: red;
}


/* myymäläsaatavuus-kyselynäkymän tyylit */
#myymalasaatavuus {
	background: #fff;
	max-width: 500px;
	padding: 30px 20px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

#myymalasaatavuus h1 {
	font-size: 25px;
	margin-bottom: 25px;
}

#myymalasaatavuus select {
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	border: 1px solid #a09f9d;
}
#myymalasaatavuus p > img {
	margin-top: -3px;
}
#myymalasaatavuus a.myymalasaatavuus-saatavuusvalinta {
	display: block;
	text-decoration: none;
	font-size: 12px;
	margin: 0 10px 10px 0;
}
@media screen and (min-width: 768px) {
	#myymalasaatavuus a.myymalasaatavuus-saatavuusvalinta {
		font-size: 14px;
	}
}
#myymalasaatavuus a.saatavuusvalinta:hover, #myymalasaatavuus a.saatavuusvalinta:active {
	text-decoration: underline;
}
#myymalasaatavuus div.myymalasaatavuus-kolmannes {
	width: 33.33%;
	float: left;
}


#tuotekortti > div.toiminnot #myymalasaatavuus_header_container {
	margin-right: -25px;
}
#tuotekortti > div.toiminnot #myymalasaatavuus_header_container span.selected-city {
	display: inline-block;
	margin-left: 23px;
}

#tuotekortti > div.toiminnot #myymalasaatavuus_header_container span.selected-city + a.myymalasaatavuus {
	margin-left: 0;
}

@media screen and (max-width: 340px) {
	#tuotekortti > div.toiminnot #myymalasaatavuus_header_container span.selected-city {
		display: block;
		margin-top: 3px;
	}
	#tuotekortti > div.toiminnot #myymalasaatavuus_header_container span.selected-city + a.myymalasaatavuus {
		margin-left: 23px;
		display: inline-block;
		margin-top: 3px;
	}
}

#saatavuus_ajax_container img.saatavuus-loader {
	margin-left: 23px;
	margin-top: 15px;
}

#tuotekortti > div.toiminnot #saatavuus_ajax_container div.saatavuus div.myymalasaatavuus-table {
	display: table;  
	border-collapse: collapse;  
	width: 100%;
	margin-top: 8px;

}

#tuotekortti > div.toiminnot #saatavuus_ajax_container div.saatavuus div.myymalasaatavuus-block {
	display: table-row;
	width: 100%;
}

#tuotekortti > div.toiminnot #saatavuus_ajax_container div.saatavuus div.myymalasaatavuus-block div.myymalasaatavuus-table-cell {
  display:table-cell;
  padding-bottom: 6px;
  line-height: 1.4;

}

#tuotekortti > div.toiminnot #saatavuus_ajax_container div.saatavuus div.myymalasaatavuus-block div.myymalasaatavuus-table-cell:nth-child(1) {
	width: 23px;
}

#tuotekortti > div.toiminnot #saatavuus_ajax_container div.saatavuus div.myymalasaatavuus-block div.myymalasaatavuus-table-cell:nth-child(2) {
	width: calc(100% - 23px);
}
#tuotekortti > div.toiminnot #saatavuus_ajax_container div.saatavuus div.myymalasaatavuus-block:nth-last-child(1) div.myymalasaatavuus-table-cell {
	padding-bottom: 0;
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-info  {
	width: 12px;
	height: 12px;
	background-color: #000;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 3px;
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-vihrea {
	background-color: var(--color-cart-green);
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-oranssi {
	background-color: #FF9D02;
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-keltainen {
	background-color: #FED80A;
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-punainen {
	background-color: #cc0000;
}

div.toiminnot #saatavuus_ajax_container  div.saatavuus div.myymalasaatavuus-block a.myymalasaatavuus {
	color: var(--color-blue);
}

/* kankaan tiedot -boksi */
#kangastiedot {
	background: #fff;
	max-width: 400px;
	padding: 30px 30px 15px 30px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
@media screen and (max-width: 400px) {
	#kangastiedot {
		padding: 30px 15px 15px 15px;
	}
}
#kangastiedot table.info {
	margin-bottom: 15px;
}
#kangastiedot table.info p {
	margin: 0;
}
#kangastiedot img {
	width: 30px;
	height: auto;
	margin: 0 3px 3px 0;
}


/* hakutulosten kategoriarajaus */
#kategoriatoggle {
	padding: 0 15px;
	cursor: pointer;

	background-position: 99% center;
	background-position: calc(100% - 15px) center;
	background-color: #EAEDF2;
	line-height: 40px;
}
#search_result_categories {
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
	padding: 10px 0;
}
div.result-category-block {
	float: left;
	padding: 5px 8px 5px 25px;
	background: #F1EFF0 url('../images/checkbox_haku_rajaus_2.png') no-repeat 5px 50%;
	color: #000;
	margin: 0 5px 5px 0;
	cursor: pointer;
}
div.result-category-block-poisto {
	float: left;
	padding: 5px 8px 5px 25px;
	background: #F1EFF0 url('../images/ruksi.png') no-repeat 5px 50%;
	color: #000;
	margin: 0 5px 5px 0;
	cursor: pointer;
}
div.result-category-block-selected {
	float: left;
	padding: 5px 8px 5px 25px;
	background-color: var(--color-blue);
	color: #fff;
	margin: 0 5px 5px 0;
	cursor: pointer;
	background: var(--color-blue) url('../images/checkbox_haku_rajaus_1.png') no-repeat 5px 50%;
}
#search_result_categories input.rajaa {
	width: 250px;
	height: 35px;
	margin-top: 10px;
	cursor: pointer;

	background: var(--color-blue);
	border: none;
	color: #fff;
	text-transform: uppercase;
}
#search_result_categories input.rajaa:hover {
	filter: brightness(1.1);
}
/*
@media screen and (min-width: 768px) {
	#kategoriatoggle {
		background: none;
		color: #111;
		padding: 0;
	}
	#search_result_categories {
		display: block;
		padding: 0;
	}
	#search_result_categories input.rajaa {
		width: 200px;
	}
}
*/


/* sivutus hakunäkymässä */
div.sorttaus > div.left, div.sorttaus > div.right {
	float: none;
	width: 100%;
}
div.sorttaus div.styled_select {
	margin: 0;
}

@media screen and (min-width: 1024px) {
	div.sorttaus {
		margin-top: 0;
		padding: 15px 0;
	}
	div.sorttaus > div.left {
		float: left;
		width: 55%;
	}

	div.sorttaus > div.right {
		float: right;
		width: 45%;
	}
}

div.sorttaus .page-numbers {
	margin-top: 15px;

	text-align: center;
	border: 2px solid #EAEDF2;
}
div.sorttaus.ala .page-numbers {
	width: 100%;
}
@media screen and (min-width: 1024px) {
	div.sorttaus .page-numbers {
		float: right;
		margin-top: 0;
	}
}
div.sorttaus .page-numbers span,
div.sorttaus .page-numbers a {
    display: inline-block;
	line-height: 35px;
	width: 35px;
	text-align: center;
	margin: 5px 3px;
	color: var(--color-blue);
    background: #fff;
    border: 2px solid #fff;
	font-size: 20px;
	text-decoration: none;
}
div.sorttaus .page-numbers > *:first-child {
    margin-left: 5px;
}
div.sorttaus .page-numbers > *:last-child {
    margin-right: 5px;
}
div.sorttaus .page-numbers span.selected_page,
div.sorttaus .page-numbers a:hover {
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 35px;
}
div.sorttaus .page-numbers span.prev-page,
div.sorttaus .page-numbers span.next-page,
div.sorttaus .page-numbers span.first-page,
div.sorttaus .page-numbers span.last-page {
	color: #aaa;
}
div.sorttaus.ala {
	padding-top: 80px;
	clear: both;
}
div.sorttaus.ala div.right {
	float: none;
	width: 100%;

	text-align: center;
}
div.sorttaus.ala div.right div.page-numbers {
	display: inline-block;
	float: none;
}

@media screen and (min-width: 1024px) {
	div.sorttaus .page-numbers span,
	div.sorttaus .page-numbers a {
		line-height: 25px;
		width: 25px;
		margin: 3px 2px;

		font-size: 18px;
	}
	div.sorttaus .page-numbers span.selected_page,
	div.sorttaus .page-numbers a:hover {
		border-radius: 25px;
	}
}


/* oma tarjous -kirjautuminen */
/*#omatarjous-login {
	overflow: hidden;
	zoom: 1;
}
#omatarjous-login div.styled_select, #omatarjous-login input.tunnus {
	border: 1px solid #d0d0d0;
	background: #F9F9F9;
	width: 100%;
	box-sizing: border-box;
	padding-left: 10px;
	height: 35px;
	margin-bottom: 10px;
}*/

#omatarjous-login {
	margin-bottom: 150px;
}

#omatarjous-login div.styled_select, #omatarjous-login input.tunnus, #omatarjous-login input.kirjaudu {
	margin-bottom: 10px;
}
#omatarjous-login div.styled_select {
	width: 100%;
	height: 45px;
	background-color: #F9F9F9;
	background-size: 35px auto;
	background-position: calc(100% - 4px) center;
	border-color: #E5E5E5;
	border-width: 1px;
}
#omatarjous-login input.kirjaudu {
	height: 45px;
    width: 100%;
    box-sizing: border-box;

    border: none;
    text-align: center;
    outline: none;
    color: #fff;
    background: var(--color-blue);
    cursor: pointer;
}
#omatarjous-login input.kirjaudu:hover {
	filter: brightness(1.1);
}
@media screen and (min-width: 980px) {
	#omatarjous-login div.styled_select, #omatarjous-login input.tunnus {
		width: 37%;
		margin-bottom: 30px;
		float: left;
		margin-right: 3%;
	}
	#omatarjous-login input.kirjaudu {
		width: 20%;
		float: left;
	}
}


/* oma tarjous -tarjouksen tiedot */
input.omatarjous_kirjaudu_ulos {
	border: none;
    height: 35px;
    width: 150px;
    box-sizing: border-box;

    text-align: center;
    outline: none;
    background: #EAEDF2;
    cursor: pointer;
	float: right;
	margin-bottom: 20px;
}
input.omatarjous_kirjaudu_ulos:hover {
	filter: brightness(0.9);
}
#omatarjous_tiedot {
	background: #F7F7F7;
	padding: 30px 30px 20px 30px;
	line-height: 1.4;
	overflow: hidden;
	zoom: 1;
	clear: both;
	margin-bottom: 30px;
}

#omatarjous_tiedot hr {
    border: none;
    margin: 15px 0;
    height: 0px;
    background: #ccc;
    clear: both;
}
/*
@media screen and (min-width: 768px) {
    #omatarjous_tiedot div.tunnus, #omatarjous_tiedot div.myymala {
        float: left;
        margin-right: 50px;
        margin-bottom: 15px;
    }
    #omatarjous_tiedot div.tietoalue {
        float: left;
        margin-right: 50px;
		margin-bottom: 15px;

    }
}
*/


#omatarjous_tiedot div.tietoalue {
	margin-bottom: 3px;
}

#omatarjous_tiedot .highlight {
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	#omatarjous_tiedot  div.kolmannes {
		float: left;
		width: 30%;
		margin-right: 3.333%;
		margin-bottom: 10px;
	}

	#omatarjous_tiedot div.neljannes {
		float: left;
		width: 25%;
		margin-bottom: 10px;
	}

	#omatarjous_tiedot > div.clear {
		width: 100%;
		margin-right: 0;
	}

}
/*
#omatarjous_tiedot > div:nth-child(n+5) {
	margin-bottom: 0;
}
*/
table.omatarjous_tuotteet {
	min-width: 600px;
	width: 100%;
	margin-bottom: 10px;
}
table.omatarjous_tuotteet td {
	padding: 10px 0;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}
table.omatarjous_tuotteet table td {
	padding: 0;
	border: none;
}

table.omatarjous_tuotteet td p {
	margin: 0;
}

table.omatarjous_tuotteet td a:link, table.omatarjous_tuotteet td a:visited {
	text-decoration: none;
}
table.omatarjous_tuotteet td a:hover, table.omatarjous_tuotteet td a:active {
	text-decoration: underline;
}

table.omatarjous_tuotteet span.hinta {
	/*font-family: 'HelveticaNeueW01-75Bold', Helvetica, sans-serif;*/
	font-size: 2em;
	font-weight: 600;
}
table.omatarjous_tuotteet span.normihinta {
	font-size: 0.9em;
}

table.omatarjous_tuotteet td.otsikko {
	padding: 15px 0;

	background: #EAEDF2;
	border-bottom: none;
}
table.omatarjous_tuotteet tr td:nth-child(5) {
	width: 150px;
}
table.omatarjous_tuotteet input.custom_checkbox {
	float: none;
}

/* oma tarjous -asiakkaan tiedot */
#omatarjous_asiakas {
	margin-bottom: 30px;
	overflow: hidden;
	zoom: 1;
	margin-top: 25px;
}

#omatarjous_lisatiedot .kaksi-kolmannes {
	margin-top: 15px;
}

@media screen and (min-width: 768px) {

	#omatarjous_asiakas {
		margin-top: 0;
	}
}
/*#omatarjous_asiakas div.kolmannes input[type=text], #omatarjous_asiakas div.kolmannes input[type=email] {
	height: 30px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5px;
	border: 1px solid #d0d0d0;
	background: #eaeaea;
	box-shadow: none;
}*/
#omatarjous_asiakas div.kolmannes p {
	margin-bottom: 10px;
}
@media screen and (min-width: 980px) {
	#omatarjous_asiakas div.kolmannes {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	#omatarjous_lisatiedot div.yksi-kolmannes {
		width: 32%;
		margin-right: 2%;
	} 
	#omatarjous_lisatiedot .kaksi-kolmannes {
		margin-top: 44px;
		float: left;
		width: 66%;
		margin-right: 0;
		margin-left: 0%;
	}
	
	#omatarjous_toiminnot input.omatarjous_laheta {
		float: right;
		width: 35%;
		font-size: 1em;
	}
	
	#omatarjous_toiminnot input.omatarjous_maksa {
		width: 35%;
		float: right;
		font-size: 1em;
	}
	
	#omatarjous_lisatiedot #shopping_cart_container .plussalaatikko {
		min-height: 247px;
	}
	
	#omatarjous_lisatiedot #shopping_cart_container div.toimitustavat div.maksutapa {
		min-height: 111px;
	}
	#omatarjous_lisatiedot #shopping_cart_container div.toimitustavat div.maksutapa.lindorff-maksutapa {
		min-height: 75px;
	}
	
}

/* oma tarjous -lisätiedot tarjoukseen liittyen */
#omatarjous_lisatiedot {
	margin-bottom: 30px;
}
#omatarjous_lisatiedot::after {
	content: '';
	display: table;
	clear: both;
}
#omatarjous_lisatiedot div.styled_radio {
	margin: 0 0 15px 0;
}

#omatarjous_lisatiedot div.vasen {
	margin-bottom: 20px;
}
#omatarjous_lisatiedot textarea {
	width: 100%;
	height: 120px;
	box-sizing: border-box;
	resize: none;
	overflow: auto;

	margin-top: 7px;
}
input.omatarjous_laheta {
	background: var(--color-blue);
	color: #fff;
	width: 100%;
	float: right;
	box-sizing: border-box;
	padding: 10px 0;
	height: 65px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	cursor: pointer;
	font-size: 1em;
	margin-bottom: 50px;
}
input.omatarjous_laheta:hover {
	filter: brightness(1.1);
}
a.tulosta_omatarjous {
	background: var(--color-blue);
	color: #fff;
	box-sizing: border-box;
	padding: 0 15px 0 15px;
	border: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
	display: inline-block;
}
a.tulosta_omatarjous:hover {
	filter: brightness(1.1);
}

@media screen and (min-width: 980px) {
	#omatarjous_lisatiedot div.vasen {
		float: left;
		width: 48%;
		margin-bottom: 0;
	}
	#omatarjous_lisatiedot div.oikea {
		float: right;
		width: 48%;
		
	}
	
	#omatarjous_lisatiedot div.plussalaatikko div.content:nth-of-type(1) { width: 100%; display: block; margin: 0 0 10px 0; height: auto; }
	#omatarjous_lisatiedot div.plussalaatikko div.content:nth-of-type(2) { width: 50%;  margin-right: 2%; }
	#omatarjous_lisatiedot div.plussalaatikko div.content:nth-of-type(3) { width: auto; margin-right: 0; }
	#omatarjous_lisatiedot div.plussalaatikko div.content:nth-of-type(4) { width: 100%; margin-right: 0; height: auto;}

}

@media screen and (min-width: 1360px) {
	#omatarjous_lisatiedot div.plussalaatikko div.content:nth-of-type(4) { width: 100%; margin-right: 0; margin-top: 10px; height: auto; }
}

input.omatarjous_maksa, input.omatarjous_siirry_maksamaan {
     background: var(--color-cart-green);
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: 20px;
	margin-bottom: 10px;
	font-size: 1em;
	height: 65px;


}

input.omatarjous_siirry_maksamaan  {
	width: 100%;
	float: right;
}

input.omatarjous_maksa:hover {
	filter: brightness(1.1);
}	

input.omatarjous_maksa.omatarjous_maksa_disabled {
	background: #ccc url('../images/ajax-loader.gif') no-repeat 95% center;
	pointer-events: none;
	cursor: wait;
	opacity: 0.65;
	filter: alpha(opacity=65);
	color: #000;
}

#omatarjous_lisatiedot div.plussa-info {
	margin-top: 15px;
	font-size: 0.9em;
}


#omatarjous_tiedot_tuotteet.omatarjous-peitto,
#omatarjous_asiakas.omatarjous-peitto,
#omatarjous_lisatiedot.omatarjous-peitto,
#omatarjous_lisatiedot #omatarjous_payment_methods_container.omatarjous-peitto {
	pointer-events: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#omatarjous_lisatiedot #omatarjous_payment_methods_container.omatarjous-peitto { 
	pointer-events: none;
	cursor: wait;

}

@media screen and (min-width: 600px) {

	#omatarjous_lisatiedot div.plussalaatikko {
		margin-top: 0;
	}
	
	input.omatarjous_maksa {
		float: right;
		width: 50%;
		font-size: 0.9em;
	}
	
	input.omatarjous_siirry_maksamaan  {
		width: 35%;
		margin-top: 25px;
	}

	input.omatarjous_laheta {
		float: right;
		width: 50%;
		font-size: 0.8em;
	}
	
	
	#omatarjous_toiminnot #omatarjous_tai {
		font-size: 15px;
		line-height: 65px;
		margin-bottom: 0px;
		display: inline-block;
		vertical-align: middle;
		margin-top: 20px;

	}
	


}


#omatarjous_lisatiedot div.plussalaatikko {
	margin-top: 40px;
}

#omatarjous_toiminnot {
	margin-top: 25px;
	text-align: center;
}

#omatarjous_toiminnot #omatarjous_tai {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
	display: inline-block;
}

#omatarjous_lisatiedot #payment_methods_wrapper {
	text-align:left;
	float: left;
	width: 100%;
}

#omatarjous_lisatiedot #payment_methods_wrapper h3 {
	margin-top: 0px;
}

#omatarjous_lisatiedot div.hyvaksy_ehdot {
	padding: 0;
}

/* popup-tuotekortti */
#tuote_popup {
	background: #fff;
	max-width: 800px;
	min-height: 400px;
	padding: 30px 20px;
	box-sizing: border-box;
	margin: 20px auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
#tuote_popup div.kuva_alue {
	text-align: center;
	margin-bottom: 30px;
}
#tuote_popup div.info_alue h2 {
	font-size: 15px;
}
#tuote_popup div.info_alue h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
#tuote_popup div.info_alue div.hintatiedot {
	margin-bottom: 15px;
}
#tuote_popup div.info_alue p.alkaen {
	margin-bottom: 0;
}
#tuote_popup div.info_alue p.hinta {
	font-size: 24px;
	margin-bottom: 0;
}
#tuote_popup div.info_alue p.hinta sup {
	margin-left: 1px;
}
#tuote_popup div.info_alue span.etu {
	font-family: 'HelveticaNeueW01-55Roma', Helvetica, sans-serif;
	font-size: 13px;
}
#tuote_popup div.info_alue p.etu, #tuote_popup div.info_alue p.mallistoon, #tuote_popup div.info_alue p.voimassa {
	margin-bottom: 0;
}
#tuote_popup div.info_alue p.poistuva {
	color: red;
	margin-bottom: 0;
}
#tuote_popup div.info_alue input.muistilistalle {
	text-indent: -9999px;
	width: 35px;
	height: 35px;
	background: #75d2d9 url('../images/muistilista_valk.png') no-repeat center center;
	border: none;
	float: left;
	margin: 0 3px 0 0;
	cursor: pointer;
}
#tuote_popup div.info_alue input.muistilistalle:hover {
	background: #5ac9d1 url('../images/muistilista_valk.png') no-repeat center center;
}
#tuote_popup div.info_alue input.ostoskoriin {
	text-indent: -9999px;
	width: 35px;
	height: 35px;
	background: #72a679 url('../images/ostoskarry_valk.png') no-repeat center center;
	border: none;
	float: left;
	margin: 0 0 0 0;
	cursor: pointer;
}
#tuote_popup div.info_alue input.ostoskoriin:hover {
	background: #5a8f61 url('../images/ostoskarry_valk.png') no-repeat center center;
}
@media screen and (min-width: 600px) {
	#tuote_popup div.kuva_alue {
		float: left;
		width: calc(45% - 15px);
		margin-bottom: 0;
	}
	#tuote_popup div.info_alue {
		float: right;
		width: calc(55% - 15px);
	}
}


/* tyhjä rajausnäkymä */
div.tyhja_rajaus {
	background-color: #8FB8CA;
	height: 120px;
	box-sizing: border-box;
	margin-top: 40px;

	font-size: 17px;
	color: #fff;
}
div.tyhja_rajaus > div { padding: 0 20px; }
@media screen and (min-width: 600px) {
	div.tyhja_rajaus {
		height: 170px;
	}
}


/* tarjoukset-sivun tyylejä */
div.tarjous_kategoria {
	background: #e9e5e4;
	padding-left: 10px;
	margin: 20px 0 15px 0;
	position: relative;
	z-index: 3;
	font-size: 24px;
	line-height: 40px;
}
div.tarjous_kategoria a:link, div.tarjous_kategoria a:visited {
	color: #fff;
	text-decoration: underline;
	font-size: 15px;
	border-left: 3px solid #fff;
	background: #75d2d9;
	float: right;
	display: block;
	padding: 0 10px;
}
div.tarjous_kategoria a:hover, div.tarjous_kategoria a:active {
	text-decoration: none;
}
@media screen and (max-width: 480px) {
	div.tarjous_kategoria a span.kategoria {
		display: none;
	}
}


/* asiakkaan tilaukset */
table.customer_orders, table.customer-stored-carts {
	width: 100%;
	margin-bottom: 30px;
}
table.customer_orders td.header, table.customer-stored-carts td.header {
	background: none;
	color: #111;
	border: none;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
}
table.customer_orders td, table.customer-stored-carts td {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
@media screen and (max-width: 479px) {
	table.customer_orders tr td:nth-child(3), table.customer_orders tr td:nth-child(4) {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	table.customer_orders tr td:nth-child(6) {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	table.customer_orders td, table.customer-stored-carts td {
		font-size: 11px;
	}
}
/* saatavuusikonit */
.availability_icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	position: relative;
	top: 2px;

	/*border-radius: 15px;*/
}
.availability_icon_smaller {
	width: 13px;
	height: 13px;
	top: 2px;
}

/*.available { color: #C4EE20; }*/
.available .availability_icon { background-color: var(--color-cart-green); }

/*.not_available { color: #ee2b2b; }*/
.not_available .availability_icon { background-color: #ee2b2b; }

/*.soon_available { color: #ef982c; }*/
.soon_available .availability_icon { background-color: #ef982c; }

/*.available_soon { color: #ee2b2b; }*/
.available_soon .availability_icon { background-color: #ee2b2b; }


/* tilauksen statukset */
.status-avoin {
	color: #D62F2F;
}
.status-kasittelyssa {
	color: #EE9E13;
}
.status-maksettu {
	color: #73B435;
}
.status-valmis {
	color: #0490E8;
}
.status-peruuntunut {
	color: #A5A5A5;
}
.status-kuljetuksessa, .status-toimitusvalmis {
	color:  #0490E8;
}
.status-toimitettu, .status-odottaa-toimitusta {
	color: #73B435;
}
.status-kokopalautus {
    color: #F06C02;
}




/* Jquery ui slider */
div.ui-slider {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 8px;
	padding: 0 !important;

	border: 0;
	background: #DADDE2;
	border-radius: 2px;
	color: #333333;
	text-align: left;
}
div.ui-slider div.ui-slider-range {
	display: block;
	/*width: 100%;*/
	height: 8px;
	z-index: 1;

	border: 0;
	background-color: #B5D1DF;
	background-position: 0 0;
	font-size: .7em;
	color: #3b3b3b;
	font-weight: bold;
}
div.ui-slider span.ui-slider-handle {
	width: 18px;
	height: 18px;
	position: absolute;
	top: -7px;
	margin-left: -.6em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	outline: none;
	z-index: 2;

	background-color: var(--color-blue);
	border: 1px solid transparent;
	border-radius: 14px;
	color: #3b3b3b;
}
div.ui-slider span.ui-state-hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
div.ui-slider span.ui-state-active {
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

@media screen and (min-width: 1024px) {
	#tuoterajaus div.valinnat div.ui-slider {
		width: calc(100% - 17px);
	}

	div.ui-slider span.ui-slider-handle {
		width: 13px;
		height: 13px;
		top: -4px;
	}
}


/* Modaalipopup */
/* ========================================================================== */
#modaali_popup{
	width: 100%;
	background-color: white;
	max-width: 992px;
	margin: 20px auto;
	padding: 30px 20px 20px;
	position: relative;
}
#modaali_popup.loading > *{
	filter: blur(4px);
}
#modaali_popup.loading:before{
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #ffffffd1;
	z-index: 1;
}

#modaali_popup.loading:after{
	content: '\f110';
	font-family: 'sotka_icon';
	-webkit-animation: fa-spin 3s infinite linear;
	animation: fa-spin 3s infinite linear;
	font-size: 22px;
	color: #000;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -11px;
}
#modaali_popup.no_padding_bottom{
	padding-bottom:10px;
}
.modaali_hidden{
	display: none !important;
}
#just_added_product{
	border: 2px solid var(--color-cart-green);
	margin-bottom:10px;
	padding:15px;
}
#modaali_popup .tuoterivi{
	border:0px;
	padding:20px 0px;
	margin-bottom:10px;
}
#modaali_popup .tuoterivi h3,
#just_added_product h3{
	font-size:15px;
	font-weight:600;
	position: relative;
}
#just_added_product h3{
	padding-left:30px;
}
#just_added_product h3:before{
	position: absolute;
	left: 0px;
    top: calc(50% - 16.5px);
	margin-right: 10px;
	color: var(--color-cart-green);

	content: '\e808';
	font-family: sotka_icon;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#modaali_popup .tuoterivi .kuva img,
#just_added_product .added_product_thumbnail{
	width:30%;
	float:left;
	max-width:100px;
	padding-right: 10px;
}
#modaali_popup .tuoterivi,
#just_added_product {
	font-weight:700;
	font-size:12px;
}
#modaali_popup .tuoterivi .normihinta{
	font-size:90%;
}
#modaali_popup .tuoterivi span,
#just_added_product span{
	font-size:85%;
}
#modaali_popup .tuoterivi span.hinta,
#just_added_product p.hinta span,
#just_added_product p.hinta{
	font-size:20px;
	margin-bottom:0px;
}
#just_added_product p.hinta span.etu{
	font-size:60%;
}
#modaali_popup .mfp-close{
	width:30px;
	height:30px;
	line-height:30px;
}
#modaali_popup h3{
	font-size:15px;
	font-weight:700;
}
#modaali_popup h3.valiotsikko,
#modaali_popup h3.yhteensa{
	margin:20px 0px;
}
#modaali_popup h3 span{
	font-size:12px;
	font-weight:400;
}
#modaali_jatka_ostoksia,
#modaali_siirry_ostoskoriin{
	padding:10px 6px;
	white-space: nowrap;
	width:49.6%;
	float:left;
	text-transform:uppercase;
	font-size:11px;
	outline:0px;
	border:0px;
	height:50px;
	color:white;
	background-color:var(--color-blue);
	cursor: pointer;
}
#modaali_siirry_ostoskoriin{
	float:right;
	background-color:var(--color-cart-green);
}
#modaali_piilota_ostoskori,
#modaali_katso_ostoskori{
	font-size:12px;
	color:var(--color-blue);
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	margin-bottom:10px;
}
#modaali_full_ostoskori{
	max-height: 600px;
	transition: opacity 0.5s, max-height 0.5s;
}
#modaali_full_ostoskori.modaali_hidden{
	opacity: 0;
    max-height: 0px;
    display: block !important;
    clear: both;
    overflow: hidden;
}
#modaali_postal_code_form{
	margin-bottom:20px;
}
#postal_code_form_inner{
	margin:0px 0px 15px;
}
#postal_code_form_inner label{
	font-size:12px;
	float:left;
	line-height:28px;
}
#postal_code_form_inner input#postal_code_modaali{
	float:left;
	width:100px;
	margin-top:0px;
	margin-left:10px;
	height:28px;
}
#postal_code_form_inner input[type=submit]{
	outline:0px;
	border:0px;
	background-color:var(--color-blue);
	color:white;
	height:28px;
	padding:2px 12px;
}

#modaali_slider{
	position: relative;
}
#postal_code_added_texts{
	margin:20px 0px 20px;
}
#postal_code_added_texts span#given_postal_code{
	font-weight: 700;
}
#postal_code_added_texts .vaihdatasta{
	color:var(--color-blue);
	cursor: pointer;
}
#hyodynna_tarjoukset_wrapper{
	margin-top:20px;
}
#modaali_piilota_ostoskori{
	margin-bottom: 20px;
}
.hyodynna_tarjoukset {
	padding:15px;
	line-height: 35px;
	border: 2px solid #DDE2E6;
	vertical-align: middle;
}
.hyodynna_tarjoukset .circle_w_icon{
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
.hyodynna_tarjoukset p{
	margin-bottom:0px;
	font-size:13px;
	display: inline-block;
	width: calc(100% - 55px);
	vertical-align: middle;
}
@media screen and (min-width: 500px) {
	#postal_code_form_inner input[type=submit]{
		margin-left:15px;
	}
}
@media screen and (min-width: 600px) {
	#modaali_popup .tuoterivi{
		width:50%;
		float: left;
	}
	#modaali_popup .tuoterivi:nth-child(odd){
		padding-left:5px;
	}
	.hyodynna_tarjoukset {
		padding:20px;
	}
	.hyodynna_tarjoukset p{
		margin-bottom:0px;
		font-size:14px;
	}
	#modaali_popup h3.yhteensa{
		display: inline-block;
		margin-right: 20px;
	}
	#postal_code_added_texts{
		margin:0px 0px 20px;
	}
}
@media screen and (min-width: 680px) {
	#hyodynna_tarjoukset_wrapper{
		margin-top:20px;
	}
	#modaali_piilota_ostoskori{
		margin-bottom: 0px;
	}
}
@media screen and (min-width: 850px) {
	#modaali_popup{
		padding:35px;
	}
	#modaali_popup h3{
		font-size:17px;
	}
	#modaali_popup .tuoterivi,
	#just_added_product{
		font-size:14px;
	}
	#just_added_product span {
    	line-height: 17px;
    	font-size: 90%;
    	font-weight: 400;
	}
	#just_added_product p.hinta span {
		font-weight: 700;
		font-size:22px;
	}
	#modaali_popup .tuoterivi span{
		line-height: 30px;
	}
	#modaali_jatka_ostoksia,
	#modaali_siirry_ostoskoriin{
		font-size: 13px;
	}
}
@media screen and (min-width: 1560px) {
	#modaali_popup{
		padding:40px;
	}
}
/* VANHAT TYYLIT ALKAA */
/* ========================================================================== */

/* netsiin liittyviä tyylejä */
div.nets-error a, div.nets-error a:link, div.nets-error a:visited {
	padding: 8px 15px;
	background-color: #2F73BD;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	border-radius: 5px;
}
div.nets-error a.peruuta {
	background-color: #AEAEAE;
	margin-right: 15px;
}
div.netaxept_peitto {
	background: transparent url('../images/peite.png');
	width: 100%;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}


/* Asiakkaan tallentamat ostoskorit */

.customer_page #shopping_cart_container div.toimintobox {
	max-width: 100%;
	padding: 0;
	margin-top: 5px;
}

.customer_page #shopping_cart_container table.orderbox div.maara-harmaa {
	color: #D6D6D6;
}

div.toimintobox #ajax_delete_store_cart  input.peruuta,
div.toimintobox #ajax_delete_store_cart  input.laheta {

	width: 49%;
	margin-top: 0;
	padding: 0;
	clear: none;
}

div.toimintobox #ajax_delete_store_cart input.peruuta {
	float: left;
}

div.toimintobox #ajax_delete_store_cart  input.laheta {
	float: right;
}


.customer_page #shopping_cart_container  .laheta-kapea {
	display: block;
}

.customer_page #shopping_cart_container  .laheta-levea {
	display: none;
}

.customer_page #shopping_cart_container  input.laheta_pieni {
	 display: block;
	 font-size: 13px;
	 float: none;
}


.customer_page #shopping_cart_container  input.siirry_eteenpain {
	background: var(--color-cart-green) url('../../templates/sotka/images/ostoskori_valkoinen.png') no-repeat;
	background-position: 5% center;
	background-position: calc(50% - 130px) center;
	background-size: 24px auto;
	height: 45px;
	font-size: 13px;
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

.customer_page #shopping_cart_container .laheta {
	position: relative;
	border: 2px solid #DDE2E6;
	background: #fff;
	/*background: #fff url(../../templates/sotka/images/toivelista.png) no-repeat;*/
	/*background-repeat: no-repeat;*/
	/*background-position: 10px center;*/
	color: #000;

}
.customer_page #shopping_cart_container .laheta:before {
	content: '\e800';
	position: absolute;
	left: 10px;
	top: 10px;

	color: #d60057;
	font-family: sotka_icon;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
}
.customer_page #shopping_cart_container  .laheta:hover {
	color: #d60057;
}

.customer_page  #shopping_cart_container .offline-store-cart { 
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

@media screen and (min-width: 480px) {
	.customer_page  #shopping_cart_container input.siirry_eteenpain,
	.customer_page  #shopping_cart_container .laheta  {
		font-size: 15px;
	}
	.customer_page  #shopping_cart_container input.siirry_eteenpain {
		background-position: calc(50% - 150px) center;	
	}
}

@media screen and (min-width: 1024px) {
	
	.customer_page  #shopping_cart_container .offline-store-cart {
		float: right;
		width: 49%;
		margin-bottom: 0;
		line-height: 1.5em;
		margin-top: 6px;
		
	}
	
	.customer_page #shopping_cart_container  .laheta-kapea {
		display: none;
	}
	.customer_page #shopping_cart_container  .laheta-levea {
		display: inline-block;
	}
	.customer_page  #shopping_cart_container input.siirry_eteenpain {
		float: right;
		width: 400px;
		background-position: calc(50% - 150px) center;	
	}
	.customer_page  #shopping_cart_container input.laheta {
		width: 400px;
		font-size: 15px;
		float: left;	
	}
		
}


@media screen and (min-width: 1024px) {

	.customer_page  #shopping_cart_container .siirry_eteenpain,
	.customer_page  #shopping_cart_container .laheta {
		width: 335px;
		font-size: 13px;
	}
	.customer_page  #shopping_cart_container .siirry_eteenpain {
		background-position: calc(50% - 130px) center;	
		margin-bottom: 0;
	}
	
}

@media screen and (min-width: 1280px) {
	.customer_page  #shopping_cart_container .siirry_eteenpain,
	.customer_page  #shopping_cart_container .laheta {
		width: 400px;
		font-size: 15px;
	}
	
	.customer_page  #shopping_cart_container .siirry_eteenpain {
		background-position: calc(50% - 150px) center;	
	}
	
	.customer_page  #shopping_cart_container .offline-store-cart {
	
		float: right;
		width: 35%;
		margin-bottom: 0;
		line-height: 1.5em;
		margin-top: 5px;
		
	}
}

#tuotekortti > div.toiminnot div.paatoiminnot #avarda_laskuri {
    border: 1px solid #E0E0E0;
    text-align: left;
    background-color: #F9F9F9;
    font-size: 12px;
    margin: 15px 0 0 0;
}
.paatoiminnot #avarda_laskuri_pre_header {
	margin: 15px 0;
	font-size: 12px;
}
.paatoiminnot #avarda_laskuri #avarda_laskuri_header {
    padding: 15px;
    background-image: url('../images/nuoli-alas-harmaa.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 18px;
    background-size: 12px;
    cursor: pointer;   
}
.paatoiminnot #avarda_laskuri #avarda_laskuri_header.auki {
     background-image: url('../images/nuoli-ylos-harmaa.png');
}
.paatoiminnot #avarda_laskuri #avarda_laskuri_alue {
    padding: 15px;
    border-top: 1px solid #E0E0E0;
    display: none;
}
.paatoiminnot #avarda_laskuri #avarda_laskuri_header .avarda-kk-era {
    float: right;
    margin-right: 18px;
	color: var(--color-offer-red);
}
.paatoiminnot #avarda_laskuri #avarda_laskuri_alue p {
    margin-bottom: 10px;
}
.paatoiminnot #avarda_laskuri #avarda_laskuri_alue p:last-child {
    margin-bottom: 5px;
}
.paatoiminnot #avarda_laskuri a:link,
.paatoiminnot #avarda_laskuri a:visited {
    text-decoration: none;
    color: var(--color-blue);
}
.paatoiminnot #avarda_laskuri a:hover,
.paatoiminnot #avarda_laskuri a:active {
    text-decoration: underline;
    color: var(--color-blue);
}

.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat {
	width: calc(100% - 18px);
	display: table;
	margin-bottom: 15px;
	/*padding-bottom: 15px;*/
	/*border-bottom: 1px solid #E0E0E0;*/
}

.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat .avarda-laskuri-kk-tbody {
	display: table-row-group;
}

.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat .avarda-laskuri-kk-row {
	display: table-row;
}

.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat .avarda-laskuri-kk-cell {
	display: table-cell;
	padding: 8px 0px;
}

.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat .avarda-laskuri-kk-cell:nth-child(1) {
	width: 60%;
}
.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat .avarda-laskuri-kk-cell:nth-child(2) {
	text-align: right;
	width: 15%;
}
.paatoiminnot #avarda_laskuri .avarda-laskuri-alue-kk-erat .avarda-laskuri-kk-cell:nth-child(3) {
	text-align: right;
	width: 25%;
}

.paatoiminnot #avarda_laskuri #avarda_laskuri_alue p.ostoturva {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#postinumerolista {
	max-height: 175px;
	overflow: auto;
	position: relative;
	top: -2px;
	z-index: 999;
	border: 2px solid #E5E5E5;
	background-color: #fff;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
#billing_postal_code + #postinumerolista,
#postal_code_cookie_field + #postinumerolista {
	position: absolute;
	top: auto;
}
#postal_code_cookie_field + #postinumerolista {
	width: 85%;
	font-size: 14px;
}
@media screen and (min-width: 550px) {
	
	#postal_code_cookie_field + #postinumerolista {
		width: 45%;
	}
}
.modify-content-container #billing_postal_code + #postinumerolista {
	width: calc(100% - 40px);
}

#postinumerolista ul li {
	padding: 10px 5px;
	border-bottom: 1px solid #E5E5E5;
	cursor: pointer;
}
#postinumerolista ul li:last-child { border-bottom: none; }
#postinumerolista ul li:hover {
	background: #eee;
}

:where(p.kotiinkuljetus, div.toimitustapa, table.recycle_wrapper, div.kuljetus_nouto) i.icon-info-circled-1 {
	position: relative;
	top: 3px;
	margin-left: 5px;
	font-size: 1.4em;
	color: var(--color-blue);
	cursor: help;
}
#kotiinkuljetus_container i.icon-info-circled-1,
#nouto_myymalasta_container i.icon-info-circled-1 { 
	position: absolute;
	font-size: 1.3em;
	top: -2px;
}

#kotiinkuljetus_container span.info-delivery-price {
	white-space: nowrap;
}

#kotiinkuljetus_container span.multiple-delivery-types i.icon-info-circled-1 {
	position: relative;
	top: 2px;
}

/* NOPEAN TUOTTEEN TESTAUS */

div.listatuote div.nopea_toimitus,
div.slider_tuote div.nopea_toimitus {
	position: absolute;
	width: 100%;
	pointer-events: none;
	
}
div.listatuote div.nopea_toimitus p,
div.slider_tuote div.nopea_toimitus p {
	position: relative;
	top: -8px;
	margin: 0;
	font-size: 0.8em;
	color: var(--color-blue);
	font-weight: 700;
	background-color: #fff;
}
div.slider_tuote div.nopea_toimitus p {
	top: -15px;
	padding-top: 3px;
	font-size: 0.75em;
}

div.listatuote.big div.nopea_toimitus p {
	background-color: transparent;
	font-size: 1em;
	top: 0;
}
div.listatuote.big div.nopea_toimitus {
	position: relative;
	margin-top: -18px;
	
}
@media screen and (min-width: 1024px) {
	div.listatuote.big div.nopea_toimitus {
		position: absolute;
	}
}

div.listatuote div.tuotenimi span.diameter {
    display: inline-block;
    transform: scale(1.2) translateY(-1px);
    font-weight: 500;
    padding-right: 2px;
    padding-left: 2px;
}

div#polku a > span.diameter {
	display: inline-block;
    transform: scale(1.4) translateY(-0.5px);
	padding-right: 2px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    div.listatuote div.tuotenimi span.diameter {
        transform: scale(1.2) translateY(0px);
    }
}

#tuotekortti > div.toiminnot div.paatoiminnot div.nopea_toimitus {
	margin-top: 15px;
	margin-left: 23px;
	color: var(--color-blue);
	font-size: 12px;
	font-weight: 700;
}
#tuotekortti > div.toiminnot div.paatoiminnot div.nopea_toimitus.nopea_toimitus_less_margin {
	margin-top: 5px;
}