/* 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: #0059a1;
	}
}

/* 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;

	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: #0059a1;
	color: #fff;
}

#tuotelistaus button.lisaa {
	margin: 120px auto 0px;
	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;
	}
}

#rikastus {
    display: none;
}

#rajaustoggle_wrapper_mobile {
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
    #rikastus {
		-ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        display: block;
		font-weight: normal;
        width: 197px;
        height: 80px;
		background-image: url('../images/sotka_tuotekortin-rikastus.png');
        background-repeat: no-repeat;
        position: absolute;
		bottom: 180px;
        right: 0px;
        color: black;
        word-wrap: break-word;
        white-space: pre-line;
    }
}

@media screen and (min-width: 1024px) {
	#tuoterajaus div#mainmob { display: none; }
	#rajausalue,
	#subnavi_full {
		float: left;
		width: 265px;
		/*background: #eae6e5;*/
		/*border-right: 1px solid #EBECF0;*/
	}
	#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.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 0 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: #98e700;
	}
	#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: #98e700;
	}
	#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 {
		background-position: left bottom;
	}
	#tuoterajaus.old_style_constraints .styled_checkbox > input[type="checkbox"]:checked + label {
		background-position: left top;
	}
	#tuoterajaus.old_style_constraints .styled_checkbox_alt1 label > span {
	    padding-left: 25px;
	}
	#tuoterajaus.old_style_constraints 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;
	}
}

div.bn_taso1_slideri,
div.bn_container {
	margin-top: 40px;
}


/* 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.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: #0059a1;
    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 {
	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.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: 190px;
	}
	div.listatuotteet > div.big {
		float: left;
		width: calc(66.66% - 12px);
	}
	div.listatuotteet > div.big {
		height: calc(2 * (190px + 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 {
	position: relative;
}
div.listatuote,
div.listatuote div.toiminnot {
	background-color: #fff;
}

div.listatuote > a {
	position: absolute;
}
div.listatuote div.tuotekuva {
	height: 150px;
}
div.listatuote div.tuotenimi {
	height: 32px;
}
div.listatuote div.hinta {
	height: 32px;
}

div.listatuote div.tuotenimi,
div.slider_tuote div.tuotenimi {
	height: 32px;
	margin-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
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 div.hinta,
div.slider_tuote div.hinta {
	height: 32px;
	position: relative;
	margin-top: 10px;
}
div.listatuote.big div.hinta {
	height: auto;
}
div.listatuote div.hinta span,
div.slider_tuote div.hinta 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 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;
}

div.listatuote p.alennusteksti {
	margin: 10px 0 0 0;

	font-size: 1.2em;
	font-weight: 600;
}
div.slider_tuote p.alennusteksti {
	margin: 10px 0 0 0;

	font-size: 1.2em;
	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.listatuotteet div.listatuote:not(.big) div.toiminnot {
	position: absolute;
	top: 100%;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transform: translateY(-15px);
	transition: transform 300ms ease, opacity 300ms ease;
}

@media screen and (min-width: 768px) {
	div.listatuotteet div.listatuote:not(.big):hover div.toiminnot,
	div.listatuotteet div.listatuote:not(.big):active div.toiminnot {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0px);
	}
}*/


/*div.listatuote, div.listatuote div.kuva_alue, div.listatuote div.toiminnot,
div.slider_tuote, div.slider_tuote div.kuva_alue, div.slider_tuote div.toiminnot {
	width: 300px;
}
@media screen and (min-width: 768px) {
	div.listatuote, div.listatuote div.kuva_alue, div.listatuote div.toiminnot,
	div.slider_tuote, div.slider_tuote div.kuva_alue, div.slider_tuote div.toiminnot {
		width: 304px;
	}
}*/
div.listatuote, div.banneri,
div.slider_tuote {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
	vertical-align: top;

	background-color: #fff;
	border: 1px solid transparent;
	border-bottom-width: 0;
	box-sizing: border-box;
	text-align: center;
}
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;
}

div.listatuote input.poista_muistilistalta {
	position: absolute;
	top: -9px;
	right: -9px;
	right: calc(50% - 18px);
	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%;
}
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 div.tuotekuva a img.main_image,
div.slider_tuote div.tuotekuva a img {
	display: block;
	margin: 0 auto;
	max-height: 150px;
	opacity:0;
	transition: opacity 1s;
}
div.listatuote.big div.tuotekuva a img.main_image {
	max-height: 300px;
}
div.listatuote div.tuotekuva a img.main_image.lazyloaded,
div.slider_tuote div.tuotekuva 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;

	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: -5px;
	margin: 0;

	background-color: #fff;
}
div.listatuote.big div.kampanja p {
	background-color: transparent;
}
div.slider_tuote div.kampanja p {
	top: -15px;
}
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: 32px;
	margin-top: 10px;
	overflow: hidden;
}
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.slider_tuote p.alennusteksti {
	margin: 10px 0 0 0;

	font-size: 1.2em;
	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.listatuote div.hinta > span,
div.slider_tuote div.hinta > 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 > 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.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;
}

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

	div.listatuote > div.tuotenimi,
	div.listatuote > div.tietoalue {
		padding-left: 0;
		padding-right: 0;
	}

	div.listatuote div.tuotenimi {
		height: 35px;
	}
	div.listatuote div.tuotenimi a:link, div.listatuote div.tuotenimi a:visited {
		font-size: 1em;
		line-height: 1.3;
	}
	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: #0059a1;
	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');

}


div.listatuote a.check_options:link, div.listatuote a.check_options:visited {
	display: block;

	background-color: #0059a1;
	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.big span.icons_left > span {
	width: 80px;
	height: 80px;

	border-radius: 80px;
	line-height: 80px;
	font-size: 1.2em;
}
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: #e9db76;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
}
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/takuuhinta.png');
	background-size: contain;
	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;
}
#tuotekortti div.icons_left span.loppuunmyynti_block {
	width: 255px;
	height: 93px;
	background-image: url('../images/loppuunmyyntihinta-tk.png');
}
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.2em;
}
#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: #0059a1;

	content: '\e806';
	font-family: sotka_icon;
	font-size: 31px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
span.vain_verkkokaupasta:after { color: #72DD00; }
span.ei_ostettavissa:after { color: #CBCBCB; }

/*div.listatuote span.icons_right span.verkkokaupasta,
div.slider_tuote span.icons_right span.verkkokaupasta,
#tuotekortti div.icons_right span.verkkokaupasta {
	padding-right: 32px;
	padding: 7px 32px 7px 0;

	color: #0059a1;
	font-weight: 500;
	background: url('../../templates/sotka/images/ostoskori_sininen.png') right center no-repeat;
}
div.listatuote span.icons_right span.vain_verkkokaupasta,
div.slider_tuote span.icons_right span.vain_verkkokaupasta,
#tuotekortti div.icons_right span.vain_verkkokaupasta {
	color: #72DD00;
	background-image: url('../../templates/sotka/images/ostoskori_vihrea.png');
}
div.listatuote span.icons_right span.ei_ostettavissa,
div.slider_tuote span.icons_right span.ei_ostettavissa,
#tuotekortti div.icons_right span.ei_ostettavissa {
	color: #72DD00;
	background-image: url('../../templates/sotka/images/ostoskori_harmaa.png');
}*/

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;
}
/*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;
	transform: translateX(10px);
}
/*div.listatuote span.icons_right span.verkkokaupasta:hover span,
div.slider_tuote span.icons_right span.verkkokaupasta:hover span,*/
/*div.listatuote span.icons_right span.vain_verkkokaupasta:hover span,
div.slider_tuote span.icons_right span.vain_verkkokaupasta:hover span {
	opacity: 1;
	transform: translateX(0);
}*/
div.listatuote.big span.icons_right span.vain_verkkokaupasta {
	max-width: 152px;
}

@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_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 {
		font-size: 8px;
	}
	span.verkkokaupasta:after,
	span.vain_verkkokaupasta:after,
	span.ei_ostettavissa:after {
		font-size: 23px;
	}
}


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

	div.listatuote.big p.alennusteksti {
		height: 25px;
	}
	div.listatuote.big div.tuotenimi {
		height: 30px;
	}
	div.listatuote.big div.tuotenimi {
		height: 44px;
	}
	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;
	}
}

@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.slider_tuote:hover div.toiminnot,
	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;
	}*/
	div.listatuote.big span.icons_left > span:not(.loppuunmyynti_block) {
		width: 110px;
		height: 110px;

		border-radius: 110px;
		line-height: 110px;
		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.8em;
	}

	.ryhmaerottaja {
	    display: block;
	    clear: both;
	}
}

#tuotelistaus div.pagesectioncontainer {
	margin: 40px 0 0 0;
}


/* yksittäinen tuote -> tuotekortti */
#tuotekortti {
	/*overflow: hidden;*/
	zoom: 1;
	box-sizing: border-box;

	text-align: left;
}
#tuotekortti h1 {
	/*font-family: 'Helvetica LT W01 X Compressed', Helvetica, sans-serif;*/
	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 {
	/*font-family: 'HelveticaNeueW01-55Roma', Helvetica, sans-serif;*/
	/*color: #666;*/
	display: block;
	padding: 10px 0;
	pointer-events: auto;
	margin: 0 0 20px 0;
}
#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;
	/*padding: 30px 0;*/
	text-align: center;
}
#tuotekortti > div.kuva_alue div.paakuva {
	/*display: table;
	width: 100%;
	height: auto;
	text-align: center;*/

	text-align: center;
	white-space: nowrap;
}
#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 {
	/*display: table-cell;
	vertical-align: middle;*/

	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
#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 {
	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 {
	/*width: auto;*/
	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: #0059a1;
}

.tuotekoodi_ja_tulostus{
	color:#0059a1;
	text-align: left;
	padding-bottom:5px;
	font-size:14px;

}


.tuotekoodi_ja_tulostus.bigtext{

	float:left;
}
.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.kuva_alue div.merkit {
	display: none;
}
#tuotekortti > div.kuva_alue div.somet {
	display: block;
	float: right;
	width: 29%;
	position: relative;
	text-align: right;
}
#tuotekortti > div.kuva_alue div.somet.full {
	width: 100%;
}
#tuotekortti > div.kuva_alue div.somet a {
	/*width: 30px;
	height: 30px;*/
	margin: 8px 0 0 8px;
	text-align: center;
}
/*#tuotekortti > div.kuva_alue div.somet a img {
	width: 15px;
	height: 15px;
	padding: 5px;
}*/
#tuotekortti > div.kuva_alue img.tuotekuva {
	/*margin: 0 auto;*/
	/*max-width: 851px;*/

	max-height: 530px;
}
#tuotekortti div.kuvat_infot {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
	padding: 0 15px;
	position: relative;
}
#tuotekortti > div.kuva_alue img.lisakuvat_plus {
	display: none;
	cursor: pointer;
	float: left;
	/*position: absolute;
	left: calc(49% - 28px);
	top: calc(50% - 27px);*/
}
#tuotekortti div.lisakuvat {
	display: none;
	position: relative;
}
#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-family: 'Helvetica LT W01 X Compressed', Helvetica, sans-serif;*/
	font-size: 78px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 0;
}
#tuotekortti > div.toiminnot p.hinta span.perus {
	color: #0059a1;
}
#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 p.mallistoon, #tuotekortti p.poistuva, #tuotekortti p.voimassa, #tuotekortti p.osaluettelo_link {
	margin: 5px 0 0 0;
	line-height: 1.4;

	font-size: 13px;
}
#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: #6C6F74;

	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.kuljetus_nouto p {
	position: relative;
	padding-left: 23px;
}
#tuotekortti > div.toiminnot div.saatavuus div.kuljetus_nouto p:before {
	position: absolute;
	left: 0;
	top: -4px;
	color: #5e87bb;
	transform: scaleX(-1);

	content: '\e843';
	font-family: sotka_icon;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	pointer-events: none;
}

#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: #0059a1;

	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: 15px;
}
#tuotekortti > div.toiminnot div.lisatoimintonapit {
	display: flex;
	flex-wrap: wrap;

	position: relative;
	left: calc(-2.5px + 0px);
	width: calc(100% + 5px);
}
#tuotekortti > div.toiminnot div.lisatoimintonapit > * {
	flex-grow: 1;
}
#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 input.ostoskoriin {
	display: block;
	width: 100%;
	padding: 0 0 0 39px;
	box-sizing: border-box;
	cursor: pointer;

	background: #98E700 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.lisatoimintonapit > * {
	display: inline-block;
	box-sizing: border-box;
	height: 45px;
	margin: 0 2.5px 5px 2.5px;
	vertical-align: top;
	cursor: pointer;

	border: 2px solid #DDE2E6;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
}

#tuotekortti > div.toiminnot div.lisatoiminnot a, #tuotekortti > div.toiminnot div.lisatoiminnot form input {
	height: 45px;
	padding: 0 10px 0 35px;

	background-repeat: no-repeat;
	background-position: 10px center;
}
#tuotekortti > div.toiminnot div.lisatoiminnot a:hover, #tuotekortti > div.toiminnot div.lisatoiminnot form:hover {
	border-color: #DDE2E6;
}

#tuotekortti > div.toiminnot div.lisatoiminnot .myymalasaatavuus {
	width: 260px;
}
#tuotekortti > div.toiminnot div.lisatoiminnot form {
	width: 130px;
}
#tuotekortti > div.toiminnot div.lisatoiminnot .kysy-kotiinkuljetusta {
	width: 200px;
}
#tuotekortti > div.toiminnot div.lisatoiminnot form input {
	height: 41px;
}

/*#tuotekortti > div.toiminnot div.lisatoiminnot .myymalasaatavuus {
	background-image: url(../../templates/sotka/images/saatavuus_myymalasta_icon.png);
}*/
#tuotekortti > div.toiminnot div.lisatoiminnot .myymalasaatavuus:before,
#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle_wrapper:before {
	position: absolute;
	top: 2px;
	left: 15px;
	color: #0059a1;

	content: '\e80b';
	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 .myymalasaatavuus:hover {
	color: #0059a1;
}

#tuotekortti > div.toiminnot div.lisatoiminnot .kysy-kotiinkuljetusta {
	background-image: url('../../templates/sotka/images/varaa_ja_nouda_icon.png');
}
#tuotekortti > div.toiminnot div.lisatoiminnot .kysy-kotiinkuljetusta:hover {
	color: #7F63BF;
}

/*#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle {
	background-image: url(../../templates/sotka/images/toivelista.png);
}*/
#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle_wrapper:before {
	top: 1px;
	color: #d60057;

	content: '\e800';
}
#tuotekortti > div.toiminnot div.lisatoiminnot .muistilistalle:hover {
	color: #d60057;
}
/*#tuotekortti > div.toiminnot div.lisatoiminnot a:before, #tuotekortti > div.toiminnot div.lisatoiminnot form:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;

	background: url(../../templates/sotka/images/toivelista.png) no-repeat left center;
}*/

#tuotekortti > div.toiminnot div.lisatoiminnot form input {
	width: 100%;
	margin: 0;
	cursor: pointer;

	border: none;
	background-color: transparent;
}

#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: 20px 0;
}
#tuotekortti > div.merkit img {
	margin-right: 10px;
	max-height: 60px;
}

/*#tuotekortti > div.toiminnot input.muistilistalle {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fafcf9 url(../images/muistilista_ikoni.gif) no-repeat left center;
	padding: 0 0 0 70px;
	color: #646663;
	border: none;
	cursor: pointer;
	text-align: left;
	font-size: 18px;
	margin-bottom: 10px;
	border: 3px solid #75d2d9;
	height: 50px;
}
#tuotekortti > div.toiminnot input.muistilistalle:hover {
	background: #fff url(../images/muistilista_ikoni.gif) no-repeat left center;
}
#tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:link, #tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:visited {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fafcf9 url(../images/kotiinkuljetus_tk.png) no-repeat left center;
	padding: 0 25px 0 70px;
	color: #646663;
	border: none;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	border: 3px solid #AFAFAF;
	height: 50px;
	text-decoration: none;
	line-height: 44px;
}
#tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:hover, #tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:active {
	background: #fff url(../images/kotiinkuljetus_tk.png) no-repeat left center;
}
#tuotekortti > div.toiminnot a.myymalasaatavuus:link, #tuotekortti > div.toiminnot a.myymalasaatavuus:visited {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fafcf9 url(../images/myymala_ikoni.gif) no-repeat left center;
	padding: 0 0 0 70px;
	color: #646663;
	border: none;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	border: 3px solid #ec1b24;
	height: 50px;
	text-decoration: none;
	line-height: 44px;
}
#tuotekortti > div.toiminnot a.myymalasaatavuus:hover, #tuotekortti > div.toiminnot a.myymalasaatavuus:active {
	background: #fff url(../images/myymala_ikoni.gif) no-repeat left center;
}*/
#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: #0059a1;
	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: #0059a1;
}

#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: #0059a1;
}

#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: #0059a1;
	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;

	/*background-image: url('../images/ilmainen_kotiinkuljetus.png');
	background-repeat: no-repeat;
	background-size: auto 36px;
	background-position: left center;*/
	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: #0059a1;
}
#tuotekortti > div.toiminnot div.info_popup a.osamaksu_link {
	text-decoration: none;
	display: block;
	padding: 8px 0;
	background-color: #0059a1;
	color: #fff;
}

#tuotekortti div.tietoalue_oikea {
	margin-top: 20px;

	background-color: #EAEDF2;
}
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue {
	padding: 0 0 40px 0;
}
#product_qr_code{
	display: none;
}
#tuotekortti div.tietoalue_oikea h2 {
	margin-bottom: 20px;
	padding: 10px 0;
}
#tuotekortti div.tietoalue_oikea h2#tuotetiedot,
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue {
	padding: 0 20px 10px 20px;
}
#tuotekortti div.tietoalue_oikea h2#tuotetiedot {
	padding-top: 20px;

	background: none;
}
#tuotekortti div.tietoalue_oikea #tuotetiedot_alue {
	padding-bottom: 30px;
}
#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.tasaerin span.kk {
	font-size: 16px;
	line-height: 42px;
}
#tuotekortti div.tasaerin span.hinta {
	font-size: 23px;
	line-height: 42px;
	color: #d17619;
}
#tuotekortti div.tasaerin span.plussa {
	font-size: 22px;
	line-height: 42px;
	color: #d17619;
}
#tuotekortti div.tasaerin div:nth-child(3) {
	background: #ecf3f9;
}*/

#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: 150px;
	padding-right: 10px;
	vertical-align: top;
}
@media screen and (max-width: 480px) {
	#tuotekortti #tuotetiedot_alue table.tuotedata td:nth-child(odd) {
		width: 130px;
	}
}
#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 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 {
	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,
#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: #98E700 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.mukavuutta_wrapper {
	margin-top: 20px;
}
#tuotekortti .bn_container{
	margin-top: 20px;
	width:100%;
}
.bn_taso1_slideri .baynote_spinner,
.baynote_all_pages_lastviewed .baynote_spinner,
#tuotekortti .bn_container .baynote_spinner{
	margin:20px auto;
	display: block;
}
#tuotekortti .bn_container .tuotekortti_slider{
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.5s;
}
#tuotekortti .bn_container .tuotekortti_slider.loaded{
	max-height: 400px;
	overflow: hidden;
}
/* 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: 768px) {
	#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;
		/*padding: 30px 20px 85px 20px;*/
		/*padding-top: 30px;*/
		/*padding-bottom: 20px;*/
		text-align: center;
	}
	/*#tuotekortti > div.kuva_alue div.varit {
		left: auto;
		bottom: auto;
		right: 20px;
		top: 5px;
	}*/
	#tuotekortti > div.kuva_alue div.merkit {
		display: table;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		align-content: flex-end;
		/*flex-wrap: wrap;*/
		float: right;
		width: 45%;
		width: calc(49% - 38px);
		/*position: absolute;
		right: 20px;
		bottom: 0;*/
		padding: 0;
	}
	#tuotekortti > div.kuva_alue div.merkit a {
		text-decoration: none;
	}
	#tuotekortti > div.kuva_alue div.merkit img {
		/*flex-grow: 1;*/
		max-height: 85px;
		margin-right: 10px;
	}
	#tuotekortti > div.kuva_alue div.merkit img:last-of-type {
		margin-right: 0;
	}
	#tuotekortti > div.kuva_alue div.paakuva_ala div.somet a {
		width: 25px;
		height: 25px;
		margin: 0 0 0 3px;
	}
	#tuotekortti > div.kuva_alue div.somet a img {
		width: 15px;
		height: 15px;
		padding: 5px;
	}
	#tuotekortti > div.toiminnot {
		/*padding: 20px;*/
		text-align: left;
	}
	#tuotekortti > div.toiminnot div.nimi_ja_hinta {
		/*float: right;*/
		/*width: 60%;*/
		box-sizing: border-box;
		padding: 0;
	}
	/*#tuotekortti > div.toiminnot input.ostoskoriin,	#tuotekortti > div.toiminnot input.muistilistalle,
	#tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:link, #tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:visited,
	#tuotekortti > div.toiminnot a.myymalasaatavuus:link, #tuotekortti > div.toiminnot a.myymalasaatavuus:visited {
		width: 40%;
	}*/
	#tuotekortti div.kuvat_infot {
		padding: 0 20px;
	}
	#tuotekortti div.lisakuvat {
		display: block;
		position: relative;
		left: -5px; /* padding */
		float: left;
		width: 49%;
		box-sizing: border-box;
		height: 85px;
	}
	#tuotekortti div.lisakuvat li {
		float: left;
	}
	#tuotekortti div.lisakuvat a {
		display: inline-block;
		padding: 0 5px;
	}
	#tuotekortti div.lisakuvat img {
	}
	#tuotekortti div.inforivit {
		/*float: right;*/
		/*width: 49%;*/
	}
	#tuotekortti div.myyntiteksti {
		padding: 0 20px;
	}
	/*#tuotekortti > div.kuva_alue,*/
	/*#tuotekortti #tuotekuvaus_alue,*/
	#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 {
		padding-right: 20px;
		padding-left: 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.merkit {
		display: none;
	}
	#tuotekortti div.icons_left > span {
		width: 110px;
		height: 110px;

		border-width: 5px;
		border-radius: 110px;
		font-size: 2.7em;
	}
	#tuotekortti div.icons_left span.outlet_block,
	#tuotekortti div.icons_left span.loyto_block {
		font-size: 1.75em;
	}
	#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.alakategoriat {
		margin-top: 40px;
		margin-bottom: 60px;
	}

	#tuotekortti {
		/*width: 59%;
		min-height: 500px;*/
	}
	.tuotekortti_vasen {
		float: left;
		clear: left;
		width: 56%;
		/*margin-top: 30px;*/
	}
	.tuotekortti_oikea {
		float: right;
		clear: right;
		width: 40%;
	}
	div.tuotekortti_navi {
		float: none;
		position: absolute;
		right: 20px;
		top: 22px;
		margin-bottom: 0;
	}
	#tuotekortti > div.kuva_alue {
		/*padding-top: 30px;*/
		/*padding-bottom: 20px;*/
	}
	#tuotekortti > div.kuva_alue div.paakuva {
		height: 530px;
	}
	/*#tuotekortti > div.kuva_alue div.varit {
		right: 0;
	}*/
	#tuotekortti > div.kuva_alue div.merkit {
		right: 0;
	}
	/*#tuotekortti > div.kuva_alue div.somet {
		left: 0;
	}*/
	#tuotekortti div.kuvat_infot {
		padding: 0;
	}
	#tuotekortti > div.toiminnot {
		/*width: 40%;
		position: absolute;
		top: 80px;
		right: 0;
		text-align: left;
		padding: 0 15px;*/
	}
	#tuotekortti > div.toiminnot div.nimi_ja_hinta {
		/*float: none;*/
		/*width: auto;*/
		/*padding: 0;*/
	}
	/*#tuotekortti > div.toiminnot input.ostoskoriin, #tuotekortti > div.toiminnot input.muistilistalle {
		font-size: 14px;
		width: 100%;
	}
	#tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:link, #tuotekortti > div.toiminnot a.kysy-kotiinkuljetusta:visited {
		font-size: 13px;
		width: 100%;
		padding-top: 9px;
		line-height: 1;
	}
	#tuotekortti > div.toiminnot a.myymalasaatavuus:link, #tuotekortti > div.toiminnot a.myymalasaatavuus:visited {
		font-size: 13px;
		width: 100%;
		padding-top: 9px;
		line-height: 1;
	}*/
	#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;
	}
	#tuotekortti div.tietoalue_oikea {
		margin-top: 0;
	}
	#tuotekortti div.tietoalue_oikea h2#tuotetiedot,
	#tuotekortti div.tietoalue_oikea #tuotetiedot_alue {
		padding: 0 40px 10px 40px;
	}
	#tuotekortti div.tietoalue_oikea h2#tuotetiedot {
		padding-top: 40px;

		background: none;
	}
	#tuotekortti div.tietoalue_oikea #tuotetiedot_alue {
		padding-bottom: 40px;
	}
	#tuotekortti #mukavuutta_alue,
	#tuotekortti #muut_mallit_alue,
	#tuotekortti #jalat_alue,
	#tuotekortti #paadyt_alue,
	#tuotekortti #sijauspatjat_alue,
	#tuotekortti #hoitotuotteet_alue {
		padding: 0;
	}
}

#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-top: 10px;
}

#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;

	}
}

/* slideriin tuotekortissa tulostettavat tuotteet */
/*div.slider_tuote {
	width: 304px;
	box-sizing: border-box;
	padding: 0;
	text-align: center;
}
div.slider_tuote div.kuva_alue {
	height: 150px;
	overflow: hidden;
}
div.slider_tuote div.kuva_alue img {
	max-height: 150px;
}
div.slider_tuote div.nimi {
	height: 30px;
	overflow: hidden;
	line-height: 1.2;
}
div.slider_tuote div.nimi a:link, div.slider_tuote div.nimi a:visited {
	text-decoration: none;
}
div.slider_tuote div.slider_toiminnot {
	opacity: 0;

	transform: translate(0, -10px);
	transition: opacity ease-out .1s, transform ease-out .1s;
}
div.slider_tuote:hover div.slider_toiminnot {
	opacity: 1;
	transform: translate(0, 0);
}

div.slider_tuote div.slider_toiminnot div.hinta {
	font-size: 18px;
}
div.slider_tuote div.slider_toiminnot p.hinta sup {
	margin-left: 1px;
}
*/


/* ostoskoriin ja muistilistalle lisäämisen ilmoitukset */
.addMessage {
	position: absolute;
	z-index: 100;
	bottom: 110%;
	left: 0;
	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: #0059a1;
	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);
}
.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;
}

#saatavuus_ajax_container {
	margin-top: 15px;
}

#saatavuus_ajax_container div.myymalasaatavuus-block {
	margin-bottom: 15px;
}

#saatavuus_ajax_container div.myymalasaatavuus-block strong {
	display: inline-block;
	margin-bottom: 5px;
}

#saatavuus_ajax_container div.myymalasaatavuus-block:nth-last-child(1) {
	margin-bottom: 0;
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-info  {
	width: 10px;
	height: 10px;
	background-color: #000;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 3px;
}

#saatavuus_ajax_container div.myymalasaatavuus-block span.myymalasaatavuus-vihrea {
	background-color: #97E703;
}

#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;
}

/* 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: #0059a1;
	color: #fff;
	margin: 0 5px 5px 0;
	cursor: pointer;
	background: #0059a1 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: #0059a1;
	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: #0059a1;
    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: #0059a1;
	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: #0059a1;
    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.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;
	overflow: hidden;
	zoom: 1;
}
#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: #0059a1;
	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: #0059a1;
	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: #98E700;
    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);
}	

#omatarjous_lisatiedot div.plussa-info {
	margin-top: 15px;
	font-size: 0.9em;
}

@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;
}


/* 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: #C4EE20; }

/*.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;
}




/* 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: #0059a1;
	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:0px auto;
	padding: 30px 20px 20px;
	position: relative;
}
#modaali_popup.no_padding_bottom{
	padding-bottom:0px;
}
.modaali_hidden{
	display: none !important;
}
#just_added_product{
	border: 2px solid #7DEB00;
	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: #7DEB00;

	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:#0059a1;
	cursor: pointer;
}
#modaali_siirry_ostoskoriin{
	float:right;
	background-color:#7DEB00;
}
#modaali_piilota_ostoskori,
#modaali_katso_ostoskori{
	font-size:12px;
	color:#0059a1;
	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:#0059a1;
	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:#0059a1;
	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: #98E700 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;
		
	}
}