body,html
{
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	height:100%;
	width:100%;
	text-align:center;
}
body
{
	background:#ffffff;
	min-width:1004px;
	font:normal 12px arial,verdana,helvetica,sans-serif; 
}
h1, .heading1
{
	font-family: Arial;
	font-size:24px;
	font-weight:normal;
	color:#00549e;
	margin:10px 0px 2px 0px; 
	padding:0px 0px 0px 0px;
}
h2, .heading2
{
	font-family: Arial;
	font-size:18px;
	font-weight:normal;
	color:#00549e;
	margin:10px 0px 2px 0px; 
	padding:0px 0px 0px 0px;
}
h3, .heading3
{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#00549e;
	margin:10px 0px 2px 0px; 
	padding:0px 0px 0px 0px;
}
ul
{
	margin:5px 0px 15px 0px;
	padding:0px 0px 0px 15px;
}
p
{
	margin:0px 0px 10px 0px;
}
a 
{
	color:#00549e; 
	text-decoration:none;
	font:normal 12px arial,verdana,helvetica,sans-serif;
}
a img 
{
	border:none;
}
a:selected 
{
	text-decoration:underline;
}
a:visited 
{
	color:#00549e;
}
img 
{
	border:0px;
}
.pageContainer
{
	width:1004px;
	min-height:98%;
	background:transparent url(images/bg-main.jpg) top right no-repeat;
	overflow:auto;
	_overflow:inherit;
	margin:0px auto 0px auto;
	text-align:left;
	padding:0px 0px 0px 0px; /*padding-top:10px */
}
/* headerin tyylit */
.pageHeader
{
	margin:20px 32px 0px 32px;
	width:940px;
	float:left;
}
.logoArea
{
	float:left;
	height:64px;
}

.ihasecondarylogo,.ihalogo
{
	float:left;
}

.ihalogo
{
	font-family:Arial;
	font-size:28px;
	font-weight:500;
	color:#67bae4;
	padding:20px 0px 0px 20px;
}

.TopLogoSecondary 
{
	padding-top:5px;
	padding-left:30px;
	height:60px;
}


.textSizer
{
	float:left;
	width:140px;
	height:64px;
	background:transparent url(images/bg-text-sizer.png) top left no-repeat;
	margin:0px 0px 0px 90px;
	padding:0px 0px 0px 10px;
}
.textSizer span
{
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	margin: 23px 15px 0px 6px;
	float:left;
	font-family:Arial;
	font-size:11px;
	position: relative;
}
.textSizerButton
{
	float:left;
	margin:20px 8px 0px 0px;
	position: relative;

}
.quickSearch
{
	margin:17px 0px 0px 8px;
	float:right;
}

.quickSearch input.text
{
	background:transparent url(images/bg-search-input.gif) top left no-repeat;
	border: none;
	width:150px;
	height:18px;
	padding:2px 5px 2px 5px;
	float:left;
	margin:3px 0px 0px 0px;
}
.quickSearch  .button
{
	float:left;
	margin:3px 0px 0px 8px;
}
/*navigaatio tyylit */
.topNavi
{
	width:940px;
	margin:0px auto 0px 32px;
	float:left;
}
.topNavi ul
{
	margin:0px;
	padding:0px;
	display:block;
	background: transparent url(images/bg-top-navi.png) top left no-repeat;
	height:50px;
	width:940px;
}
.topNavi ul li
{
	display:inline;
	float:left;
	font-family: Arial;
	font-size: 14px;
	color: #00549e;
	padding:0px 0px 0px 0px;
	height:46px;
}
.topNavi ul li a
{
	font-family: Arial;
	font-size: 14px;
	color: #00549e;
	text-decoration: none;
	background:transparent url(images/bg-top-navi-link.gif) top right no-repeat;
	padding:6px 8px 0px 0px;
	height:18px;
	margin:12px 0px 0px 8px;
	float:left;
	font-weight:500;
}
.topNavi ul li.first a
{
	margin:12px 0px 0px 15px;
}
.topNavi ul li.last
{
	float:right;
}
.topNavi ul li.last a
{
	background: none;
	margin:12px 8px 0px 8px;
}
.topNavi li.selected
{
	background:transparent url(images/bg-top-navi-selected.gif) top left repeat-x;
	color:#ffffff;
}
.topNavi li.first.selected
{
	background:transparent url(images/bg-top-navi-selected-first.gif) top left repeat-x;
}
.topNavi li.last.selected
{
	background:transparent url(images/bg-top-navi-selected-last.gif) top right repeat-x;
}
.topNavi li.selected a
{
	background: none;
	color:#ffffff;
}
.breadCrumbsArea
{
	height:24px;
	float:left;
	width:940px;
	margin:0px auto 0px 32px;
	padding:0px 0px 0px 0px;
}
.breadcrumb
{
	margin:0px 0px 0px 207px;
	width:530px;
	font-family:arial;
	font-size:11px;
}
.breadcrumbpath
{
	height:21px;
	background: transparent url(images/bg-transparent-bar.png) top right no-repeat;
	padding:2px 8px 0px 0px;
}
.products .breadcrumb
{
	margin:0px 0px 0px 197px;
}
.breadcrumb a
{
	font-family:arial;
	font-size:11px;
}
.breadcrumbpath
{
	float:left;
}
.printbutton
{
	float:right;
}
.frontpage .breadcrumb
{
	display:none;
}
/* sisältöalueen yleiset tyylit */
.pageContent
{
	width:940px;
	float:left;
	margin:0px auto 10px 32px;
}
.content
{
	margin:0px 0px 180px 0px;
	overflow:auto;
}
.leftContent
{
	float:left;
	width:182px;
	overflow:hidden;
}
.mainContent
{
	float:left;
	width:527px;
	margin:0px auto 0px 25px;
	overflow:hidden;
	background:transparent url(images/bg-90-transparency.png) top left;
	min-height:200px;
}
.frontpage .mainContent
{
	background:none;
}
.rightContent
{
	float:right;
	width:182px;
	
}
.roundBoxTop
{
	width:180px;
	padding:4px 1px 0px 1px;
	background:transparent url(images/bg-roundbox-top.gif) top left no-repeat;
}

.roundBoxBottom
{
	padding:2px 10px 10px 10px;
	margin:0px 0px 25px 0px;
	background:transparent url(images/bg-roundbox-bottom.gif) bottom left no-repeat;
	font-family:Arial;
	font-size:12px;
}
.roundBoxBottom h1
{
	font-family:Arial;
	font-size:14px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
}
.leftMenu
{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	border-bottom:1px solid #dae4ed;
}
.leftMenu .leftMenu
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	list-style: none;
	border-bottom:none;
}
.leftMenu li 
{
	width:100%;
	border-top:1px solid #dae4ed;
	/*padding:10px 8px 9px 8px; fix for episerver generated empty text nodes */
	padding:0px 0px 6px 0px;
	font-size:14px;
	font-weight:normal;
	font-family:Arial;
}
.leftMenu li a, .leftMenu li span
{
	font-size:14px;
	font-weight:normal;
	font-family:Arial;
	display:block;
	padding:10px 0px 4px 12px;
	color:#00549e;
}
.leftMenu ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
}
.leftMenu ul li
{
	border:none;
	padding:0px 0px 0px 0px;
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}
.leftMenu ul li a
{
	font-size:12px;
}
.leftMenu a:hover
{
	background:transparent url(images/submenu_hover.gif) top left no-repeat;
}
.leftMenu .selected
{
	background:transparent url(images/bg-menu-active.gif) center left no-repeat;
	font-weight:bold;
}



/*etusivun tyylit */
.frontpage .mainContent, .products .mainContent, .subnews .mainContent, .subprodut .mainContent
{
	text-align:center;
	width:560px !important;
	margin:0px 5px 0px 5px;
}
.frontpage .mainContent 
{
	margin:-10px 5px 0px 5px;	
}
.rightContent h1.header
{
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	margin:5px 10px 5px 10px;
}
.frontPageMainContent
{
	float:left;
	width:530px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 20px;
}
.frontPageMainContent .column
{
	float:left;
	width:254px;
	margin:0px 10px 0px 0px;
	text-align: left;
}
.frontPageMainContent .column h1
{
	background:transparent url('images/bg-column-header.png') top left no-repeat;
	font-family:Arial;
	font-weight:normal;
	font-size:18px;
	color:#ffffff;
	height:34px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px;
}
.frontPageMainContent .column a.header
{
	margin:0px;
	color:#00549e;
	font-family:arial;
	font-size:14px;
	display:block;
}
.columnContent
{
	padding:0px 12px 12px 12px;
	font-family:arial;
	font-size:12px;
	
}

.astusisaan
{
	margin:180px 32px 0px 0px;
	cursor: pointer;
	border:none;
}
.tuoteSivut
{
	width:210px;
	margin:0px -14px 25px -14px;
	padding:0px -14px 25px -14px;
	position:absolute;
}
/*newspage tyylit */
.newspageheader
{
	border-bottom: 1px solid #dae4ed;
}
.newsItem
{
	border-bottom: 1px solid #dae4ed;
	padding:8px 0px 8px 0px;
}
.newsItem h1
{
	font-family: Arial;
	font-size:18px;
	font-weight:normal;
	color:#00549e;
	margin:10px 0px 2px 0px; 
}
.newsItem h1 a
{
	font-size:18px;
	color:#00549e;
}
.newsItem h1 .date
{
	font-size:12px;
	color:#8d8d8d;
	margin:0px 0px 0px 10px;
}
/*news alasivu tyllit */
.newsSubContent
{
	text-align:left;
	margin:0px 15px 10px 10px;
	padding:0px 0px 20px 0px;
	float:left;
	width:530px;
}
.newssubpageheader
{
	text-align:left;
	
	margin:0px 15px 10px 10px;
	padding:0px 0px 20px 0px;
	float:left;
	width:530px;
	border-bottom: 1px solid #dae4ed;
}
.subnews .mainContent h1
{
	position:relative
}
.subnews .mainContent h2
{
	font-family: Arial;
	font-size:18px;
	font-weight:normal;
	color:#00549e;
	padding:0px 0px 10px 0px;
	margin:8px 0px 0px 0px;
	position:relative;
}
/*tuotesivu tyylit */
.ProductPageMainContent
{
	position:relative;
	margin:0px 0px 0px 0px;
	width:530px;
	float:left;
	overflow:hidden;
}
.ProductPageMainContent .column
{
	background:#ffffff;
	float:left;
	width:254px;
	margin:0px 10px 0px 0px;
	text-align: left;
	position: relative;

}
.ProductPageMainContent .column h1
{
	background:transparent url('images/bg-column-header.png') top left no-repeat;
	font-family:Arial;
	font-weight:normal;
	font-size:18px;
	color:#ffffff;
	height:40px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 10px;
}
.ProductPageMainContent .column h2, .frontPageMainContent .column h2 a
{
	margin:0px;
	color:#00549e;
	font-family:arial;
	font-size:14px;
}
ProductPageMainContent .columnContent
{
	padding:0px 12px 12px 12px;
	font-family:arial;
	font-size:12px;
	
}
.ProductPageMainContent .TuoteIntro
{
	text-align:left;
	margin:0px 15px 10px 10px;
	padding:0px 0px 0px 0px;
	float:left;
	width:530px;
}
.ProductPageMainContent ul
{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.productListText
{
	float:left;
	width:350px;
}

/*tuote alasivu tyllit */
.productsSubContent
{
	text-align:left;
	margin:0px 15px 10px 10px;
	padding:0px 0px 20px 0px;
	float:left;
	/*width:530px; POISTETTU 21.05.2010 EK*/ 
	
}
.productssubpageheader
{
	text-align:left;
	/*background:transparent url(images/bg-90-transparency.png) top left;*/
	margin:0px 15px 10px 10px;
	padding:0px 0px 20px 0px;
	float:left;
	width:515px;
	border-bottom: 1px solid #dae4ed;
}
img.productImage
{
	float:left;
	margin: 8px 10px 14px 0px;
}

img.productListImage
{
	float:right;
	margin: 8px 10px 14px 0px;
	height:80px;
		border: none;
}

.productinformation
{
	float:left;
	font-weight:bold;
	margin-right:5px;
}

.subprodut .mainContent h1
{
	position:relative;
}
.subprodut .mainContent h2
{
	font-family: Arial;
	font-size:18px;
	font-weight:normal;
	color:#00549e;
	padding:0px 0px 10px 0px;
	margin:8px 0px 0px 0px;
	position:relative;
}
/* footerin tyylit */
#Footer
{
	font-size:12px;
}
.pageFooter
{
	width:1004px;
	height:180px;
	overflow:auto;
	margin:-180px auto 0px auto;
	text-align:left;
	padding:0px;
}
.footerContent
{
	width:940px;
	float:left;
	margin:0px auto 10px 32px;
	background:#ffffff url(images/bg-footer.gif) top left no-repeat;
	padding:94px 0px 0px 0px;
}
.date
{
	color:#707070;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
}

/*************************/
/* XFORM				 */
/*************************/
.xForm {  }
.xForm td label { float:left;}
.xForm td input, .xForm td textarea, .xForm td select {width:300px; margin: 0 0 0 30px; }
.xForm td select {width:306px;}
body:first-of-type .xForm td textarea {width:254px;} /* for safari */
.xForm input.button { background:url(images/bg_button.gif) left top no-repeat; width:100px; height:22px; border:0px; color:#787874; padding-bottom:2px; cursor:pointer;}
.xForm .heading {font-weight: bold; padding: 0; margin: 0.4em 0em;}
.xForm #id_matrix {margin: 0;padding: 0; display:inline;}
.xForm #id_matrix td {border:0;margin: 0;padding: 0.2em 0;}
span.xformvalidator {color: Red; display:block; margin-left:30px;}
.xForm label {margin-right: 0.5em;float: left;}
#id_matrix br {clear: both;}
.thankyoumessage {padding: 1em 0;margin: 0;font-weight: bold;}
.xForm fieldset {width:300px; float:right;border:0px; margin:0px;}
.xForm fieldset legend { float:left;margin:0px; display:none;}
.xForm fieldset input {display:inline; float:left;width:auto;margin:0px;}
.xForm fieldset label { display:inline;margin:0 10px 0 0; padding:0 0 0 2px;}



.quicksearch { display:inline;float:right;}
.btnSearch { background:url(images/bg_search_button.gif) left top no-repeat; width:51px; height:22px; border:0px; color:#787874; margin-bottom:2px; cursor:pointer; }
.txtSearch {background:url(images/bg_search_textbox.gif) left top no-repeat; width:159px; height:22px; border:0px; padding:1px 0 0px 4px; overflow:hidden;color:#262626;}

.QuickLinksContainer {height:50px;}
.QuickLinks {position:absolute;width:169px;}
html>/**/body .QuickLinks {margin:0px 0px 0px 10px;}
.QuickLinks .LinksArea { float:right; position:relative;} 
.LinksArea select {display:block; width:169px; height:27px;margin:10px 0 10px 0; float:left; }
.LinksArea br { display:none; }
/*.LinksArea input {background:transparent !important; } */
.LinksArea .selectbox-wrapper { background:url(images/layer.gif) left bottom; position:absolute; width:160px; top:0px; left:0px; padding:10px; text-align:left; overflow:auto; z-index:1; }
.LinksArea .selectbox-wrapper ul {list-style-type:none; margin:0px; padding:0px; }
.LinksArea .selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; color: #00549e; padding:0px 2px 0px 2px; cursor:pointer; line-height: 15px; }
.LinksArea .selectbox-wrapper ul li a { display: block; color: #00549E; text-decoration: none; }
.LinksArea .selectbox-wrapper ul li a:hover { text-decoration: underline; }
.LinksArea .selectbox { padding: 5px 10px; font-family:Arial; background: url(images/select_bg.png) no-repeat left top; border: none; margin-bottom: 20px; color: #787878; height: 19px; width: 160px; text-align: left; cursor: pointer; position: relative; z-index: 2; }
.LinksArea .linkbutton { margin:15px 0 0 0;width:11px;height:11px; float:right; display:inline; text-align:right; }
.LinksArea noscript { text-align:right;}

/*************************/
/* SEARCH PAGE           */
/*************************/
#SearchArea .searchText {border:solid 1px #c1c1c1;}
#SearchArea .button, .SearchSPCAM .button {background:url(images/bg_search_button.gif) left top no-repeat; width:51px; height:22px; border:0px; color:#787874; margin-bottom:2px; cursor:pointer;}
#SearchArea select {border:solid 1px #c1c1c1 !important;}
#SearchArea .searchCheckbox input {color:#c1c1c1;}
#SearchArea {padding:10px; border: solid 1px #dae4ed; background-color:#f5feff;}
#SearchArea span {font-size:large}
input.searchText {width: 250px; margin:5px 5px 5px 0px; }

#ResultArea h2 { margin-bottom:10px;}
#ResultArea {padding-top: 10px;}
#ResultArea ul,ol {margin: 0;padding:0;}
#ResultArea li {margin: 0; padding: 5px 0 5px 0; list-style-type:none; border-top:solid 1px #dae4ed; }
#ResultArea li a {padding-left:0px; font-size:larger;text-decoration:underline}
#ResultArea li .dateTime {font-size:smaller; color:#999999; }
.SearchSPCAM 
{
	margin-top:20px;
		
	
}

.pager { margin:30px 0 30px 0;  white-space:nowrap; text-align:center;}
.pager span { display:none;}
.pager ul li span { display:inline; padding: 0 6px 0 6px; *padding: 0 0 0 10px; }
.pager ul li.selected span {*padding:0px; }
.pager input { background:none; border:none; color:#00549e; margin:0;  height:15px; cursor:pointer; font-family:arial,verdana,helvetica,sans-serif;  }
.pager input:hover { text-decoration:underline;}
.pager ul { display:inline;}
.pager ul li { display:inline;border-left:solid 1px #a6a6a6; padding: 0 0 0 0 !important; *padding: 0 5px 0 5px !important;}
.pager ul li.first {border:none;}
.pager ul li.first span { padding-right:10px; }

/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul {margin: 0;padding:0;}
#SiteMap ul ul {padding: 0;margin-left: 16px;}
#SiteMap ul li a {padding-left:2px; color:#00549e;}
#SiteMap li {margin: 0 0 5px 0;padding: 0;list-style: none;}
#SiteMap li li {margin: 0.2em 0;}

.rightbottomlift 
{
	margin-top: 10px;
}
