h2#asiakaspalvelu { background:url(/img/aspa/h2_asiakaspalvelu.png) no-repeat left top ; width:198px ; height:34px ; margin:0 auto ; text-indent:-9999em; margin-bottom:27px ;}
a { color:#fff ;}
p a { background:url(/img/aspa/chevron.png) no-repeat left 3px ; padding-left:8px ;}
.small { font-size:10px ;}
#navi { height:36px ; }
#navi ul { margin:0 ; padding:0 ; list-style:none ; }
#navi li { float:left ; margin:0 ; padding:0 ; }
#navi a { display:block ; width:204px ; height:36px ; float:left ; margin:0 12px 0 0 ; text-indent:-9999em;display:inline; }
#navi li.last a { margin:0 0 0 0;}

h3 {  text-indent:-9999em ; margin:0 ;}
#omaelisa h3 { background:url(/img/aspa/h3_omaelisa.png) no-repeat left top ; width:127px ; height:42px ; margin:0 0 12px ; }
#ohjeet h3 { background:url(/img/aspa/h3_ohjeet.png) no-repeat left top ; width:110px ; height:55px ; }
#puhelinpalvelu h3 { background:url(/img/aspa/h3_puhelinpalvelu.png) no-repeat left top ; width:142px ; height:58px ; }
#apua h3.title { background:url(/img/aspa/h3_apua.png) no-repeat left top ; width:136px ; height:19px ; margin:0 0 12px ;}
#apua { height:120px ;}
#shopit h3 { background:url(/img/aspa/h3_shopit.png) no-repeat left top ; width:134px ; height:71px ; margin-bottom:-10px  ;}
#elisaAvustaja h3 { background:url(/img/aspa/h3_avustaja.png) no-repeat left top ; width:166px ; height:91px ; margin-bottom:-24px;}
#elisaAvustaja p { width:190px ; margin-left:65px ;}
#hairiotilanteet h3 { background:url(/img/aspa/h3_hairio.gif) no-repeat left top ; width:166px ; height:91px ; margin-bottom:-24px;}

#matkapuhelinasiat { background:transparent url(/img/aspa/a_matkapuhelinasiat.png) no-repeat left top ; }
#laajakaistaasiat { background:transparent url(/img/aspa/a_laajakaistaasiat.png) no-repeat left top ;  }
#kaapelitvasiat { background:transparent url(/img/aspa/a_kaapelitvasiat.png) no-repeat left top ; }
#lankapuhelinasiat { background:transparent url(/img/aspa/a_lankapuhelinasiat.png) no-repeat left top ; }

#matkapuhelinasiat.act { background:transparent url(/img/aspa/a_matkapuhelinasiat_over.png) no-repeat left top ; }
#laajakaistaasiat.act { background:transparent url(/img/aspa/a_laajakaistaasiat_over.png) no-repeat left top ;  }
#kaapelitvasiat.act { background:transparent url(/img/aspa/a_kaapelitvasiat_over.png) no-repeat left top ; }
#lankapuhelinasiat.act { background:transparent url(/img/aspa/a_lankapuhelinasiat_over.png) no-repeat left top ; }

.columns { background:url(/img/aspa/bg_3cols.png) repeat-y left top ; border-top:1px solid #187ab6; position:relative ;}

.columns #bottom { display:block ; width:852px ; height:6px ; background:url(/img/aspa/bg_3cols_bottom.png) no-repeat left bottom ; position:absolute ; bottom:-5px ; left:0 ; }
.columns .left { width:257px ; ; float:left ; padding:12px ;}
.columns .middle { width:265px ; float:left ;  padding:12px ;}
.columns .right { width:257px ; float:left ; padding:12px ;}

#ohjeet ul { list-style:none ; margin:0 0 24px  ; padding:0; }
#ohjeet li { display:inline ; }
#ohjeet li a { display:block ; background:url(/img/aspa/bg_ohjeet_a.png) no-repeat left top ;  height:20px ; padding:4px 0 0 22px ; margin-bottom:3px ;}
#ohjeet li a:hover { background:url(/img/aspa/bg_ohjeet_a_hover.png) no-repeat left top ; text-decoration:none ;}
#ohjeet select { margin-bottom:12px ;}

#widget { background:url(/img/aspa/ui_widget.png) no-repeat left top ; width:264px ; height:80px ; position:absolute ;  }
#eqryinputcontainer { width:255px ; background:none ; }
#eqryinputcontainer input { position:relative ; top:10px ; left:10px ; width:235px ; background:none ;}
#eqry { width:255px ; padding:0 ;}
#eqrybtn { background:url(/img/aspa/button_hae.png) no-repeat left top ; width:108px ; height:29px ; position:absolute ; bottom:6px ; left:12px ; }
#tukilinkki  { margin-top:-12px ;} 

#widget h3 { text-indent:0em ; background:none ; }
#widget { color:#000 ;}

#yritysasiakas { position:absolute ; right:6px ; top:40px ;}

#formGenDialog { width:240px;} 

.tooltip a{position:relative;}/* set stacking context*/

 .tooltip a span{
	visibility:hidden;
	position:absolute;
	left:0px;
	width:200px;
	padding:5px;
	background:#0177BC;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	z-index: 1;
	bottom: 25px;	
 }
.tooltip a:hover {visibility:visible}/* ie bug needed to make span show*/
.tooltip a:hover span{visibility:visible;}/* reveal image*/
.removearrow {
	list-style-type: none;
/*	background-color: #FF0000; */
	background-image: none;
	margin-left: -3px;
} 
