@import url(ProductSelector.css);

/* common */

html, body, form, table, ul, ol, li, dl, dd, p, blockquote {
    margin: 0;
    padding: 0;
}
 
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0;
    padding: 0;
}
 
ul, ol, dd {
    padding-left: 1.5em;
}
 
table, ul, ol, p, blockquote {
    margin: 1em 0;
}
 
a, a:link, a:visited {
    color: #ff3200;
    text-decoration: none;
}
 
a:hover, a:active {
    text-decoration: none;
}
 
img {
    border: 0;
}
 
input, textarea {
    font: 120% Arial, Verdana, Helvetica, sans-serif;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.hidden {
	display: none;
}

/* end common */

/* skeleton */

body {
	background: #110f12 url(../pr-img/bg-center.jpg) repeat-x left top;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	/*line-height: 1.1875em;*/
	line-height: 1.1em;
	color: #161824;
}

#bg-left {
	background: url(../pr-img/bg-left.jpg) no-repeat left top;
}

#bg-right {
	background: url(../pr-img/bg-right.jpg) no-repeat right top;
}

#deco {
	background: url(../pr-img/content-bg-deco.png) no-repeat center top;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#document {
	margin: 0 0 0 20px;
	margin: 0 auto;
	width: 835px;
	padding-left: 158px;
	font-size: .75em;
	position: relative;
	z-index: 3;
}

body.textsize-small #document { font-size: .7em; }
body.textsize-big #document { font-size: .85em; }

#header {
	height: 92px;
}

	#logo {
		width: 182px;
		height: 40px;
		display: block;
		float: left;
		background: url(../pr-img/logo.png);
		text-indent: -1000px;
/*		overflow: hidden; */
		margin: 40px 0 0 15px;
	}
	
		#logo  {
	
		}
	
	#toolbar {
		height: 35px;
		line-height: 38px;
		float: right;
		background: url(../pr-img/toolbar-bg.png) no-repeat left top;
		margin-top: 57px;
		margin-right: 10px;
		padding-left: 11px;
		color: #99999c;
	}
	
		#toolbar a {
			color: #99999c;
		}
			
		#toolbar .tool {
			display: block;
			float: left;
			margin-left: 14px;
		}
		
		#toolbar .tool:hover {
			color: #ff3200;
		}
		
		#sitesearch {
			background: url(../pr-img/toolbar-bg.png) no-repeat right top;
			height: inherit;
			width: 153px;
			padding: 6px 10px 7px 0;
			margin-right: -10px;
		}
		
			#sitesearch input {
				background: url(../pr-img/toolbar-sprites.png) no-repeat 0 0;
				height: 12px;
				width: 117px;
				border: 0;
				padding: 6px 4px 4px 4px;
				margin: 0;
				float: left;
				color: #222;
				font-size: 12px;
			}
			
			#sitesearch input.autoclear-default {
				color: #99999c;
			}
			
			#sitesearch button {
				background: url(../pr-img/toolbar-sprites.png) no-repeat -125px 0;
				width: 28px;
				height: 22px;
				border: 0;
				text-indent: -1000px;
				overflow: hidden;	
				padding: 0;
				margin: 0;
				float: left;
				cursor: pointer;
			}

			#sitesearch button:hover {
				background-position: 0 -135px;
			}
			
			#toolbar .portfolio,
			#toolbar .dictionary {
				background: url(../pr-img/toolbar-sprites.png) no-repeat -138px -23px;
				padding-left: 22px;
			}

			#toolbar .portfolio .count {
				display: inline-block;
				visibility: hidden;
				min-width: 1.5em;
			}
			
			#toolbar .dictionary {
				background-position: -138px -54px;
			}
			
			#toolbar .dictionary .toggle {
			}

			.dict-enabled #toolbar .dictionary .disabled,
			#toolbar .dictionary .enabled {
				display: none;
			}
			
			.dict-enabled #toolbar .dictionary .enabled {
				display: inline;
				color: #649bff;
			}

			.dict-enabled #toolbar .dictionary:hover .enabled {
				color: #ff3200;
			}
		
		#textsize {
			float: right;
			width: 55px;
			height: 15px;
			margin: -38px 0 0 -55px;
			text-indent: -1000px;
			overflow: hidden;
			list-style: none;
			padding: 0;
		}

			#textsize li {
				background: url(../pr-img/icon-textsize.png) 0 0;
				margin-left: 5px;
				float: left;
				width: 15px;
				cursor: pointer;
				opacity: .5;
				filter: alpha(opacity=50);
			}

			#textsize .textsize-small {
				margin-left: 0;
			}

			#textsize .textsize-medium {
				background-position: -15px 0;
			}

			#textsize .textsize-big {
				background-position: -30px 0;
			}
			
			#textsize .current {
				opacity: 1;
				filter: none;
			}

#menu-slot {
	width: 158px;
	overflow: hidden;
	margin: 0 0 0 -158px;
	float: left;
	position: relative;
}

	#menu-shadow-1 {
		position: absolute;
		top: 0;
		right: 0;
		width: 5px;
		height: 75px;
		background: url(../pr-img/menu-slot-shadow.png) no-repeat right top;
	}
	
	#menu-shadow-2 {
		position: absolute;
		top: 75px;
		right: 0;
		bottom: 0;
		width: 21px;
		background: url(../pr-img/menu-slot-shadow.png) no-repeat 0 -75px;
	}
		
	#menu {
		min-height: 200px;
		background: url(../pr-img/menu-bg.png) no-repeat -150px 0;
		width: 158px;
		overflow: hidden;
		padding: 0 0 0 28px;
		margin-left: 129px;
	}
	
		#menu .nav {
			margin: -15px 0 0 0;
			list-style: none;
			padding: 10px 10px 20px 8px;
			padding-bottom: 20px;
			width: 120px;
			background: url(../pr-img/menu-bg.png) no-repeat left bottom;
		}
		
			#menu .nav li {
				background: url(../pr-img/menu-arrows.png) no-repeat 0 24px;
				padding: 10px 0 0 14px;
			}

			#menu .nav a {
				display: block;
				color: #666;
				padding: 12px 0 0 0;
				background: url(../pr-img/menu-separator.png) no-repeat left top;
			}

			#menu .nav li:first-child a {
				background: none;
			}

			#menu .nav li.current a,
			#menu .nav li.selected a {
				color: #ff3300;
			}			

			#menu .nav li.current ul a,
			#menu .nav li.selected ul a {
				color: #666;
			}			

			#menu .nav li.selected {
				background-position: -490px 25px;
			}

			#menu .nav ul {
				width: 90px;
				list-style: none;
				margin: 0;
				padding: 0 0 0 10px;
				line-height: 1.3em;
			}
			
			#menu .nav ul li {
				background: none;				
				margin: 0;
				padding: 9px 0 0 0;
			}

			#menu .nav ul li a {
				background: none;				
				margin: 0;
				padding: 0;
			}

			#menu .nav li.current ul li.current a,
			#menu .nav li.selected ul li.current a,
			#menu .nav ul li a.current {
				color: #ff3300;
			}
			
		
		#menu .handle {
			width: 28px;
			height: 75px;
			background: url(../pr-img/menu-handle.png) -29px 0;
			float: left;
			margin: 0 0 0 -28px;
			text-indent: -1000px;
			overflow: hidden;
			cursor: pointer;
		}
		
		#menu.open {
			margin-left: 0;
		}
	
		#menu.closed {
			margin-left: 129px;	
		}
		
		#menu.open .handle {
			background-position: 0 0;
		}

		#menu .handle:hover {
			background-position: -29px -75px;		
		}

		#menu.open .handle:hover {
			background-position: 0 -75px;
		}
	
#content {
	min-height: 640px;
	width: 496px;
	padding: 50px 300px 25px 60px;
	margin-left: -21px;
	margin-top: -2px;
	background: url('../pr-img/content-bg-2011.png') repeat-y;
	float: left;
}

	body.wide #content {
		width: 621px;
		padding-right: 175px;
		padding-left: 60px;
	}
	
	body.wide #content.front {
		width: 761px;
		padding-right: 20px;
		padding-left: 75px;
		min-height: 500px;
	}

	h1 {
		font-size: 1.8em;
		color: #ff3200;
		text-transform: uppercase;
		line-height: 1.4em;
		margin-top: 0;
	}

	#front-upper h1 {
		font-size: 2.4em;
		line-height: 1.4em;
		margin-bottom: .5em;
	}

	#front-upper .editable p {
		margin-top: .5em;
	}

	h2, h3, h4, h5, h6,
	span.h2 {
		display: block;
		font-weight: bold;
		margin: 1em 0;
		font-size: 1.33em;
		color: #161824;
	}

	h4 {
	  font-size: 125%;
	}

	.editable ul {
		list-style: square;
	}
	
	.editable li {
		margin: .5em 0;
	}

	.save-page { visibility: hidden; }
	.saved { visibility: visible; }
	.unsaved { visibility: visible; }
	.save-page .msg-unsaved, .save-page .msg-saved { display: none; }
	.saved .msg-saved { display: inline; }
	.unsaved .msg-unsaved { display: inline; }
	.saved .msg-unsaved { display: none; }
	.unsaved .msg-saved { display: none; }
	
	#save-page {
		position: absolute;
		top: 145px;
		right: 40px;
	}

	#sidebar {
		width: 240px;
		float: right;
		margin: 4em -260px 0 0;
		color: #666666;
	}
	
		body.wide #sidebar {
			display: none;
		}
	
		#sidebar .section {
			background: #eaeaea;
			margin-bottom: 2em;
			padding: 20px;
		}
		
		#sidebar h1,
		#sidebar h2,
		#sidebar h3 {
			font-size: 1.5em;
			color: #ff3200;
			margin: 0 0 1em 0;
			text-transform: uppercase;
		}
		
		#sidebar h4,
		#sidebar h5,
		#sidebar h6 {
			font-size: 1em;
			color: #161824;
			margin: 2em 0 1em 0;
		}
		
		#sidebar ul {
			line-height: 1.3em;
		}

#footer {
	clear: both;
	text-align: right;
	color: #fff;
	padding: 15px;
	font-size: .92em;
	background: url(../pr-img/content-bg.png) no-repeat -21px -6994px;
}

	#footer ul {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#footer ul li {
		display: inline;
		border-left: 1px solid #fff;
		padding-left: 1.5em;
		margin-left: 1.5em;
	}

/* end skeleton */
		
/* elements / per page */

ul.faq .toggle {
/*	padding-left: 15px;
	background: url(../pr-img/menu-arrows.png) no-repeat 0 .45em;
	cursor: pointer;
	float: left;
	color: #161824;*/
}

ul.faq .toggle:hover {
	color: #ff3200;
}

ul.faq .toggle .closed { display: none }
ul.faq .toggle-open .open { display: none }
ul.faq .toggle-open .closed { display: inline }

ul.faq .toggle-open {
	background-position: -490px 5px;
}

#content ul.faq h2 {
	margin: 0;
}

#content ul.faq li {
	clear: left;
	/* overflow: hidden; */
	margin: 2em 0 0 0;
}

.save, a.save {
	background: url(../pr-img/toolbar-sprites.png) no-repeat -138px -33px;
	color: #99999c;
	padding-left: 20px;
	cursor: pointer;
}

.save:hover {
	color: #ff3200;
}

.dict-enabled span.dict {
	color: #649bff;
	cursor: pointer;
	position: relative;
}

span.dict .bubble {
	position: absolute;
	display: none;
	bottom: 10px;
	left: -65px;
	background: url(../pr-img/bubble.png) no-repeat -180px 0;
	padding-top: 10px;
}

span.dict .bubble .inner {
	display: block;
	width: 155px;
	min-height: 25px;
	padding: 0 15px 25px 10px;
	line-height: 1.2em;
	text-align: center;
	background: url(../pr-img/bubble.png) no-repeat left bottom;
}

dl.mini-faq dt {
	margin: 0;
	padding: 0;
}

dl.mini-faq dd {
	margin: 0 0 2em 0;
	padding: 0;
}

dl.mini-faq dt a {
	background: url(../pr-img/toolbar-sprites.png) no-repeat -143px -97px;
	padding-left: 15px;
	color: #161824;
	font-weight: bold;
}

dl.mini-faq dd a {
	color: #666;
}

a.read-more {
	background: url(../pr-img/toolbar-sprites.png) no-repeat right -97px;
	padding-right: 15px;
	color: #232323;
}

a.read-more:hover,
button:hover,
#menu a:hover,
#page-611 .four-columns a:hover {
	color: #ff3200 !important;
}

.admin-note {
	padding-top: 15px;
	color: blue;
}

.admin-note span {
	font-weight: bold;
}

ul.videos {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul.videos li {
		margin: 2em 0;
	}
	
	ul.videos h4 {
		font-size: 1em;
	}
	
	ul.videos .flowplayer {
		width: 200px;
		height: 150px;
		display: block;
		background: #666;
		margin: 1em 0;
	}
	
	ul.videos .desc {
		color: #666;
		font-style: italic;
	}

#rate {
	color: #898989;
	margin-top: 5em;
}

	#content textarea {
		width: 314px;
		height: 69px;
		background: url(../pr-img/textarea-bg.png) no-repeat 0 0;
		border: 0;
		padding: 10px;
		color: #666;
		font-size: 12px;
	}

	button {
		background: url(../pr-img/btn-sprites.png) no-repeat 0 0;
		width: 69px;
		height: 28px;
		line-height: 30px;
		color: #161824;
		padding: 0 0 0 9px;
		text-align: left;
		border: 0;
		font-size: 12px;
		cursor: pointer;
		font-family: arial, helvetica, sans-serif;
	}
	
	button.medium {
		background-position: 0 -28px;
		width: 94px;
	}
	
	button.wide {
		background-position: 0 -56px;
		width: 180px;
	}

	.btn-group button {
		margin-right: 12px;
	}
		
	#rate .btn-group,
	#rate textarea,
	#rate .submit {
		display: block;
		margin: 1em 0;
	}
	
	#rate .msg {
		font-size: 1.2em;
	}

.tooltipped {
	position: relative;
}

.tooltip {
	position: absolute;
	z-index: 10000;
	display: none;
	top: 27px;
	left: -50px;
	height: auto;
	background: url(../pr-img/tooltip-bg.png) no-repeat right top;
	color: #161824;
	line-height: 1.3em;
	font-size: 12px;
	width: 205px;
	padding: 39px 0 0 0;
	text-indent: 0;
}

.tooltip .inner {
	background: url(../pr-img/tooltip-bg.png) no-repeat left bottom;
	padding: 0 20px 25px 20px;
	width: 165px;
}

.four-columns .column {
	width: 180px;
	margin: 0 0 0 22px;
	float: left;
}

.four-columns .column-first {
	margin-left: 0;
}

.four-columns h2 {
	color: #ff3200;
}

.intro p {
	font-size: 1.4em;
	line-height: 1.2em;
}
	
#front-upper .editable {
	position: relative;
	z-index: 100;
	width: 65%;
	margin-bottom: 1.5em;
}

#front-upper .editable h2 {
	margin: 1.75em 0 0 0;
}

#page-611 .four-columns {
	clear: both;
	margin-top: 28px;
	padding-top: 16px;
	background: url(../pr-img/dotted-line-hor.png) repeat-x 0 0;
	xline-height: 1.35em;
	margin-left: -35px;
	padding-left: 10px;
}

#page-611 .four-columns p {
	min-height: 7em;
}

#page-611 .four-columns a {
	background: url(../pr-img/toolbar-sprites.png) no-repeat right -97px;
	padding-right: 15px;
	color: #232323;
}

#page-611 .four-columns h2 {
	font-size: 1.4em;
}

#page-611 .four-columns h2 a {
	background: none;
	padding: 0;
	color: #ff3200;
}

#front-upper {
	position: relative;
}

#front-carousel {
	position: absolute;
	bottom: -15px;
	right: -20px;
	z-index: 10;
	width: 500px;
}

	#front-carousel .viewport {
		width: 100%;
		height: 332px;
		overflow: hidden;
		position: relative;
	}	
	
	.carousel .viewport .frame {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-position: right bottom;
		background-repeat: no-repeat;
		z-index: 11;
	}
	
	.carousel .nav {
		float: right;
		margin: -20px 30px 0 0;
		position: relative;
		z-index: 12;
	}

	.carousel .nav a {
		float: right;
		width: 1.4em;
		height: 1.4em;
		line-height: 1.3em;
		color: #fff;
		text-align: center;
		background: #b2b3b7;
		margin-left: .4em;
	}

	.carousel .nav a.current {
		background: #f3380b;
	}
	
ul.compact-list {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

ul.compact-list li {
	padding: 0 0 0 15px;
	margin: 0 0;
	background: url(../pr-img/toolbar-sprites.png) no-repeat -143px -94px;
}

#front-news {
	margin-bottom: 1.5em;
	position: relative;
	z-index: 100;
}

#front-news .date {
	margin-left: -6em;
	float: left;
}

#front-news li {
	background: url(../pr-img/toolbar-sprites.png) no-repeat -143px -97px;
	padding-left: 7.5em;
}

#front-news li a {
	color: #232323;
}

#front-news li a:hover {
	text-decoration: none;
	color: #ff3200;
}

#front-upper a.news-archive {
	margin-left: 7.5em;
}

p.date {
	color: #666;
}

ul.flat {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}

ul.flat li {
	padding: 0;
	margin: 1em 0;
}

#content h2 a {
	color: #161824;
}

#news-archive li {
	margin: 2em 0 3em 0
}

.infoboxtext {
	background-color: #eaeaea;
	color: #666666;
	padding: 16px 33px;
	margin: 20px 0px;
}

.infoboximage {
	background-color: #eaeaea;
	color: #666666;
	padding: 1px 11px;
	margin: 20px 0px;
}

.salkku-anim {
	position: absolute;
	border: 10px solid #eee;
	z-index: 50000;
	opacity: .5;
	filter: alpha(opacity=50);
}

table {
	border: 0;
	margin: 2em 0;
	border-collapse: collapse;
}

	table th {
		font-size: 1.33em;
		text-align: left;
		font-weight: bold;
		padding: .45em 1em;
	}
	
	table td {
		background: url(../pr-img/dotted-line-ver.png) repeat-y right top;
		padding: .45em 1em;
	}
	
	tbody tr.even {
		background: #eaeaea;
	}

	tbody tr:nth-child(2n+1) {
		background: #eaeaea;
	}

	tbody td.last-child,
	tbody td:last-child {
		background: none;
	}

#page-618 h1 {
	background: url(../pr-img/icon-salkku-big.png) no-repeat left center;
	padding-left: 40px;
}

#salkku-content {
	display: none;
}

#salkku-content table {
	width: 100%;	
}

#salkku-content table td.title {
	background: none;
}

#salkku-content table .read-more {
	white-space: nowrap;
}

#salkku-content table td.move button {
	float: left;
}

#salkku-content table button.move-up {
	margin-left: 10px;
}

#salkku-content table button.remove {
	margin: 0 auto;
}

button.list-edit {
	background: url(../pr-img/list-sprites.png) no-repeat 0 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 10px;
	width: 14px;
	display: block;
	line-height: 0;
}

button.move-down { background-position: -14px 0; }
button.move-down:hover { background-position: -14px -10px; }
button.move-up:hover { background-position: 0 -10px; }
button.remove { background-position: -28px 0; width: 10px; }
button.remove:hover { background-position: -28px -10px; }

#search-results li {
	margin: 1em 0 3em 0;
}

.tabbed-gallery {
	clear: both;
	margin: 2em 0;
	overflow: hidden;
	visibility: hidden;
}

.tabbed-gallery * {
	xmargin: 0;
}

.tabbed-gallery .head {
	margin: 0;
	padding: 0;
}

.tabbed-gallery .head h3 {
	float: left;
	background: #c8c8cc;
	color: #818289;
	cursor: pointer;
	padding: .5em 1em;
	margin: 0 5px 0 0;
	font-size: 1em;
	font-weight: normal;
}

.tabbed-gallery .head h3.current {
	color: #161824;
	background: #eaeaea;
}

.tabbed-gallery .tab {
	clear: both;
	display: none;
	background: #eaeaea;
	padding: 10px;
}

.tabbed-gallery .tab h3 {
	display: none;
}

.tabbed-gallery .tab .legend {
	margin-top: 10px;
	font-style: italic;
	color: #666;
}

.tabbed-gallery .tab:last-child {
	display: block;
}

#content form input.text {
	display: block;
	color: #161824;
	margin-bottom: .5em;
	background: #fff url(../pr-img/text-input-bg.png) 0 0;
	width: 189px;
	height: 17px;
	border: 0;
	padding: 4px 4px 0 4px;
	font-size: 1em;
}

#content form textarea {
	display: block;
	color: #161824;
	margin-bottom: 1em;
	border: 0;
	width: 445px;
	height: 144px;
	padding: 6px;
	background: #fff url(../pr-img/textarea-big-bg.png) 0 0;
	font-size: 1em;
}

#content form label {
	display: block;
	margin: .25em 0;
}

#content form button {
	margin-top: 1em;
}

.msg {
	text-align: center;
	font-size: 1.5em;
	padding-top: 150px;
}

#salkku-email-form {
	margin-top: 2em;
}

#salkku-email-form .busy {
	margin-left: 3em;
}