/* HUOM! Jos tyylit (esim. tekstin värit ja koot) halutaan
	näkymään myös sisältöeditorissa, on tarpeelliset tyylit
	järkevintä siirtää jaettuun tyylitiedostoon palvelimelle.
	Em. tyylitiedostot löytyvät Web.config:in
	(CSSFilesPhysicalPath) ilmoittamasta paikasta palvelimelta. */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: none
	}

table {
	border-collapse: collapse;
	border-spacing: 0
}

/* -- Yleiset tyylit ---------- */

body {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', Arial, Verdana, sans-serif;
	color: #444;
	font-size: 16px; /* muualla käytetään em:ää -> 1 em = 16px, pxtoem.com */
	line-height: 1.4; /* tässä hyvä lähtökohta */
	background: #ededed;
}

/*16px oletuksena kaikille teksti-inputeille*/
input[type=text],
textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1rem;
}

/* Fiksailut resetin jälkeen */
b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

#master_content_wrapper ul,
#master_content_wrapper ol {
	padding: 0 0 0 30px;
	list-style: disc;
}

#master_content_wrapper ol {
	list-style: decimal;
}

#master_content_wrapper p {
	margin: 15px 0;
}

/*otsikkotasot*/
#master_content_wrapper h1 {
	margin: 25px 0;
	color: #444;
}

#master_content_wrapper h2,
#master_content_wrapper h3,
#master_content_wrapper h4,
#master_content_wrapper h5,
#master_content_wrapper h6 {
	margin: 20px 0;
	color: #444;
}

#master_content_wrapper h1 {
	font-size: 1.750rem; /*28px*/
	font-weight: bold;
}

#master_content_wrapper h2 {
	font-size: 1.500rem; /*24px*/
	font-weight: bold;
}

#master_content_wrapper h3 {
	font-size: 1.375rem; /*22px*/
}

#master_content_wrapper h4 {
	font-size: 1.250rem; /*20px*/
}

#master_content_wrapper h5 {
	font-size: 1.125rem; /*18px*/
}

#master_content_wrapper h6 {
	font-size: 1rem; /*16px*/
}

/*osion / sivun pääotsikko*/
.section-heading {
	text-transform: uppercase;
	color: #444 !important;
	font-size: 1.750rem !important; /*28px*/
	font-weight: normal !important;
	line-height: 1; /*tiivistetään, jotta saadaan ylä- ja alamarginit pois*/
}

h1.section-heading,
h2.section-heading {
	/*section-heading voi olla myös h1 / h2. poistetaan tällöin h1 / h2:sen margin*/
	margin: 0 !important;
}

/*Ei toimi halutusti, sillä h1 ei ole suoraan #content:in lapsi. Hoidetaan jQueryllä.*/
/*#content h1:first-child { margin-top: 0; }*/
.no-margin-top {
	margin-top: 0 !important;
}

/*Pohja lokaalien fonttien käyttämiselle*/
/* Menujen ohut fontti */
/*@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url(../Fonts/Raleway-100.eot);
  src: url(../Fonts/Raleway-100.woff) format('woff'),
		url('../Fonts/Raleway-100.ttf') format('truetype');
}*/
/*paksumpi fontti pienemmälle tekstille*/
/*@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url(../Fonts/Raleway-200.eot);
  src: url(../Fonts/Raleway-200.woff) format('woff'),
		url('../Fonts/Raleway-200.ttf') format('truetype');
}*/

.important {
	color: #ff0000;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #1C75BC;
}

	a:hover {
		text-decoration: underline;
	}

.clear-div {
	clear: both !important;
	float: none !important;
	height: 1px !important;
	overflow: hidden !important;
	border: none !important;
}

/* -- Painikkeet ----------- */
.styled-button {
	border: none;
	text-align: center;
	min-width: 150px;
	background: #ddd;
	color: #fff !important;
	cursor: pointer;
	font-size: 1rem; /*tarvitaan input-tyyppisten vuoksi*/
	/*yliajettavat*/
	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding: 0 55px; /*ent 15px*/
	/*estetty iOS:ää pyöristämästä nappien kulmia*/
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.styled-button:hover {
		text-decoration: none;
	}
/*korjaus input-tyyppiseen nappiin*/
input.styled-button {
	margin-top: -1px;
	font-size: 0.97rem;
}

.styled-button.less-padding {
	padding: 0 20px;
}

/*marginit*/
.styled-button.margin-left {
	margin-left: 20px;
}

.styled-button.margin-right {
	margin-right: 20px;
}

.styled-button.margin-top {
	margin-top: 20px;
}

/*lisäkoot*/
/*.styled-button.small-button
{
	height: 22px;
	line-height: 22px;
	padding-left: 7px;
	padding-right: 7px;
}*/

/*värit*/
.styled-button.green-button {
	background: #1C75BC;
}

	.styled-button.green-button:hover {
		background: #165E96;
	}

.styled-button.black-button {
	background: #4C4D51;
}

	.styled-button.black-button:hover {
		background: #353739;
	}

.styled-button.blue-button {
	background: #009de0;
}

.styled-button.disabled-button {
	background: #aaa;
	cursor: default;
}

/* -- Responsiivinen runko ---------- */

.width-limit-wrapper {
	/*mobiilitila desktopissa kaventamalla: kommentoi tämä rivi, mikäli halutaan käyttöön*/
	/*em. vielä vaiheessa, jos meinataan ottaa käyttöön*/
	/*min-width: 401px;*/
}

.width-limit-outer {
	max-width: 1120px;
	/* korkeusasetus on buginen, ei käytetä */
	/* height: 100%; */
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.width-limit-wrapper.full-width .width-limit-outer {
	padding: 0;
}

.width-limit-inner {
	/* korkeusasetus on buginen, ei käytetä */
	/* height: 100%; */
	position: relative;
}

/* -- Responsiiviset sarakkeet ja boksit --------- */

.section-separator-40 {
	height: 40px;
}

.float-col {
	float: left;
	min-width: 1px; /*jotta myös tyhjä col näkyy*/
	min-height: 1px; /*jotta myös tyhjä col näkyy*/
}

	.float-col.width-33 {
		width: 33.333333%;
	}

	.float-col.width-50 {
		width: 50%;
	}

	.float-col.width-66 {
		width: 66.666666%;
	}

/*täysilevyinen boksi*/
.full-width-box {
	margin: 20px 10px 0 10px;
}

	.full-width-box.padded {
		padding: 20px;
	}

	.full-width-box.bg-white {
		background: #fff;
	}

	.full-width-box.bg-blue {
		background: #009de0;
		color: #fff;
	}

	.full-width-box.bg-black {
		background: #4C4D51;
		color: #fff;
	}

		/*sisällön tekstiväri*/
		.full-width-box.bg-blue h1, .full-width-box.bg-blue h2, .full-width-box.bg-blue h3,
		.full-width-box.bg-blue h4, .full-width-box.bg-blue h5, .full-width-box.bg-blue h6,
		.full-width-box.bg-blue a,
		.full-width-box.bg-black h1, .full-width-box.bg-black h2, .full-width-box.bg-black h3,
		.full-width-box.bg-black h4, .full-width-box.bg-black h5, .full-width-box.bg-black h6,
		.full-width-box.bg-black a {
			color: #fff !important;
		}

/*täysilevyisen boksin leveysrajoitettu sisältösarake*/
.full-width-box-inner-column {
	max-width: 640px;
	margin: 0 auto;
}

/*float-boksi*/
.float-box-outer {
	float: left;
	position: relative;
	min-height: 50px;
	padding: 20px 10px 0 10px;
	background: transparent;
	/*background:red;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.float-box-outer.width-33 {
		width: 33.333333%;
	}

	.float-box-outer.width-50 {
		width: 50%;
	}

	.float-box-outer.width-66 {
		width: 66.666666%;
	}

.float-box-inner {
	position: relative;
	overflow: hidden;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.float-box-inner.padded {
		padding: 20px;
	}

	.float-box-inner.bg-white {
		background: #fff;
	}

	.float-box-inner.bg-blue {
		background: #009de0;
		color: #fff;
	}

	.float-box-inner.bg-black {
		background: #4C4D51;
		color: #fff;
	}

		/*sisällön tekstiväri*/
		.float-box-inner.bg-blue h1, .float-box-inner.bg-blue h2, .float-box-inner.bg-blue h3,
		.float-box-inner.bg-blue h4, .float-box-inner.bg-blue h5, .float-box-inner.bg-blue h6,
		.float-box-inner.bg-blue a,
		.float-box-inner.bg-black h1, .float-box-inner.bg-black h2, .float-box-inner.bg-black h3,
		.float-box-inner.bg-black h4, .float-box-inner.bg-black h5, .float-box-inner.bg-black h6,
		.float-box-inner.bg-black a {
			color: #fff !important;
		}

/*float-box lisämääritykset*/

/* -- ajankohtaista-etusivu -- */
.news-box {
	/* kiinteä korkeus, jotta boksit rivittyvät nätisti */
	height: 550px;
}

	.news-box a {
		color: #444;
	}

		.news-box a:hover {
			text-decoration: none;
		}
	/*kuva responsiiviseksi*/
	.news-box img {
		width: 100%;
	}
	/*kuvan kroppaus*/
	.news-box .image-cropper {
		position: relative;
		max-height: 230px;
		overflow: hidden;
		border-bottom: 5px solid #009de0;
	}
	/*sisäosalle paddingia*/
	.news-box div.ContentTemplate-News-no-style {
		padding: 20px;
	}

	.news-box h2 {
		margin-top: 0 !important;
	}

	.news-box p.introduction {
		font-size: 1rem;
		margin-bottom: 0 !important;
	}

	.news-box div.ContentTemplate-News-no-style:after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 40px;
		padding-left: 20px;
		content: 'Lue lisää';
		display: block;
		margin-top: 30px;
		color: #009de0;
		background: #fff;
	}

	.news-box span.date {
		color: #999;
		font-style: italic;
	}

.news-box-fadeout {
	position: absolute;
	bottom: 40px;
	width: 100%;
	height: 50px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
}

/* -- Kirjailijat-etusivu -- */
.author-box .float-box-inner {
	height: 150px;
}

.author-box a {
	display: block;
	width: 100%;
	height: 100%;
}

	.author-box a:hover {
		text-decoration: none;
	}

.author-box img {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

.author-box h2 {
	padding: 0 20px 0 110px;
	font-size: 1.3rem !important;
	font-weight: normal !important;
	margin-top: 5px !important;
}

	.author-box h2 i {
		font-size: 1rem;
		font-style: normal;
	}
/*.author-box h2:after
{
	content: 'Lue lisää';
	display: block;
	margin-top: 30px;
	color: #009de0;
	font-size: 1rem;
}*/

/* -- Kirjailija-sivu -- */
/*piilotetaan elementit, joista tehdään skriptillä uudet kopiot sivun loppuun*/
div.ContentTemplate-Author table {
	display: none;
}

div.ContentTemplate-Author h3 {
	display: none;
}


/* -- Korkeuskeskitetty tekstisisältö --------- */

.valign-content-outer {
	display: table;
	height: 100%;
}

.valign-content-inner {
	display: table-cell;
	vertical-align: middle;
}

/* -- Popuppien sulje-painike --------- */

a.mini-close {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	color: #444 !important;
	font-size: 2.3rem;
	font-family: Arial, Verdana, sans-serif;
}

	a.mini-close:after {
		content: '×';
	}

	a.mini-close:hover {
		text-decoration: none;
	}

/* -- Master pagen pääelementit ---------- */

#mobile_menu {
	display: none;
	position: absolute;
	top: 300px;
	right: 0;
	width: 100%;
	max-width: 400px;
	background: #fff;
	z-index: 2;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	box-shadow: 0 0 10px rgba(0,0,0, 0.4);
}

	#mobile_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#mobile_menu > ul {
	}

	#mobile_menu ul a {
		position: relative;
		display: block;
		width: 100%;
		height: 45px;
		line-height: 45px;
		padding-left: 20px;
		padding-right: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-top: 1px solid #ddd;
		color: #484848;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#mobile_menu ul > li:first-child > a {
		border-top: none;
	}
	/*toinen taso*/
	#mobile_menu > ul > li > ul {
		display: none;
	}

		#mobile_menu > ul > li > ul > li > a {
			background: #f9f9f9;
			color: #333;
		}
		/*yläreunan varjo*/
		#mobile_menu > ul > li > ul > li:first-child > a {
			-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
			-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
			box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
		}
		/*alareunan varjo*/
		#mobile_menu > ul > li > ul > li.last > a {
			-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
			-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
			box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.3);
		}
			/*tokalla tasolla: viimeiselle avatulle elementille ei näytetä alavarjoa*/
			#mobile_menu > ul > li > ul > li.last > a.expanded {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		/*kolmas taso*/
		#mobile_menu > ul > li > ul > li > ul {
			display: none;
		}

			#mobile_menu > ul > li > ul > li > ul > li > a {
				font-size: 0.9rem;
				font-family: Arial, Verdana, sans-serif;
				background: #f1f1f1;
				color: #666;
			}
			/*yläreunan varjo*/
			#mobile_menu > ul > li > ul > li > ul > li:first-child > a {
				-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
				-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
				box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
			}
			/*alareunan varjo*/
			#mobile_menu > ul > li > ul > li > ul > li.last > a {
				-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
				-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
				box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.3);
			}
			/*kolmannella tasolla: elementti on ainoa elementti, eli eka ja vika: näytetään molemmat varjot*/
			#mobile_menu > ul > li > ul > li > ul > li.last:first-child > a {
				-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3), inset 0 10px 10px -10px rgba(0,0,0,0.3);
				-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3), inset 0 10px 10px -10px rgba(0,0,0,0.3);
				box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3), inset 0 -10px 10px -10px rgba(0,0,0,0.3);
			}

	#mobile_menu ul a:hover {
		text-decoration: none;
	}

	/*ensimmäinen taso*/
	#mobile_menu > ul > li > a.selected {
		/*font-weight: bold;*/
	}
	/*toinen taso*/
	#mobile_menu > ul > li > ul > li a.selected {
		color: #1C75BC;
	}
	/*expandereita on kahdessa tasossa*/
	#mobile_menu ul > li > a > i.expander {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		border-left: 1px solid #ddd;
		color: #999;
		font-size: 1.313rem;
		font-style: normal;
		cursor: pointer;
		font-weight: normal;
		background: #fff;
	}

	#mobile_menu li.show-search a i {
		display: inline-block;
		width: 16px !important;
		height: 16px !important;
		/*background: url(../Pics/search.png);*/
		background-image: url(../Pics/search-icon-gray.svg), none;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-right: 10px;
		margin-bottom: -2px;
	}

#header_top {
	height: 60px;
	background: #212E60;
	color: #fff;
}

	#header_top a {
		color: #fff;
	}

	#header_top .header-col-left {
		position: absolute;
		top: 20px;
		left: 0;
	}

	#header_top .header-col-right {
		position: absolute;
		top: 20px;
		right: 0;
		background: #212E60;
	}

		#header_top .header-col-right a.action {
			display: inline-block;
			height: 16px;
			margin-left: 27px;
		}

		#header_top .header-col-right a i {
			display: inline-block;
			/* todo: tarviiko png-versiot? */
			/* background: url(../Pics/search.png); */
			background-repeat: no-repeat;
			background-size: 100% 100%;
			margin-left: 10px;
			margin-bottom: -3px;
		}

	#header_top .search-icon i {
		width: 16px;
		height: 16px;
		background-image: url(../Pics/search-icon.svg), none;
	}

	#header_top .cart-icon i {
		width: 18px;
		height: 16px;
		background-image: url(../Pics/cart-icon.svg), none;
	}

	#header_top .user-icon i {
		width: 13px;
		height: 16px;
		background-image: url(../Pics/user-icon.svg), none;
	}

	#header_top .login-icon i {
		width: 14px;
		height: 16px;
		background-image: url(../Pics/lock-icon.svg), none;
	}

	#header_top .burger-icon i {
		width: 24px;
		height: 25px;
		background-image: url(../Pics/burger-icon.svg), none;
	}

/* omat tiedot */
#header_user {
	display: inline-block;
}

#header_user_layer {
	display: none;
	position: absolute;
	top: 33px;
	right: 0;
	background: #fff;
	z-index: 2;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	box-shadow: 0 0 10px rgba(0,0,0, 0.4);
}
	/*siirretään kolmion paikkaa*/
	#header_user_layer .menu-layer-triangle {
		left: auto;
		right: 12px;
	}

	#header_user_layer a {
		display: block;
		height: 36px;
		line-height: 36px;
		padding: 0 20px;
		color: #484848;
		white-space: nowrap;
	}

		#header_user_layer a:hover {
			background: #009de0;
			color: #fff;
			text-decoration: none;
		}

#header_bottom {
	height: 100px;
	background: #fff;
	margin-bottom: 55px;
}

	#header_bottom .site-logo {
		position: absolute;
		top: 25px;
		left: 0;
		width: 176px;
		height: 51px;
		/* todo: tarviiko png-versiot? */
		/* background: url(../Pics/search.png); */
		background-image: url(../../Pics/kiinteistomedia-logo-vaaka.svg?v=20200913), none;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

#header_plain .site-logo-mobile,
#header_top .site-logo-mobile {
	position: absolute;
	top: 12px;
	left: 0;
	width: 123px;
	height: 35px;
	/* todo: tarviiko png-versiot? */
	/* background: url(../Pics/search.png); */
	background-image: url(../Pics/kiinteistomedia-logo-valkoinen.svg?v=20200913), none;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/*päävalikko*/
#main_menu {
	position: absolute;
	top: 30px;
	right: -7px; /*reunimmaisen linkin paddingin verran miinusta*/
}

	#main_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#main_menu a {
		color: #484848;
	}

		#main_menu a:hover {
			text-decoration: none;
		}

	#main_menu > ul > li {
		position: relative;
		float: left;
		margin-left: 4px;
	}

		#main_menu > ul > li:first-child {
			margin-left: 0;
		}

		#main_menu > ul > li > a {
			display: block;
			height: 45px;
			line-height: 35px;
			padding-left: 7px;
			padding-right: 7px;
		}

		#main_menu > ul > li > a:focus {
			outline: none;
		}

			#main_menu > ul > li > a:hover {
				color: #1C75BC;
			}

			#main_menu > ul > li > a.selected {
				/*color: #ffffff;
	background: #00a9e3;*/
			}

	#main_menu li ul {
		display: none;
		position: absolute;
		top: 40px;
		left: 0;
		background: #fff;
		z-index: 2;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
		-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
		box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	}

	#main_menu li li a {
		display: block;
		min-width: 150px;
		max-width: 300px;
		height: 35px;
		line-height: 35px;
		padding-left: 20px;
		padding-right: 20px;
		text-transform: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		#main_menu li li a.selected {
			color: #1C75BC;
		}

		#main_menu li li a:hover {
			color: #fff;
			background: #1C75BC;
		}

/*menu layereiden nuoli*/
.menu-layer-triangle {
	display: block;
	position: absolute;
	top: -15px;
	left: 12px;
	width: 26px;
	height: 15px;
	text-align: center;
	overflow: hidden;
}

	.menu-layer-triangle:after {
		display: inline-block;
		content: "▲";
		font-size: 20px;
		line-height: 20px;
		color: #fff;
		text-shadow: 0 0 10px rgba(0,0,0, 0.4);
		cursor: default;
	}

#search_bar {
	display: none;
	height: 56px;
	background: #000;
}

	#search_bar input[type=text] {
		height: 38px;
		width: 100%;
		margin-top: 9px;
		padding-left: 10px;
		padding-right: 30px; /*ie:n ruksunapin vuoksi*/
		color: #999999;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#search_bar input[type="submit"] {
		position: absolute;
		top: 20px;
		right: 10px;
		width: 16px;
		height: 16px;
		/* todo: tarviiko png-versiot? */
		/* background: transparent url(../Pics/search.png); */
		background-image: url(../Pics/search-icon-gray.svg), none;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border: none;
		background-color: transparent;
		cursor: pointer;
	}

/* haun autocomplete-lista*/
ul.ui-autocomplete.ui-menu {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.3);
}

	ul.ui-autocomplete.ui-menu li {
		padding: 0;
	}

		ul.ui-autocomplete.ui-menu li a {
			display: block;
			height: 35px;
			line-height: 35px;
			padding-left: 10px;
			padding-right: 10px;
			border: 1px solid transparent;
			font-size: 1rem;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			background: none;
			color: #444;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}

	ul.ui-autocomplete.ui-menu .ui-state-hover,
	ul.ui-autocomplete.ui-menu.ui-widget-content .ui-state-hover,
	ul.ui-autocomplete.ui-menu.ui-widget-header .ui-state-hover,
	ul.ui-autocomplete.ui-menu .ui-state-focus,
	ul.ui-autocomplete.ui-menu.ui-widget-content .ui-state-focus,
	ul.ui-autocomplete.ui-menu.ui-widget-header .ui-state-focus {
		border: 1px solid #00a9e3;
		background: #00a9e3;
		cursor: pointer;
		font-weight: normal;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

		ul.ui-autocomplete.ui-menu .ui-state-hover a,
		ul.ui-autocomplete.ui-menu.ui-widget-content .ui-state-hover a,
		ul.ui-autocomplete.ui-menu.ui-widget-header .ui-state-hover a,
		ul.ui-autocomplete.ui-menu .ui-state-focus a,
		ul.ui-autocomplete.ui-menu.ui-widget-content .ui-state-focus a,
		ul.ui-autocomplete.ui-menu.ui-widget-header .ui-state-focus a {
			color: #fff !important;
			text-decoration: none;
		}

/*ostoskori*/
#header_cart {
	position: relative;
	display: inline-block;
}

	#header_cart .item-count-sphere {
		position: absolute;
		top: -10px;
		right: -10px;
		display: block;
		width: 22px;
		height: 22px;
		line-height: 22px;
		text-align: center;
		background: #ed008c;
		font-style: normal;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

#cart_preview {
	display: none;
	position: absolute;
	top: 52px;
	right: 45px;
	width: 390px;
	z-index: 2;
	padding: 40px 10px 10px 10px;
	background: #fff;
	border: 1px solid #999;
	color: #444;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	text-transform: none;
}

	#cart_preview a {
		color: #444;
	}

		#cart_preview a.mini-close {
			position: absolute;
			top: 8px;
			right: 10px;
		}

	#cart_preview .title {
		position: absolute;
		top: 5px;
		left: 10px;
		color: #444;
		font-size: 1.250rem; /*20px*/
	}
	/*ostoskori on tyhjä*/
	#cart_preview .title-empty-cart {
		position: absolute;
		top: 12px;
		left: 10px;
		color: #444;
	}

	#cart_preview div.product {
		position: relative;
		margin-top: 20px;
	}

		#cart_preview div.product.first {
			margin-top: 0;
		}

		#cart_preview div.product a {
			display: block;
			min-height: 70px;
		}

	#cart_preview a:hover {
		text-decoration: none;
	}

	#cart_preview img {
		position: absolute;
		top: 5px;
		left: 0;
		width: 50px;
	}

	#cart_preview .text {
		display: block;
		margin-left: 70px;
		margin-right: 40px;
		padding-bottom: 30px;
		overflow: hidden;
	}

	#cart_preview .price-wrapper {
		position: absolute;
		bottom: 0;
		left: 70px;
	}

	#cart_preview .normal-price {
		color: #999;
		text-decoration: line-through;
	}

	#cart_preview .price {
		font-weight: bold;
	}

	#cart_preview .count {
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: right;
	}

	#cart_preview div.buttons {
		margin-top: 20px;
		padding-top: 15px;
		border-top: 1px solid #999;
		text-align: right;
	}

	#cart_preview .total-price {
		display: block;
		font-weight: bold;
		margin-bottom: 15px;
	}

#cart_info {
	display: none;
	position: fixed;
	top: 10px;
	right: 10px;
	width: 380px;
	z-index: 2;
	padding: 40px 10px 10px 10px;
	background: #fff;
	border: 1px solid #999;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	#cart_info .title {
		position: absolute;
		top: 5px;
		left: 10px;
		color: #444;
		font-size: 1.250rem; /*20px*/
	}

	#cart_info a {
		display: block;
	}

		#cart_info a:hover {
			text-decoration: none;
		}

	#cart_info img {
		width: 50px;
		min-height: 70px;
	}

	#cart_info .text {
		position: absolute;
		top: 36px;
		left: 65px;
		padding-bottom: 40px;
		margin-left: 5px;
		margin-right: 10px;
		color: #444;
		text-transform: none;
		font-size: 0.875rem;
	}

	#cart_info a.mini-close {
		position: absolute;
		top: 8px;
		right: 10px;
	}

/*murupolku*/
.site-map-path {
	line-height: 1; /*tiivistetään, jotta saadaan ylä- ja alamarginit pois*/
}

#login_layer {
	display: none;
}

.login-error-message {
	display: block;
	margin-top: 5px;
}


/* -- Footer ---------- */

#footer_top {
	margin-top: 55px;
	padding-top: 80px;
	padding-bottom: 95px;
	color: #fff;
	background: #212E60;
}

	#footer_top .footer-col {
		float: left;
		width: 33.333333%;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		#footer_top .footer-col a {
			color: #fff;
		}

		#footer_top .footer-col.last-col {
			padding-right: 0;
			margin-top: 45px;
		}

#footer_bottom {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #fff;
	text-align: center;
}

	#footer_bottom img {
		vertical-align: middle;
		margin: 0 5px 10px 5px;
	}

/* -- Riisuttu yläpalkki --------- */

#header_plain {
	display: none;
	height: 60px;
	background: #000;
	margin-bottom: 55px;
}

	#header_plain .site-logo-mobile {
		left: 10px;
	}

.master-page-plain-header #header_plain {
	display: block;
}

.master-page-plain-header #header_top,
.master-page-plain-header #header_bottom,
.master-page-plain-header .site-map-path,
.master-page-plain-header #footer_payment,
.master-page-plain-header #footer_top,
.master-page-plain-header #footer_bottom {
	display: none;
}

body.master-page-plain-header {
	padding-bottom: 20px;
}

/* -- Piilotettu yläpalkki --------- */

.master-page-no-header #header_top,
.master-page-no-header #header_bottom,
.master-page-no-header .site-map-path,
.master-page-no-header #footer_top,
.master-page-no-header #footer_bottom {
	display: none;
}

body.master-page-no-header {
	padding-bottom: 20px;
}

/* -- Tuotelistaus-sivu ---------- */

.product-list-page .section-heading {
	margin-bottom: 15px;
}

.product-list-page .category-image {
	margin-bottom: 15px;
}

	.product-list-page .category-image img {
		width: 100%;
	}

.product-list-page .category-desc {
	margin-bottom: 50px;
}

/* -- Tuotelistaus ---------- */

.product-list-top {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.product-list-info-text {
	color: #999;
	margin-bottom: 25px;
}

#product_sorter {
	position: absolute;
	bottom: -20px;
	right: 10px;
}

	#product_sorter .dropdown .selected,
	#product_sorter .dropdown li {
		font-size: 1rem;
		/*erikoiskorkea*/
		height: 28px;
		line-height: 28px;
	}

#scroll_list_load_animation {
	text-align: center;
	padding: 25px;
	background: #fff;
	margin: 20px 10px 0 10px;
}

/* -- Tuoteboksi ---------- */

.product-box {
	float: left;
	width: 25%;
	min-width: 236px;
	height: 415px;
	padding: 20px 10px 0 10px;
	background: transparent;
	line-height: 1.3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #fff;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product-box-tag {
	position: absolute;
	top: -71px;
	left: -71px;
	width: 142px;
	height: 142px;
	background: #ed008c;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin: 50% 50%;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
}

	.product-box-tag span {
		position: absolute;
		bottom: 4px;
		display: block;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		font-size: 0.9rem;
	}

.product-box-image {
	display: block;
	width: 140px;
	height: 200px;
	margin: 0 auto;
	background: #706F6F;
	color: #fff;
}

.product-box-title {
	position: absolute;
	top: 238px;
	left: 20px;
	right: 20px;
	color: #444;
}
/*omat tuotteet*/
.product-box-info {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: block;
	color: #999;
	font-style: italic;
}

/*teoshaun tulosmäärä*/
.product-box-result-count {
	position: absolute;
	top: 30px;
	left: 50%;
}

	.product-box-result-count:hover {
		text-decoration: none;
	}

	.product-box-result-count span {
		margin-left: 33px;
		display: block;
		width: 65px;
		height: 65px;
		line-height: 65px;
		text-align: center;
		cursor: pointer;
		background: #ff8c01;
		color: #fff;
		font-size: 1.5rem;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

.product-box .price-container {
	position: absolute;
	bottom: 35px;
	left: 20px;
	display: block;
}

/*hinta*/
.price-container .price {
	font-weight: bold;
}
/*normihinta*/
.price-container .normal-price {
	color: #999;
	text-decoration: line-through;
	margin-right: 5px;
}

/*ostonappi ja lukumäärä*/
.product-box .add-to-cart-wrapper {
	position: absolute;
	bottom: 18px;
	right: 20px;
}

	.product-box .add-to-cart-wrapper .dropdown {
		display: none;
	}

.styled-button.add-to-cart-button {
	min-width: 0;
	padding: 0 15px;
}
/*painike on pelkkä linkki tai disabloitu*/
.product-box .add-to-cart-wrapper.not-for-sale {
	/*wrapper täysleveäksi, peittää hinnan*/
	left: 20px;
}

	.product-box .add-to-cart-wrapper.not-for-sale .styled-button {
		/*painike täysleveäksi*/
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
/*painike on lisää koriin -painike*/
.styled-button.add-to-cart-button i {
	display: inline-block;
	height: 20px;
	width: 24px;
	/* todo: tarviiko png-versiot? */
	/* background: url(../Pics/search.png); */
	background-image: url(../Pics/cart-icon.svg), none;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-left: 10px;
	margin-bottom: -2px;
}

.product-box .styled-button.add-to-cart-button {
	width: 48px;
	padding: 0;
}

	.product-box .styled-button.add-to-cart-button i {
		margin: 12px auto 0 auto;
	}

	.product-box .styled-button.add-to-cart-button span {
		display: none;
	}

#product_list .message-wrapper {
	padding: 10px;
}

/* -- Tuotekortti ---------- */

/*hinta*/
.product-page .product-page-price .price-container .price {
	/*hinnat on päinvastoin kuin tuoteboksissa*/
	float: left;
	margin-right: 5px;
	font-size: 2rem;
}
/*normihinta*/
.product-page .product-page-price .price-container .normal-price {
	font-size: 1.5rem;
	position: relative;
	top: 10px;
}

	.product-page .product-page-price .price-container .normal-price:before {
		content: '(';
	}

	.product-page .product-page-price .price-container .normal-price:after {
		content: ')';
	}

.product-page-buy {
	padding-bottom: 20px;
}

	.product-page-buy .dropdown {
		float: left;
		width: 70px;
		margin-right: 20px;
		margin-top: 10px;
	}

		.product-page-buy .dropdown .selected,
		.product-page-buy .dropdown li {
			font-size: 1rem;
			/*erikoiskorkea*/
			height: 28px;
			line-height: 28px;
		}

	.product-page-buy .styled-button.add-to-cart-button {
		float: left;
		margin-top: 10px;
	}

.product-page .product-page-references a {
	display: block;
	margin-top: 10px;
}

	.product-page .product-page-references a:first-child {
		margin-top: 40px;
	}

.product-page .huomioteksti {
	padding-left: 20px;
	vertical-align: middle;
}
	/*asiakkaan toivomuksesta: h1-4 ja p, marginit pois*/
	.product-page .huomioteksti h1,
	.product-page .huomioteksti h2,
	.product-page .huomioteksti h3,
	.product-page .huomioteksti h4 {
		margin: 0 0 15px 0 !important;
		line-height: 1;
	}
	/*lisäksi p:hen isompi fontti*/
	.product-page .huomioteksti p {
		margin: 0 0 15px 0 !important;
		line-height: 1.2;
		font-size: 1.125rem; /*18px*/
	}

/*vaihtoehtoiset tuotteet*/
.product-page-variant-plain-text {
	display: block;
	height: 30px;
	line-height: 30px;
}

.product-page-variant-wrapper {
	position: relative;
	width: 135px;
}

.product-page-variant-text {
	display: block;
	z-index: 1;
	width: 150px;
	height: 30px;
	overflow: hidden;
	/*background: url(../Images/Site/UI/product-variant-container.gif) no-repeat;*/
	background: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	line-height: 30px;
	padding-left: 6px;
	color: #444;
}

	.product-page-variant-text:hover {
		text-decoration: none;
	}
/*.product-page-variant-text:after
{
	position: absolute;
	top: 0;
	right: 0;
	content: 'e';
}*/
.product-page-variant-list {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 0;
	width: 156px;
	padding: 0px;
	border: 1px solid #ccc;
	/*border-top: none;*/
	background: #eee;
}

	.product-page-variant-list a {
		display: block;
		padding-left: 6px;
		padding-right: 4px;
		line-height: 30px;
		color: #444;
	}

		.product-page-variant-list a:hover {
			text-decoration: none;
			background: #ddd;
		}

/* -- Tiedot-taulukko -- */
.product-page-xml table {
	width: 100%;
}

	.product-page-xml table td {
		padding-top: 3px;
	}

		.product-page-xml table td .col1 {
			padding-right: 20px;
		}

	.product-page-xml table p {
		margin: 0 !important;
	}


/* -- Tuotteen arvostelu ---------- */

#rate-this-item-add-review div span,
#rate-this-item-add-review div a {
	color: #444 !important;
	display: block;
	height: 48px;
	/*line-height: 48px;*/
	background: url(../Images/Site/UI/open.png?v=2) no-repeat;
	padding-left: 68px;
}

	#rate-this-item-add-review div a:hover {
		text-decoration: none;
	}

.rate-this-item-label {
}

.rate-this-item-review {
	height: 100px;
	width: 100%;
	max-width: none !important;
	margin: 5px 0 15px 0;
}

.rate-this-item-name {
	margin: 5px 0 15px 0;
}

.rating-stars .star {
	display: block;
	float: left;
	width: 24px;
	height: 22px;
	margin-right: 1px;
	background-image: url(../Images/Site/UI/rating-star.png?v=2);
	background-repeat: no-repeat;
	background-position: 0px top;
	/* Piilotetaan linkin arvo */
	text-indent: -9999px;
}

/* Asetetaan valitun arvon mukaan */
.rating-stars .star-filled {
	background-position: -24px top;
}
/* Asetetaan hiiren perusteella */
.rating-stars .mouse-star-fill {
	background-position: -48px top !important;
}

.rating-stars .mouse-star-clear {
	background-position: 0px top !important;
}

.rate-this-item-reviews {
	margin-top: 55px;
}

	.rate-this-item-reviews:first-child {
		margin-top: 0;
	}

	.rate-this-item-reviews .date,
	.rate-this-item-reviews .name {
		color: #999;
		display: block;
		padding-top: 15px;
	}

	.rate-this-item-reviews .date {
		float: left;
	}

	.rate-this-item-reviews .name {
		float: right;
	}

	.rate-this-item-reviews .delete {
		clear: both;
		display: block;
		width: 100px;
		padding-top: 0px;
	}

	.rate-this-item-reviews .text {
		clear: both;
		display: block;
		padding-top: 10px;
	}

/* -- Lomakkeet ---------- */

.styled-form-section-title {
	margin-bottom: 10px;
	font-size: 1.313rem; /*21px*/
}

.styled-form-radiobutton-list-wrapper {
	margin-bottom: 25px;
}

/*easydropdown hajoaa postbackissa*/
/*tällä tyylillä saadaan edes vähän muutosta valintalistoihin, jotka ovat postback:ia käyttävillä sivuilla*/
.styled-dropdownlist {
	font-size: 1rem;
	/*height: 47px;
	line-height: 49px;*/
	width: 100%;
	max-width: 300px;
	height: 29px;
	line-height: 29px;
	padding-left: 3px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.styled-form .input-panel {
	position: relative;
	margin-bottom: 19px;
}

	.styled-form .input-panel .title {
		height: 29px;
		line-height: 29px;
	}

	.styled-form .input-panel .data {
		height: 29px;
		position: absolute;
		top: 0;
		left: 220px;
		width: 300px;
	}

.styled-form .input-panel-readonly .data span {
	position: relative;
	top: 4px;
}

.styled-form .input-panel input[type="text"],
.styled-form .input-panel input[type="password"],
.styled-form .input-panel textarea {
	width: 100%;
	max-width: 300px;
	height: 29px;
	line-height: 29px;
	padding-left: 5px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.styled-form .input-panel-multiline {
	height: 120px;
}

	.styled-form .input-panel-multiline .data {
		height: 100%;
	}

	.styled-form .input-panel-multiline textarea {
		height: 120px
	}

/*easydropdown lomakkeella*/
.styled-form .input-panel .dropdown {
	width: 100%;
	max-width: 300px;
	/*margin-bottom: 10px;*/
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

	.styled-form .input-panel .dropdown div {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.styled-form .input-panel .dropdown .selected,
	.styled-form .input-panel .dropdown li {
		padding: 7px 5px;
	}

/*info-pop-up lomakekentän perässä*/
.styled-form .input-panel .data.data-with-info-pop-up .info-pop-up {
	position: absolute;
	top: 0;
	right: -38px;
}

/* placeholder-tekstien väri, huom. näitä tyylimäärittelyitä ei voi groupata! */
.styled-form input[type="text"]::-webkit-input-placeholder {
	color: #999;
}
/* WebKit browsers */
.styled-form input[type="text"]:-moz-placeholder {
	color: #999;
}
/* Mozilla Firefox 4 to 18 */
.styled-form input[type="text"]::-moz-placeholder {
	color: #999;
}
/* Mozilla Firefox 19+ */
.styled-form input[type="text"]:-ms-input-placeholder {
	color: #999;
}
/* Internet Explorer 10+ */

/*pakollinen kenttä / tähti-merkintä*/
.styled-form span.important {
	margin-left: 3px;
}

.styled-form .indent-wrapper {
	margin-left: 220px;
}

/* -- checkboxit -- */
/*ehkä poistetaan... onko tarpeeksi selaintukea...*/
.styled-form .checkbox-wrapper {
	line-height: 19px;
}

	.styled-form .checkbox-wrapper input[type=checkbox] {
		display: none;
	}

	.styled-form .checkbox-wrapper label {
		position: relative;
		display: inline-block;
		padding-left: 30px;
		cursor: pointer;
	}

		.styled-form .checkbox-wrapper label:before {
			content: "";
			display: inline-block;
			width: 19px;
			height: 19px;
			position: absolute;
			left: 0;
			top: 2px;
			border: 1px solid #ccc;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

	.styled-form .checkbox-wrapper input[type=checkbox]:checked + label:before {
		content: "✓";
		text-align: center;
		line-height: 19px;
	}

/* -- opaste-popupit -- */
.info-pop-up {
	display: none; /*ei näytetä ennen kuin initointi on valmis*/
	position: relative;
	color: #444;
	font-weight: normal;
	margin-left: 10px;
}

	.info-pop-up.inited {
		display: inline;
	}

.info-pop-up-sphere {
	display: inline-block;
	width: 27px;
	height: 27px;
	line-height: 1;
	border: 1px solid #ff8c00;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

	.info-pop-up-sphere:hover {
		text-decoration: none;
	}

	.info-pop-up-sphere span {
		color: #ff8c00;
		font-size: 1.5rem;
		line-height: 1.6rem;
		font-weight: bold;
		/*tehdään merkistä leveä*/
		display: inline-block;
		transform: scale(1.7,1); /* W3C */
		-webkit-transform: scale(1.7,1); /* Safari and Chrome */
		-moz-transform: scale(1.7,1); /* Firefox */
		-ms-transform: scale(1.7,1); /* IE 9 */
		-o-transform: scale(1.7,1); /* Opera */
	}

.info-pop-up-content {
	display: none;
	position: absolute;
	/*lopullinen positio asetetaan uudelleen*/
	top: 30px;
	left: 10px;
	right: 10px;
	max-width: 540px;
	padding: 20px;
	background: #fff;
	border: 1px solid #999;
	z-index: 1;
	font-size: 1rem;
	color: #444;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
	box-shadow: 0 0 10px rgba(0,0,0, 0.4);
}

	.info-pop-up-content a {
		color: #1C75BC !important;
	}

		.info-pop-up-content a.mini-close {
			position: absolute;
			top: 8px;
			right: 10px;
			color: #444 !important;
		}
/* -- Yksittäinen, erillinen syöttökenttä ---------- */

.styled-input,
.styled-textarea {
	width: 100%;
	max-width: 300px;
	padding-left: 5px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.styled-input {
	height: 29px;
	line-height: 29px;
}

/* -- Yksinkertaiset formit ---------- */

.simple-form {
}

	.simple-form .hdr {
	}

	.simple-form .text {
		margin-top: 3px;
		margin-bottom: 10px;
		width: 100%;
		max-width: 300px;
		height: 29px;
		line-height: 29px;
		padding-left: 5px;
		border: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/* -- IP-käyttöoikeuksien päälinkki ---------- */

#ip_pubs_link_wrapper a {
	display: block;
	padding: 20px;
	background: #ed008c;
	color: #fff;
}

	#ip_pubs_link_wrapper a:hover {
		text-decoration: none;
	}

/* -- Kuvien katselu kokoruututilassa ---------- */

#image_viewer {
	display: none;
	z-index: 3;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#image_viewer_back_layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	z-index: 100;
}

#image_viewer_image_wrapper {
	position: relative;
	width: 50%;
	max-width: 400px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	z-index: 101;
}

	#image_viewer_image_wrapper img {
		width: 100%;
		border: 10px solid #fff;
		background: #fff;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
		-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.4);
		box-shadow: 0 0 10px rgba(0,0,0, 0.4);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#image_viewer_image_wrapper a.mini-close {
		position: absolute;
		top: -15px;
		right: -15px;
		text-align: center;
		padding: 5px;
		background: #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

/* -- Checkout - otsikkopalkki ---------- */

.check-out-title-bar .float-box-outer {
	padding-top: 10px;
}

.check-out-title-bar .float-box-inner.padded {
	/*nämä boksit ovat hitusen normaalia matalampia*/
	padding: 15px 20px;
}

/* -- Checkout - ostoskorinäkymä ---------- */

/* ostoskorin break point -näkymä on erilainen kuin perus taulukkonäkymä, joten
taulukko on toteutettu listana, jonka ulkoasua voidaan muokata molempiin tarpeisiin */

.check-out-table-1 {
	display: table;
	width: 100%;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

	.check-out-table-1 li {
		display: table-row;
	}

		.check-out-table-1 li > div {
			display: table-cell;
			vertical-align: middle;
			padding: 20px;
			vertical-align: top;
			background: #fff;
			border-bottom: 20px solid #ededed;
		}

		/*otsikkorivin valign*/
		.check-out-table-1 li.header-row > div {
			vertical-align: bottom;
		}

		/*viimeinen tuoterivi*/
		.check-out-table-1 li.last > div {
			border-bottom: none;
		}

	/*tilauksen alkamispvm. ei yhdelläkään tuotteella*/
	.check-out-table-1.hide-start-date .col3 {
		display: none;
	}

	/*kuvasarakkeen leveys*/
	.check-out-table-1 .col1 {
		width: 70px;
	}

	/*tuotteen poisto korista*/
	.check-out-table-1 .remove-container {
		position: relative;
	}

		.check-out-table-1 .remove-container a {
			position: absolute;
			top: -12px;
			left: 78px;
			display: block;
			width: 24px;
			height: 24px;
			line-height: 24px;
			background: #be1627;
			color: #fff;
			font-size: 1.9rem;
			/*ulkoasukorjaus paddingillä*/
			padding-left: 1px;
			font-family: Arial, Verdana, sans-serif;
			text-align: center;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}

			.check-out-table-1 .remove-container a:hover {
				text-decoration: none;
			}

			.check-out-table-1 .remove-container a:after {
				content: '×';
			}

	/*variant-kontrolli*/
	.check-out-table-1 .col2 > div {
		margin-top: 20px;
	}
	/*tägi (esim. "tulossa")*/
	.check-out-table-1 .col2 .small-note {
		color: #999;
		font-size: 0.7rem;
		margin-top: 0;
	}

	/* Muuta tilauksen alkamispvm -linkki */
	/* Muuta lukumäärää -linkki */
	.check-out-table-1 .col3 a {
		width: 90px;
	}

	.check-out-table-1 .col5 a {
		width: 50px;
	}

	.check-out-table-1 .col3 a,
	.check-out-table-1 .col5 a {
		display: inline-block;
		padding: 2px 0;
		padding-left: 5px;
		color: #444;
		background: #fff;
		border: 2px solid #ccc;
	}

		.check-out-table-1 .col3 a:hover,
		.check-out-table-1 .col5 a:hover {
			text-decoration: none;
		}

/* -- Checkout - 2. vaihe, kirjautumaton käyttäjä, login ---------- */

/*tyyli lähes sama kuin erikois break pointissa*/
.check-out-2-unregistered-login-wrapper .full-width-box {
	margin: 0;
	padding: 0;
}

.check-out-2-unregistered-login-wrapper .section-heading {
	display: none;
}

.check-out-2-unregistered-login-wrapper .styled-form .input-panel {
	position: relative;
	margin-bottom: 11px;
}

	.check-out-2-unregistered-login-wrapper .styled-form .input-panel .data {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

.check-out-2-unregistered-login-wrapper .styled-form .indent-wrapper {
	margin-left: 0;
}

.check-out-2-unregistered-login-wrapper .styled-button {
	width: 100%;
}

/* -- Checkout - 3. vaihe, tilauksen hyväksyminen ---------- */

.check-out-table-3 {
	width: 100%;
}
	/*kaikki rivit*/
	.check-out-table-3 td {
		vertical-align: middle;
		padding: 0 20px 20px 0;
		vertical-align: middle !important;
		background: #fff;
	}

	.check-out-table-3 tr td:first-child {
		padding-left: 20px;
	}
	/*eka tuoterivi*/
	.check-out-table-3 tr.first-product-row td {
		padding-top: 20px;
	}
	/*otsikkorivi*/
	.check-out-table-3 tr.header-row td {
		border-bottom: 20px solid #ededed;
		vertical-align: bottom !important;
		padding-top: 20px;
	}
	/*kokonaishinta*/
	.check-out-table-3 tr.price-row td {
		border-top: 20px solid #ededed;
		padding-top: 20px;
	}

		.check-out-table-3 tr.price-row td div {
			text-align: right;
		}

			.check-out-table-3 tr.price-row td div br {
				display: block;
				margin-top: 15px;
				content: " ";
			}

/*tietoboksien rivien väliin tarvitaan lisää tilaa*/
/*tehdään section yksinkertaisesti br:ää muokkaamalla*/
/*työläämpi vaihtoehto olisi muokata tulostettava data esim. kappalemuotoiseksi*/
.order-view-html-line-break {
	display: block;
	margin-top: 15px;
	content: " ";
}

/* -- Radiobutton-listat --------- */

/* Radio- ja checkboxlistojen labelit eivät ole kohdallaan. Tässä korjaus. */
/* Tilaus / 2. Toimitustiedot ja maksutapa, Rekisteröinti */
/* Windowsin ja OsX:n selaimien suhteen on tehty kompromissi. Kontrollit eivät ole aivan kohdallaan kummissakaan. */
.radiobuttonlist td {
	padding: 0 !important;
}

	.radiobuttonlist td input {
		vertical-align: middle;
		margin-left: 0;
		margin-right: 5px;
		/*kasvatetaan kokoa: ei välttämättä toimi kaikilla selaimilla*/
		width: 18px;
		height: 18px;
	}

	.radiobuttonlist td label {
		vertical-align: middle;
		margin-right: 20px;
	}

/* -- jQuery dialogit --------- */

.ui-widget-overlay {
	background: #222;
}

.ui-dialog {
	background: #eee;
}

/* -- Käyttöoikeuksien hallinta ----------- */

.license-management-lic-wrapper {
	margin-top: 15px;
	/*pitkät sähköpostiosoitteet katkaistaan*/
	word-break: break-all;
}

/* -- Karuselli ----------- */

.carousel-control {
	position: relative;
}

	.carousel-control div {
		display: none;
	}

	.carousel-control .carousel-control-button {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		width: 40px;
		height: 40px;
		line-height: 35px;
		z-index: 1;
		background: #444;
		color: #fff;
		text-align: center;
		font-size: 2.2rem;
	}

		.carousel-control .carousel-control-button:hover {
			text-decoration: none;
		}

.carousel-control-button.prev {
	left: 0;
}

	.carousel-control-button.prev:after {
		content: '‹';
	}

.carousel-control-button.next {
	right: 0;
}

	.carousel-control-button.next:after {
		content: '›';
	}

/* -- Huoltotiedotus ----------- */

.service-alert {
	margin: 5px 0 0 0;
	border: solid 1px #c4c4c4;
	padding: 10px 15px;
	background: #fffed3;
}

/* -- Progress-indikaattori ----------- */

#update_progress {
	position: fixed;
	z-index: 9999;
	top: 30%;
	left: 50%;
	margin-left: -50px;
	background: #fff;
	border: 5px solid #009de0;
	padding: 40px;
	text-align: center;
}

/* -- Kirjautuneen admin-paneeli ---------- */

.admin-panel {
	width: 100%;
	max-width: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f0f0f0;
	font-size: 1rem;
	color: #333;
	z-index: 1000;
	padding: 10px 0 3px 0;
	-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);
}

	.admin-panel a {
		text-decoration: none !important;
		color: #0095cd !important;
	}

		.admin-panel a:hover {
			text-decoration: underline !important;
		}

/* -- Repsonsiivisuus ---------- */

/*javascriptille tieto media queryistä*/
#screenmode {
	width: 1px;
}

.mobile-only-block,
.mobile-only-inline,
.mobile-only-inline-block {
	display: none !important;
}

.display-none {
	display: none !important;
}

/* -- VAIN keskisuuri break point -- */
/*@media only screen and (min-width : 401px) and (max-width : 800px)
{
	
}*/

/* -- Keskisuuri break point JA sitä pienemmät -- */
@media only screen and (max-width : 800px) {
	#screenmode {
		width: 2px;
	}

	.screenmode-2-hide {
		display: none !important;
	}

	.screenmode-2-show-inline-block {
		display: inline-block !important;
	}

	.float-col {
		width: 50% !important;
	}

	.float-box-outer.break-width-50 {
		width: 50%;
	}

	.float-box-outer.break-width-100 {
		clear: both;
		float: none;
		width: 100%;
	}

	#image_viewer_image_wrapper {
		width: 90%;
	}

	#header_top .header-col-right a.action {
		margin-left: 0;
	}

		#header_top .header-col-right a.action span {
			display: none;
		}

	#header_top .header-col-right a i {
		margin-bottom: 0;
	}

	#header_top .search-icon i {
		width: 25px;
		height: 25px;
	}

	#header_top .cart-icon i {
		width: 28px;
		height: 25px;
	}

	#header_top .user-icon i {
		width: 21px;
		height: 25px;
	}

	#header_top .login-icon i {
		width: 21px;
		height: 25px;
	}

	/*omat-tiedot -valikko*/
	#header_user_layer .menu-layer-triangle {
		/*siirretään nuolen paikkaa lisää*/
		right: 0px;
	}

		#header_user_layer .menu-layer-triangle:after {
			/*vahvistetaan varjoa*/
			text-shadow: 0 0 10px rgba(0,0,0, 0.9);
		}
	/*omat-tiedot -valikko: loppu*/

	#header_bottom {
		height: 55px;
	}

	/*ostoskori-sivu*/
	/*keskisuuri break point: muokataan ostoskorinäkymä erilaiseksi*/

	.check-out-table-1 {
		display: block;
	}

		.check-out-table-1 li {
			position: relative;
			display: block;
			padding: 20px;
			background: #fff;
			border-bottom: 20px solid #ededed;
		}

			.check-out-table-1 li > div {
				display: block;
				padding: 0 !important;
				border-bottom: none;
				margin-left: 120px;
			}

			.check-out-table-1 li.header-row {
				display: none;
			}

		.check-out-table-1 .col1 {
			position: absolute;
			top: 20px;
			margin-left: 0;
		}

		.check-out-table-1 .col3,
		.check-out-table-1 .col4,
		.check-out-table-1 .col5,
		.check-out-table-1 .col6 {
			margin-top: 20px;
		}

			.check-out-table-1 .col3.add-break-point-title:before {
				content: 'Tilauksen alkamispäivä: ';
			}

			.check-out-table-1 .col4:before {
				content: 'Hinta/kpl: ';
			}

			.check-out-table-1 .col5:before {
				content: 'Määrä: ';
			}

			.check-out-table-1 .col6:before {
				content: 'Hinta yht. (€): ';
			}

	/*ostoskori-sivu: loppu*/

	/*tilausvahvistus-sivu*/
	/*keskisuuri ja pienin break point: muokataan vahvistusnäkymä erilaiseksi*/
	/*tämä saattaa olla vähän ruma ratkaisu, mutta kelvannee*/
	/*toinen vaihtoehto on luopua table-toteutuksesta*/

	.check-out-table-3 {
		display: block;
	}

		.check-out-table-3 tbody {
			display: block;
		}

		.check-out-table-3 tr {
			display: block;
			background: #fff;
		}

		.check-out-table-3 td {
			display: block;
		}

		.check-out-table-3 tr.header-row {
			display: none;
		}

		.check-out-table-3 td {
			padding: 0 !important;
			background: none;
		}

		.check-out-table-3 tr.price-row td div {
			padding: 20px;
		}

		.check-out-table-3 tr.price-row td {
			border-top: none;
		}

		.check-out-table-3 tr.price-row {
			margin-top: 20px;
		}

		.check-out-table-3 td .col1 {
			padding: 30px 20px 20px 20px;
		}

		.check-out-table-3 tr.first-product-row td .col1 {
			padding-top: 20px;
		}

		.check-out-table-3 td .col2,
		.check-out-table-3 td .col3,
		.check-out-table-3 td .col4,
		.check-out-table-3 td .col5,
		.check-out-table-3 td .col6,
		.check-out-table-3 td .col7,
		.check-out-table-3 td .col8 {
			padding-left: 40px;
		}

		.check-out-table-3 td .col8 {
			padding-bottom: 20px;
		}

		.check-out-table-3 .col2:before {
			content: 'Formaatti: ';
		}

		.check-out-table-3 .col3.add-break-point-title:before {
			content: 'Tilauksen alkamispäivä: ';
		}

		.check-out-table-3 .col4:before {
			content: 'Hinta/kpl: ';
		}

		.check-out-table-3 .col5:before {
			content: 'Määrä: ';
		}

		.check-out-table-3 .col6:before {
			content: 'ALV‑%: ';
		}

		.check-out-table-3 .col7:before {
			content: 'ALV yht. (€): ';
		}

		.check-out-table-3 .col8:before {
			content: 'Hinta yht. (€): ';
		}

	/*tilausvahvistus-sivu: loppu*/

	.checkout-button-break-float-right {
		float: right !important;
	}
}

/* -- Erikois- break point JA sitä pienemmät päävalikolle -- */
@media only screen and (max-width : 900px) {
	/* -- Päävalikon limittyminen näkymää kavennettaessa --*/
	#header_bottom .site-logo {
		top: 10px;
		width: 123px;
		height: 35px;
	}

	#main_menu {
		top: 50px;
		right: auto;
		left: -7px; /*reunimmaisen linkin paddingin verran miinusta*/
	}

		#main_menu > ul > li {
			margin-left: 0;
			margin-right: 4px;
		}

			#main_menu > ul > li > a {
				height: 25px;
				line-height: 25px;
			}

	/*keskileveässä näkymässä, kun valikkopainikkeet ovat pienempiä, täytyy hover-valikkoa positioida paremmin*/
	#main_menu li ul {
		top: 25px;
	}
	/*keskileveässä näkymässä, kun valikkopainikkeet ovat pienempiä, jätetään nuoli pois*/
	.menu-layer-triangle {
		display: none;
	}

	/* -- Päävalikon limittyminen näkymää kavennettaessa: loppu --*/
}

/* -- Erikois- break point JA sitä pienemmät mm. lomakkeita varten -- */
@media only screen and (max-width : 600px) {
	#screenmode {
		width: 3px;
	}

	.screenmode-3-hide {
		display: none !important;
	}

	#cart_preview {
		right: 10px;
		left: 35px;
		width: auto;
	}

	.styled-form .input-panel {
		position: relative;
		margin-bottom: 11px;
	}

	.styled-form-radiobutton-list-wrapper {
		margin-bottom: 15px;
	}

	.styled-form .input-panel .data {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

	.styled-form .input-panel-multiline textarea {
		height: 90px;
	}

	.styled-form .input-panel.input-panel-readonly .data span {
		/*sisennys read-only tietoihin kapeassa tilassa*/
		margin-left: 10px;
	}

	/*info-pop-up lomakekentän perässä*/
	.styled-form .input-panel .data.data-with-info-pop-up input[type="text"] {
		max-width: 260px;
		width: 80%;
	}

	.styled-form .input-panel .data.data-with-info-pop-up .info-pop-up {
		position: relative;
		top: 2px;
		right: auto;
	}
	/*info-pop-up lomakekentän perässä: loppu*/

	.styled-form .indent-wrapper {
		margin-left: 0;
		top: 0 !important;
	}
	/*muokataan leveiden radiobuttonlistojen elementit näkymään allekkain*/
	/*muuten ei leveys riitä mobiilissa*/
	.radiobuttonlist.responsive-repeat-direction td {
		display: block;
		margin-top: 10px;
	}

	/*float-sarakkeet levitetään normaalia aiemmin*/
	.float-col {
		float: none;
		width: 100% !important;
	}

	/*checkoutin otsikkopalkki levitetään normaalia aiemmin*/
	.check-out-title-bar .float-box-outer {
		float: none;
		width: 100% !important;
	}

	/*footer levitetään normaalia aiemmin*/
	#footer_top .footer-col {
		width: 50%;
	}

		#footer_top .footer-col.last-col {
			clear: both;
			float: none;
			width: 100%;
			padding-top: 40px;
		}
}

/* Pienin break point */
@media only screen and (max-width : 500px)
/*@media only screen and (max-device-width : 767px)*/
/*, screen and (max-width: 740px)*/
/*mobiilitila desktopissa kaventamalla: poista rivin kommentit, mikäli halutaan käyttöön*/
/*em. vielä vaiheessa, jos meinataan ottaa käyttöön*/
{
	#screenmode {
		width: 4px;
	}

	.screenmode-4-hide {
		display: none !important;
	}

	.mobile-hide {
		display: none !important;
	}

	.mobile-only-block {
		display: block !important;
	}

	.mobile-only-inline {
		display: inline !important;
	}

	.mobile-only-inline-block {
		display: inline-block !important;
	}

	.full-width-on-mobile {
		float: none !important;
		width: 100% !important;
	}

	.width-limit-wrapper {
		min-width: 300px;
	}

	/*header_bottom menee piiloon, joten header_top:iin tarvitaan sama margin*/
	#header_top {
		margin-bottom: 55px;
	}

	.float-box-outer {
		float: none;
		width: 100% !important;
	}

	#cart_info {
		top: 10px;
		right: 10px;
		left: 10px;
		width: auto;
	}

	/*omat-tiedot -valikko*/
	#header_user_layer {
		right: 35px;
	}
	/*omat-tiedot -valikko: loppu*/

	/*ostoskori-sivu*/
	/*pienin break point: muokataan ostoskorinäkymä jälleen erilaiseksi*/

	.check-out-table-1 li > div {
		margin-left: 0;
	}

	.check-out-table-1 .col1 {
		position: static;
	}

	.check-out-table-1 .col2 {
		margin-top: 20px;
	}

	/*ostoskori-sivu: loppu*/

	.product-box {
		float: none;
		width: 100%;
		min-width: 0;
	}

	#footer_top {
		padding-top: 60px;
		padding-bottom: 60px;
	}

		#footer_top .footer-col {
			float: none;
			width: 100%;
			margin-top: 40px !important;
		}

			#footer_top .footer-col:first-child {
				margin-top: 0 !important;
			}

			#footer_top .footer-col.last-col {
				padding-top: 0;
			}

	/*-- Sähköisen palvelun etusivu ---------*/
	#eservicehome .header .logo {
		display: block;
		margin: 10px auto 50px;
	}

	/*-- mobiilissa ei hoveria ---------*/

	/*esimerkki toisesta projektista*/

	/*.logged-layer a:hover
	{
		...
	}
	ul.ui-autocomplete.ui-menu li a:hover,
	ul.ui-autocomplete.ui-menu li a.ui-state-focus
	{
		...
	}
	.product-box a:hover .title
	{
		...
	}*/

	/*-- mobiilissa ei hoveria: loppu ---------*/

	/* cookie-ilmoitus, mobiilinäkymä */
	.cookie-info-responsive {
		height: 100px !important;
		line-height: 25px !important;
		padding: 20px;
	}
	.cookie-info-responsive a {
		display: block !important;
		margin-left: 0 !important;
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
	/* cookie-ilmoitus, mobiilinäkymä: loppu */
}

/* Jäsennumero-kenttä */
.member-code-text {
	background-repeat: no-repeat;
	background-position: right 5px center;
}

	.member-code-text::-ms-clear {
		display: none;
	}

	.member-code-text.valid {
		background-image: url(../Pics/validation-valid.png);
	}

	.member-code-text.invalid {
		background-image: url(../Pics/validation-invalid.png);
		border-color: #ff8686 !important;
	}

/* Jäsenedut-sivu */
#customer_benefit_table {
	display: table;
	width: 100%;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

	#customer_benefit_table li {
		display: table-row;
	}

		#customer_benefit_table li.th {
			font-weight: bold;
		}

		#customer_benefit_table li > div {
			display: table-cell;
			vertical-align: middle;
			padding-bottom: 20px;
			vertical-align: top;
		}
/* -- Keskisuuri break point JA sitä pienemmät -- */
@media only screen and (max-width : 800px) {
	#customer_benefit_table {
		display: block;
	}

		#customer_benefit_table li {
			display: block;
			padding-bottom: 20px;
			border-top: 1px solid #eee;
			padding-top: 20px;
		}

			#customer_benefit_table li.first-row {
				border-top: none;
				padding-top: 0;
			}

			#customer_benefit_table li.th {
				display: none;
			}

			#customer_benefit_table li > div {
				display: block;
				padding-bottom: 7px;
			}

				#customer_benefit_table li > div div.onoffswitch {
					margin-top: 5px;
				}

				#customer_benefit_table li > div.col-1:before {
					content: 'Tuote';
					font-weight: bold;
					display: block;
				}

				#customer_benefit_table li > div.col-2:before {
					content: 'Viimeisin käyttöoikeus';
					font-weight: bold;
					display: block;
				}

				#customer_benefit_table li > div.col-3:before {
					content: 'Käytä ';
					font-weight: bold;
					display: block;
				}
}

/* -- Ylläpitäjä, kirjaudu asiakkaana */
#admin_order_customer_select_filter_container {
	margin-bottom: 5px;
}

	#admin_order_customer_select_filter_container table td {
		padding: 0 10px 5px 0;
	}

	#admin_order_customer_select_filter_container select {
		padding: 4px;
	}

	#admin_order_customer_select_filter_container table td.more-padding {
		padding-left: 20px;
	}

#admin_order_customer_select_customers_container table thead th {
	text-align: left;
}

#admin_order_customer_select_customers_container table th,
#admin_order_customer_select_customers_container table td {
	padding: 5px;
	background: #ddd;
}

#admin_order_customer_select_customers_container table th {
	background: #666;
	color: #fff;
}

#admin_order_customer_select_customers_container table td {
	background: #ddd;
}

#admin_order_customer_select_customers_container table tr:nth-child(odd) td {
	background: #eee;
}

#admin_order_customer_select_customers_container table a.grid-link {
	display: inline-block;
	padding: 2px 5px;
	color: #0f778b;
}

/*#region Uutiskirjeen tilaus*/
.newsletter-container {
	margin-top: 1em;
	padding: 0 !important;
}
.newsletter-container .iframe-wrapper-1,
.newsletter-container .iframe-wrapper-2 {
	width: 400px;
	vertical-align: top;
	display: inline-block;
	/*border: 1px solid red;*/
}
.newsletter-container .iframe-wrapper-1 {
	height: 200px;
}
.newsletter-container .iframe-wrapper-2 {
	height: 140px;
}
.newsletter-container iframe {
	width: 100%;
	height: 100%;
}
.accordion {
	transition: 0.4s;
}
.active, .accordion:hover {
	background-color: #ccc;
}
.accordion-panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
}
/*#endregion*/

/*#region #Dokumenttien versiointi*/
.document-version-date {
	color: #aaa;
}
/*#endregion*/

/*#region #Viestintälupa*/
.dialog-set-marketing-permission.ui-dialog .ui-dialog-title {
	font-size: 0.9em;
}

.dialog-set-marketing-permission.ui-dialog .ui-dialog-titlebar-close {
	visibility: hidden;
}

.dialog-set-marketing-permission.ui-dialog .ui-dialog-buttonpane {
	/*vain yksi nappi, keskitetään*/
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	/*vain yksi nappi, keskitetään: loppu*/
}

.dialog-set-marketing-permission.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}

.dialog-set-marketing-permission.ui-dialog .ui-dialog-content a {
	color: #1C75BC !important;
}

/*#endregion*/

/*#region CustomAlert*/
#custom_alert_modalwindow {
	-webkit-box-shadow: 0 0 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0 0 15px 0px rgba(0,0,0,0.25);
	position: fixed;
}

#custom_alert_modalwindow h2 {
	margin: 10px;
	font-size: 1em;
	color: #a0a0a0;
	font-weight: normal;
}

#custom_alert_modalwindow p {
	padding: 10px 15px;
}

#custom_alert_modalwindow p:empty {
	display: none;
}

#custom_alert_modalwindow .modal-prompt-input-wrapper {
	padding: 10px 15px;
}

#custom_alert_modalwindow .modal-prompt-input-wrapper .alert-prompt-input-title {
	display: block;
	font-size: 0.9em;
	margin-bottom: 5px;
}

#custom_alert_modalwindow .modal-prompt-input-wrapper .alert-prompt-input {
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-size: 1em;
}

#custom_alert_modalwindow .modalbuttons {
	position: absolute;
	bottom: 15px;
	height: 40px;
	left: 15px;
	right: 15px;
	text-align: right;
}

#custom_alert_modalwindow .modalbuttons > a {
	display: inline-block;
	margin-left: 0.7em;
	height: 40px;
	line-height: 38px;
	padding: 0 15px;
	background: #2695b6;
	color: #fff;
}

#custom_alert_modalwindow .modalbuttons > a:first-child {
	margin-left: 0;
}
/*#endregion*/