@import "../base/tinymce/styles/content.css";
@import "forms.css";
@import "content.css";

/** laajakaistan tilaus */
@import "orderForm.css";
@import "thickbox.css";

/** sahkoarviolaskuri */
@import "ecal.css";

/** puhelinlaadunraportti */
@import "phoneserviceinfo.css";

/** public filebank */
@import "/data/pubfilebank/filebank.css";

body, html{
	height: 100%;
}

body{
	background-image:url(../images/bodyBkg.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#f2f2f2;
}

/* universal containers & contents -> */

.clearer{
	clear:both;
	font-size:0;
	line-height:0;
}

img, form{
	padding:0;
	margin:0;
}

A img{
	border:none;
}

.siteContainer{
	margin-left:auto;
	margin-right:auto;
	width:952px;
	overflow:hidden;
}

.topContainer{
	width:100%;
	height:73px;
	overflow:hidden;
}

.infoContainer{
	width:100%;
	height:40px;
	overflow:hidden;
	background-image:url(/images/infospacer.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.contentContainer{
	width:952px/*100%*/;
	/*height:auto;*/
	overflow:hidden;
}

.bottomContainer{
	width: 100%;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background: transparent url(/images/background_bottom.jpg) no-repeat left top;
}

.copyContainer{
	width: 100%;
	height: 19px;
	overflow:hidden;
}

.siteContent{
}

.topContent{
	padding:0 0 0 10px;
}

.infoContent{
	margin-top:20px;
}

.contentContent{
}

.bottomContent{
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}

table.bottomTable{
	height: 100%;
	margin: 0;
	padding: 0;
}

table.bottomTable td{
	font-size: 9px;
}

.copyContent{
	padding: 5px;
	text-align: right;
	font-size: 9px;
}

.logo{
	float:left;
	margin-top:10px;
}

.menu{
	float:left;
	margin-left:39px;
	margin-top:21px;
}

.site{
	float:right;
	text-align:right;
	margin-top:15px;
}

.font{
	display:block;
	float:left;
	margin:2px;
}

.pagepath{
	float:left;
}

.rgtNavi{
	float:right;
}

.bottomContent .left, .bottomContent .left strong{
	float:left;
	font-size:9px;
}

.bottomContent .left strong, .bottomContent .left span{
	font-size:9px;
}

.bottomContent .right{
	float:right;
	font-size:9px;
	font-weight:bold;
}

.bottomContent .right span, .bottomContent .right a, .bottomContent .right a:link, .bottomContent .right a:visited{
	font-size:9px;
	font-weight:bold;
}

/* <- universal containers & contents */

/* mainpage -> */
.main_lft{
	float:left;
	width:636px;
	overflow:hidden;
}

.main_rgt{
	float:left;
	width:316px;
	min-height:601px;
	overflow:hidden;
	/*padding-top:5px;*/
	margin:5px 0 ;
	background-image:url(/images/background_rgt.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.main_lft_content{
	padding-bottom:5px;
}

.main_rgt_content{
	padding-bottom: 10px;
	padding-left:6px;
}

div.main_rgt_upperBlock{
	height: 216px;
	overflow: hidden;
}

div.main_rgt_upperBlockContent{
	padding: 0 0 5px 0;
}

a.main_emagazineBlockLink,
a.main_emagazineBlockLink:link,
a.main_emagazineBlockLink:visited{
	display: block;
	background: transparent url(/images/bg_whiteBar.jpg) no-repeat top left;

	font-weight: bold;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;	
}

.mainpage_image{
	height:221px;
	overflow:hidden;
}

.mainpage_lft_column{
	float:left;
	width:315px;
	overflow:hidden;
}

.mainpage_lft_column .content{
}

.mainpage_rgt_column{
	float:left;
	width:321px;
	min-height:385px;
	overflow:hidden;
	background-image:url(/images/background_rgt.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

.mainpage_rgt_column .content{
	padding:0 6px;
}

.elift{
	height: auto;
	width: 310px;
	overflow: hidden;
}

.elift .eliftHeaderWrapper{
	width: 100%;
	height: 25px;
	overflow: hidden;
	background-image: url(/images/bg_whiteBar.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.elift .eliftHeaderContent{
	font-weight: bold;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
}

.eliftContent{
	padding-left:10px;
}

.eliftTitle{
	font-weight:bold;
	line-height:100%;
	margin:10px 0;
}

.elift .text{
	float:left;
	width:149px;
}

.text .textContent{
	padding-right: 14px;
}

.elift .image{
	width:151px;
	min-height:30px;
	float:right;
}

.elift .imageContent{
	padding:5px;
}

/*.elift img.eliftImg{
	width:141px;
}*/

/* <- mainpage */

/* contentpage -> */

.lft_column{
	float:left;
	width:190px;
	overflow:hidden;
}

.rgt_column{
	float:left;
	width:762px;
	overflow:hidden;
}

.lft_columnContent{
}

.rgt_columnContent{
	margin:0 0 10px 0;
	padding-left:1px;
	background-image:url(/images/background_rgt.gif);
	background-position:left 5px;
	background-repeat:repeat-y;
}

/* <- contentpage */

/* menus -> */

.dropDown{ position:absolute;z-index:1;background-color:#CCCCCC;visibility:hidden;margin-left:2px; }
.menuObj				{ cursor:hand}
A.menuObj:link			{ color: #000000;text-decoration: none;}
A.menuObj:hover			{ color: #000000;text-decoration: none;}
A.menuObj:visited		{ color: #000000;text-decoration: none;}
A.menuObj:visited:hover	{ color: #000000;text-decoration: none;}

.div_mainmenu{
	float:left;
	width:161px;
	height:51px;
	background-image:url(/images/menuimage.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 3px;
	color: #000000;
	text-decoration: none;
	font-family:Arial, Verdana;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:14px;
}

.div_mainmenu:link, .div_mainmenu:hover, .div_mainmenu:visited, .div_mainmenu:visited:hover{
	color: #000000;
	text-decoration: none;
}

a.menu_3:link, a.menu_3:visited, a.menu_3:hover, a.menu_3:visited:hover{
	color:#000;
	background-image:url(/images/menuimage_sel.png);
}

a.menu_4:link, a.menu_4:visited, a.menu_4:hover, a.menu_4:visited:hover{
	color:#000;
	background-image:url(/images/menuimage_sel.png);
}

a.menu_5:link, a.menu_5:visited, a.menu_5:hover, a.menu_5:visited:hover{
	color:#000;
	background-image:url(/images/menuimage_sel.png);
}

.menuClosed{
	padding:0 5px 0 0;
}

.menuOpen{
	padding:0 5px 0 0;
}

.menuContentInner{
	background-image:url(/images/menuspacer.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

a.menuLinkMain:hover, a.menuLinkMain:visited:hover
{
color:#CC0000;
}

a.menuLinkMain:visited{color:#000;}

a.menuLinkMain{
	color:#000;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 9px;
	background-image:url(/images/menuarrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size: 13px;
}

a.menuLinkMainSel:visited{color: #CC0000;/*text-decoration:underline;*/}

a.menuLinkMainSel{
	color: #CC0000;
	/*text-decoration:underline;*/
}

a.menuLinkMainSel_2:visited{color: #CC0000;/*text-decoration:underline;*/}

a.menuLinkMainSel_2{
	color: #CC0000;
	/*text-decoration:underline;*/
}

a.menuLink:hover, a.menuLink:visited:hover{color:#CC0000/*#005C8A*/;/*text-decoration:underline;*/}
a.menuLink:visited{color:#000;}

a.menuLink{
	color:#000;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 9px;
	background-image:url(/images/menuarrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.menuLink2{
}

.menuLinkSel2{
}

a.menuLinkSel:visited{color: #CC0000;/*text-decoration:underline;*/}

a.menuLinkSel{
	/*text-decoration:underline;*/
}

/* <- menus */

/* Articles -> */

.articleListItem{
	width:100%;
	background-image:url(/images/menuspacer.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding:5px 0;
}

.articleItemTitle{
	font-weight:bold;
}

a.articleContinue:hover, a.articleContinue:visited:hover{text-decoration:underline;}
a.articleContinue:visited{color:#000;}

a.articleContinue{
	font-weight:bold;
	color:#000;
	background-image:url(/images/arrow_next.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:8px;
}

.articleContainer{
	width: 310px;
}

.articles_headerLink{
	display: block;
	background: transparent url(/images/bg_whiteBar.jpg) no-repeat top left;

	font-weight: bold;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
}

.articleHeader{
	height:25px;
	background-image:url(/images/background_articleheader.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.articleHeader .content{
	font-weight:bold;
	padding:3px 10px;
}

.articleContent{
	padding:0 10px;
}

img.articleImage{
	margin:10px;
}

.notifyContainer{
	width: 310px;
	margin: 0;
}

.notifyHeader{
	height: 70px;
	background-image:url(/images/background_notifyheader.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.notifyHeader .content{
	font-weight:bold;
	padding: 26px 0 0 90px;
}

.notifyContent{
	padding:0 10px;
}

.articleArchiveTable{
	border:1px solid #dfdfdf;
	border-collapse:collapse;
}

.articleArchiveTable td{
	padding:4px 10px 4px 10px;
}

.articleArchiveRow{
	background-color:#fff;
	border-right:1px solid #dfdfdf;
}

.articleArchiveRow2{
	background-color:#f5f5f5;
	border-right:1px solid #dfdfdf;
}

.articleArchiveTitle{
	background-color:#424242;
	border-bottom:1px solid #dfdfdf;
	padding:5px 10px 5px 10px;
	color:#FFF;
	text-align:left;
}

.articleArchiveTitle a, .articleArchiveTitle a:link, .articleArchiveTitle a:visited{
	color:#FFFFFF;
}

.articleArchiveDate{
}

a.articleTitleLink, a.articleTitleLink:link, a.articleTitleLink:visited{
	font-weight:bold;
}

.articleArchiveDescription{
}

.archiveYear{
	padding-left:10px;
}

/* <- Articles */

/* Links -> */

.linkContainer{
	width:310px;
}

.linkHeader{
	width: 100%;
	height: 25px;
	overflow: hidden;
	background-image: url(/images/bg_whiteBar.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.linkHeader .content{
	font-weight: bold;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
}

.linkContent{
	padding:0 0 5px 0;
	margin:0 10px;
}

a.linkContinue:hover, a.linkContinue:visited:hover{text-decoration:underline;}
a.linkContinue:visited{color:#000;}

a.linkContinue{
	font-weight:bold;
	color:#000;
	background-image:url(/images/arrow_next.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:8px;
}

a.nuoliLinkki, a.nuoliLinkki:link, a.nuoliLinkki:visited{
	background-image:url(/images/arrow_next.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
}

a.linkBack, a.linkBack:link, a.linkBack:visited{
	background-image:url(/images/arrow_prev.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:8px;
}

/* <- Links */

/* Lifts -> */

.Base_LiftsListItemLarge{
	padding:10px 10px 5px 5px;
}

.Base_LiftsListItemSmall{
	padding:5px;
}

div.liftContent{
	padding-right:5px;
}

div.liftImage{
	margin:0;
	padding:0;
}

div.liftTitleLarge{
	font-weight:bold;
	font-size:1.3em;
}

div.liftTitleSmall{
	font-weight:bold;
}

.liftDescription{
}

/* <- Lifts */

/* Searchpage */

div.searchPageSelection{
	text-align:right;	
}

div.searchPageSelTop{
	border-bottom:1px solid #333333;
}

div.searchPageSelBottom{
	border-top:1px solid #333333;
	margin-top:10px;
}

div.searchPageSelection span{
	font-weight:bold;
	font-size:1.05em;
}
div.searchPageSelection a, div.searchPageSelection a:link, div.searchPageSelection a:visited{
	font-weight:normal;
	font-size:1em;
}

/* Sitemap */

div.siteMapCol{
}

div.siteMapColInner{
}

div.siteMapLevel{
}

div.siteMapLevel_1{
}

div.siteMapLevel_2{
	font-weight:bold;
	font-size:1.2em;
}

div.siteMapLevel_3{
	font-weight:bold;
}

div.siteMapLevel_4{
}

div.siteMapLevel_5{
}

/* Contact info */

.contactHeader{
	padding-left:7px;
}

.contactTitle{
	font-size:13px;
	font-weight:bold;
	color:#404040;
}

.contactInfoTable{
	margin:0px 0px 8px 0px;
	padding:0px;
}

.contactTitle{
/*	background-color:#F1F1F1;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
*/	margin-top:12px;
	padding:0px 8px 0px 8px;
}

.contactInfo{
	padding:0px 8px 0px 8px;
	margin:0px;
}

/* Misc */
div.zfse_foldingMedia{
	border: 1px solid #d4d4d4;
	background-color: #eff3f4;
}

div.zfse_foldingMedia img{
	margin: 5px;
	display:block;
	border: 1px solid #fff;
}

div.zfse_foldingMedia h6{
	color: #666666;
	font-size: 0.9em;
	margin: 5px;
}

a.zfse_foldingMedia{
}

/* mpBanners -> */
div.mpBanners_bannerItems{
	margin: 5px 0;
	position: relative;
	overflow: hidden;
	background: #fff none; 
}

div.mpBanners_bannerItems div#mpBanners_pager{
	text-align: left;
	position: absolute;
	right: 5px;
	bottom: 10px;
	z-index: 20;
}

div#mpBanners_pager a,
div#mpBanners_pager a:link,
div#mpBanners_pager a:visited{
	float: left;
	display: block;
	height: 26px;
	width: 26px;
	text-align: center;
	line-height: 26px;
	margin: 0 5px 0 0;
	color: #626262;
	background: transparent url(/images/bg_mpbanners_slide.png) no-repeat right bottom;
	font-weight: bold;
}

div#mpBanners_pager a.activeSlide,
div#mpBanners_pager a.activeSlide:link,
div#mpBanners_pager a.activeSlide:visited{
	background: transparent url(/images/bg_mpbanners_activeSlide.png) no-repeat right bottom;
	color: #626459;
}

div.mpBanners_bannerItems div.mpBanners_bannerItem{}

div.mpBanners_bannerItems div.mpBanners_bannerNonVisibleItem{
	display: none;
}

div.mpBanners_bannerItems div.mpBanners_bannerItem table{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

td.mpBanners_itemLeftColumn{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

td.mpBanners_itemLeftColumn img{
	margin: 0;
	padding: 0;
}

td.mpBanners_itemRightColumn{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

td.mpBanners_itemRightColumn h1 a,
td.mpBanners_itemRightColumn h1 a:link,
td.mpBanners_itemRightColumn h1 a:visited{
	color: #000;
}

div.mpBanners_bannerItem td.mpBanners_itemRightColumn div{
	padding: 7px 15px;
}

/* <- mpBanners */
/* links -> */
div.links_linkItemWrapper{
	background: transparent url(/images/menuspacer.gif) repeat-x left bottom;
}

div.links_linkItemWrapper div.links_linkItemContent{
	padding: 5px 0;
}

div.links_linkItemWrapper div.links_linkItemImageWrapper{
	float: left;
	padding: 0 15px 0 3px;
}

div.links_linkItemImageWrapper img{
	margin: 0;
}

div.links_linkItemWrapper div.links_linkItemLinkWrapper{
	float: left;
	line-height: 40px;
}

div.links_linkItemLinkWrapper a,
div.links_linkItemLinkWrapper a:link,
div.links_linkItemLinkWrapper a:visited{
	font-weight: bold;
	font-size: 14px;
}
/* <- links */