body
{
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	width:1028px;
	height:100%;
	margin:auto;
	padding:0px;
	background:#E1EEC7 url(imgs/bg.gif) repeat-x;
}

.float /* better solution for clear:both*/
{
	overflow: hidden;
	width: 100%;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.outerWrapper 
{
	background:#ABCA83 url(imgs/borderbg.gif) repeat-x;
	position:relative;
}

.innerWrapper 
{
	margin:auto;
	width:1000px;
	background-color:#FFFFFF;
	position:relative;
}

.bottomCornerLeft 
{
	height:14px;
	width:14px;
	font-size:0px;
	background:url(imgs/bottomCornerLeft.gif) no-repeat;
}

.bottomCornerRight
{
	height:14px;
	width:14px;
	font-size:0px;
	background:url(imgs/bottomCornerRight.gif) no-repeat;
}

.topContent 
{
	height:115px;
	background:url(imgs/topbg.gif) repeat-x;
	position:relative;
}

.topContent .logo 
{
	width:194px;
	height:115px;
	background:url(imgs/logo.gif) no-repeat;
	position:absolute;
}

.topContent .title
{
	width:840px;
	height:120px;
	background:url(imgs/severi_koko_ylakuva_807_115_plus_severi.jpg) no-repeat;
	position:absolute;
	left:194px;
	top:0px;
}

.leftContent 
{
	width:168px;
	padding:0px 11px 14px 13px;
	border-top:dashed 1px #A6A6A6;
}

.mainContent 
{
	background-color:#E1EEC7;
}

.mainContent .topBorderContainer /* For IE6 border background is from parent element*/
{
	width:780px;
	padding:0px 13px 14px 13px;
	min-height:485px; /* 600px vertical gardient background fill - topContent 115px. For IE javascript should do this job */
	border-top:dashed 1px #929B82;
}

.centerColumn 
{
	width:460px;
}

.rightColumn 
{
	padding: 0px 0px 0px 13px;
	width:307px;
}
.allContentColumn
{
	width: 767px;
}
/* h3 */
h3, .h3, a:link .h3, a:hover .h3, a:visited .h3
{
	margin:0px;
	font-size:13px;
	font-weight:bold;
}

h3 
{
	margin:5px 0px 3px 0px;
}

.heading1
{
	margin:14px 0px 0px 0px;
	height:20px;
	padding:6px 10px 0px 10px;
	background-color:#047DC6;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

.heading2
{
	margin: 24px 0px 0px 0px;
	height:20px;
	padding: 6px 10px 0px 10px;
	background:url(imgs/boxHeadBg.gif) repeat-x;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

.headingTop 
{
	margin:24px 0px 0px 0px;
}
.heading2withoutbar
{
    margin:24px 0px 0px 0px;
}
.content1
{
	background-color:#047DC6;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}

.content1 .topBorder
{
	border-top:dashed 1px #E1EEC7;
}

.content1 .container
{
	padding: 7px 10px 7px 10px;
}

.content1 ul.arrow
{
	margin:0px;
	padding:0px;
}

.content1 .arrow li
{
	margin:0px;
	padding:0px 0px 0px 7px;
	list-style:none;
	line-height:15px;
	background:url(imgs/content1Bullet.gif) no-repeat 0 5px;
}

.content1 a:link, .content1 a:hover, .content1 a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

.content2
{
	background-color:#86BA1F;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}

.content2 .container
{
	padding:7px 10px 7px 10px;
}

.content2 .topBorder
{
	border-top:dashed 1px #E1EEC7;
}

.content2 ul.arrow
{
	margin:0px;
	padding:0px;
}

.content2 .arrow li
{
	margin:0px;
	padding:0px 0px 0px 7px;
	list-style:none;
	line-height:15px;
	background:url(imgs/content2Bullet.gif) no-repeat 0 5px;
}

.content2 a:link, .content2 a:hover, .content2 a:visited
{
	color:#FFFFFF;
	text-decoration: underline;
}

.content3
{
	background-color:#E1EEC7;
	font-family:Arial;
	font-size:11px;
	color:#047DC6;
}

.content3 .topBorder
{
	border-top:dashed 1px #9EB182;
}

.content3 .container
{
	padding:7px 10px 7px 10px;
}

.content3 ul.arrow
{
	margin:0px;
	padding:0px;
}

.content3 .arrow li
{
	margin:0px;
	padding:0px 0px 0px 7px;
	list-style:none;
	line-height:15px;
	background:url(imgs/content3Bullet.gif) no-repeat 0 5px;
}

.content3 a:link, .content3 a:hover, .content3 a:visited
{
	color:#047DC6;
	text-decoration:none;
}

.content4
{
	background-color:#A2C767;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}

.content4 .topBorder
{
	border-top:dashed 1px #FFFFFF;
}

.content4 .container
{
	padding:7px 10px 7px 10px;
}

/*.content4 ul.arrow
{
	margin:0px;
	padding:0px;
}

.content4 .arrow li
{
	margin:0px;
	padding:0px 0px 0px 7px;
	list-style:none;
	line-height:15px;
	background:url(imgs/content3Bullet.gif) no-repeat 0 6px;
}

.content4 a:link, .content4 a:hover, .content4 a:visited
{
	color:#047DC6;
	font-weight:bold;
	text-decoration:none;
}
*/

.content5
{
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:13px;
	color:#515151;
}

.content5 .topBorder
{
	border-top:dashed 1px #B1BCA6;
}

.content5 .container
{
	padding:7px 10px 7px 10px;
}
.content5 ul.arrow
{
	margin:0px;
	padding:0px;
}

.content5 .arrow li
{
	margin:0px;
	padding:0px 0px 0px 7px;
	list-style:none;
	line-height:15px;
	background:url(imgs/content5Bullet.gif) no-repeat 0 5px;
}

.content5 a:link, .content5 a:hover, .content5 a:visited
{
	color:#515151;
	text-decoration: underline;
}

.content5 h3, .content5 .h3, .content5 a:link.h3, .content5 a:hover.h3, .content5 a:visited.h3,
.content5 b
{
	color:#047DC6;
}

.button 
{
	height:23px;
	width:77px; /* default width. Set custom width in button style attribute if needed */
	background:url(imgs/buttonbg.gif) repeat-x;
}

.button .content
{
	background:url(imgs/buttonArrow.gif) no-repeat 0 5px;
	margin:0px 8px 0px 8px;
	padding:0px 0px 0px 7px;
}

.button .content, .button a:link, .button a:hover, .button a:visited
{
	line-height:15px;
	font-size:13px;
	font-weight:bold;
}

.content1 .button .topLeft
{
	height:4px;
	width:4px;
	font-size:0px;
	background:url(imgs/content1buttonTopLeft.gif) no-repeat;
}

.content1 .button .topRight
{
	height:4px;
	width:4px;
	font-size:0px;
	background:url(imgs/content1buttonTopRight.gif) no-repeat;
}

.content1 .button .bottomLeft
{
	height:4px;
	width:4px;
	font-size:0px;
	background:url(imgs/content1buttonBottomLeft.gif) no-repeat;
}

.content1 .button .bottomRight
{
	height:4px;
	width:4px;
	font-size:0px;
	background:url(imgs/content1buttonBottomRight.gif) no-repeat;
}

.span, .content1 ul.span, .content2 ul.span, .content3 ul.span, .content4 ul.span, .content5 ul.span
{
	margin:10px 0px 15px 0px;
}

/* older stuff */

.MainTopNavi
{
	margin:25px 0px 0px 0px;
}

/* ------------------------ SISAANKIRJAUTUNEIDEN NAKYMA ------------------------------------*/

.TABLEhaku {vertical-align: top; border-collapse: collapse; margin: 11px;}
.TABLEhaku h1 {font-size: 14px;}
.IMG_haku_bottom {margin-top: -1px;}
.footer_logo {float: right; margin: 0px 12px 11px 0px;}
.TDhaku_text { vertical-align:top; padding:  10px 10px 10px 10px; color: #555555; background: #FFFFFF; border-left: 1px solid #dcdddd; border-top: 1px solid #dcdddd; border-right: 1px solid #dcdddd;}
.TDhaku_text h1 {font-size: 14px;}
.TDhae_definition {text-align: right; padding-right: 10px; padding-top: 5px; padding-bottom: 10px;}
.TDhae_definition_vapaa {text-align: left; padding-right: 10px; vertical-align:top; padding-top: 3px; }
.TDhae_field_vapaa {vertical-align: top;}
.TDhae_field_radibuttons {height: 30px; vertical-align:middle;}
.INPUThaku_vapaa {border: 1px solid #7f9db9; width:300px;}
.INPUThaku {border: 1px solid #7f9db9; width: 150px;}
.HAEradiobutton {height: 16px; vertical-align:middle;}
.HRhaku {height: 3px; color: #dfdfdf; background-color: #dfdfd9; margin-bottom: 10px; margin-top: 10px;  border: 0px; clear: both;}
.TABLEhaku_tarkennus {width: 294px; border-collapse:collapse;border: 1px solid #d9e4e7; margin-bottom: 5px;}
.TABLEhaku_tarkennus_title {background-color: #ABCA83; color: White; height: 20px; vertical-align:middle; padding: 0px 2px 0px 5px;}
.SELECT_tarkenna {font-size: 11px; border: 1px solid #ABCA83; color: #666666; width: 368px;}
.SELECT_tarkenna input {font-size: 11px; border: 2px;}
.indexBox { background: #FFFFFF; border:solid 1px #dcdddd}

.ContentPageTitle {font-size: 14px; font-weight: bold; margin-top: 35px; margin-bottom:10px;}

.TABLEhakutulos {border-collapse:collapse; margin-top: 0px; margin-left: 5px; margin-bottom: 10px;}
.TDhakutulos_left {vertical-align: top; color: #1059a3; font-weight: bold; font-size: 12px; border-bottom: 1px solid #d9d9d9;}
.TDhakutulos_right {vertical-align: top; border-bottom: 1px solid #d9d9d9;line-height: 18px; font-size:11px; }
.H1hakutulokset {margin: 0px; font-weight: bold;	font-size: 18px!important;	color: #1059a3;	line-height: 18px;}

.Phakutulostuote {font-weight: bold; font-style:italic;	font-size: 16px!important;	color: #1059a3;}

.Phakutulos {margin-top: 10px; margin-bottom: 10px;}

a.Ahakutulos:link {color: #1059a3; text-decoration:underline; font-size: 15px; font-weight: normal;}
a.Ahakutulos:active {color: #1059a3; text-decoration:underline;  font-size: 15px; font-weight: normal;}
a.Ahakutulos:visited {color: #4787ba; text-decoration:underline;  font-size: 15px; font-weight: normal;}
a.Ahakutulos:hover {text-decoration:none; text-decoration:none; font-size: 15px; font-weight: normal;}

.SearchPanelHeader 
{                   
    margin:14px 0px 0px 0px;
	height:20px;
	padding:1px 10px 1px 10px;
	background-color:#ABCA83;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
 }
 .SearchPanelHeader a:link, .SearchPanelHeader a:hover, .SearchPanelHeader a:visited { color: White; text-decoration: none; }
.SearchPanelContent {  padding-top: 15px; padding-left: 15px; border: solid 1px #ABCA83;}
.spacer { clear:both; height: 15px; }

.BrowseProductsDescription
{
	font-size: 10px;
}
.LastOpened
{
    font-size: 12px;
}
.LastOpenedHeader
{
    font-size: 12px;
    font-weight: bold;
}