/****************************************************/
/* Style definition for TekniikkaCenter             */
/* Originally made for Tisma CMS                    */
/* Copyright 2009 Tietotisma Oy                     */
/* All rights reserved                              */
/****************************************************/
@media screen {
	body {
		background: #f2f2f2;
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		margin: 10px;
		margin-top: 40px;
	}

	td {
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		vertical-align: top;
		text-align: left;
	}
/* All content */
	div.main_container {
		width: 823px;
		text-align: left;
		padding: 0;
		margin: 0;
		border: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
/* Header, login etc */	
	div.top_table {
		text-align: left;
		overflow: hidden;
		position: relative;
		background-image: url("pic/top.jpg");
		background-repeat: no-repeat;
		width: 823px;
		padding: 0;
	}
	
	div.header {
		margin: 0;
		padding: 0;
		padding-top: 61px;
	}
	* html div.header {
		padding-top: 56px;
	}
	/* Animation */
	#centeranimation
	{
		margin:0;
		padding: 0;
		margin-left: 12px;
		overflow: hidden;
	}
	div.header p.page_title {
		margin: 0;
		text-align: left;
		font-weight: bold;
		vertical-align: middle;
		font-size: 28pt;
		color: #090909;
		line-height: 120px;
		margin-left: 30px;
		margin-top: 115px;
		padding-left: 150px;
	}
	div.header p.page_title a {
		text-decoration: none;
		color: #f9f9f9;
	}
		
	div.header img {
		margin-bottom: 10px;
		float: left;
		margin-left: 20px;
	}
/* Language, currency etc */
	div.top_table div.selection {
		float: right;
		margin-left: 10px;
		margin-top: 20px;
	}	
	
	div.top_table div.selection div {
		float: right;
		margin-right: 16px;
	}	
	
/* Login bar */	
	div.login {
		position: absolute;
		top: 10px;
		color: #cccccc;
	}
	div.login a {
		color: #cccccc;
		text-decoration: none;
	}
	
/* Top menu */
	div.mainmenu {
		margin: 0;
		padding: 0;
		overflow: auto;
		margin-top: -4px;
		padding-left: 20px;
		background-image: url("pic/top2.jpg");
		background-repeat: no-repeat;
		height: 47px;
		line-height: 25px;
	}
    * html div.mainmenu {
   		margin-top: 0px;
	}
    

	div.mainmenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 8pt;
		text-transform: uppercase;
	}

	div.mainmenu a {
		text-decoration: none;
		color: white;
	}
	div.mainmenu ul li {
		padding: 8px;
		padding-right: 0px;
		text-align: center;
		float: left;
		font-weight: bold;
		color: white;
		margin-right: 1px;
	}
	div.mainmenu ul li.selected {
		padding: 8px;
		padding-right: 0px;
		text-align: center;
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
	
/* Both left and right */	
	div.main_table {
		border-bottom: 0;
		padding: 0;
		margin: 0;
		background: #ffffff;
		background-image: url("pic/mainbg.gif");
		background-repeat: repeat-y;
		width: 823px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
/* Right content */	
	div.main_content {
		margin-left: 20px;
		min-height: 240px;
		height: auto !important;
		height: 240px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
/* Page title */	
	div.title {
		font-weight: bold;
		font-size: 14pt;
		color: black;
		margin-top: 10px;
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 14pt;
		text-transform: uppercase;
		color: #0071bc;
	}
	div.title div.navigation_path {
		display: none;
		visibility: hidden;
	}
/* Left bar */	
	div.left_table {
		float: right;
//		text-align: right;
		width: 210px;
	}
/* Navigation bar */
	div.left_table div.navigation {
		padding-right: 10px;
		padding-left: 10px;
	}
	div.main_table ul.topmenu {
		list-style: none;
		padding: 0;
		font-weight: normal;
		font-size: 11pt;
		margin: 0;
		margin-left: 0px;
	}
	div.left_table div.navigation li {
		padding: 4px;
		border-right: 5px solid white;
		text-align: right;
		padding-bottom: 0px;
		padding-top: 8px;
	}
	
	div.left_table div.navigation ul ul {
		list-style: none;
		border-right: 2px solid #008647;
		padding: 0px;
		padding-right: 6px;
		margin-bottom: 0px;
	}
	div.left_table div.navigation li.selected ul.submenu li a {
		color: #003793;
	}
	div.left_table div.navigation li.selected a {
		color: #008647;
	}
	div.left_table div.navigation li a {
		display: block;
	}
	div.left_table div.navigation a:hover {
		color: #008647;
	}
	div.left_table div.navigation a:hover li {
		color: #003793;
	}
	
	/* Cart */	
	div.left_table div#small_cart {
		position: absolute;
		top: 55px;
		text-align: left;
		left: 40%;
		width: 170px;
		border: 1px solid #7daecd;
		padding: 8px;
		font-size: 8pt;
	}
	div.left_table div#small_cart p {
		margin-bottom: 0;
		padding-bottom: 0;
		margin-top: 5px;
	}
	div.left_table div#small_cart a {
		color: 0071bc;
	}
	div.left_table div#small_cart h2 {
		padding: 0;
		margin: 0;
		font-size: 10pt;
	}
/* Sub module (cart etc) */		
	div.left_table div.sub_module {
		padding: 5px;
		padding-left: 10px;
		padding-right: 0px;
		margin: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 214px;
	}
		
	div.left_table div.print {
		visibility: hidden;
		display: none;
	}
	div.left_table a {
		text-decoration: none;
	}
	 
/* Frontpage */
	div.frontpage_text
	{
		float: left;
		width:540px;
		margin-top: 280px;
		min-height:400px;
	}
	
	div.right_panel 
	{
		position: absolute;
		top: 520px;
		width: 200px;
		
    	margin-left: 590px;
	}	
	
	div.right_panel img
	{
		width: 200px;
	}
	
	span.hide
	{
		visibility: hidden;
		display: none;
	}
/* News */
	div.front_news
	{
		float: right;
		margin-top: -50px;
		margin-right: 10px;
		margin-left: 20px;
		width: 200px;
	}
/* Login */
	div#login {
		position: relative;
		top: 42px;
		left: 235px;
		height: 40px;
	}
	
	div#login h1 {
		margin: 0;
		text-transform: none;
		font-size: 10pt;
	}
	
	div#login p {
		margin: 0;
	}
	
	div#login fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
	
	div#login input {
		width: 67px;
	}
	
	div#login label {
		font-size: 8.5pt;
	}
	
	p#requestlink {
		display: none;
		visibility: hidden;
	}
/* Links for the frontpage */		
	div#links
	{
		clear: both;
	}
	div#links img
	{
		margin-right: 20px;
	}
/* News title */
	span.newstext 
	{
		font-style: italic;
		color: #009f4f;
	}	
	div.front_news a {
		font-style: italic;
		text-decoration: none;
		color: #009f4f;
	}
	div.front_news ul {
		list-style-type: none;
		padding-left: 0;
		margin-left: 0;
	}
	div.front_news ul li {
		margin-bottom: 20px;
	}
/* Footer (copyrights) */
	div.footer {
		background-image: url("pic/footer.jpg");
		background-repeat: no-repeat;
		color: #cccccc;
		font-weight: normal;
		font-size: 9pt;
		padding: 0px;
		margin: 0;
		padding-top: 137px;
		padding-left: 5px;
		text-align: left;
	}
	div.footer p {
		margin: 0;
		padding: 0;
	}
	div.footer a {
		color: #003793;
		text-decoration: none;
	}
	
/* Link to RSS Feed	*/
	p.rss_feed {
		display: none;
		visibility: hidden;
	}
/* Last updated - text */
	p.updated {
		border-top: 1px solid #003793;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
/* General definitions */	
	fieldset {
		border: 1px solid #003793;
		text-align: left;
		margin: 10px;
		padding-left: 50px;
	}
	fieldset legend {
		padding: 5px;
		margin-right: 0;
		margin-left: 0;
		font-weight: bold;
		color: #003793;
	}
	
	.clear {
		margin: 0;
		clear: both;
	}
	a img {
		border: 0;
	}
	a {
		color: #003793;
	}

	a:hover {
		color: #4a6aa2;
	}

	h1 {
		font-weight: bold;
		font-size: 14pt;
		text-transform: uppercase;
		color: #0071bc;
	}
	h2 {
		font-weight: bold;
		font-size: 13pt;
		text-transform: uppercase;
		color: #0071bc;
	}
	h3 {
		font-weight: bold;
		font-size: 12pt;
		color: #003793;
	}
	h4 {
		font-weight: bold;
		font-size: 12pt;
	}
	h5 {
		font-weight: bold;
		font-size: 11pt;
	}
	h6 {
		font-weight: normal;
		font-size: 11pt;
		color: #003793;	
	}
	.right {
		text-align: right;
	}
/* Xinha definitions */	
	@import url(xinha.css);
}

/* Printable page */
@media print {
	body {
		background: white;
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		margin: 0;
	}

	td {
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		vertical-align: top;
		text-align: left;
	}
	
	div.header p.page_title {
		margin: 0;
		text-align: right;
		font-weight: bold;
		vertical-align: middle;
		font-size: 24pt;
		color: #090909;
	}
	div.title {
		margin: 0;
		margin-top: 10px;
		text-align: right;
		font-weight: bold;
		vertical-align: middle;
		font-size: 24pt;
		color: #090909;
		float: right;
	}
	div.title div.navigation_path {
		font-size: 9pt;
		float: right;
		visibility: hidden;
		display: none;
	}
	div.header p.page_title a {
		text-decoration: none;
		color: #090909;
	}
	div.login, div.language {
		display: none;
		visibility: hidden;
	}
	div.header {
		float: left;		
	}
	div.header img {
		margin-top: -10px;
	}
	div.main_container {
		display: block;
		overflow: visible;
	}
	div.left_table, div.mainmenu {
		display: none;
		visibility: hidden;
	}
	div.main_content {
		margin: 0;
		text-align: left;
	}
	div.main_content div.content {
		clear: both;
	}
	
	
/* General definitions */	
	fieldset {
		border: 1px solid #003793;
		text-align: center;
	}
	fieldset legend {
		padding: 5px;
		margin-right: 0;
		margin-left: 0;
		font-weight: bold;
		color: #003793;
	}
	
	.clear {
		margin: 0;
		clear: both;
	}
	a img {
		border: 0;
	}
	a {
		color: #003793;
	}

	a:hover {
		color: #4a6aa2;
	}

	.notprinted {
		visibility: hidden;
		display: none;
	}

	h1 {
		font-weight: bold;
		font-size: 14pt;
		text-transform: uppercase;
		color: #0071bc;
	}
	h2 {
		font-weight: bold;
		font-size: 13pt;
		text-transform: uppercase;
		color: #0071bc;
	}
	h3 {
		font-weight: bold;
		font-size: 12pt;
		color: #003793;
	}
	h4 {
		font-weight: bold;
		font-size: 12pt;
	}
	h5 {
		font-weight: bold;
		font-size: 11pt;
	}
	h6 {
		font-weight: normal;
		font-size: 11pt;
		color: #003793;	
	}
	.right {
		text-align: right;
	}
	.notprinted {
		visibility: hidden;
		display: none;
	}
}