/**
 * Style definition for lapetek theme               
 * Originally made for Tisma CMS                    
 * Copyright 2009 Tietotisma Oy                     
 * All rights reserved                              
 */
@media screen {
	body {
		background: #ebeae6;
		font: normal 11px Verdana, Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-image: url("pic/menubg2.gif");
		background-repeat: repeat-x;

	}

	.onlyprinted {
		visibility: hidden;
		display: none;
	} 
	td {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9pt;
		vertical-align: top;
		text-align: left;
	}
		
	form {
			padding: 0;
			margin: 0;
			border: none;
		}	
		
	/** Etusivun tyylit **/
	#indexpageLeft {
		float: left;
		width: 818px;
		padding: 15px 3px 10px 0;
		}
		
	#indexFlash {
		float: left;
		width: 818px;
		height: 415px;
		padding: 0 0 0 0;
		}
		
	#searchProducts {
		float: left;
		background-image:  url("pic/haetuotteita_bg.gif");
		width: 795px;
		height: 53px;
		margin: 11px 0 0 11px;
		}	
		
	#searchProductsInput {
		float: left;
		padding: 11px 0 0 340px;
		}	
		
	#searchProductsSwe {
		float: left;
		background-image:  url("pic/haetuotteita_bg_swe.gif");
		width: 795px;
		height: 53px;
		margin: 11px 0 0 11px;
		}	
		
	#searchProductsEng {
		float: left;
		background-image:  url("pic/haetuotteita_bg_eng.gif");
		width: 795px;
		height: 53px;
		margin: 11px 0 0 11px;
		}	
		
	#searchProductsInputSwe {
		float: left;
		padding: 11px 0 0 390px;
		}
		
	#searchProductsInputEng {
		float: left;
		padding: 11px 0 0 390px;
		}
			
	#banners {
		float: left;
		width: 810px;
		padding: 12px 0 0 8px;
		}
	
	#banners a {
		padding: 0px 8px 0 0px;
		}
		
	#indexpageRight {
		float: left;
		width: 222px;
		padding: 20px 0 0 0;
		}	
		
	#indexPanel {
		float: left;
		width: 222px;
		background-color: #f2f0ee;
		margin: 0 0 10px 0;
		}
	
	#indexPanelContent {
		float: left;
		swidth: 200px;
		padding: 10px 0px 5px 12px;
		background-color: #f2f0ee;
	}
	
	#indexPanelTop {
		float: left;
		width: 222px;
		height: 7px;
	}
	
	#indexPanelBottom {
		float: left;
		width: 222px;
		height: 7px;
	}
				
	#indexPanel p {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #636363;
		margin: 0 0 10px 0;
		line-height: 16px;
	}
	
	#indexPanel a {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: #636363;
	}
	
	/** sivujen perustyyli **/
	#bacicImage {
		float: left;
		width: 300px;
		padding: 0 23px 0 0;
		}
		
	#basicContent {
		float: left;
		width: 650px;
		padding: 0 0 0 0;
		}	
		
	#bacicImageBig {
		float: left;
		width: 600px;
		padding: 0 23px 0 0;
		}
		
	#basicContentSmall {
		float: left;
		width: 350px;
		padding: 0 0 0 0;
		}
		
	#basicContentWide {
		float: left;
		width: 1000px;
		padding: 0 0 0 0;
		}	
		
	#basicContentWithRight {
		float: left;
		width: 460px;
		padding: 0 0 0 0;
		}	
		
	#basicContentRight {
		float: right;
		width: 224px;
		padding: 0 0 0 0;
		}	
		
	#postituslista {
		float: left;
		background-image: url(pic/postitus_bg.gif);
		background-repeat:no-repeat;
		height: 149px;
		width: 184px;
		padding: 15px 20px 0px 20px;
		}	
		
	#bacicLeftSub {
		float: left;
		width: 185px;
		padding: 0 20px 0 0;
		}		
	
	#basicContent h1 {
		font: normal 24px Verdana, Arial, sans-serif;
		color: #000;
		margin: 0 0 15px 0;
		}
		
	#basicContent h2 {
		font: bold 14px Verdana, Arial, sans-serif;
		color: #000;
		margin: 10px 0 10px 0;
		}	
	
	#basicContent h3 {
		font: bold 12px Verdana, Arial, sans-serif;
		color: #000;
		margin: 0 0 5px 0;
		}
		
	#basicContentRight h4 {
		font: bold 14px Verdana, Arial, sans-serif;
		color: #fff;
		margin: 0 0 0 0;
		}	
		
	#basicContent p, td, #basicContentSmall p, td {
		font: normal 11px Verdana, Arial, sans-serif;
		color: #000;
		margin: 0 0 15px 0;
		line-height: 18px;
		}	
		
		
	#basicContentRight p {
		font: normal 11px Verdana, Arial, sans-serif;
		color: #fff;
		margin: 0 0 5px 0;
		line-height: 16px;
		}	
		
	#basicContent .basicTable {
		width: 300px;
		padding: 0 0 0 0;
		}	
		
	#basicContent ul {
		margin: 10px 0 20px 0;
		padding: 0 0 0 15px;
		}	
		
	#basicContent li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style:square;
		line-height: 18px;
		}
		
	#basicContent #sitemap ul {
		margin: 5px 0 0px 0;
		padding: 0 0 0 15px;
		}	
		
	#basicContent #sitemap li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style:square;
		line-height: 18px;
	}
/* All content */
	div.main_container {
		text-align: left;
		padding: 0;
		margin: 0 auto;
		width: 1043px;	}
	
/* Header, login etc */	
	div.top_table {
		float: left;
		text-align: left;
		background: #fff;
		width: 1043px;
}
	
	/*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;
		border: solid 1px #000;
	}
	div.header p.page_title a {
		text-decoration: none;
		color: #090909;
	}*/
		
	div.header  {
		float: left;
		width: 600px;
		height: 71px;
	}
		
	div.header img {
		float: left;
		margin-top: 15px;
	}
/* Language, currency etc */
	div.top_table div.selection {
		float: right;		
		width: 220px;
	}	
	
	 div.language {
		float: left;
		background-image: url("pic/language.gif");
		background-repeat: no-repeat;
		height: 26px;
		width: 215px;
		line-height: 26px;
		padding-left: 10px;
	}
	 div.language a {
	 	margin: 0;
	 	padding; 0;
	 	margin-right: 5px;
	 }
	 div.language img {
	 	margin: 0;
	 	padding; 0;
	 }
	
	div.top_table div.selection a {
		text-decoration: none;
		color: #fff;
	}
	
	
/* Login bar */	
	div.login {
		display: none;
		visibility: hidden;
	}

	div.login a {
		color: white;
		text-decoration: underline;
	}

/* Top menu */
	div.mainmenu {
		float: left;
		padding: 0 0 0 0px;	
		margin: 17px 0 0 0;
		width: 1043px;
		background-image: url("pic/menubg.gif");
		background-repeat: repeat-x;
		height: 40px;
	}

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

	div.mainmenu a {
		font: normal 14px Verdana, Arial, sans-serif;
		text-decoration: none;
		color: #fff;
	}
	div.mainmenu ul li {
		float: left;
		padding-top: 12px;
		height: 40px;
		width: 110px;
		margin-right: 0px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		font-size: 10pt;
	}
	div.mainmenu ul li.selected {
		float: left;
		padding-top: 12px;
		height: 38px;
		width: 110px;
		margin-right: 0px;
		font-weight: bold;
		color: #1e3a8e;
		background-image: url("pic/selected_bg.gif");
		background-repeat: no-repeat;
	}
	div.mainmenu ul li.selected a{
		color: #1e3a8e;
		font-decoration: none;
	}
	div.mainmenu ul li a{
		color: #fff;
		font-decoration: none;
	}
	div.mainmenu ul li#Medialle
	{
		float: right;
		padding-top: 15px;
		height: 38px;
		width: 110px;
		margin-top: -6px;
		margin-right: 0px;
		font-weight: bold;
		font-size: 16px;
		color: #1e3a8e;
		background-image: url("pic/selected_bg2.gif");
		background-repeat: no-repeat;
	} 
	
	div.mainmenu ul li#Medialle a{
		color: #ffffff;
		font-weight: bold;
		font-decoration: none;
	}
/* Both left and right */	
	div.main_table {
		float: left;
		padding: 0;
		margin: 0;
		background-image: url("pic/submenubg.gif");
		background-repeat: repeat-x;
		background-color: #fff;
		width: 1043px;
	}
	
	div.main_tableIndex {
		float: left;
		padding: 0;
		margin: 0;
		background-color: #eceae6;
		width: 1043px;
	}	
	
/* Right content */	
	div.main_content {
		float: left;
		margin: 0px;	
		width: 1031px;
		padding: 20px 6px 30px 6px;
	}
	
	div.main_content_bottom {
		float: left;
		margin: 0px;	
		width: 1043px;
		height: 11px;
		padding: 0;
		background-image: url("pic/contentBottom.gif");
		background-repeat: no-repeat;
		background-position:bottom;
	}
	
/* Page title */	
	div.title {
		visibility: hidden;
		display: none;
	}
	
	div.main_content div#navigation_path {
		font-size: 11px;
/*		float: left;*/
		margin-bottom: 5px;
	}
	div.main_content div#navigation_path a {
	}
/* Left bar */	
	div.left_table {
		float: left;
		width: 150px;
		margin: 0;
		padding: 0px;
	}
/* Navigation bar */
	div.left_table div.navigation {
		float: left;
		border-bottom: 1px solid #adafb2;
		height: 28px;
		padding: 6px 0 0 10px;
		font-size: 12px;
		font-weight: normal;
		width: 1033px;		
		
	}
	div.left_table div#navigation_menu ul ul
	{
		display: none;
		visibility: hidden;
	}
	div.main_table ul.topmenu {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	div.main_table ul.submenu {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	div.left_table div.navigation li {
		float: left;
		padding: 4px;
		padding-left: 10px;
		padding-right: 20px;
	}
	
	div.left_table div.navigation li.selected {
		float: left;
		padding: 4px;
		padding-left: 10px;
		padding-right: 20px;
		font-weight: bold;
	}
	div.left_table div.navigation li a {
		display: block;
	}
/* Sub module (cart etc) */	
	div.left_table div.sub_module {
		border: 0px;
		padding: 5px;
		padding-left: 10px;
		padding-right: 0px;
		margin: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 144px;
	}
		
	div.left_table div.print {
		visibility: hidden;
		display: none;
	}
	div.left_table a {
		text-decoration: none;
	}
	
	


/* Footer (copyrights) */
	div.footer {
		float: left;
		width: 1043px;
		background-color: #c3c5c9;
		font: normal 11px Verdana, Arial, sans-serif;
		color: #fff;
		margin: 5px 0 0 0;
		height: 50px;
	}
	div.footer p {
		margin: 0;
		padding: 20px 0 0 0;
	}
	div.footer p.left_links {
		float: left;
		margin-left: 10px;
		color: #ffffff;
	}
	div.footer p.right_copyright {
		float: right;
		margin-right: 10px;
		color: #ffffff;
	}
	div.footer a {
		color: #ffffff;
		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: normal;
		font-size: 24px;
		color: #000;
	}
	h2 {
		font-weight: normal;
		font-size: 14pt;
		color: black;
	}
	h3 {
		font-weight: bold;
		font-size: 12pt;
		color: #003793;
	}
	h4 {
		font-weight: bold;
		font-size: 12pt;
		margin: 0px;
	}
	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;
		border: 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9pt;
		margin: 0;
		position: relative;
		oveflow: auto;
	}

	td {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9pt;
		vertical-align: top;
		text-align: left;
	}
	
	div.header p.page_title {
		display: none;
		visibility: hidden;
	}
	div.title {
		display: none;
		visibility: hidden;
	}
	div.title div.navigation_path,
	div#centerpanel div#navigation_path {
		visibility: hidden;
		display: none;
	}
	div.header p.page_title a {
		text-decoration: none;
		color: #090909;
	}
	div.login, div.language, div.selection, div.footer {
		display: none;
		visibility: hidden;
	}
	div.header {
		float: none !important;	
	}
	div.header img {
		margin-top: -10px;
	}
	div.main_container {
		display: block;
		overflow: visible;
		background: white;
		border: 0;
		float: none !important;
	}
	div.left_table, div.mainmenu {
		display: none;
		visibility: hidden;
	}
	div.main_content {
		margin: 0;
		text-align: left;
		float: none !important;
	}
	div.main_content div.content {
		float: none !important;
		overflow: visible !important;
	}
/* 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;
	}
	.onlyprinted {
		visibility: visible;
		display: block;
	} 

	h1 {
		font: bold 18px Verdana, Arial, sans-serif;
		color: #003793;
	}
	h2 {
		font: bold 13px Verdana, Arial, sans-serif;
		color: #003793;

	}
	h3 {
		font: bold 12px Verdana, Arial, sans-serif;
		color: #003793;
	}
	h4 {
		font: bold 12px Verdana, Arial, sans-serif;
		color: #003793;

	}
	h5 {
		font-weight: bold;
		font-size: 11pt;
	}
	h6 {
		font-weight: normal;
		font-size: 11pt;
		color: #003793;	
	}
	.right {
		text-align: right;
	}
}