/* ELEKTOSKANDIA css styles */

/************************************** 
	Selainkohtaiset css tagit:
	IE = html.ie
	IE 6 = html.ie6
	Firefox,Mozilla,NetScape = 	html.w3c
	Opera = html.opera
	Safari = html.safari
	
********************************/


/***** Yleiset ****/

body {
	background-color:#f1f1f1;
	background-image:url(../../images/custom/bgBody.gif);
	background-position:top;
	background-repeat:repeat-x; padding:0; margin:0;	
}

body,table,td,tr,div,span {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0e3357;	
}

H1{
	color:#c10d0c;
	font-size:18px;
	padding:0;
	Margin:0;
	margin-right:5px;
	margin-bottom:10px;
}
H1.inline{
	display:inline;
	margin-bottom:none;	
}
H2{
	color:#c10d0c;
	font-size:14px;
	padding:0;
	Margin:0;
	margin-bottom:10px;
	font-weight:normal;
}
P{
	margin:0;
	padding:0;
	margin-bottom:10px;
}

A, A:link, A:visited {
	color:#1195ba;
	text-decoration:none;

}
A:hover{ text-decoration:underline;}
.readMore{
	background-image:url(../../images/custom/linkArrow.gif);
	background-repeat:no-repeat;
	background-position:right ;
	padding-right:8px;
		
}

.banner186 .readMore{
	background-image:url(../../images/custom/linkArrow.gif);
	background-repeat:no-repeat;
	background-position:right ;
	padding-right:8px;
	display:block;
	float:right;	
}

img{ border:0;}

/* Painikkeet*/
	.btn{
		background:url(../../images/custom/bgButtonLeft.gif) no-repeat left top;		
		
		padding:5px;
		padding-top:3px;
		padding-left:5px;		
	}
	.btn a{
		background:url(../../images/custom/bgButtonRight.gif) repeat-x right;		
		padding:5px;
		padding-left:0;
		padding-right:7px;		
		color:#2288bd;	
		font-size:12px;
		font-weight:bold;
		text-decoration:none;		
				
	}
	.btn a:hover{
		color:#999999;		
				
	}	
/* //Painikkeet*/




.mainTable{
	margin:0 auto 0 auto;
	width:878px;
	height:100%
				
}

.mainTable .tdHeader{
	height:47px;
	padding-bottom:15px;
	padding-top:1px;		
}
/* Yläpalkki */
.mainTable .tdHeader img{
	margin-right:5px;		
}	
	.tdHeader div.headerText{
		color:#ffffff; 		
		font-size:16px;
		visibility:visible;
		margin-left:10px;
		margin-right:10px;		
		float:left;
		visibility:hidden;	
	}	
	.tdHeader input{
		width:100px;
		height:15px;
		border:1px solid #f1f1f1;
		margin-top:3px;			
	}

/* Yläpalkki */		
	
.mainTable .tdContentBoxTop{
	background:url(../../images/custom/bgContentBoxTop.gif) no-repeat top;
	
	padding-left:5px;
	padding-right:5px;	
}
.mainTable .tdContentBox{
	padding-left:1px;
	
	background:url(../../images/custom/bgContentBox.gif) repeat-y top;
}
.mainTable .tdContentBoxBottom{	
	background:url(../../images/custom/bgContentBoxBottom.gif)  no-repeat bottom;	
	height:9px;
}


.fpContentWrapperTable{
	margin:0;
	padding:0;
	padding:10px 18px 10px 13px;
	/*background-image:url(../../images/custom/fi/etusivuKuva_2.jpg);*/
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;	
	height:529px;
	/*padding-top:185px;*/
	
}

.contentWrapperTable{
	margin:0;
	padding:0;
	padding:10px 18px 10px 13px;	
	width:100%;
	height:529px;		
}
.mainTable .tdFooter{
	vertical-align:bottom;
	
	padding-top:5px;	
}

/*Topnavit*/
.topNav{
	width:auto;	
}
.topNav td{
	width:auto;
	padding-right:0px;	
}
.topNav a,.topNav a:visited,.topNav a:link{
	color:#2288bd;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
	
	padding:5px 10px 5px 10px;
	
	display:block;
}
.topNav a:hover,.topNav a:active{
	background:url(../../images/custom/bgTopnavi.gif) repeat-y left;
	display:block;
	
}

.topNavSub{
	border:1px solid #d4d9da;
	border-left:4px solid #b80c0b;
	border-top:none;
	background-color:#e6f6fa; 
	position:absolute; 
	z-index:10000;
	padding:0px;	
	padding-bottom:0;
	padding-top:0;

	display: none;
}
.topNavSub td{
	padding-right:0px;
}

.topNavSub a,.topNavSub a:visited,.topNavSub a:link{
	color:#2288bd;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
	display:block;
	border-bottom:1px solid #d4d9da;
}
.topNavSub a:hover,.topNavSub a:active{
	background-image:none;
	background-color:#d4d9da;
	display:block;
		
}
div#topmenucontrol table.submenu  
{
	    display: none;
	    z-index: 10000;
	    position: absolute;
	    width: 150px;
	    border-collapse: collapse;
}

div#topmenucontrol table.submenu td.normal {
	color:#2288bd;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;

	background: #fff;
    height: 16px;
    border: 1px solid #666;
    padding: 3px 0px 0px 15px;
    cursor: hand;
	border-bottom:1px solid #d4d9da;
	border-top:none;
	/*border-left:4px solid #b80c0b;*/
	border-left:none;
	border-right:none;
	/*background:url(../../images/custom/red4x27.gif) repeat-y left;*/
	background-color:#e6f6fa; 
}

div#topmenucontrol table.submenu td.hover {
	color:#2288bd;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
    height: 16px;
    border: 1px solid #666;
    padding: 3px 0px 0px 15px;
    cursor: hand;
	background-color:#d4d9da;
	border-bottom:1px solid #d4d9da;
	border-top:none;
	/*border-left:4px solid #b80c0b;*/
	border-left:none;
	border-right:none;
	background:url(../../images/custom/bgTopnavi.gif) repeat-y left;
}


/*Etusivun bannerit*/
.fpContentTable{
	width:100%;
}
html.w3c .fpContentTable img{margin-left:3px;}


.banner215{
	background: url(../../images/custom/bgBanner215.gif) no-repeat top;
	padding:10px 13px 10px 13px;	
	height:200px;
	width:189px;
	clear:both;
	text-align:left;
}

.banner215Footer{
	background:url(../../images/custom/bgBanner215Bottom.gif) no-repeat top;
	height:6px;
	margin-bottom:12px;
	width:215px;
	clear:both;
}
html.ie6 .banner215Footer
{
	margin-bottom:0px;
	padding-top:0px;
	}
.banner215 ul{
	margin:0;
	padding:0;
	margin-left:5px;
}

.banner215 li{
	padding:0;
	margin:0;
	margin-bottom:10px;
	list-style-type:none;
	line-height:12px;
}

.banner424{
	background:url(../../images/custom/banner424x333.gif) no-repeat top;
	padding:10px 13px 15px 13px;
	height:303px;
	width:398px;
	text-align:left;
}

	.banner424 div.row1{
		clear:both;
		height:225px;
	}
	.banner424 div.row2{
		clear:both;
		
	}
		.banner424 div.row2 .column1{
			float:left;		
			margin-left:75px;
			width:120px;
			padding-right:60px;
			display:inline;			
		}

		.banner424 div.row2 .column2{
			float:left;	
			width:135px;	
		}

.banner186{
	background:url(../../images/custom/banner186x334.gif) no-repeat top;
	padding:10px 13px 15px 13px;
	height:304px;
	width:160px;
	text-align:left;
}	
	.banner186 H1{
		color:#0e3357;
		margin-bottom:5px;
		font-size:15px;
	
	}
	.banner186 ul{
		list-style-type:none;
		padding:0;
		margin:0;
		margin-left:8px;
		margin-right:8px;
	}
	.banner186 li{
		padding:0;
		margin:18px 0 18px 0;
	
	}

/******************* sisältösivut **********************/
.breadcrumb{
	clear:both;
	width:auto;
	margin-bottom:10px;
}
.ingres{
	font-size:14px;
	clear:both;
	margin-bottom:20px;

}

.tdLefArea{
width:201px;
}
/*Vasen navikaatio */
/*.leftNavi{ margin-bottom:10px; margin-top:10px; border-collapse:collapse;}
.leftNavi td{	
	border:1px solid #b3c9d7;
	border-left:none;
	border-right:none;
	padding:3px 0 3px 0;
	
}
.leftNaviSub{
		margin-left:10px;
		margin-bottom:5px;
	}
.leftNaviSub td{ 
		border:none;
		padding:0;
	}*/
/* //Vasen navikaatio END */

/* SUBNAVIGATION */

#subnavicell 
{
    margin-bottom:10px; 
    margin-top:10px; 
    border-collapse:collapse;
    background-repeat: repeat-y;
    background-position: top right;
    width: 200px;
    padding-top: 10px;
}

#subnavi 
{
    margin-left: 40px;
    width: 160px;
}

#subnavi div 
{
	margin-left: 1px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.subnavirow1 
{

	/*padding-left: 0px;
	padding-right: 5px;*/
	
	border:1px solid #b3c9d7;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding:5px 0 5px 0;
}
.subnavirow1selected 
{
	padding:5px 0 5px 0;
	/*padding-left: 0px;
	padding-right: 5px;*/
	
	border:1px solid #b3c9d7;
	border-left:none;
	border-right:none;
	border-bottom:none;
	font-weight:bold;

}
.subnavirow2 
{
	/*padding-left: 10px;
	padding-right: 5px;*/
	padding:2px 5px 2px 10px;
}
.subnavirow2selected 
{
	/*padding-left: 10px;
	padding-right: 5px;*/
	padding:2px 5px 2px 10px;
	font-weight:bold;
}
.subnavirow3 {
	/*padding-left: 20px;
	padding-right: 5px;*/
	padding:2px 5px 2px 20px;
	/*padding-left: 35px;
	padding-right: 5px;*/
}
.subnavirow3selected {
	/*padding-left: 20px;
	padding-right: 5px;*/
	padding:2px 5px 2px 20px;
	font-weight:bold;
}
subnavirow4 {
	padding-left: 30px;
	padding:2px 5px 2px 30px;
}
.subnavirow4selected {
	padding-left: 30px;
	padding:2px 5px 2px 30px;
	font-weight:bold;
}
#subnavi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #1195ba;
	margin: 0px;
	font-weight: bold;
}
#subnavi a.active {
	color: #1195ba;
}
#subnavi a:hover {
	text-decoration: underline;
}

/* SUBNAVIGATION end */
.tdContentArea{
	padding-left:20px;
	padding-right:10px;
	
}
.tdRightArea{
	
	padding-left:10px;

}
/* Contact Form, Mekae 7.11.2007*/
.form
{
	width: 504px;
}
.formheader
{
	float:left;
	font-weight: bold;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	width:180px;
	border-top:1px solid #FFFFFF;
	vertical-align:text-top;
}
.formlabel
{
	float:left;
	font-weight:normal;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	width:180px;
	border-top:1px solid #FFFFFF;
	vertical-align:top;
}
.formtext
{
	float:right;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	width:310px;
	border-top:1px solid #FFFFFF;
}
.formtextarea
{
	float:right;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	width:310px;
	border-top:1px solid #FFFFFF;
}
.formdesc
{
	float:left;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	width:180px;
	border-top:1px solid #FFFFFF;
}
.formbutton1
{
	float:right;
	padding:0px;
	padding-top:5px;
	padding-right:0px;
	margin:0px;
	width:310px;
}
.button_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
.red_text
{
	color:#990000;
	margin:0px;
}
/*search Mekae 9.11.2007*/
.searchpage
{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
}
/*.CustomPagingContainer
{
	background:url(../../images/custom/bgContentBoxTop.gif);
	margin-top:7px;
	padding-top:4px;
	background-color:#e6f6fa;
	height:19px;
	text-align:center;	
}*/
.CustomPagingContainer
{
      /*background:url(/elektroskandia/images/custom/bgContentBoxTop.gif);*/
      margin-top:7px;
      padding-top:4px;
      padding-left: 10px;
      background-color:#e6f6fa;
      height:19px;
      text-align:left;  
      width: 843px;
}

.CustomSelectedPagingItem
{
	font-size:12px;
	font-weight:bold;
}
.CustomUnSelectedPagingItem
{
	text-decoration:none;
}
/*recruitment page MeKae 12.11.2007*/
.recruitmentImage
{
	margin:0;
	padding:0;
}
.recruitmenttext
{
	padding-left:0px;
	padding-right:20px;
}
/***yhteystiedot*****/

	/*testaus*/
.showItem{ display:block;}
.hiddenItem{ display:none;}
/* //testaus*/

td.contactInfo{padding-top:10px; width:100%}
.topArea{
	
	padding:5px;
	border-bottom:1px solid #f3f3f3;
	
	
}
.topArea .breadcrumb{
	clear:none;
	float:left;
	width:auto;
	margin-bottom:0;
	margin-top:3px;
}

.topArea .quickSearch{	
	padding:0 0 0 20px;
	border-left:2px solid #d0d0d0;
	float:right;	
}
.quickSearch input{
		width:100px;
		height:15px;
		border:1px solid #d0d0d0;
		margin-left:3px;
		margin-right:3px;
				
	}
.topArea .quickSearch .btn{	 
	 background:url(../../images/custom/bgButtonLeft.gif) no-repeat top left;
	  	
	}
.topArea .btn a{
		background:url(../../images/custom/bgButtonRight.gif) repeat-x right;		
		
		padding-left:0;
		padding-right:7px;		
		color:#2288bd;	
		font-size:12px;
		font-weight:bold;
		text-decoration:none;						
	}	

.tdMapArea{
width:225px;
padding-top:10px;
}
.tdMapArea .wrapper{background-color: #f3f3f3; padding-top:5px; padding-bottom:5px;}
.tdMapArea span{
	margin-left:10px;
	clear:both;
	
	
}
.tdMapArea span.bold{
	font-weight:bold;
	display:block;
		
}
.tdMapArea select{
width:200px;
margin-left:10px;

}
.tdMapArea IMG{
	margin:5px 0 5px 0;
}
.tdMapArea .column1{
	padding:10px;
	background-color: #f3f3f3;
}

.tdMapArea .column1 P{
	margin:0px auto 5px auto;	
}
/*Mekae lisätty 14.11.2007*/
.tdMapArea .column2
{
	padding-left:10px;
	background-color: #f3f3f3;
}
.tdMapArea .td{
	margin:0px auto 5px auto;	
}

/*listaus*/

.contactInfoList{border-collapse:collapse; margin-top:20px;}
.contactInfoList td{
	padding:3px 10px 3px 10px;
	border:1px solid #cfcfcf;
	border-left:0;
	border-right:0;	
	color:#1c8ac9; 
	font-size:12px; 
	font-weight:bold;
}
.contactInfoList:hover{cursor: pointer;}
td.phone{
 background-image:url(../../images/custom/btnArrow.gif);
 background-position:right;
 background-repeat:no-repeat;
 text-align:right;
 padding-right:50px;
 white-space:nowrap;
 }
tr.active{
background-color:#ededed;
}
/*tr.active td{color:#0f325a;}*/
tr.active td{background-color:#ededed; color:#0f325a;}

tr.active td.phone{
 background-image:url(../../images/custom/btnArrowSelected.gif);

}

/***popup***/
.popupLift{
	position:absolute;
	display:block;

}
.tablePopup{
	width:350px;
	border-collapse:collapse;
}
.tablePopup td.top{
	background:url(../../images/custom/bgPopupTop.gif) top no-repeat;
	padding:15px;
}
.tablePopup{
	
}

.tdLinkList{
width:225px;
padding-top:30px;
padding-left:7px;
}
/*contactInfo*/

/*etusivun kuvat*/
.tblHeaderPics{}
.tblHeaderPics img{margin:2px;}

/*******************testaus****************************/
.showItem{ display:block;}
.hiddenItem{ display:none;}