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

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

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

.important {
	color: #ff0000 !important;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #78bbc1;
}

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

/* -- yleisiä määrityksiä --- */
.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

.arrows-left:before {
	content: '» ';
}

.arrows-right:after {
	content: ' »';
}

.theme-dark-links a {
	color: #444;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.padding-top-0 {
	padding-top: 0 !important;
}

.padding-bottom-0 {
	padding-bottom: 0 !important;
}
/* -- yleisiä määrityksiä: loppu --- */

/* -- 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 40px; /*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;
	overflow: hidden;
}

.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;
	min-width: 0;
}

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

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

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

/*värit*/
.styled-button.red-button {
	background-color: #e53312;
}

.styled-button.red-button:hover {
	background-color: #d72d0d;
}

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

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

.styled-button.blue-button {
	background-color: #9CDCD9;
	color: #000;
	
}

	.styled-button.blue-button:hover {
		background-color: #9CDCD9;
	}

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

/*CustomerLicenses-sivulla käytetty tyyli*/
.styled-button.small-button {
	height: 28px;
	line-height: 28px;
	min-width: 0;
	font-size: 0.8rem;
	padding-left: 10px;
	padding-right: 10px;
}

/*lisää ostoskoriin*/
.styled-button.add-to-cart-button {
	background-image: url(../Pics/cart-white.png) !important;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 16px 14px;
	text-align: right;
}

/* -- Masterin pääelementit ---------- */

#link_bar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 40px;
	line-height: 40px;
	text-align: right;
	overflow: hidden;
	background: #00abcd;
	z-index: 10;
	border-bottom: 1px solid #fff;
}

#link_bar a {
	font-size: 1rem;
	margin-left: 0.65rem;
	color: #fff;
}

#link_bar a.active {
	color: #006e88;
}

#link_bar a:first-child {
	margin-left: 0;
}

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

#link_bar a:before {
	content: '|';
	display: inline;
	margin-right: 0.75rem;
	color: #fff !important;
}

#link_bar a:first-child:before {
	display: none;
}

#mobile_menu_opener {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: url(../Pics/sta/menu-dark.png) 0px 2px no-repeat;
	text-align: right;
}

/*#mobile_menu_opener:after {
	content: 'Menu';
	color: #00abcd;
	font-size: 1.5rem;
}*/

#mobile_menu {
	display: none;
	position: absolute;
	top: 110px;
	right: 0;
	left: 40%;
	background: #ddd;
	z-index: 2;
}

#mobile_menu li {
	display: block;
	height: 40px;
	line-height: 40px;
}

#mobile_menu li a {
	display: block;
	height: 100%;
	padding-left: 30px;
	color: #444;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
	overflow: hidden;
}

#top_bar {
	margin-top: 40px;
	height: 100px;
	background: #fff;
	/*border-bottom: 1px solid #ddd;*/
}

.site-logo-link {
	position: absolute;
	top: 25px;
	left: 0;
	display: block;
	width: 226px;
	height: 49px;
	background: #fff url(../Pics/sta/site-logo-2.png) center no-repeat;
	/*-webkit-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         2px 5px 10px 0px rgba(50, 50, 50, 0.4);*/
	z-index: 2;
}

#master_content_wrapper {
	min-height: 200px;
	background: #e7e7e7;
	padding-top: 30px;
	padding-bottom: 50px;
}

/* Harmaan alueen näkyessä sivun alareunassa, alueen alla näkyvä valkoinen kaistale piilotetaan. */
body.extra-content-visible #master_content_wrapper {
	padding-bottom: 0;
}

#footer {
	background: #00abcd;
	padding: 15px 0;
}

#footer, #footer a {
	color: #fff;
}

#footer h4 {
	margin-bottom: 10px;
}

#footer a.block-link {
	display: block;
	line-height: 17px;
	margin-bottom: 10px;
}

/* -- Login ---------- */

.login-control-wrapper {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 7;
}

.openLogin {
	position: relative;
	display: block;
	color: #00abcd !important;
	background: url(/pics/login-lock-dark.png) 0 2px no-repeat;
	padding-left: 30px;
	padding-right: 25px;
	height: 36px;
	line-height: 36px;
	margin-top: 10px;
}

.openLogin .arrow-icon {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 36px;
	background: url(../Pics/sta/double-arrow-right-dark.png) center no-repeat;
	margin-left: 5px;
	opacity: 0.85;
}

.openLogin.active .arrow-icon {
	background: url(../Pics/sta/double-arrow-down-dark.png) center no-repeat;
	opacity: 0.85;
}

.doLogin {
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	width: 280px;
	min-height: 300px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	z-index: 1;	
}

.login-panel input[type="text"],
.login-panel input[type="password"],
.recover-panel input[type="text"] {
	display: block;
	height: 38px;
	padding-left: 5px;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	width: 100%;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*ostoprosessin kirjautuminen*/
.doLogin.expanded {
	display: block;
	position: static;
	border: none;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.doLogin.expanded .login-panel input[type="text"],
.doLogin.expanded .login-panel input[type="password"],
.doLogin.expanded .recover-panel input[type="text"] {
	width: 90%;
}

.doLogin.expanded a {
}

.login-panel .checkbox-wrapper {
	color: #00abcd;
}

.login-panel input[type="checkbox"] {
	display: none;
}

.login-panel input[type="checkbox"] + label span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(/pics/checkbox.png) -12px top no-repeat;
	cursor: pointer;
	border: 1px solid #00abcd;
	/*padding: 5px;*/
}

.login-panel input[type="checkbox"]:checked + label span {
	background-position: left top;
}

.recover-panel {
	display: none;	
}

/* -- Omat tiedot -valikko ---------- */


.loginPanel {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 4;
}

/* Piilotetaan kirjautuneen valikko ostoprosessin 2. sivulta. Näkyy vain ylläpitäjälle ja "Kustantajalle". */
.checkout-login-wrapper .loginPanel {
	display: none;
}

#userdrop_user,
#userdrop_menu {
	line-height: 38px;
	background: #00abcd;
	color: #fff;
	text-align: center;
	overflow: hidden;
	z-index: 10000;
	position: relative;
	border-radius: 3px;
}

#userdrop_user {
	width: 250px;
	padding-right: 20px;
	padding-left: 10px;
	height: 38px;
	/*background: rgba(255,255,255,0.35) url(/pics/arrow-down.png) 0 100% no-repeat;*/
	/*box-shadow: inset 0 -10px 30px -10px rgba(255,255,255,0.6);
    -moz-box-shadow: inset 0 -10px 30px -10px rgba(255,255,255,0.6);
    -webekit-box-shadow: inset 0 -10px 30px -10px rgba(255,255,255,0.6);*/
	cursor: pointer;
	/*color:#ffffff !important;*/
	/*font-size:15px;*/
	/*font-weight:normal;*/
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#userdrop_user:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 0px;
	content: "▼";
	clear: both;
}

#userdrop_user_mobile_icon {
	display: none;
	width: 26px;
	height: 30px;
	background: url(../Pics/sta/icon-user-dark.png) no-repeat;
	cursor: pointer;
}

#userdrop_menu {
	display: none;
	width: 280px;
	position: absolute;
	z-index: 2;
	/*-moz-box-shadow: 0px 15px 30px 0px rgba(17,69,85,0.5);
	-webkit-box-shadow: 0px 15px 30px 0px rgba(17,69,85,0.5);
	box-shadow: 0px 15px 30px 0px rgba(17,69,85,0.5);*/
	/*margin-left: -5px;*/
	border-top: 1px solid #00abcd;
	-webkit-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
}

#userdrop_menu.active {
	display: block;
}
/*#userdrop_menu div.sub-title
{
	border-bottom: 1px solid #2695b7;
	background: #f9f9f9;
	color: #808080;
}*/

#userdrop_menu a {
	display: block;
	border-bottom: 1px solid #ffffff;
	background: #e9f6f8;
	/*font-size:14px;*/
	line-height: 130%;
	padding-top: 15px;
	padding-bottom: 15px;
	/*background: #e9f6f8 url(/pics/category-link2-bg.png) 100% 0 no-repeat;*/
	/*-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;*/
}

#userdrop_menu a:first-child {
	border-top: transparent;
}


#userdrop_menu a.read-link {
	position: relative;
	background-color: #c4e1e8;
	border-bottom: 1px solid #eef5f7;
}

#userdrop_menu a.read-link:first-child {
	border-top: none;
	box-shadow: inset 0 10px 20px -10px rgba(38,149,183,0.5);
	-moz-box-shadow: inset 0 10px 20px -10px rgba(38,149,183,0.5);
	-webkit-box-shadow: inset 0 10px 20px -10px rgba(38,149,183,0.5);
}

#userdrop_menu a:hover, #userdrop_menu a.read-link:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #9dd1df;
	/*-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:  all 0.1s ease-in-out;
	-ms-transition:  all 0.1s ease-in-out;
	-o-transition:  all 0.1s ease-in-out;
	transition:  all 0.1s ease-in-out;*/
}

#userdrop_menu a.read-link i.ip-access-flag {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 8px;
}

#userdrop_menu a.read-link i.ip-access-flag:after {
	content: 'IP';
}

/* -- Tuotehaku ---------- */

.main-menu-search-container {
	position: absolute;
	top: 20px;
	right: 355px;
	width: 280px;
}

.main-menu-search-input {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	padding-left: 10px;
	padding-right: 5px;
	background: #fff;
	width: 100%;
	height: 38px;
	border: none;
	outline: none;
	/*color: #2695b7;*/
	border: 1px solid #2695b7;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-menu-search-button {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 35px;
	height: 35px;
	margin-left: 1px;
	background: #fff url(../Pics/ico-search.png) center no-repeat;
	border: none;
	cursor: pointer;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* 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;
	-webkit-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 2px 5px 10px 0px rgba(50, 50, 50, 0.4);
}

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;
	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 #00abcd;
	background: #00abcd;
	color: #fff;
	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;
}

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

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

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

/*easydropdown hajoaa postbackissa, ei käytetä sitä*/
/*tällä tyylillä saadaan edes vähän muutosta valintalistoihin, jotka ovat postback:ia käyttävillä sivuilla*/
.styled-dropdownlist {
	font-size: 1rem;
	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;
	margin-top: 3px;
}

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

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

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

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

.simple-form .text {
	border: 1px solid #ccc;
}

.styled-form .input-panel input[type="text"]:disabled {
	background: #ccc !important;
	color: #666 !important;
}

.styled-form .input-panel-readonly .data {
	color: #666;
	line-height: 39px;
}

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

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

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

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

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

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

/* -- Progress-indikaattori ---------- */
#update_progress {
	position: fixed;
	z-index: 9999;
	top: 30%;
	left: 50%;
	background: #fff;
	border: 2px solid #00a9e3;
	padding: 40px;
	text-align: center;
}

/* -- Huoltotiedotus ----------- */
.service-alert {
	/*margin: 5px 0 0 0;*/
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
	padding: 10px 15px;
	background: #fefddc;
	font-size: 0.8em;
}

/*-- Yleistä ---------- */

.generic-title-box {
	font-size: 1.2rem;
	line-height: 1; /*pienentää boksin korkeutta*/
	text-transform: uppercase;
}

.generic-page h1:first-of-type {
	margin-top: 0 !important;
}

/* -- Omat tuotteet -sivu --------- */

.product-link-box {
	position: relative;
	height: 200px;
	overflow: hidden;
	text-align: center;
}

.product-link-box.corner-tag:after {
	content: 'tag_text_here';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 2px 5px 3px 5px;
	font-size: 0.8em;
	background: #00abcd;
	color: #fff;
	opacity: 0.8;
}
.product-link-box.corner-tag.corner-tag-text-updated:after {
	content: 'Päivitetty';
}

/* Tulevan julkaisun lukulinkki: */
/* Jos url on tyhjä (tai null), linkki disabloidaan ja ulkoasu merkataan luokalla (disabled). */
.product-link-box.disabled {
	cursor: default;
	background: #f3f3f3;
}

.product-link-box.tall {
	height: 230px;
}

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

.product-link-box img {
	display: block;
	width: 100%;
	max-width: 120px;
	margin: 0 auto;
}

.product-link-box .name {
	display: block;
	margin-top: 10px;
	/*font-weight: bold;*/
}

.product-link-box .extra {
	/*piilotettu toistaiseksi*/
	display: none;
	/*display: block;*/
	margin-top: 5px;
	font-size: 0.8rem;
}

.publication-group-drop-box-opener {
	position: relative;
	cursor: pointer;
	padding-right: 30px !important;
}

.publication-group-drop-box-opener-parent.active > .publication-group-drop-box-opener {
	background: #00abcd;
}
/* Avatussa boksissa on otsikon jälkeen turhaa tyhjää tilaa. Poistetaan tällöin sarakkeen padding, joka tulee flexbox-määrittelystä. */
.publication-group-drop-box-opener-parent.active {
	padding-bottom: 0;
}

.publication-group-drop-box-opener > .arrow-icon {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 12px;
	right: 10px;
	background: url(../Pics/sta/double-arrow-right.png) no-repeat;
}

.publication-group-drop-box-opener-parent.active > .publication-group-drop-box-opener > .arrow-icon {
	background: url(../Pics/sta/double-arrow-down.png) no-repeat;
}

.publication-group-drop-box-content {
	display: none;
}

/* -- Etusivu ----------- */
.front-page-box-title {
	position: relative;
	font-size: 1.3rem;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 41px;
	vertical-align: middle;
	padding-left: 50px;
}

.front-page-box-title i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 41px;
	height: 41px;
	background-repeat: no-repeat;
}

.icon-memo i {
	background-image: url(../Pics/sta/icon-memo.png);
}

.icon-history i {
	background-image: url(../Pics/sta/icon-history.png);
}

.icon-news i {
	background-image: url(../Pics/sta/icon-news.png);
}

.front-page-box-ajankohtaista img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

.front-page-box-ajankohtaista a {
	color: #444;
}

/*-- muistiinpanot ---*/
.front-page-memo-items {
}

.front-page-memo-items .memo-item {
	display: block;
	border-top: 1px solid #ddd;
	cursor: pointer;
	line-height: 1.4em;
	max-height: 2.8em;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
}

.front-page-memo-items .memo-item:first-child {
	padding-top: 0;
	border-top: none;
}

.front-page-memo-items .date {
}

.front-page-memo-items .text {
}
/* -- muistiinpanot: loppu ---*/

/* -- viimeksi käytetyt --- */
.front-page-history-items {
}

.front-page-history-items a {
	display: block;
	margin-top: 15px;
	cursor: pointer;
}
/* -- viimeksi käytetyt: loppu ----*/

.front-page-section-heading {
	font-size: 1.5em;
}


/* -- Ostoprosessi */

/*-- Tuotesivu --*/

/* Listatyyli */
.product-page ul {
	list-style-type: disc;
	margin-left: 25px;
}

.product-page ol {
	list-style-type: decimal;
	margin-left: 25px;
}

.product-page li {
	margin-top: 0px;
}
/*.product-page ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}*/

.site-map-path {
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.product-page .item-price-additional {
	padding-bottom: 10px;
}

.product-page .item-price-additional-title {
	font-weight: bold;
	margin-right: 7px;
}

/*avaa-painike, not for sale: linkkipainike, disabled-painike*/
.product-page .product-page-link-buttons-wrapper .styled-button {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.product-page .add-to-cart-wrapper {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.product-page .add-to-cart-wrapper .add-to-cart-button {
	float: right;
	display: inline-block;
	min-width: 100px;
}

.product-page .add-to-cart-wrapper .dropdown {
	margin-right: 5px;
}

/*-- TUOTETIEDOT -----*/
.product-page .product-page-data-table {
	margin-top: 5px;
}

.product-page .product-page-data-table td {
	padding-top: 5px;
	padding-right: 15px;
	line-height: 20px;
}

.product-page .product-page-data-table .title {
	font-weight: bold;
}

.product-page .product-page-data-table p {
	margin: 0;
}
/*-------*/

.product-page h1 {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

.product-page .author-container {
	font-style: italic;
}

.product-page .author-container p {
	margin-top: 0 !important;
}

.product-page .product-page-references a {
	display: block;
	height: 26px;
	line-height: 26px;
	border-bottom: 1px dotted #d7d7d7;
}

.product-page .huomioteksti {
	margin-left: 10px;
	font-size: 10px;
}
/* Huomioteksti asetetaan tinyMCE:llä. Ilmeisesti ympärillä aina p-tägit */
.product-page .huomioteksti p {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 12px;
}

.product-page .product-page-sisallys {
	display: block;
	margin-top: 30px;
	max-width: 200px;
}

.product-page .product-page-xml table {
	width: 100%;
	border-top: 1px dotted #d7d7d7;
	margin-top: 10px;
}

.product-page .product-page-xml td {
	border-bottom: 1px dotted #d7d7d7;
	text-align: left;
	vertical-align: top;
}

.product-page .product-page-xml td div {
	min-height: 15px;
	padding-top: 5px;
	padding-bottom: 6px;
	font-size: 10px;
}

.product-page .product-page-xml td div.col1 {
	color: #666;
	margin-right: 12px;
}

.product-page .product-page-xml td div.col2 {
	color: #000;
}

/*
.product-page-related {
	margin-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.product-page-related div.col1 {
	float: left;
	width: 75px;
	overflow: hidden;
	margin-right: 15px;
}

.product-page-related div.col1 img {
	max-width: 75px;
}

.product-page-related div.col2 {
	float: left;
	width: 140px;
	overflow: hidden;
}

.product-page-related div.col2 .title {
	display: block;
}

.product-page-related div.col2 .author {
	display: none;
	line-height: 20px;
	margin-bottom: 10px;
}
*/

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

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

.product-page-variant-text {
	position: relative;
	display: block;
	z-index: 1;
	width: 129px;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	border: 1px solid #c3c3c3;
	background: #efefef;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	padding-left: 6px;
	color: #666;
}

.product-page-variant-text:hover {
	text-decoration: none;
}

.product-page-variant-text em {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #666;
}

.product-page-variant-list {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 2;
	width: 135px;
	padding: 0px;
	border: 1px solid #c3c3c3;
	background: #efefef;
	margin-top: 0 !important;
}

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

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

.product-page-share {
	margin-top: 1.5em;
}

.product-page-data-wrapper div {
	margin-top: 0.5em;
	line-height: 1.1em;
}
.product-page-data-wrapper div:first-child {
	margin-top: 0.9em;
}

/* RATE */

#rate-this-item-add-review div span,
#rate-this-item-add-review div a {
	color: #656565 !important;
	font-size: 10px;
	font-weight: bold;
	display: block;
	height: 17px;
	line-height: 17px;
	background: url(../Images/Site/open.png) no-repeat;
	padding-left: 27px;
}

.rate-this-item-label {
	font-size: 12px;
	line-height: 24px;
}

.rate-this-item-title {
	font-size: 14px;
}

.rate-this-item-review,
.rate-this-item-name {
	border: 1px solid #d8d8d8;
	background: #fbfbfb;
	width: 100%;
	margin-bottom: 10px;
}

.rate-this-item-review {
	height: 100px;
}

.rate-this-item-name {
	height: 24px;
}

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

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

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

.rate-this-item-validation * {
	color: #ff0000;
}

.rate-this-item-reviews {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d7d7d7;
}

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

.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: 15px;
}

/*-- Image viewer --*/
#image_viewer {
	display: none;
}

#image_viewer_layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	z-index: 100;
}

#image_viewer_image_wrapper {
	position: fixed;
	top: 100px;
	z-index: 101;
	background: #fff;
}

#image_viewer_image_wrapper img {
	border: 5px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 40px 10px #666;
	-webkit-box-shadow: 0px 0px 40px 10px #666;
	box-shadow: 0px 0px 40px 10px #666;
}

#image_viewer_image_wrapper a.mini-close {
	position: absolute;
	top: -12px;
	right: -12px;
}

.boxcorner, .colhead:after, .categorylinks h3:after {
	display: none;
	/*display: block;*/
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: url(/pics/category-head-bg-big.png) no-repeat;
	opacity: 0.5;
}

.colwrapper {
	margin-left: -38px;
	float: left;
}

.col {
	float: left;
	width: 307px;
	margin-left: 38px;
}

.doublecol {
	width: 652px;
}

.defaultbutton {
	color: #2695b7 !important;
	background: #ffffff; /* url(../Pics/bgfade66.png) repeat-x 0 bottom !important;*/
	box-shadow: inset 0 -10px 40px -10px rgba(38,149,183,0.3);
	-moz-box-shadow: inset 0 -10px 40px -10px rgba(38,149,183,0.3);
	-webkit-box-shadow: inset 0 -10px 40px -10px rgba(38,149,183,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #77b4c7 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.defaultbutton:hover {
	box-shadow: inset 0 -10px 40px -10px rgba(38,149,183,0.5);
	-moz-box-shadow: inset 0 -10px 40px -10px rgba(38,149,183,0.5);
	-webkit-box-shadow: inset 0 -10px 40px -10px rgba(38,149,183,0.5);
	text-shadow: 0px 1px 1px #fff;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/*ostoskori*/
#header_cart {
	display: none;
	position: absolute;
	top: 20px;
	right: 305px;
	width: 35px;
	height: 35px;
	z-index: 6;
}

#header_cart a.action {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../Pics/cart-red.png);
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: left center;
}

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

#cart_preview {
	display: none;
	position: absolute;
	top: 60px;
	right: 300px;
	width: 390px;
	z-index: 3;
	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: 55px;
}

#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: 50px;
	right: 10px;
	width: 380px;
	z-index: 1001;
	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;
}

#cart_info a {
	display: block;
}

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

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

#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.9rem;
}

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

a.mini-close {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #000;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #000;
	text-align: center;
	background: #fff;
	font-size: 12px;
	text-decoration: none;
}

a.mini-close.white {
	background: #040404;
	color: #ffffff;
	border-color: #ffffff;
}

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

a.mini-close:hover {
	text-decoration: none;
}
/* -- Ostoskori: loppu ---------- */

/* -- Lisää ostoskoriin ---------- */
.add-to-cart-wrapper {
	/*position: absolute;
	bottom: 14px;
	right: 15px;*/
}

.add-to-cart-wrapper.compact .dropdown {
	display: none;
}
/* -- Lisää ostoskoriin: loppu ---------- */

/* -- Tilausprosessi ---------- */

/* Otsikot ----------- */

.check-out-title-bar {
	border-bottom: 1px solid #00abcd;
	margin-bottom: 25px;
	color: #00abcd;
}

.check-out-title-bar td > div {
	position: relative; /*boxcornerin vuoksi*/
	line-height: 22px;
	padding: 5px 15px 5px 15px;
}

.check-out-title-bar td.active {
	background: #00abcd;
	color: #fff;
	-moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	-webkit-border-top-left-radius: 2px;
	-moz-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
}
/* Yleistä ----------- */

.wrapper-box {
	position: relative;
	margin-top: 15px;
	padding: 20px;
}

.wrapper-box.colored {
	background-color: #f9f9f9;
}

.wrapper-box.transparent {
	padding: 0;
	background: none;
}

.info-box {
	margin-top: 15px;
	padding: 20px;
	background: #2695b7;
	color: #fff;
}

.generic-content-wrapper-box {
	max-width: 650px;
}

/* 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-right: 5px;
	position: relative;
	top: 1px;
}

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

/* Taulukko ----------- */

.check-out-table {
	width: 100%;
	border-collapse: collapse;
}

.check-out-table tr.first td {
	/*padding: 10px;
	background: #efefef;*/
}

.check-out-table tr.last td {
	border-top: 1px solid #ddd;
}

.check-out-table tr.alt td {
	background: #eee;
}

.check-out-table td {
	vertical-align: middle;
	padding: 7px !important;
	vertical-align: middle !important;
}

.check-out-table .col-wide {
	text-align: right;
}

.check-out-table .col1 {
	width: 40px;
}

.check-out-table .col2c,
.check-out-table .col3 {
	text-align: right;
}

/* Muuta tilauksen alkamispvm -linkki */
/* Muuta lukumäärää -linkki */
.check-out-table .col2c a,
.check-out-table .col3 a {
	display: block;
	padding: 2px 0px;
	text-align: right;
	padding-right: 5px;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

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

.check-out-table .col4,
.check-out-table .col5,
.check-out-table .col6,
.check-out-table .col7 {
	text-align: right;
}

.check-out-table .small-note {
	color: #777;
	font-size: 10px;
}

/*-- Ostoskorin näkymät --*/

/*1. kassa: ostoskorin tuotelistaus*/
.cart-view-item-wrapper {
	min-height: 40px;
}

.cart-view-item-wrapper .text-wrapper {
	margin-left: 85px;
}

.cart-view-item-wrapper .text-wrapper div {
	margin-top: 5px;
}

.cart-view-item-wrapper .text-wrapper a {
	color: #222222;
}

.cart-view-item-wrapper .text-wrapper .title-tag {
	color: #f79122;
	font-size: 11px;
	text-transform: uppercase;
}
/* Muuta lukumäärää */
.cart-view-item-wrapper .text-wrapper a.update-count {
	display: inline-block;
	width: 30px;
	padding: 2px 0px;
	text-align: right;
	padding-right: 5px;
	background: #fff;
	border: 1px solid #cccccc;
}

.cart-view-item-wrapper .text-wrapper a.update-count:hover {
	text-decoration: none;
}

.cart-view-item-wrapper .image-wrapper {
	position: absolute;
}

.cart-view-item-wrapper .remove-button {
	position: absolute;
	top: -5px;
	right: -8px;
	display: block;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: #040404;
	border: 1px solid #040404;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

.cart-view-item-wrapper .remove-button:hover {
	text-decoration: none;
}

/* -- STA: Omavalinta-hyllyn alituote ----- */
.cart-view-item-wrapper.child-row {
	margin-top: 1px;
	background: #f3f3f3;
}
/* vain tuotteen nimi ja kuva jäävät näkyviin */
.cart-view-item-wrapper.child-row .text-wrapper div {
	display: none;
}
/* -- STA: Omavalinta-hyllyn alituote: loppu ----- */

/* -- STA: Omavalinta-hyllyn upgrade-tuote ----- */
/*.cart-view-item-wrapper.upgrade-row .text-wrapper div {	
}*/
/* -- STA: Omavalinta-hyllyn upgrade-tuote: loppu ----- */

/* lomakkeet */
.styled-form .title {
	display: block;
	margin-bottom: 6px;
	/*color: #999;*/
	/*text-transform: uppercase;*/
}

.styled-form input[type="text"],
.styled-form textarea {
	width: 97%;
	max-width: 300px;
	height: 26px;
	line-height: 26px;
	padding-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
	margin-right: 5px;
}

.styled-form textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
}

/*1. kassa, 3. vahvistus: tilauksen yhteenveto*/
.order-summary div {
	margin-top: 5px;
}

.order-summary div.total {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}
/* -- Tilausprosessi: loppu ---------- */

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

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

/* -- Erikois break point yläpalkille -- */
@media only screen and (max-width : 920px) {
	/* -- Yläpalkin kontrollit ---*/
	#link_bar {
		display: none;
	}

	#top_bar {
		margin-top: 0;
		height: 110px;
	}

	#mobile_menu_opener {
		display: block;
	}

	#mobile_menu.active {
		display: block;
	}

	.main-menu-search-container {
		top: 65px;
		right: 100px;
		width: 180px;
	}

	#header_cart {
		top: 65px;
		right: 48px;
	}

	#cart_preview {
		top: 105px;
		right: 5px;
	}

	#cart_info {
		top: 10px;
	}
	/* -- Yläpalkin kontrollit: loppu ---*/
}

/* -- 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) {
}

/*STA: Lisämäärittely koekäyttölomaketta varten. Lomake on "pinottu" kaikissa näkymissä.*/
/*Lisäksi lomake haluttu "kahteen" sarakkeeseen, joka toteutettu floatilla.*/
/*--*/
.styled-form.stacked-trial-form .input-panel {
	float: left;
	width: 49%;
	margin-bottom: 11px;
}

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

.styled-form.stacked-trial-form .input-panel input[type="text"] {
	max-width: none;
}
/*--*/

/* -- Erikois- break point JA sitä pienemmät mm. lomakkeita varten -- */
@media only screen and (max-width : 600px) {
	#master_content_wrapper {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	/* -- Yläpalkin kontrollit ---*/
	#top_bar {
		height: 70px;
		margin-bottom: 30px;
	}

	.site-logo-link {
		top: 3px;
		left: -10px;
		width: 180px;
		background-size: 90%;
	}

	#userdrop_user {
		display: none;
	}

	#userdrop_user_mobile_icon {
		display: block;
	}

	#userdrop_menu {
		left: -255px;
	}

	#mobile_menu_opener {
		top: 22px;
		right: 35px;
		width: 26px;
	}

	/*#mobile_menu_opener:after {
		display: none;
	}*/

	#mobile_menu {
		top: 55px;
		left: 0;
	}
	/* pientä kikkailua, että saadaan haku näyttämään hyvältä*/
	.main-menu-search-container {
		top: 55px;
		left: 0;
		right: 0;
		width: auto;
		height: 40px;
		/*background: #00abcd;*/
		/*border: 10px solid #00abcd;*/
	}

	#header_cart {
		top: 12px;
		right: 75px;
	}

	.openLogin span.text {
		display: none;
	}

	.openLogin {
		padding-left: 20px;
		padding-right: 0;
	}
	/* -- Yläpalkin kontrollit: loppu ---*/

	.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.input-panel-readonly .data span {
		/*sisennys read-only tietoihin kapeassa tilassa*/
		margin-left: 10px;
	}

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

	#cart_preview {
		top: 55px;
		left: 5px;
		right: 5px;
		width: auto;
	}

	.responsive-checkout-button {
		float: left !important;
	}
}

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

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

	#cart_info .text {
		position: static;
		top: auto;
		left: auto;
		padding-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		display: block;
		margin-top: 5px;
	}

	#cart_info .styled-button {
		position: static;
		bottom: auto;
		right: auto;
		margin-top: 10px;
	}
}

/* Pienin break point */
@media only screen and (max-width : 400px) {
	/*.site-logo-link
	{
		width: 200px;
		background-size: 90%;
	}*/

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

	.styled-form.stacked-trial-form .input-panel {
		float: none;
		width: 100%;
	}

	.check-out-title-bar {
		font-size: 0.9rem;
	}
}


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

.carousel-control {
	position: relative;
	margin: 0 auto;
}

.carousel-control div {
	display: none;
}

.carousel-control div img {
	width: 100%;
}

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

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

.carousel-control-button.prev {
	left: 10px;
}

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

.carousel-control-button.next {
	right: 10px;
}

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

/* Vapaaseen sisältöeditointiin tarkoitetut tyylit */

.box-link {
	display: inline-block;
	padding: 5px 15px;
}

/* Vapaaseen sisältöeditointiin tarkoitetut tyylit: loppu */

/* -- Pyöreät, värilliset linkit sisältöalueella ----------- */

.circle-links-wrapper {
	text-align: center;
	margin-top: 20px;
	padding: 10px 0;
}

.circle-links-wrapper .circle-link {
	margin: 10px 30px;
}

.circle-link {
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 50%;
	background: #ddd;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1rem;
	/* Bugikorjaus: iPhonella eka pallo rendautuu muita korkeammalle. Tämä korjaa tilanteen. */
	/* http://stackoverflow.com/questions/13548168/why-my-inline-block-divs-are-not-aligned-when-only-one-of-them-has-text */
	vertical-align: bottom;
}
.circle-link:hover {
	text-decoration: none;
}

.circle-link-linebreak {
	display: none;
}

/* kavennetaan välejä kapealla näytöllä */
@media only screen and (max-width : 950px) {
	.circle-links-wrapper .circle-link {
		margin: 10px 10px;
	}
}
@media only screen and (max-width : 850px) {
	.circle-links-wrapper .circle-link {
		margin: 5px 5px;
	}
}

/* jaetaan kahdelle riville vielä kapeammassa näkymässä */
@media only screen and (max-width : 750px) {
	.circle-link-linebreak {
		display: block;
	}
}

/*monirivisen tekstin vertikaalikeskitys*/
.circle-link > span {
	display: block;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* värit käytössä box-link ja circle-link -elementeillä */
.bg-color-1 {
	background: #00abcd;
	color: #fff !important;
}

.bg-color-2 {
	background: #ffd503;
	color: #454545 !important;
}

.bg-color-3 {
	background: #d2232a;
	color: #fff !important;
}

.bg-color-4 {
	background: #006e88;
	color: #fff !important;
}

/* Omat käyttöoikeudet ----------- */

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

.license-table > li {
	display: table-row;
}

.license-table > li.visible {
	display: table-row !important;
}

.license-table li > div {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	vertical-align: top;
	background: #fff;
}

.license-table > li.publication-row > div {
	border-top: 10px solid #fff;
	background: #eee;
	cursor: pointer;
}

.license-table > li.publication-row > div.publication-cell-actions {
	text-align: right;
}

.license-table > li.publication-row .action-button {
	margin-right: 15px;
}

.license-table > li.publication-row .toggle-button {
	display: inline-block;
	width: 9px;
	height: 5px;
	padding: 10px;
	background: url(../Images/Site/arrow-down.gif) center no-repeat;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.license-table > li.publication-row .toggle-button.active {
	background: url(../Images/Site/arrow-up.gif) center no-repeat;
}

.license-table > li.header-row {
	display: none;
}

.license-table > li.header-row > div {
	font-style: italic;
	border-bottom: 1px solid #eee;
	text-align: right;
}

.license-table > li.header-row > div:first-child {
	text-align: left;
}

.license-table > li.license-row {
	display: none;
}

.license-table > li.license-row > div {
	text-align: right;
}

.license-table > li.license-row > div:first-child {
	text-align: left;
}

.license-table > li.license-row > div.free {
	color: #01b813;
}

.license-table > li.license-row.expired {
	color: #888;
}

.license-table > li.license-row .transfer-button {
	max-width: 100px;
}

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

	.license-table {
		display: block;
	}

	.license-table > li {
		position: relative;
		display: block;
		background: #fff;
	}

	.license-table > li.visible {
		display: block !important;
	}

	.license-table > li > div {
		display: block;
		padding: 1px 5px;
	}

	.license-table > li.publication-row > div {
		border-top: none;
	}

	.license-table > li.publication-row > div:first-child {
		margin-top: 10px;
	}

	.license-table > li.header-row > div {
		border-bottom: none;
	}

	.license-table > li.header-row.not-expired {
		display: none !important;
	}

	.license-table > li.license-row > div {
		text-align: left !important;
	}

	.license-table > li.license-row > div:first-child {
		margin-top: 10px;
	}

	.license-table > li.license-row > div.license-cell-owner:before,
	.license-table > li.license-row > div.license-cell-end-date:before {
		font-weight: bold;
	}

	.license-table > li.license-row > div.license-cell-owner:before {
		content: 'Käyttäjä: ';
	}

	.license-table > li.license-row > div.license-cell-end-date:before {
		content: 'Päättyy: ';
	}
}

/* Omat käyttöoikeudet: loppu ----------- */

/* Omat tilaukset ----------- */

.customer-orders-table {
	display: table;
	width: 100%;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.customer-orders-table > li {
	display: table-row;
}

.customer-orders-table > li > div {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	vertical-align: top;
	background: #fff;
}

.customer-orders-table > li.header-row-1 > div {
	background: #00abcd;
	color: #fff;
	border-top: 30px solid #fff;
}

.customer-orders-table > li.header-row-1:first-child > div {
	border-top: none;
}

.customer-orders-table > li.data-row-1 > div {
	background: #e9f2f5;
}

.customer-orders-table > li.header-row-2 > div {
	background: #eee;
	border-top: 10px solid #fff;
}

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

	.customer-orders-table {
		display: block;
	}

	.customer-orders-table > li {
		position: relative;
		display: block;
		background: #fff;
	}

	.customer-orders-table > li > div {
		display: block;
		padding: 1px 5px;
	}

	.customer-orders-table > li.header-row-1 > div,
	.customer-orders-table > li.header-row-2 > div {
		display: none;
	}

	.customer-orders-table > li.data-row-1 > div {
		background: #00abcd;
		color: #fff;
	}

	.customer-orders-table > li.data-row-1 > div:first-child {
		background: #00abcd;
		color: #fff;
		border-top: 20px solid #fff;
	}

	.customer-orders-table > li.data-row-2 > div.product-code {
		margin-top: 10px;
	}

	.customer-orders-table > li.data-row-1 > div:before,
	.customer-orders-table > li.data-row-2 > div:before {
		font-weight: bold;
	}

	.customer-orders-table > li.data-row-1 > div.order-number:before {
		content: 'Tilausnumero: ';
	}

	.customer-orders-table > li.data-row-1 > div.order-date:before {
		content: 'Päivämäärä: ';
	}

	.customer-orders-table > li.data-row-1 > div.order-total:before {
		content: 'Yht.: ';
	}

	.customer-orders-table > li.data-row-1 > div.payment-type:before {
		content: 'Maksutapa: ';
	}

	.customer-orders-table > li.data-row-1 > div.order-ref:before {
		content: 'Tilauksen viitenro.: ';
	}

	.customer-orders-table > li.data-row-2 > div.product-code:before {
		content: 'Tuotekoodi: ';
	}

	.customer-orders-table > li.data-row-2 > div.product-name:before {
		content: 'Tuotenimi: ';
	}

	.customer-orders-table > li.data-row-2 > div.unit-price:before {
		content: 'Kappalehinta: ';
	}

	.customer-orders-table > li.data-row-2 > div.row-units:before {
		content: 'Lkm.: ';
	}

	.customer-orders-table > li.data-row-2 > div.row-price:before {
		content: 'Yht.: ';
	}
}

/* Hylly-wizard ----------- */

#shelf_wizard {
	display: none;
}

#shelf_wizard .title-container div {
	display: inline-block;
	background: #eee;
	padding: 1em;
	margin-bottom: 1em;
	margin-right: 5px;
}

#shelf_wizard .title-container div.active {
	font-weight: bold;
}

#shelf_wizard .wizard-step {
	display: none;
}

#shelf_wizard .wizard-step-inner {
	background: #eee;
	padding: 1em;
}

.wizard-button-container {
	text-align: right;
}

.wizard-button-container a {
	margin-left: 5px;
	margin-top: 1em;
}

/*piilotetaan kategorian otsikko*/
#wizard_products_container .item-title-col {
	display: none;
}

#wizard_products_container .product-link-box.selected {
	box-shadow: inset 0 0 0 2px #00abcd;
}

#wizard_products_container .product-link-box .add-to-shelf-button {
	position: absolute;
	bottom: 1.2em;
	/*right: 1em;*/
	left: 0;
	right: 0;	
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	padding: 5px 0;
	background: #4C4D51;
	color: #fff;
	width: 120px;
}

#wizard_products_container .product-link-box.selected .add-to-shelf-button {
	background: #00abcd;	
}

#wizard_products_container .product-link-box .add-to-shelf-button:hover {
	text-decoration: none;
}

#wizard_products_container .product-link-box .add-to-shelf-button:after {
	content: 'Lisää hyllyyn';
}

#wizard_products_container .product-link-box.selected .add-to-shelf-button:after {
	content: 'Poista hyllystä';
}

/* -- Upgrade-moodin esivalitut julkaisut */
#wizard_products_container .product-link-box.pre-selected {
	box-shadow: inset 0 0 0 2px #bbb;
}

#wizard_products_container .product-link-box.pre-selected .add-to-shelf-button {
	background: #bbb;
	cursor: default;
}

#wizard_products_container .product-link-box.pre-selected .add-to-shelf-button:after {
	content: 'Hyllyssä';
}
/* -- Upgrade-moodin esivalitut julkaisut: loppu */

#shelf_wizard_license_count_container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

#shelf_wizard_license_count_container ul li {
}

#shelf_wizard_license_count_container ul a {
	display: inline-block;
	padding: 0.2em 1em;
	background: #ddd;
	margin-bottom: 0.5em;
	color: #444;
	min-width: 170px;
}

#shelf_wizard_license_count_container ul a.selected {
	box-shadow: inset 0 0 0 2px #00abcd;
}

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

#shelf_wizard_license_count_container span.shelf-wizard-count {
}

#shelf_wizard_license_count_container span.shelf-wizard-count:after {
	content: ' käyttäjää';
}

#shelf_wizard_license_count_container span.shelf-wizard-price {
	float: right;
	font-weight: bold;
}

#shelf_wizard_license_count_container span.shelf-wizard-price:after {
	content: '';
	display: block;
	clear: both;
}

#shelf_wizard_vat_info_container {
	font-size: 0.8em;
	margin-bottom: 1em;
}

#shelf_wizard_license_type_container {
	margin-top: 0.5em;
}

/* Videohylly-wizard ----------- */

#video_shelf_wizard {
	display: none;
}

#video_shelf_wizard_vat_info_container {
	font-size: 0.8em;
	margin-bottom: 1em;
}

#video_shelf_wizard_options_container table {
	margin-top: 1em;
}

#video_shelf_wizard_options_container table tr td {	
}

#video_shelf_wizard_options_container table tr td a {
	display: block;
	padding: 0.2em 1em;
	background: #ddd;
	margin-bottom: 0.5em;
	color: #444;
	min-width: 170px;
	/*siirretään hinta oikeaan reunaan*/
	position: relative;
	padding-right: 100px;
}

#video_shelf_wizard_options_container a.selected {
	box-shadow: inset 0 0 0 2px #00abcd;
}

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

#video_shelf_wizard_options_container .video-shelf-wizard-price-desc {
}

#video_shelf_wizard_options_container .video-shelf-wizard-price {
	font-weight: bold;
	/*siirretään hinta oikeaan reunaan*/
	position: absolute;
	right: 1em;
}

/* -- Omat tiedot, käyttäjän omavalinta-kirjahyllyt */
.omavalinta-upgrade-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.omavalinta-upgrade-wrapper table th {
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}

.omavalinta-upgrade-wrapper table td {
	padding: 5px;
	background: #eee;
	border-top: 1px solid #fff;
}

.omavalinta-upgrade-wrapper table td select {
	padding: 2px;
}

/* Kaikki tuotteet -linkki kategorianostojen yhteydessä */
.all-products-link-container {
	/*"Kaikki"-linkit laitettu kokonaan piiloon avattavien osioiden kohdalta. Kaikki tuotteet -sivulle linkitetään sisällöstä.*/
	display: none;
	text-align: right;
}

.all-products-link-container a {
	font-size: 1.4rem;
	color: red;
}

.all-products-link-container a:after {
	content: 'Katso kaikki »';
}

/* -- Ylläpitäjän tilauslomake */
#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;
}

#alert_dialog .blue-button {
	background-color: #00abcd !important;
}

.input-panel-infotext{
    font-size:0.8em;
    color:#666;
    margin-left:220px;
}

@media only screen and (max-width : 600px) {
    .input-panel-infotext {
        margin-left: 0px;
    }

}

/* STA-26 Olemassaoleva asiakas tekee tilauksen: Tilauslomakkeen sähköpostiosoitekenttä */
.validate-email-for-duplicates-text {
	background-repeat: no-repeat;
	background-position: right 5px center;
}
.validate-email-for-duplicates-text::-ms-clear {
    display: none;
}
.validate-email-for-duplicates-text.taken {
	background-image: url(../Pics/sta/validation-invalid.png);
	border-color: #ff8686 !important;
}

/*-- Video-sivu ----------*/
.video-embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.video-embed-container iframe,
.video-embed-container object,
.video-embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-material-wrapper {
	margin: 40px 0 20px 0;
}
.video-material-wrapper h1 {
	margin-bottom: 10px !important;
}
.video-material-wrapper ul {
	list-style-type: none !important;
	margin: 0 !important;
	margin-bottom: 30px !important;
	padding: 0 !important;
}
.video-material-wrapper ul li {
	margin-top: 5px;
}
/*-- Video-sivu: loppu ----------*/



.login-control-wrapper {
	display:none !important;
}