@font-face{font-family:'Inder';src:url("../fonts/questrial-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;}
html
{
	position:relative;
	min-height: 100%;
}

body
{
	/* footer-margin: bodyn alamargin määrittelee footerin yläpuolella olevan tyhjän tilan. */
	margin-bottom: 286px; /* footerin korkeus on 160px, joten nyt jää 50px tyhjää */
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	line-height: 1.4;
	color: #404040;
	font-family: Inder, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	background:#ebebeb url(../Pics/pilvet4.png) -5px -74px;
	background-attachment:fixed;
}

.hide {
	display:none;
}

.balloonmode {
	
	overflow:hidden;
}

.balloonmode .master-content * {
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.balloonmode .master-content *:nth-child(even):hover {
	
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(180deg);
}

.balloonmode .master-content *:nth-child(odd):hover {
	
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(-180deg);
}



b { font-weight: bold; }

h1, h2, h3
{
  color: #2695b7;
  font-family:Inder, Arial, sans-serif;
  line-height: 1.4;
  font-weight:normal;
}

h1
{
	font-size: 32px;
	margin-bottom: 30px;
}
h2
{
	font-size: 26px;
	margin-bottom: 15px;
}
h3
{
	font-size: 18px;
	margin-bottom: 10px;
}

h4 {
	font-size:16px;
	color:#2695b7;
	font-family:Inder, Arial, sans-serif;
	font-weight:normal;
}

.colhead {
	float: left;
	margin-left: 38px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background:rgba(241, 181, 39, 0.25);
	color:#e34c24;
	margin-bottom: 0px;
	-moz-box-shadow: inset 0 20px 20px -20px rgba(255,255,255,0.7), inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(255,255,255,0.7), inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	box-shadow: inset 0 20px 20px -20px rgba(255,255,255,0.7), 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;
	position:relative;
}

.boxcorner, .colhead:after, .categorylinks h3:after {
	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;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	color: #2695b7;
}
a:hover
{
	text-decoration: underline;
}

.footer-time-logo {
	width:163px;
	height:30px;
	background:url(/pics/footer-time-logo-wht.png) no-repeat;
	display:block;
	margin-top:10px;
}

.important
{
	color: #ff6a00;
}

.header
{
	position: relative; /* for balloon-container */
	/*overflow:hidden; -> ei voi käyttää sillä käyttäjän oma valikko pitää näkyä.*/
	background:#2695b7 url(../Pics/pilvet2.png) -5px -74px;
	min-width:1017px;
	min-height: 80px;
	box-shadow:0 30px 30px -30px rgba(255,255,255,1), 0 30px 30px -30px rgba(255,255,255,1);
	background-attachment:fixed;
}

.header .frame {
	padding-top:0;
}
			
.colwrapper
{
	margin-left:-38px;
	float:left;
}
			
.col
{
	float:left;
	width:307px;
	margin-left:38px;
}

.doublecol
{
	width:652px;
}
			
.triplecol
{
	margin-left:38px;
	width:997px;
}


/* tätä käyttää myös submit-button (esim. omat tiedot -sivu) */
/* käytössä myös tuotekortilla */
.bluelink,
.styled-button /*verkkokaupan mukana tullut tyyli, ehkä jotain iloa säilyttää erillistä nimeä hetken. styled-button-luokat voi toki korvata kokonaan bluelink-luokilla.*/
{
	display:block;
	height:38px;
	line-height:38px;
	background-color:#ffffff;
	font-size:14px;
	color: #2695b7 !important;
	padding-left:19px;
	padding-right:19px;
	text-align: center;
	border:1px solid #e0e0e0 !important;
	cursor: pointer;
	
    -moz-box-shadow: 0 0 12px 0 rgba(255,255,255,1), inset 0 -10px 40px -10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 12px 0 rgba(255,255,255,1), inset 0 -10px 40px -10px rgba(0,0,0,0.2);
	box-shadow: 0 0 12px 0 rgba(255,255,255,1), inset 0 -10px 40px -10px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-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;

	/*estetään tekstin ylivuoto*/
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.bluelink:hover,
.styled-button:hover
{
	background:#ffffff;
	text-decoration: none;
	-moz-box-shadow: 0 0 12px 0 rgba(255,255,255,1), inset 0 -10px 30px -10px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0 0 12px 0 rgba(255,255,255,1), inset 0 -10px 30px -10px rgba(0,0,0,0.35);
	box-shadow: 0 0 12px 0 rgba(255,255,255,1), inset 0 -10px 30px -10px rgba(0,0,0,0.35);
	-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;
}

.styled-button
{
	display: inline-block;
}

.styled-button.orange-button
{
	background-color:#f1b527;
	color:#ffffff !important;
}
.styled-button.orange-button:hover
{
	background-color:rgb(242, 189, 65);
}

/*CustomerLicenses-sivulla käytetty tyyli*/
.styled-button.small-button
{
	height:28px;
	line-height:28px;
	font-size:12px;
	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 9px;
	text-align: right;
}

.bgfade33
{
	background:url(../Pics/bgfade33.png) repeat-x 0 bottom;
}
			
.bgfade66
{
	background:url(../Pics/login-bg.png) no-repeat 100% 100%;
}
			
.bgfade100
{
	background:url(../Pics/login-bg2.png) no-repeat 100% 100%;
}


.ellipsis
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
			
.bookcover
{
	position: relative;
	height:300px;
	margin-bottom:38px;
	padding-bottom:20px;
	overflow:hidden;
	background-color: #e8e8e8;
	-webkit-box-shadow: 0 12px 8px -7px rgba(0,0,0,0.05), inset 0 0 0 1px #eeeeee, inset 0 80px 80px -80px rgba(255,255,255,1);
	-moz-box-shadow: 0 12px 8px -7px rgba(0,0,0,0.05), inset 0 0 0 1px #eeeeee, inset 0 80px 80px -80px rgba(255,255,255,1);
	box-shadow: 0 12px 8px -7px rgba(0,0,0,0.05), inset 0 0 0 1px #eeeeee, inset 0 80px 80px -80px rgba(255,255,255,1);
	

}

.bookcover img {
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.11)));
}



.bookcover-info-key {
	display:none;
	color:#e0aa2a;
	font-size:13px;
	font-weight:bold;
	white-space: nowrap;
}

.bookcover-info-value {
	color:#2695b7;
	font-size:14px;
	margin-bottom:10px;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bookcover h2
{
	color:#2695b7;
	font-size:16px;
	font-weight:normal;
	margin:0px;
	margin-left:20px;
	margin-top:16px;
	height:57px;
}

.bookcover span {
	
}

.bookcover h5
{
	color:#808080;
	font-size:12px;
	margin:0px;
	margin-left:19px;
}
.bookcover .image-link
{
	/*float:left;
	display:block;
	margin-left:20px;
	margin-right:20px;
	box-shadow:0 0 15px 0px rgba(0,0,0,0.35);
	*/
}
.bookcover p
{
	color:#f1b527;
	font-size:12px;
	padding:20px;
	padding-top:0;
	margin-top:0px;
	outline:1px solid #ff0000;
}

.bookcover .pricetag {
	/*display:none;*/
	/*font-size:28px;
	line-height:34px;
	margin-bottom:20px;*/
	font-family:Inder, Arial, sans-serif;
	text-align:left;
	color:#f1b527;
	font-size:26px;
	margin-bottom: 5px;
}

.bookcover .priceandlink {
	position: absolute;
	right: 20px;
	bottom: 40px;
	width: 100px;
}
.bookcover .priceandlink > a.bluelink
{
	margin-top: 5px;
}
.bookcover .add-to-cart-wrapper .add-to-cart-button
{
	display: block;
}

.shadowwrapper
{
	position:relative;
	margin-left:20px;
	margin-right:20px;
	float:left;
}

.shadowwrapper div:first-child
{
	position:relative;
	z-index:2;
}

.shadowwrapper .shadow
{
	position:absolute;
	bottom:0px;
	left:15px;
	right:15px;
	height:2px;
	z-index:1;
	background-color:rgba(0,0,0,0.15);
	-moz-box-shadow:
		-50px -1px 6px 0 rgba(0,0,0,0.08),
		50px -1px 6px 0 rgba(0,0,0,0.08),
		-40px -1px 7px 0 rgba(0,0,0,0.09),
		40px -1px 7px 0 rgba(0,0,0,0.09),
		-30px -2px 7px 0 rgba(0,0,0,0.09),
		30px -2px 7px 0 rgba(0,0,0,0.09),
		-25px -1px 8px 0 rgba(0,0,0,0.09),
		25px -1px 8px 0 rgba(0,0,0,0.09),
		-20px -2px 6px 0 rgba(0,0,0,0.25),
		20px -2px 6px 0 rgba(0,0,0,0.25),
		-16px -1px 5px 0 rgba(0,0,0,0.22),
		16px -1px 5px 0 rgba(0,0,0,0.22),
		0 0px 4px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		-50px -1px 6px 0 rgba(0,0,0,0.08),
		50px -1px 6px 0 rgba(0,0,0,0.08),
		-40px -1px 7px 0 rgba(0,0,0,0.09),
		40px -1px 7px 0 rgba(0,0,0,0.09),
		-30px -2px 7px 0 rgba(0,0,0,0.09),
		30px -2px 7px 0 rgba(0,0,0,0.09),
		-25px -1px 8px 0 rgba(0,0,0,0.09),
		25px -1px 8px 0 rgba(0,0,0,0.09),
		-20px -2px 6px 0 rgba(0,0,0,0.25),
		20px -2px 6px 0 rgba(0,0,0,0.25),
		-16px -1px 5px 0 rgba(0,0,0,0.22),
		16px -1px 5px 0 rgba(0,0,0,0.22),
		0 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow:
		-50px -1px 6px 0 rgba(0,0,0,0.08),
		50px -1px 6px 0 rgba(0,0,0,0.08),
		-40px -1px 7px 0 rgba(0,0,0,0.09),
		40px -1px 7px 0 rgba(0,0,0,0.09),
		-30px -2px 7px 0 rgba(0,0,0,0.09),
		30px -2px 7px 0 rgba(0,0,0,0.09),
		-25px -1px 8px 0 rgba(0,0,0,0.09),
		25px -1px 8px 0 rgba(0,0,0,0.09),
		-20px -2px 6px 0 rgba(0,0,0,0.25),
		20px -2px 6px 0 rgba(0,0,0,0.25),
		-16px -1px 5px 0 rgba(0,0,0,0.22),
		16px -1px 5px 0 rgba(0,0,0,0.22),
		0 0px 4px 0px rgba(0,0,0,0.2);
}

/*
.bookcover .bluelink
{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 100px;
	
}
*/

/* -- Etusivun kategorialinkit ---------------------*/
.categorylinks h3 {
	margin:0;
	padding:0;
	line-height:52px;
	height:52px;
	
	background:rgba(241, 181, 39, 0.25);
	color:#e34c24;
	font-size:24px;
	padding-left:20px;
	-moz-box-shadow: inset 0 20px 20px -20px rgba(255,255,255,0.7), inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(255,255,255,0.7), inset 0px -10px 10px -10px rgba(0,0,0,0.2);
	box-shadow: inset 0 20px 20px -20px rgba(255,255,255,0.7), 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;
	position:relative;
}
.categorylinks a {
	display: block;
	height: 50px;
	margin-top: 1px;
	background: #e9f6f8 url(/pics/category-link2-bg.png) 100% 0 no-repeat;
	line-height: 50px;
	font-size: 18px;
	color: #2695b7;
	-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;
	text-decoration:none;
	font-family:Inder, Arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.categorylinks a:first-child {
	margin-top:0;
}

.categorylinks a:hover {
	background-color:#9dd1df;
	color: #ffffff;
}

.category-links-wrapper
{
	margin-bottom: 38px;
	overflow: hidden;
	background-color: #2695b7;
    background:#e9f6f8 url(../Pics/bgfade66.png) repeat-x 0 bottom;
	padding: 10px;
}

.category-links-wrapper a
{
       -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: 10px;

	display: block;
	height: 70px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	background: #2695b7;
	font-size: 17px;
}
.category-links-wrapper a:hover
{
	text-decoration: none;
}
.category-links-wrapper a .outer
{
	display: table;
	width: 100%;
	height: 100%;
}
.category-links-wrapper a .inner
{
	display: table-cell;
	vertical-align: middle;
}


			
.ebooklogo
{
	display: block;
	width:184px;
	height:74px;
	margin-top:26px;
	background-image: url(../Pics/ebooklogo.png);
	/*background-image: url(../Pics/ebooklogo.svg), none;*/
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
}
			
.frame
{
	padding-top:20px;
	padding-bottom: 20px;
	width:997px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left:auto;
	margin-right:auto;
}

.master-content
{
	margin-top:40px;
	min-height: 350px;
	background-color:#ffffff;
	box-shadow:20px 0 0 0px #ffffff, -20px 0 0 0px #ffffff, 0 0 10px 0px rgba(0,0,0,0.15);
	
}

.master-content p
{
	margin: 10px 0;
	min-height: 17px;
}
			
.clearfloat
{
	clear:both;
	height: 0px;
	overflow: hidden;
}
			
.footer
{
	background-color:#60b0b9;
	
	color:#ffffff;
	padding-top:56px;

	position: absolute;
	left: 0;
	bottom: 0;
	height: 210px;
	width: 100%;
}

.footer-container {
	width:997px;
	margin-left:auto;
	margin-right:auto;
}
			
.footer a
{
	color:#ffffff;
	font-size:14px;
	-m-text-shadow:0px 1px 1px ;
	display:block;
	margin-left:40px;
	line-height:150%;
}
.footer-logo {
	width:156px;
	height:64px;
	background:url(/pics/footer-logo-wht.png) no-repeat;
	float:left;
}

.footer-links {
	margin-left:196px;
}

.footer-col {
	width:33%;
	float:left;
}

.footer-sep {
	float: left;
	height: 110px;
	width: 0px;
	border-left: 1px solid rgba(255,255,255,0.8);
}

.footer h4 {
	color:rgba(255,255,255,0.5);
}
			
.balloon
{
	top:12px;
	width:67px;
	height:100px;
	background:url(../Pics/balloon.png) no-repeat;
	position:absolute;
	right:-67px;

	animation: 3s ease 0s normal none infinite swing;
    transform-origin: center top;

    -webkit-animation:swing 3s infinite ease-in-out;
    -webkit-transform-origin:top;
}

@keyframes swing{
    0%{-webkit-transform:rotate(-4deg)}
    50%{-webkit-transform:rotate(4deg)}
    100%{-webkit-transform:rotate(-4deg)}
}

@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-4deg)}
    50%{-webkit-transform:rotate(4deg)}
    100%{-webkit-transform:rotate(-4deg)}
}



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

.openLogin {
	color:#ffffff !important;
	float:right;
	font-size:15px;
	margin-top:70px;
	background: url(/pics/login-lock.png) no-repeat;
	padding-top:8px;
	padding-left:30px;
	height:26px;
}

.doLogin.expanded {
	display:block;
}

.loginLock {
	float: right;
	width: 20px;
	height: 26px;
	background: url(/pics/login-lock.png) no-repeat;
	margin-right: 10px;
	margin-top: 37px;
}


.login-panel
{
}

.login-panel,
.login-panel a
{
	color: #fff;
}

.login-panel td
{
	vertical-align: top;
	min-height: 15px;
}
.login-panel tr.third td
{
	vertical-align: bottom;
}



.login-panel input[type="text"],
.login-panel input[type="password"],
.recover-panel input[type="text"]
{
	display: block;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right:  1px;
	background-color: #fff;
	width: 100px;
	height: 25px;
	border: none;
	outline: none;
	color: #2695b7;
}

.login-panel input[type="text"], .login-panel input[type="password"]
{
	width: 191px;
	height:27px;
	line-height:27px;
	font-size:14px;
}

.login-panel input[type="submit"]
{
	width: 70px;
	height: 27px;
	color:#2695b7;
	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: none;
	border-top:1px solid transparent !important;
	border-bottom:1px solid #77b4c7 !important;
	cursor: pointer;
	-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;
}

.login-panel input[type="submit"]: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);
	-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;
}

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

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

.recover-panel input[type="text"] { width: 100%; }

.recover-panel
{
	display: none;
	color: #fff;
}
.recover-panel span
{
	display: block;
	margin-bottom: 5px;
}
.recover-panel div
{
	width: 220px;
}
.recover-panel input[type="submit"]
{
	height: 25px;
	border: none;
	color: #2695b7;
	cursor: pointer;
}

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


.loginPanel {
	z-index: 4;
	position:relative;
}

#userdrop_user,
#userdrop_menu
{

	width: 307px;
	line-height: 38px;
	background: #fff;
	color: #2695b7;
	text-align: center;
	overflow: hidden;
	z-index:10000;
	position:relative;
}
#userdrop_user
{
	margin-top:63px;
	margin-left:0px;
	width:307px;
	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_menu
{
	display: none;
	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;*/
}
/*#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 ----------- */
.all-products-link
{
	position: absolute;
	top: 54px;
}

.main-menu-search-container
{
	position: relative;
}
.main-menu-search-input
{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
	width: 268px;
	height: 38px;
	border: none;
	outline: none;
	color: #2695b7;
	border-bottom: 1px solid #2695b7;
}
.main-menu-search-button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 37px;
	margin-left: 1px;
	background: #fff url(../Pics/ico-search.png) center no-repeat;
	border: none;
	cursor: pointer;
}
.ui-autocomplete
{
	background: #e9f6f8;
	border: 1px solid transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-menu .ui-menu-item
{
	height: 42px;
	line-height: 38px;
	border: 1px solid transparent;
	border-bottom: 1px solid #2695b7;

}
.ui-menu .ui-menu-item a
{
	height: 38px;
	line-height: 38px;
	color: #2695b7;
}
/*.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active
{
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
	*/


/*.ui-autocomplete a:hover
{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}*/

/*-- 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;
	/*border-bottom: 1px dotted #d7d7d7;*/
	margin-bottom: 15px;
}

.product-page .bluelink
{
	float: left;
	margin-right: 5px;
}

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

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

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

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

.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;
	/*border-bottom: 1px solid #d8d8d8;*/
	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;
	/*color: #343434;
	font-weight: bold;*/
}
.product-page-related div.col2 .author
{
	display: none; /* eBook+ */
	/*display: block;*/
	/*color: #343434;*/
	line-height: 20px;
	margin-bottom: 10px;
}
/*.product-page-related div.col2 .price
{
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 10px;
}*/

.product-page-variant-plain-text
{
	display: block;
	height: 30px;
	line-height: 30px;
	/*font-size: 11px;*/
}

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

.product-page-variant-text
{
	display: block;
	z-index: 1;
	
	width: 129px;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	/*background: url(../Images/Site/product-variant-container.gif) no-repeat;*/
	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: 36px;
	left: 0;
	z-index: 0;
	
	width: 129px;
	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;
}

/* 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: absolute;
	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
{
	position: absolute;
	top: -12px;
	right: -12px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border: 2px solid #000;
	
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	
	color: #000;
	text-align: center;
	background: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

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

	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

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

/* Isot formit ----------- */
.user-form .input-panel
{
	height: 28px;
}
.user-form .input-panel .title
{
	position: absolute;
	line-height: 25px;
}
.user-form .input-panel .data
{
	margin-left: 150px;
	line-height: 25px;
}
.user-form .input-panel .data input[type="text"],
.user-form .input-panel .data input[type="password"]
{
	border: 1px solid #ccc;
	width: 250px;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
}

/* Karusellibanneri ----------- */
.carousel-wrapper
{
	position: relative;
	width: 652px; /* ent. 960 - 308 = 652 */
	height: 255px;
	/*background: red;*/
}

.carousel-content-wrapper
{
	overflow: hidden;
	width: 652px; /* ent. 800 */
	height: 100%;
	/*background: yellow;*/
}

.carousel-page-wrapper
{
	width: 100000px;
	height: 100%;
	/*background:red;*/
}

.carousel-page
{
	float: left;
	width: 652px; /* ent. 720 + padding */
	height: 100%;
	/*background: yellow;*/
}
.carousel-page h1
{
	font-size: 25px;
	margin-top: 5px;
}
.carousel-page p
{
	color: #808080;
	line-height: 20px;
	font-size: 17px;
}

/* Sivunvaihtonuolet */
.carousel-arrow
{
	display: none; /* nuolet piilossa, sillä ei ole graffoja */

	position: absolute;
	top: 110px;
	width: 19px;
	height: 41px;
	cursor: default;
}
.carousel-arrow-left
{
	left: 0;
	background: red url(../pics/FokusEsimies/carousel-arrows.png) no-repeat;
	background-position: -1px -1px;
}
.carousel-arrow-right
{
	right: 0;
	background: red url(../pics/FokusEsimies/carousel-arrows.png) no-repeat;
	background-position: -1px -44px;
}
.carousel-arrow-left.enabled { background-position: -22px -1px; cursor: pointer; }
.carousel-arrow-right.enabled {	background-position: -22px -44px; cursor: pointer; }
.carousel-arrow-left.enabled:hover { background-position: -44px -1px; }
.carousel-arrow-right.enabled:hover { background-position: -44px -44px; }

/* Sivunvaihtopainikkeet alareunassa */
.carousel-page-buttons
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	/*background:red;*/
}
.carousel-page-button
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 0px;
	border: 1px solid #2695b7;
	background: #ffffff;
}
.carousel-page-button.active,
.carousel-page-button:hover
{
	background: #2695b7;
}


.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;
	bottom: 5px;
	right: 21px;

	width: auto;
	height: 40px;
	
	background: url(../Pics/cart-white.png);
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: left center;
}
#header_cart a
{
	display: block;
	color: #fff;
	line-height: 15px;
	padding-left: 46px;
	padding-top: 5px;
}
#header_cart a:hover
{
	text-decoration: none;
}

#cart_preview
{
	display: none;

	position: absolute;
	top: 39px;
	right: 0px;
	width: 390px;
	z-index: 3;
	padding: 15px;
	background: #fff;

	/*border lisätty poikkeuksellisesti, sillä osoittain valkoisella taustalla*/
	border: 1px solid #f5f5f5;
	-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);

	text-transform: none;
}
#cart_preview div.product
{
	position: relative;
	border-top: 1px solid #d4d4d4;
	padding-top: 15px;
	margin-top: 15px;
}
#cart_preview div.product:first-child
{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
#cart_preview a:hover
{
	text-decoration: none;
}
#cart_preview img
{
	width: 60px;
	min-height: 60px;
	background: #f79122;
}
#cart_preview .text
{
	position: absolute;
	top: 15px;
	left: 70px;
	padding-bottom: 40px;
	margin-left: 5px;
	margin-right: 50px;
	color: #404040;
}
#cart_preview .price
{
	position: absolute;
	top: 15px;
	right: 0;
	color: #404040;
	text-align: right;
}
#cart_preview div.product:first-child .text,
#cart_preview div.product:first-child .price
{
	top: 0;
}

#cart_preview div.buttons
{
	margin-top: 25px;
	text-align: right;
}
#cart_preview div.buttons .styled-button
{
	display: inline-block;
	/*height: 26px;
	line-height: 26px;
	padding-left: 10px;
	padding-right: 10px;*/
}
#cart_preview .black-button
{
	margin-right: 10px;
}

#cart_info
{
	display: none;

	position: fixed;
	top: 10px;
	right: 10px;
	
	width: 390px;
	z-index: 5;
	padding: 15px;
	background: #ffffff;

	-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);
}
#cart_info a:hover
{
	text-decoration: none;
}
#cart_info img
{
	width: 90px;
	min-height: 90px;
	background: #f79122;
}
#cart_info .text
{
	position: absolute;
	top: 15px;
	left: 110px;
	padding-bottom: 40px;
	margin-left: 5px;
	margin-right: 10px;
	color: #404040;
	text-transform: none;
}
#cart_info .styled-button
{
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
}
#cart_info a.mini-close
{
	position: absolute;
	top: 10px;
	right: 10px;
}

a.mini-close
{
	display: block;
	width: 22px;
	height: 20px;
	line-height: 18px;
	text-align: center;

	background: #f0f0f0;
	color: #ccc;
	border: 1px solid #ddd;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: inset 0 0 0 1px #eeeeee, inset 0 80px 80px -80px rgba(255,255,255,1);
	-moz-box-shadow: inset 0 0 0 1px #eeeeee, inset 0 80px 80px -80px rgba(255,255,255,1);
	box-shadow: inset 0 0 0 1px #eeeeee, inset 0 80px 80px -80px rgba(255,255,255,1);
}
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 #2695b7;
	margin-bottom: 25px;
	color: #2695b7;
}
.check-out-title-bar td > div
{
	position: relative; /*boxcornerin vuoksi*/
	line-height: 22px;
	padding: 15px 35px 15px 30px;
	/*text-transform: uppercase;*/
}
.check-out-title-bar td.active
{
	background: #2695b7;
	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;
}
/* Yleistä ----------- */

.wrapper-box
{
	position: relative;
	margin-top: 20px;
	padding: 20px;
}
.wrapper-box.colored
{
	background-color: #f3f3f3;
}
.wrapper-box.transparent
{
	padding: 0;
	background: none;
}

.info-box
{
	margin-top: 15px;
	padding: 20px;
	/*border: 2px solid #2695b7;*/
	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
{
}
.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;
}

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

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

.license-table
{
	min-width: 500px;
}
.license-table td
{
	padding: 5px;
	vertical-align: middle;
}
.license-table .publication-row td
{
	border-top: 5px solid #fff;
	background: #eee;
}
.license-table .publication-row td:last-child
{
	min-width: 100px;
}
.license-table .publication-row .action-button
{
	float: left;
	margin-right: 5px;
}
.license-table .publication-row .toggle-button
{
	float: right;
	display: 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 .publication-row .toggle-button.active
{
	background: url(../Images/Site/arrow-up.gif) center no-repeat;
}
.license-table .header-row
{
	display: none;
}
.license-table .header-row td
{
	font-style: italic;
	border-bottom: 1px solid #eee;
	text-align: right;
}
.license-table .header-row td:first-child
{
	text-align: left;
}
.license-table .license-row
{
	display: none;
}
.license-table .license-row td
{
	text-align: right;
}
.license-table .license-row td:first-child
{
	text-align: left;
}
.license-table .license-row td.free
{
	color: #01b813;
}
.license-table .license-row.expired
{
	color: #888;
}
.license-table .license-row .transfer-button
{
	max-width: 100px;
}
/* Omat käyttöoikeudet: loppu ----------- */

/* Omat tilaukset ----------- */
.customer-orders-table td
{
	padding: 5px;
}
.customer-orders-table .header-row-1 td
{
	background: #2695b7;
	color: #fff;
}
.customer-orders-table .data-row-1 td
{
	background: #e9f2f5;
}
.customer-orders-table .header-row-2 td
{
	background: #ddd;
}
/* Omat tilaukset: loppu ----------- */


a.backtotop {
	color:#2695b6;
	display:block;
	margin-bottom:20px;
	text-align:right;
	position:relative;
}

a.backtotop:before {
	content:"▲ Takaisin ylös";
}

/* SubEnvironment: rajoitetaan sivujen sisältöä/ulkoasua */
/* --------- */
body.hide-ebookplus-elements .footer .footer-col,
body.hide-ebookplus-elements .footer .footer-logo,
body.hide-ebookplus-elements .footer .footer-sep,
/*sivua-ei-loydy -sisältö*/
body.hide-ebookplus-elements .goto-home-wrapper {
	display: none;
}

/*Fiksaillaan vähän responsiivisuutta, kunnes saitti laitetaan kokonaan kuntoon. Sivupohjista käytössä vain muutama (viesti ja sivua-ei-loydy).*/
body.hide-ebookplus-elements .header {
	min-width: 0;
}

body.hide-ebookplus-elements .header .frame {
	width: auto;
}

body.hide-ebookplus-elements .header .frame .col {
	display: none;
}

body.hide-ebookplus-elements .header .frame .col #forgot_password_link {
	display: none !important;
}

body.hide-ebookplus-elements .show-always-col {
	display: block !important;
}

body.hide-ebookplus-elements .master-content {
	box-shadow: none;
	padding: 20px;
	width: 100%;
	max-width: 650px;
}

body.hide-ebookplus-elements .footer .footer-container {
	width: auto;
}

body.hide-ebookplus-elements .footer-links {
	margin-left: 0;
}
/* --------- */
/* SubEnvironment: rajoitetaan sivujen sisältöä/ulkoasua: loppu */