/*all sanomamagazines.fi styles according to section*/


/*core*/


/* body */
html {
	margin:0px;
	padding:0px;
	height:100%;
	min-height:100%;
}

body {
	margin:0px;
	padding:0px;
	background:#f2f2f2 url(/img/background_pattern.gif);
	font-size:62.5%; /*setting em- unit to 10pxs*/
}



/* text defaults*/

body, p, h1, h2, h3, h4 , h5, h6, td, th, label, form, a, dl, dt, dd, button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size:12px;	
	margin:0px;
	padding:0px;
	color:#333;
}

.defaultColor {
		color:#333 ! important;
}

.defautlLight , .defautlLight a {
		color:#6b6b6b ! important;
}

p {
	color:#333;
	margin:0 0 10px 0;
}

a, a img {
border:0px;
}

a:hover {
	text-decoration:underline;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    overflow: hidden;
}

a.out {
	
	
}

a.out:hover {
	
}



fieldset {border:0;}

/* layout grid */



#stage {
	width:1000px;
	margin: 0 auto;
}

.stageShadow {
	background:transparent url(/img/shadowSprite.png) repeat-y 0px 0px;
	height:100%;
}

#shadowRight {
	background-position:970px 0px;
	padding-right:10px;
}

#shadowLeft {
	background-position:0px 0px;
	padding-left:10px;
}

#stageInner {
	background:white;
	height:100%;

}

#headerBox, #contentBox {
	padding:0px 15px 0px 0px;
	
	
}

#headerBox {
	height:135px;
	background:#ffffff url(/img/headerGradient.gif) repeat-x top left;
	position:relative;
	padding-left:15px;
	margin-bottom:20px;
}

#headerLogo {
	height:62px;
	width:252px;
}

	
#headerFormBox {
	position:absolute;
	width:410px;
	z-index:1;
	top:20px;
	right:1px;
}


#serviceForm {

	width:150px;
	float:left;
	
}
#searchForm {
	float:left;
	width:200px;
	
	
}

#headerFormBox fieldset {
	border:0;
	margin:0px;
	padding:0px;

}

#searchKeys {
	width:150px;

}

#enhancedSelector {
	height:31px;
	width:147px;
	background:transparent url(/img/btn_services.gif) no-repeat top left;
	float:left;
	z-index:99;
	position:relative;

}

#selectList {
	display:none;
	width:140px;
	position:absolute;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	top:25px;
	left:3px;
	background:#f9f9f9;
	max-height:600px;
	overflow:auto;

	padding:5px 0px;
	z-index:99;
	
}

#selectList a {
	padding:1px 5px;
	display:block;
	background:transparent;

}

#selectList a:hover {
	background: #f0f0f0;
}



#searchSubmit {
	border:0px;
	height:29px;
	width:44px;
	background:transparent url(/img/btn_hae.gif) no-repeat top left;
	cursor : pointer;
	vertical-align : top;
}

#searchSubmit:hover {
	background-position:bottom left;
}





form#login p.username {

	font-size:14px;
}

/* main tab navigation*/
#tabs {
	background:transparent url(/img/tabsBgBlue.gif) no-repeat scroll 1px -1px;
	padding:0px 0px 0px 0px;
	height:64px;
	position:relative;
	font-size:11px;
	margin-top:10px;
}

#tabs ul {
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:32px;
	font-weight:bold;
}

#tabs ul li {	
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	line-height:26px;

}

#tabs ul li a {
	display:block;
	height:100%;
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left;
	outline:0;
	}	


ul#topNavi { 
	color:#0c4181;
	height:32px;
}	
ul#topNavi li {
	height:32px;

}


ul#topNavi a {
		color:#0c4181;
		height:32px;
		width:auto;		
		display:block;
		text-indent:-9000px;
}

ul#topNavi a span {
		text-indent:-9000px;
}

/*top navi tab dimensions*/

/* FI */

#topNavi li.tutustu-ja-tilaa a {
	width:157px;
	background:transparent url(/img/tabs/tab_sprite_tutustu.gif) top right no-repeat;
}

#topNavi li.asiakaspalvelu a {
	width:156px;
	background:transparent url(/img/tabs/tab_sprite_aspa.gif) top right no-repeat;
}

#topNavi li.mediaopas a {
	width:126px;
	background:transparent url(/img/tabs/tab_sprite_media.gif) top right no-repeat;
}

#topNavi li.yritysjulkaisut a {
	width:149px;
	background:transparent url(/img/tabs/tab_sprite_julkaisut.gif) top right no-repeat;
}

#topNavi li.yritysinfo a {
	width:121px;
	background:transparent url(/img/tabs/tab_sprite_info.gif) top right no-repeat;
}

/* yritysjulkaisut */

#topNavi li.custompublishing a {
	width:186px;
	background:transparent url(/img/tabs/tab_sprite_custompublishing.gif) top right no-repeat;
}

#topNavi li.yritysjulkaisut.en a {
	width:186px;
	background:transparent url(/img/tabs/tab_sprite_custompublishing.gif) top right no-repeat;
}

/* yritysinfo */

#topNavi li.aboutus a {
	width:110px;
	background:transparent url(/img/tabs/tab_sprite_aboutus.gif) top right no-repeat;
}

#topNavi li.yritysinfo.en a {
	width:110px;
	background:transparent url(/img/tabs/tab_sprite_aboutus.gif) top right no-repeat;
}


#topNavi li a:hover {
	background-position:bottom left ! important;
}


ul#topNavi li.active a {
	background-position:center left ! important;
}

#miniNavi {
		text-align:right;
		padding:0px 15px 0px 0px;
}

#miniNavi a {
	color:#0c4181;
	text-decoration:none;
	font-size:11px;
	line-height:30px;
	padding:0px 15px 0px 0px;
	font-weight:bold;
}

#miniNavi a:hover {
	text-decoration:underline;
}





ul#subNavi {
	/*clear:both;*/
	color:#fff;
	margin-left:14px;
}

ul#subNavi li {
	height:30px;
}

ul#subNavi a {
	color:#fff;
	padding:0px 12px;
	height:30px;
}

ul#subNavi li a.home span {
	background: url(/img/icon_home.png) no-repeat;
    cursor: pointer;
    display: block;
    line-height: 19px;
    margin-top: 6px;
    text-indent: -9999px;
    height: 19px;
    width: 21px;
}

#langBox {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	color:#0f2e67;
	padding:10px 20px 0px 0px;
	text-align:right;
}

#langBox a {
	text-decoration:none;
	padding:0px 10px 0px 0px;
	color:#0f2e67 ! important;
}


#langBox a:hover {
	text-decoration:underline;
}
/*
ul#subNavi  li a:hover, ul#subNavi li.active {
	background:transparent url(/img/tab2Hover.png) repeat-x bottom left;
}
*/
		
	
/* content area*/
#contentBox {
height:100%;
}

#contentBox h1 {
	margin:5px 5px 15px 15px;
	font-size:22px;
}

#contentBox div.pageNavi {
	overflow : hidden;
	margin : 0 0 25px 15px;
}

.mainImage {
	position:relative;
	margin-top:0px;
	margin-bottom:10px;
}

img.mainImage.full {
	float:none;
	width:auto!important;
	margin:3px 15px 10px 15px;
}

.mainImage.half, .mainImage.portrait {
	float:left;
	margin:3px 15px 10px 15px;
}


.mainImage.left {
	float:left;
	margin:10px 15px;
}

.mainImage.right {
	float:right;
	margin:10px 15px;
}


.column {
	float:left;
	height:auto;
	min-height:100%;

}

.column.full {
	width: 965px;
}

.column.large {
	width:743px ! important;
	overflow:hidden;
}

.column.medium {
	width:530px;
	overflow:hidden;
}

.column.small {
	width:198px; 	
	padding-left:20px;
	overflow:hidden;
}


.column.naviLeft{
	padding-left:15px;
	width:200px;

}

.sideNaviBg  {
	background:transparent url(/img/columnShadows.gif) no-repeat 15px 0px;
	overflow:hidden;
}

.primaryContent {
	position:relative;	
	margin:0px 0px 15px 0px;
}

.primaryContent.front {
	margin:0px 0px 45px 0px;	

}

.primaryContent p, .primaryContent .mainImage, .primaryContent h3 {
	margin-left:15px;
}

p.info {
    color: #666;
    font-size: 11px;
}

/* #contentBox .primaryContent h1 {
    font-size: 16px;
} */

.primaryContent .articleImageL {
	margin: 0 15px 10px 15px;
	float: left;
}

.primaryContent .articleImageR {
	margin: 0 0 10px 15px;
	float: right;
}
.article-image {
	margin: 0 0 15px 0;
}
dl.article-image {
    width: 225px;
}
.smallarticle-image {
	float: right;
	margin: 0 0 15px 15px;
}
dl.smallarticle-image {
    width: 240px;
}
dl.smallarticle-image img {
    float: none;
}
dl dt img {
    display: block;
    margin: 0 !important;
}
.primaryContent .articleImageL p, .primaryContent .articleImageR p, dl dd {
    background-color: #f3f3f3;
    border: 1px solid #d3d3d3;
    border-top: none;
    font-size: 10px;
    margin: 0;
    padding: 3px 5px;
}



.btn_rT {
	position:absolute;
	top:0px;
	right:2px;
	height:84px;
	width:145px;
}

img.cornerArrow {
	position:relative;
	top:2px;
}

.column.medium h2, .column.large h2 {
	font-size:16px ! important;
	font-weight:normal;
	margin-left:15px;
	padding-bottom:3px;
}

.column.full h2
{
	font-size:16px ! important;
	font-weight:normal;
	padding-bottom:3px;
}


h2.divider {
		border-bottom:2px solid #ccc;
}


.secondaryContent {
	clear:both;
/* removing this float fixes IE floating bug, hopefully doesnt' break anything else */
/* 	float:left; */
}


.secondaryContent p {
	margin:10px 15px;

}

.tsrBox.main {
	width:231px;
	padding:0px 0px 0px 15px;
}

.tsrBox.main .tsrContent p {
	margin:10px 0px;
}

.tsrBox.main h3 {
	margin:10px 0px;
	font-size:13px;
}

.tsrBox.main h3 a {
	font-size: 1em;
	text-decoration: none;
}

.tsrBox.main h3 a:hover {
	text-decoration: underline;
}

/* side navi*/
ul.sideNavi {
	display:block;
	padding:20px 10px 0px 15px;
	margin: 0;
	/*padding:0px;*/
	height:100%;
	min-height:570px;
	width:175px;
	height:auto;
	overflow:hidden;
	clear:both;

}

ul.sideNavi li {
	list-style:none;
	display:block;
	margin:0;
	padding:0px 0px 10px 0px;
}

ul.sideNavi li a {
	margin:0px;
	display:block;
	color:#0f2e67;
	text-decoration:none;
	font-size:13px;
	background-position:0px 5px ! important;
}

ul.sideNavi li a:hover {
	text-decoration:underline;
}


ul.sideNavi li a span {
	padding-left:13px;
	display:block;
}

ul.sideNavi li a.active {
	font-weight:bold;
}


ul.sideNavi li ul {
	list-style:none;
	margin:10px 0px 0px 10px;
	padding:0px;

}


/*  footer area */
#footerBox {
    clear: both;
	height:195px;
	background:transparent url(/img/footerGradient.gif) repeat-x top left;	
	margin-top:10px;
	padding:0px 0px 15px 0px;
}

.logoRow {
	height:60px;
	

}

.logoRow img {
	display:block;
	float:left;
	margin:15px 0 0 15px;

}


#footerInfo {
		margin:0px 15px;
}

#footerInfo p , #footerInfo a {
	color:#6b6b6b;
	font-size:11px;
}


#footerInfo table {
	border:0px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	width:100%;
	margin: 15px 0px 20px 0px;
}

#footerInfo table td {
	vertical-align:top;
	min-width:170px;
	padding:0 10px 0 0;
}

#footerInfo table td.first {
	width:250px;
}


#footerInfo p.copy{
	float:left;
	margin:10px 0 0 0;
	color:#6b6b6b ! important;
}



#footerInfo p.copy a {
	padding:0px 0px 0px 15px;
	color:#6b6b6b ! important;
}

#footerInfo .co-op {
    float:right;
	
}	

.co-op p { 
   float:left;
   margin:5px 15px 0 0;
}

.co-op img { 
   margin: 0 15px 0 0;
}

   
/* generic layout classes */


.mediumContentBox {
	margin:10px 0px 10px 15px;
	background:transparent url(/img/mediumBoxBg.gif) no-repeat bottom left;
	width:500px;
}

.mediumContentBox .boxHeader {
	height:26px;
}

.mediumContentBox .boxHeader h2 {
	font-size:13px ! important;
	line-height:26px;

}
.mediumContentBox .boxContent {
	padding:10px;
}

.mediumContentBox .boxContent img.fLeft {
	margin:0px 20px 0px 0px;

}

.mediumContentBox .boxFooter {
	padding:10px 20px 10px 10px;
	height:25px;
}


ul.arrowList {
	margin:0px 0px 0px 20px;
	padding:0;
	list-style:outside;
}


.column.small .tsrContent ul.arrowList {
	margin:0 0 0 15px;
	
}

ul.arrowList li {
	margin-bottom:6px;
}

ul.arrowList a {
	text-decoration:none;
}

ul.arrowList a:hover {
	text-decoration:underline;
}

.tsrBox.side ul.arrowList {
	margin : 0;
	list-style : none outside none;
}


.error input, .error select {
	border:1px solid #eaa ! important;
	background-position:0px 20px ! important;
	color:#a44;
	font-weight:bold;

}

input.text {
	background:white url(/img/textInputBg.gif) no-repeat top left;
	border: 1px solid #c9c9c9;
	padding:3px 0px 0px 9px;
	font-size:12px;
	height:19px;
	margin : 2px 10px 0 0;
}

.commonSearchButtonEnglish {
	border: none;
	height : 29px;
	width : 44px;
	background : transparent url(/img/btn_common_search.gif) no-repeat top left;
	cursor : pointer;
	vertical-align : top;
}

.commonSearchButton {
	border: none;
	height : 29px;
	width : 44px;
	background : transparent url(/img/btn_common_hae.gif) no-repeat top left;
	cursor : pointer;
	vertical-align : top;
}

.commonSearchButton:hover {
	background-position: bottom left;
}


.tsrBox {
	margin-bottom:15px;
	float:left;
	
}

.tsrContent h4 {
	font-size:11px;
    margin-bottom: 1em;
}

.tsrContent p,.tsrContent a {
	font-size:11px;
}

.tsrBox.side {
	width:200px;
	float: none;
	background:white url(/img/tsrContentBg.gif) repeat-y top left;
}
.tsrBox.adSpace {
	background:transparent url(/img/tsrAdspaceBg.gif) no-repeat top left!important;
	padding-top: 10px;
}

.side .adSpaceBgBottom {
	padding-bottom: 20px;
	background: transparent url(/img/tsrAdspaceBg.gif) no-repeat bottom left;
}

.side .adSpaceBgBottom a {
	display:block;
}


.side .adSpaceBgBottom img {
	display:block ! important;
	margin: 0 auto;
}

/*
#tsrSubscribe ul.arrowList {
    margin-bottom: 1em;
}
#tsrSubscribe ul.arrowList li {
    margin-bottom: 0;
}
*/

.side .tsrContent input.text {
    font-size: 11px;
    height: auto;
    padding: 3px 4px;
    margin: 0;
}
#tsrSubscribe .tsrContent input.text {
    width: 119px;
}
.side .tsrContent input.button {
    font-size: 11px;
    padding: 2px 4px;
}

.tsrBox.product {
	width: 238px;
	background: transparent url(/img/tsrProductBg.gif) no-repeat bottom left;
	margin-left: 7px;
	display: inline;
	padding: 0 0 20px 0;	
}

.tsrBox .tsrProduct {
	background: transparent url(/img/tsrProductBgTop.gif) no-repeat top left;
	padding: 20px 0 0 0;
	min-height:225px !important;

}

.tsrBox .tsrProduct img {
	max-height:190px; 
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.tsrBox .tsrCommon h3 {
	margin-bottom : 5px;
}

.tsrBox .tsrCommon TABLE TD {
	vertical-align : top;
}

.tsrBox .tsrProduct img, .tsrBox .tsrProduct p, .tsrBox .tsrProduct h3,
.tsrBox .tsrProductWide img, .tsrBox .tsrProductWide p, .tsrBox .tsrProductWide h3{
	padding: 0 10px;
}

.tsrBox .tsrProduct a {
	display: block;
	padding: 10px 0 0px 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.tsrBox .tsrProduct p.size { font-size:11px; text-align:center; }
.tsrBox .tsrProduct p.description { margin:0 !important; text-align:center; }
.tsrBox .tsrProduct p.photographer { font-size:11px; margin:0 !important; text-align:center; }
.tsrBox .tsrProduct p.save { margin:0 !important; text-align:center; }
.tsrBox .tsrProduct p.size { margin:0 !important; font-size:11px; text-align:center; }

.tsrProduct .videoText {
    height: 84px;
}

/* leveä nostopoksi */
.tsrBox.productWide {
	width: 726px;
	background: transparent url(/img/tsrProductWideBg.gif) no-repeat bottom left;
	margin-left: 7px;
	display: inline;
}

.tsrBox .tsrProductWide {
	background: transparent url(/img/tsrProductWideBgTop.gif) no-repeat top left;
	padding: 15px 0 15px 0;
	overflow : hidden;
}

.productList {
	float: left;
	width: 340px;
	padding-left: 30px;
}

.productList ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 10px 15px;
}

/* main teaser and equal height doublecolumns */
.tsrBoxGrid {
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 15px 15px;
    width: 515px;
}
.tsrBoxGrid .tsrBox {
    margin: 0;
}
.tsrBoxGrid .tsrBox * {
    font-size: 11px;
}
.tsrBoxGrid .tsrBox img.tsrImage {
    float: right;
    margin: 0 0 5px 5px;
}
.tsrBoxGrid .tsrBox1of2, .tsrBoxGrid .tsrBox2of2 {
    border-top: 1px solid #ebebeb;
    width: 241px;
}
.tsrBoxGrid .tsrBox1of2 {
    border-right: 1px solid #ebebeb;
    padding: 12px 15px 10px 0;
}
.tsrBoxGrid .tsrBox2of2 {
    border-left: 1px solid #ebebeb;
    margin-left: -1px;
    padding: 12px 0 10px 15px;
}
.tsrBoxGrid .tsrBox a {
    text-decoration: none;
}
.tsrBoxGrid .tsrBox a:hover {
    text-decoration: underline;
}
.tsrBoxGrid .tsrBox h2 {
    font-weight: bold;
    margin: 0 0 0.3em 0;
    padding: 0;
}
.tsrBoxGrid .tsrBox h2 a {
    font-size: 14px !important;
}
.tsrBoxGrid .tsrBox p {
    margin: 0 0 0.4em 0;
}

.tsrBoxGrid .tsrBoxMain {
    float: none;
    padding: 0 0 15px 0;
}
.tsrBoxGrid .tsrBoxMain h2 {
    margin: 0.6em 0;
}
.tsrBoxGrid .tsrBoxMain h2 a {
    font-size: 16px !important;
}

/* box with tabs for 'yhteystiedot' */

.contactBoxContainer {
	width: 728px;
	margin: 0 0 70px 15px;
	position: relative;	
}

.contactBox {
	background: transparent url(/img/contactBg.gif) top left no-repeat;
	padding-top:20px;
}

.contactBox h3 {
	margin-bottom: 15px;
}

.contactBox .cBottomBg {
	padding: 0px 24px 60px 24px;
	background: transparent url(/img/contactBg.gif) bottom left no-repeat;
}

.tabContent {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none ! important;
}


.tabContent li {
	width: 160px;
	float: left;
	margin: 0 8px 15px 0;
	text-align: center;
	background: transparent url(/img/contactPBgTop.gif) top left no-repeat;
list-style-type: none ! important;
}

.tabContent li div {
	background: transparent url(/img/contactPBgBottom.gif) bottom left no-repeat;
	height: 297px;
	padding: 15px 0 25px 0;
	line-height: 1.4em;
}

.tabContent li div img {
	margin: 5px 0 10px 0;
	/*height:141px;*/
}

.tabContent .contactName {
	font-weight: bold;
}

/* tsrbox */
.tsrContentBox, .tsrContentBox2 {
        margin: 0 0 15px 0;
        padding: 0;
        list-style-type: none ! important;
}


.tsrContentBox li, .tsrContentBox2 li{
        width: 238px;
        float: left;
        margin: 0 0 5px 4px;
        text-align: center;
        background: transparent url(/img/tsrProductBgTop.gif) top left no-repeat;
	list-style-type: none ! important;
}

.tsrContentBox li div.tsrProduct {
        height: 225px;
        padding: 15px 1px 25px 0;
        line-height: 1.4em;
}

.tsrContentBox2 li div {
        height: 225px;
        padding: 0 0 25px 0;
        line-height: 1.4em;
}


.tsrContentBox li div img, .tsrContentBox li div img{
        margin: 5px 0 10px 0;
        /*height:141px;*/
}

.tsrContentBox .contactName {
        font-weight: bold;
}


/* articlelist inside teaser */
ul.articleList {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.articleList li {
    border-bottom: 1px solid #ebebeb;
    color: #666;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
ul.articleList li a {
    text-decoration: none;
}
ul.articleList img {
    display: block;
    margin: 0 0 3px 0;
}
ul.articleList span.bold {
    display: block;
    margin-bottom: 3px;
}


.dynamic .cTabs {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 0 -1px;
	padding: 0;
	height:57px;
	position: relative;
	top: 7px;
}

.cTabs li {
	display: block;
	float: left;
	width: 125px;
	height: 57px;
	text-align: center;
}

.cTabs li a.active {
	background: white url(/img/contactTabBg.gif) 0px -57px no-repeat;
}

.cTabs li a:hover {
	text-decoration:underline;
	padding-top:12px;
	height:43px;
	/*	background: white url(/img/contactTabBg.gif) 0px -57px no-repeat;
	text-decoration: none;*/
}

.cTabs li a {
	background: white url(/img/contactTabBg.gif) 0px 0px no-repeat;
	padding: 10px 5px 0 5px;
	width: 115px;
	text-decoration: none;
	display:block;
	height:45px;
	vertical-align:middle;
	outline:0;

}
.cTabs li.first a { background-position: -125px 0px!important; }
.cTabs li.first .active { background-position: -125px -57px!important; }
.cTabs li.first a:hover {  text-decoration:underline;}


/* common tsrBox container */
.tsrBox .tsrCommon {
	background: transparent url(/img/tsrProductBgTop.gif) no-repeat top left;
	padding: 20px 10px 10px 10px;
	overflow : hidden;
	min-height : 140px;
}

.tsrBox .tsrCommon img {
	margin-right : 10px;
}

.tsrBox .tsrCommon h3 small {
	font-weight : normal;
	font-size : 80%;
}

.side .tsrHeader{
	position:relative;
}
.side .tsrHeader h3 {
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	margin: 0 0 16px 12px;
	padding: 8px 0;
	
}


/* info icon tooltip styles */
.dynamic a.tooltip { line-height:30px;
	border:0;
	cursor:pointer;
	position:relative;
	top:3px;

}

.dynamic a.tooltip span.tooltipContent {display:none;}


#tooltip {
		position: absolute;
		z-index: 3000;
		width:245px;	
	}
	
	#tooltip div.body { position:relative;padding:0 14px;}
	
	#tooltip.tipRight .tipArrow {
		background:url(/img/tipArrowSprite2.png) no-repeat top left;
		position:absolute;
		height:26px;
		width:16px;
		top:15px;
		left:1px;
	}

	#tooltip.tipLeft .tipArrow {
		background:url(/img/tipArrowSprite2.png) no-repeat top right;
		position:absolute;
		height:26px;
		width:14px;
		top:15px;
		right:4px;
	}
	
	#tooltip .tipHeader {
		background:transparent url(/img/tooltipTopBg2.png) no-repeat top left;
		height:9px;
	}
	
	#tooltip .tipContent {
		background:transparent url(/img/tooltipRepeatBg.png) repeat-y top left;
		min-height:40px;
		padding:0 10px;
	}
	
	#tooltip .tipFooter {
		background:transparent url(/img/tooltipBottomBg2.png) no-repeat top left;
		height:15px;


	}
	
	
	#tooltip .toolTipContent {

	}


/* teaser icons*/
.tsrBox.side .tsrIcon {
	position:absolute;
	top:10px;
	right:15px;
	z-index:900;
}

.tsrBox.side .tsrIcon.clock {
	background:transparent url(/img/icon_clock.png) no-repeat top left;
	width:32px;
	height:32px;
	right:20px;
}

.tsrBox.side .tsrIcon.exclamation {
	background:transparent url(/img/icon_exlamation.png) no-repeat top left;
	width:30px;
	height:30px;
}

.tsrBox.side .tsrIcon.letter {
	background:transparent url(/img/icon_letter.png) no-repeat top left;
	width:48px;
	height:38px;
	right:10px;
	top:5px;
}

.tsrBox.side .tsrIcon.notepad {
	background:transparent url(/img/icon_notepad.png) no-repeat top left;
	height:37px;
	width:44px;
	right:10px;
	top:8px;
}


.tsrBox.side .tsrIcon.pencil {
	background:transparent url(/img/icon_pencil.png) no-repeat top left;
	height:34px;
	width:40px;
	right:15px;
	top:8px;
}

.tsrBox.side .tsrIcon.question {
	background:transparent url(/img/icon_question.png) no-repeat top left;
	height:32px;
	width:32px;
	right:10px;
	top:18px;
}

.tsrBox.side .tsrIcon.printer {
	background:transparent url(/img/icon_printer.png) no-repeat top left;
	height:34px;
	width:40px;
	right:10px;
	top:18px;
}

.tsrBox.side .tsrIcon.contact {
	background:transparent url(/img/icon_contact.png) no-repeat top left;
	height:43px;
	width:42px;
	right:10px;
	top:3px;
}

.tsrBox.side .tsrIcon.rss {
	background:transparent url(/img/icon_rss.png) no-repeat top left;
	height:41px;
	width:34px;
	right:15px;
	top:2px;
}

.tsrBox.side .tsrIcon.ipad {
	background:transparent url(/img/icon_ipad.png) no-repeat top left;
	height:47px;
	width:39px;
	right:15px;
	top:2px;
}

.tsrBox.side .tsrIcon.twitter {
	background:transparent url(/img/icon_twitter.png) no-repeat top left;
	height:31px;
	width:30px;
/* ##for two row header ## top:22px; */
}

.side .tsrImg {
	padding:0px 5px;
}

.side .iab {
	padding-left: 40px;
	padding-bottom: 10px;
}


.side .tsrContent {
	padding:0px 10px;
	z-index:1
}



.tsrFooter {
	padding:0 10px 20px 10px;
	height: 1%;
}

.tsrFooter.empty {
	height:20px;
	padding:0;
	margin:0;
}


.column.small .tsrFooter {
	background:transparent url(/img/tsrFooterBg.gif) no-repeat bottom left;
}

.arrowLink {
	text-decoration:none;
	padding-left: 12px;
	background:transparent;
	line-height:16px;
	/*margin-left:8px;*/
	background-position:0px 3px ! important;

}

/*
.arrowLink {
	padding:0 12px 0 0;
	background-position:center right ! important;
}
*/

.arrowLink:hover {
	text-decoration:underline;
}

.pdfLink {
	background : transparent url(/img/pdf_icon.gif) no-repeat top left;
	padding : 0 0 5px 23px;
	margin : 0;
}



.fLeft {
	float:left !important;
}

.fRight {
	float:right !important;
}

.left {
	text-align : left;
}

.right {
	text-align : right;
}



.vaTop {
	vertical-align : top !important;
}

.vaBottom {
	vertical-align : bottom !important;
}

.div33 { width : 33%; float : left; }
.div50 { width : 50%; float : left; }
.div66 { width : 66%; float : left; }

.headingAndTableWrapperHalf { float: left; width:260px; /*height: 21px; overflow: hidden;*/ }
.headingAndTableWrapperHalf .tableFrame { width:100% !important; }

/* generic table styles */
.tableFrame {
	position:relative;
	margin:0px 15px 20px 12px;
	background-position:top right!important;
	clear: both;
	/*min-width:100%;*/
}

.tableFrame.smallTbl {
	width: 350px!important;
}


div.column.medium .tableFrame {
	width: 500px;
}

div.column.large .tableFrame {
	width: 716px;
}


.tableFrame.half {
	width:50% ! important;
}

.tableFrame table {
	border-collapse:collapse;
	width:100%;
	z-index:22;
	position:relative;
	margin:3px 0px 0px 3px;
}

.tableFrame table.fixed-table {
/*this forces table to maintain width and wrap content instead of other way round (!this actually breaks the table layout in ie7 in wide tables, and makes texts look bad because they are cut in weird places)*/
table-layout:fixed;
/*width: auto !important;*/ /* ie7-fix */
margin:0;
}
.tableFrame table.fixed-table td {
word-wrap:break-word;
}



.tableFrame table .headRow th ,.tableFrame table .headRow td {
	color:white;
	font-size:10px;
	font-weight: bold;
	height:40px;
	padding:3px;
	border-right:1px solid #b9cce0;
	text-align: center;
	background: transparent!important;
}

.tableFrame table th, .tableFrame table td { 
	padding:5px;
	border-right:1px solid #b9cce0;
	font-size:11px;
	font-weight: normal;
	text-align: left;
}

.tableFrame table th {
	color: #fff;
}

.tableFrame th.last {
	border-right:0px ! important;
}

div.tL {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	height:46px;
	width:15px;
}

div.tR {
	padding:0px 3px 0px 0px;
	background-position:top right;
	height:46px;
	width:15px;
	z-index:1;
}

div.bM {
	position:absolute;
	background-position:bottom left!important;
	height:42px;
	z-index:0;
	bottom:-15px;
	width:100%;
}

div.bL {
	position:absolute;
	padding:0px 3px 0px 0px;
	bottom:0px;
	left:0px;
	background-position:bottom left!important;
	z-index:1;
	height:42px;
	width:20px;
}

div.bR {
	position:absolute;
	bottom:0px;
	right:0px;
	background-position:bottom right!important;
	height:42px;
	width:20px;
	z-index:1;
}

div.tblML {
	background-position:top left;
	padding-left:3px;
	z-index:20;
}

div.tblBg.tblMR {
    margin:0px 0px 0px 0px;
    z-index:21;
    padding:3px 8px 0px 0px;
	background-position: top right!important;
 }

/*jquery sheet formatting classes*/
table td.styleBold {font-weight:bold;}
table td.styleItalics {font-style:italic;}

table td.styleLeft {text-align:left;}
table td.styleCenter {text-align:center;}
table td.styleRight {text-align:right;}

table td.styleUnderline {text-decoration:underline;}
table td.styleLineThrough {text-decoration:line-through;}


/*generic styling and classes*/
 p a, h4 a {
 	text-decoration:none;
 }

 p a:hover {
 	text-decoration:underline;
 }


div.printLabel p {
	padding-top: 10px;
	clear: both;
}

p.printLabel {
	text-align:right;
}

p.printLabel a {
	text-decoration:none;
	color:#0f2e67;
}

p.printLabel a:hover span {text-decoration:underline; }

p.printLabel a img {
	margin-left:10px;
	position:relative;
	top:3px;
}

p.printNote {
    font-size: 11px;
	/*text-align:right;*/
}


.bold { font-weight:bold ! important;}
.clr {	clear:both;}


hr {
	display:block;
	height:3px;
	background-color:#c6c6c6;
	border:0;
}

.marginB {
	margin-bottom:20px ! important;
}

.marginT {
	margin-top:20px !important;
}

.largeText {font-size:16px;}


.noUL {
	text-decoration:none ! important;
}

ol li {
	margin:10px 0;
}


a.imgLink img{
	border:1px solid #ddd;
}

a.imgLink:hover {
	
}
a.imgLink:hover img {
	border:1px outset #ddd;
}	


/* news template styles */
.newsItem {
	margin:10px 0 20px 20px
}

.newsItem .date {
	font-style:italic;
	font-weight:normal;
	
	display:block;
	float:left;
}
.newsItem h3 {
	font-size:14px;
	margin-left:100px;
}

.newsItem h3 a {font-size:14px;}

.newsItem h3 a {
	text-decoration:none;
}

.newsItem h3 a:hover {
	text-decoration:underline;
}

#contentBox .column h2.listHeading {
    color: #000;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0;
}

.oldNews {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    clear: both;
    margin: 8px 0 13px 15px;
    padding: 3px 0;
}
.oldNews .newsItem {
    border-top: 1px solid #ebebeb;
	margin:0;
    padding: 6px 0;
}
.oldNews .newsItem:first-child {
    border-top: none;
}
.oldNews .newsItem .date {
	font-style:normal;
}
.oldNews .newsItem h3 {
	font-size:12px;
    font-weight: normal;
}
.oldNews .newsItem h3 a {
    font-size:12px;
}

/*  Article template styles*/

.publish_info { color: #666; }

div.articleIngress, div.article_content {
	padding:0 0 0 15px;
	
}

div.articleIngress.full {
/*	background:#ffffff url(/img/headerGradient.gif) repeat-x 0px -20px;
	border-top:1px solid #ddd;
*/
}


div.articleIngress , div.articleIngress p, div.articleIngress a {
	font-weight:bold;
}



div.articleIngress p, div.article_content p {
	margin:10px 0;
}

div.article_content , div.article_content p, div.article_content a {
	
}


div.article_content h2 {
	margin-left:0 ! important;
	
}


.articleDate {

	margin-top:30px;
	/*
	border-top:1px solid #ddd;
	background:#ffffff url(/img/headerGradient.gif) repeat-x 0px -20px;
	*/
	color:#999;	
	text-align:right;
	height:30px;
	padding:5px;
}

.article_content .tableFrame {margin:0;}

div.column.large div.article_content div.tableFrame  {width:730px;}


/* PORTRAIT BOX */

.dynamic div.portraitBox {
	background : transparent url(/img/portraitBg.gif) no-repeat top left;
	width : 162px;
	height : 240px;
	float : left;
	clear : none;
	margin-left : 6px;
	overflow : hidden;
	text-align : center;
}

.dynamic div.portraitBox:hover {
	background-position:bottom left;
	cursor:pointer;
}

.dynamic div.portraitBox img.small  {
	border : 2px solid #e2eaf2;
	float : none;
	margin-top : 14px;
	padding : 0;
}

 .dynamic  div.portraitBox h2 {
	font-size : 10px ! important;
	font-weight : bold;
	margin: 5px auto;
}

.dynamic div.portraitBox h3  {
	margin : 0 auto;
	font-size:12px;
	font-weight:normal;
}

.dynamic div.portraitBox h3  {
	margin : 0 auto;
	font-size:12px;
	font-weight:normal;
}

.dynamic div.portraitBox .sBoxLink span.long  {
	font-size:10px;
}

/* magazine cover magnification box*/

.magazine .tsrProduct {
    padding:5px 0 0 0;

}

.magazine  h3  {margin-bottom:10px;}

.magazine  h3 a{
    font-size:14px; font-weight:bold;
}
.magazine ul { display:block; margin:10px auto 10px auto; padding:0; min-width:135px}
.magazine .centered { width:155px;}
.magazine .full { width:215px;}
/*div.coverBg {*/
/*	height:245px;*/
/*	width:175px;*/
/*	background:transparent url(/img/tsr_productBg.gif) no-repeat top left;*/
/*	position:relative;*/
/*	float:left;*/
/*}*/

/*div.coverBg  img {*/
/*	top:15px;*/
/*	left:18px;*/
/*	height:185px;*/
/*	width:140px;*/
/*	position:absolute;*/
/*}*/




/* SHADOWBOX */

.dynamic .sBox .sBoxLink, .dynamic .sBoxLarge .sBoxLink {cursor : pointer;}

.dynamic .sBox .sBoxContent {	display : none;}

.dynamic .portraitBox .sBoxContent {display : none;}

.dynamic .sBoxLarge .sBoxContent {	display : none;}

#shadowbox .sBoxLink {display : none;}

#shadowbox .sBoxContent {padding :0 50px 50px 50px;}

#shadowbox .sBoxContent img {margin : 0 10px 10px 0;}

.flashParent {
 	
 }
 .flashContainer {
 	
}
/* SHADOWBOX VIDEO */
#shadowbox_body_inner OBJECT, #shadowbox_body_inner EMBED{
	width : 531px;
	height : 570px;
	position : relative;
	top : 0;
	left : 67px;
}

/* SHADOWBOX TEXT STYLES */

#shadowbox h2 {font-size : 22px;}

#shadowbox h3 {	font-size : 13px;}

/* SHADOWBOX FOOTER LINK */
#shadowbox_content .shadowboxFooterLink {
    float: right;
    margin-top: 8px; 
    margin-right: 15px;
    background:transparent url(/img/blueArrow.gif) no-repeat scroll 0 4px;
}

#shadowbox_content .shadowboxFooterLink .videoLink  {
    color: #005193;
    text-decoration: none;
    margin-left: 12px;
}


/*shadowbox video temp container*/
.sBoxVideoTemp {display:none;}

/* shadowbox portrait styles */
.sboxPortraitImage {float:left;}
.sboxPortraitText {float:left;width:320px;}
.sboxPortraitText ul{padding-left:15px;margin-left:0px;}
.sboxPortraitText p {margin-top:10px;}




/*Käyttöehdot*/
.kayttoehdot h2 {
	color:#013376;
}

.kayttoehdot h3, .kayttoehdot h4 {
	color:#013376;
	margin:0 ! important;
}

.kayttoehdot ul {
		list-style:none;
		padding:0;
}
.kayttoehdot li {
	list-style:none;
}

.kayttoehdot li ul {
	margin:10px 0px;
}


/* login form */

 #login .text {
	width:120px;
	height:18px;
	margin:3px 0;
	font-size:11px;
	height:18px;	

 }

 
 
span#submitLogin {
	
}

span#submitLogin input {
}

/*******************/
/*  buttons        */
/*******************/

/*graphical input and link button wrappers*/

.btnBg {
	padding:0 0 0 10px;
	cursor:pointer;
	background-position:top left;
	display:block;
	float:left;
	text-decoration:none;
}

/*
.bntInputBg {	padding:0 0 0 10px;
	cursor:pointer;
	background-position:top left;
	display:block;
	float:left;
	text-decoration:none;}
*/
.btnBg:hover {	text-decoration:none;}

.btnBg input {border:0; background-color:transparent; cursor:pointer;}

.btnBg span, .dynamic .btnInputBg input {
	background-position:top right; 
	padding:0 10px 0 0;	display:block;
	float:left;
	
}

/*button colors and sizes*/

.btnBg.grey , .btnBg.grey span {
	background-image:url(/img/btnBgGrey.gif);
	background-repeat: repeat-x;
	height:23px;
	color:#0f2e67;
	font-size:11px;
	line-height:20px ! important;
}

.btnBg.grey:hover, .btnBg.gray:active { 
	background-position:bottom left ! important;
}

.btnBg.grey:hover span , .btnBg.grey:active span {
		background-position:bottom right ! important;
}



.btnBg.blueArrow {
	background-image:url(/img/btnLinkBgBlue.gif);
	background-repeat:no-repeat;
	height:30px;
	background-position:0px -62px;
	color:white;
	line-height:26px;
	padding-left:25px;
}

.btnBg.blueArrow span {
	background-image:url(/img/btnLinkBgBlue.gif);
	background-position:top right;
	padding-right:25px;
	height:30px;
}


.btnBg.blue {background:url(/img/btnInputBgBlue.gif) repeat-x;height:24px;}
.btnBg.blue input {color:white;}
.btnBg.red { background: transparent url(/img/btnLinkBgRed.gif) 100% 0px no-repeat;padding:8px 10px 8px 0;margin:0;height:29px; } 
.btnBg.red input { background: #fff url(/img/btnLinkBgRed.gif) 0 0 no-repeat;height:29px!important;font-size:15px;color:#fff;padding:0 0 0 8px!important;margin:0;}


/* sidebar navifilter buttons   */
.btnBg2 , .btnBg2 span {
background-image:url(/img/sprite-filter-button-mediaopas.png);
background-repeat:repeat-x;
display:block;
float:left;
text-decoration:none;
}

.btnBg2  {
background-position: 0 -105px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
margin:3px;
background-color:#f8f8f8;
}

.btnBg2 span {
background-position:bottom left ;
text-align:center;
padding:5px 8px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
font-weight:bold;

}

.btnBg2:hover,
a.activeNaviFilter {
background-position:top left;
text-decoration:none;
}

a.btnBg2:hover span,button.btnBg2:hover span,
a.activeNaviFilter span {
color:white;
background:none ! important;
}            

.naviFilters { margin:10px 5px; }
.naviFilters a {min-width:56px;}
.naviFilters span {width:68px}
.naviFilters span.muoti {width:40px}
.naviFilters span.rakentaminen {width:96px}

/* pager styles */

 
div.pagination {
/*margin-left:118px;
margin-top: 25px;*/
    float: right;
    margin: -4px 0 8px 0;
}

div.pagination ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;	
}

div.pagination ul li {
	margin:0;
	padding:0;	
	display:block;
	float:left;
	list-style:none;
	height:18px;
	margin:2px;
	
}


div.pagination li a { 
	background:#e6e6e6 url(/img/btnPager_bg.gif) repeat-x top left; 
	margin: 0 auto;
	text-align:center;
	border: 1px solid #d3d3d3;
	color:#072057;
	display:block;
	float:left;
	height:16px;
	padding:0px 5px;
	line-height:15px;
	text-decoration:none;
	font-size:11px;
} 

div.pagination li a:hover { 
	border:1px solid #072057;
	/*background-position:bottom left;*/
}

div.pagination ul li.prev a , div.pagination ul li.next a {
	padding:0px 8px;
}

div.pagination ul li.current a {
	background: #072057;
	border:1px solid #072057;
	color:white ! important;
}

/* Article carousel */

#fr_carousel { height:354px; margin: 0 0 25px 15px; overflow:hidden; position:relative; width: 726px; line-height: 1.15em; }
	#fr_carouselControls { height:354px; position:absolute; top: 0; left: 0; width: 247px; z-index: 2; }
		#fr_carouselControls .teaserTitle { height: 28px; margin: 0; padding: 15px 12px; width: 222px; } 
		    #fr_carouselControls .teaserTitle h1 { margin: 0; padding: 0; } 
		#fr_carouselControls ul { list-style: none; margin: 0; padding: 0; }
			#fr_carouselControls ul li { display: inline; margin: 0; padding: 0; }
				#fr_carouselControls ul li a { font-size: 11px; display: block; height: 46px; outline: none; overflow: hidden; padding: 12px 12px 0 12px; text-decoration: none; width: 223px; }
				#fr_carouselControls ul li a.active, #fr_carouselControls ul li a.active:hover { border: none; height: 47px; padding-right: 24px; }
					#fr_carouselControls ul li a img { float: left; margin: 0 10px 0 0; }
		#fr_carouselContainer { height: 354px; position:absolute; top: 0; right: 0; width: 479px; z-index: 1; }
			#fr_carouselContainer * { font-size: 11px; }
			.fr_carouselContent { height:354px; overflow:hidden; }
            #fr_carouselContainer a { text-decoration: none; }
            #fr_carouselContainer a:hover { text-decoration: underline; }
			#fr_carouselContainer .info { display: block; padding: 8px 15px 3px 15px; }
/*                #fr_carouselContainer .info a:hover { text-decoration: underline; }*/
				#fr_carouselContainer .info .area { text-transform: uppercase; }
				#fr_carouselContainer .info .date, #fr_carouselContainer .info .writer { padding: 0 4px 0 8px; }
/*            #fr_carouselContainer a:hover .title, #fr_carouselContainer a:hover .more { text-decoration: underline; }*/
			#fr_carouselContainer .title { display: block;font-size: 14px; font-weight: bold; padding: 3px 15px; }
			#fr_carouselContainer .intro { display: block; padding: 2px 15px 4px 15px; }
			#fr_carouselContainer p { margin: 0; }
            #fr_carouselContainer .more { background:transparent url(/img/whiteArrow.gif) no-repeat 0 4px; display: block; margin: 0 15px; padding: 0 0 0 12px; }

/* Image gallery */
.imageGallery { margin-left: 15px; }

    .imageGallery a.previous, .imageGallery a.next { background: url(/img/imagegallery_buttons.png) no-repeat; width: 30px; height: 30px; overflow: hidden; outline: none; text-indent: -9999px; }
    .imageGallery a.next { background-position: 0 -30px; }

    .imageGallery .imageGalleryLargeImageRow { border: 3px solid #bbb; height: 358px; margin-bottom: 19px; position: relative; z-index: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
    .imageGallery .imageGalleryLargeImageRow a.previous, .imageGallery .imageGalleryLargeImageRow a.next { top: 50%; margin-top: -15px; position: absolute; z-index: 2; }
    .imageGallery .imageGalleryLargeImageRow a.previous { left: 14px; }
    .imageGallery .imageGalleryLargeImageRow a.next { right: 14px; }
        .imageGallery .imageGalleryLargeImage { text-align: center; }
            /*.imageGallery .imageGalleryLargeImage img { width: 722px; height: 358px; }*/
            .imageGallery .imageGalleryLargeImage .caption { background-color: #fff; bottom: 0; left: 0; font-size: 16px; width: 100%; padding: 10px 0; position: absolute; z-index: 2; opacity:0.8; filter:alpha(opacity=80); }
    .imageGallery .imageGalleryThumbnailRow { position: relative; z-index: 1; height: 76px; }
        .imageGallery .imageGalleryThumbnailRow a.previous, .imageGallery .imageGalleryThumbnailRow a.next { top: 8px; position: absolute; z-index: 2; }
        .imageGallery .imageGalleryThumbnailRow a.previous { left: 14px; }
        .imageGallery .imageGalleryThumbnailRow a.next { right: 14px; }
        .imageGallery .imageGalleryThumbnails { position: absolute; z-index: 1; overflow: hidden; left: 50%; margin-left: -310px; height: 76px; width: 624px; }
            .imageGallery ul { position: absolute; z-index: 1; list-style: none; margin: 0; padding: 0; height: 76px; }
                .imageGallery ul li { background: #efefef; display: inline; float: left; margin: 0 2px; padding-top: 1px; width: 44px; height: 75px; }
                    .imageGallery ul li a { outline: none; }
                        .imageGallery ul li a img { border-bottom: 1px solid  #fff; display: block; width: 44px; height: 44px; cursor: pointer; }
                        .imageGallery ul li.active a img { border: 1px solid  #000; margin: -1px -1px 0; }
        .noPaging .imageGalleryThumbnailRow a.previous, .noPaging .imageGalleryThumbnailRow a.next { display: none; }
            .noPaging .imageGalleryThumbnails { left: 0; margin-left: 0; }

/* paging */
.paging { /*background-color: #c3d5e3; padding: 4px 6px 0 14px;*/ padding: 4px 0; font-weight: bold; }
    .paging .results { float: left; padding: 5px 27px 8px 0; }
    .paging .pagelength { float: left; font-weight: normal; padding: 4px 0px 0 45px; }
        .paging .pagelength select { vertical-align: middle; }
    .paging .navi { float: right; color: #b0b0b0; font-size: 13px; }
        .paging .navi a.previous, .paging .navi a.next, .paging .navi span.previous, .paging .navi span.next { float: left; height: 30px; outline: none; text-indent: -9999px; width: 29px; }
        .paging .navi a.previous { background: url(/img/buttons/paging_previous.gif) no-repeat; margin-right: 6px; }
        .paging .navi a.next { background: url(/img/buttons/paging_next.gif) no-repeat; }
        .paging .navi a.previous:hover, .paging .navi a.next:hover { background-color: transparent; }
        .paging .navi a.previousDisabled, .paging .navi span.previousDisabled { background-image: url(/img/buttons/paging_previous_disabled.gif); margin-right: 6px; }
        .paging .navi a.nextDisabled, .paging .navi span.nextDisabled { background-image: url(/img/buttons/paging_next_disabled.gif); }

        .paging .navi .pages { float: left; }
            .paging .navi .pages a, .paging .navi .pages span.active { background-color: #fff; border: 1px solid #e2e2e2; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 3px 6px 0 0; padding: 1px 0 4px 0; text-align: center; width: 23px; font-size:13px !important; }
            .paging .navi .pages a { color:#072057 !important; text-decoration:none !important; font-weight:normal; }
            .paging .navi .pages .active { background-color: #072057 !important; border-color: #ffffff !important; color: #fff; }
            .paging .navi .pages a:hover { background-color: #fff; }
            .paging .navi .pages .dots { float: left; margin-right: 6px; padding-top: 8px; }
            
/*artikkelin tabit*/            
ul.article-tabs { border-bottom: 1px solid #eee; height:33px; display:block; list-style:none;margin:0 0 18px 0; padding:0;}
li.article-tab {
    height:33px;
    border-bottom 1px solid #eeeeee; 
    display:block;  
    float:left;
    list-style:none; 
    margin:0 1px 0 0; 
    padding:0;
    background:url("/img/sprite-filter-button-mediaopas.png") repeat-x 0 -105px; 
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    -o-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    line-height;:33px; 
    font-weight:bold;
    line-height:33px;

}

li.article-tab a { display:block; float:left;height:33px; background:url("/img/sprite-filter-button-mediaopas.png") repeat-x bottom left; text-decoration:none;}
li.article-tab a span { padding:0 8px;}

ul.article-tabs .active {} /*define this in section styles*/

.article-tab-content { padding-bottom: 2em; }
.article-tab-content h2 { clear: both; }
h2.tab-content-heading { margin: 1em 0; }
.dynamic h2.tab-content-heading { display: none; }


.ipad-background {
margin:20px ;
background:url("/img/ipad-bg-small.png") no-repeat scroll left top transparent;
display:block;
height:310px;
width:225px;
position:relative;
float:right;
}

.ipad-background img {
position:absolute;
left:32px;
top:34px;
z-index:9;
}


/* banners */
.banner { clear: both; text-align: center; margin: 20px 0; }
.banner-wide { margin: 0; }
#side-banners-wrapper { position:relative; }
#side-banners { position:absolute; left: 1000px; top: 54px; }
#side-banners .banner { text-align: left; }

/*elite campaign*/



.elite-teaser {clear:both; margin:0 0 20px 15px;overflow:auto;}
.elite-teaser img {margin:0 20px 0 0}
.elite-teaser h2 a {font-size:14px; font-weight:bold; text-decoration:none; }
.elite-info {display:none;}
#elite-info-link { padding: 10px 0 0 0; display:block; text-align:right;}
#shadowbox_content .elite-info {display:block;}
#shadowbox_content #elite-info-link {display:none;}
#article-form-container {margin:0 0 0 15px;}
#article-form-container .btnBg2 { background-position:0 0;}
#article-form-container .btnBg2  span {line-height:200%;background-image:none;}

#article-form-wrapper {display:none; margin-top:20px;}
#article-form-wrapper form {background:url(/img/article-form-repeat-bg.gif) -5px 0; width:533px;}
#article-form-wrapper fieldset {background-position:-533px 100%; background-image:url(/img/sprite-article-form-header-footer.gif); background-repeat:no-repeat; padding:0; margin:0;}
#article-form-wrapper fieldset#article-form-header {background-position:-5px 0;}

#article-form-wrapper h3 {margin:30px 0; padding:0 0 0 15px ;font-size:14px; font-weight:bold;}
#article-form-wrapper div.text, #article-form-wrapper div.textarea {margin:0 0 15px 0;}
#article-form-wrapper input.text {width:356px; display:block;}
#article-form-wrapper textarea { height:134px; width:366px; border:1px solid #C9C9C9; background: #f2f5f6;}

#article-form-wrapper label {float:left; width:115px; display:block;  padding:0 0 0 15px; font-size:14px;}
#article-form-wrapper p {float:left; margin:0 15px 30px 15px;line-height:350%; }

#article-form-submitted {margin:30px 15px;}
#article-form-wrapper button.btnBg2 {border:0; padding:0; }
#article-form-wrapper button.btnBg2.reset {background-color:#767676!important ;background-position:0 0;}
#article-form-wrapper button.btnBg2.reset span {background:transparent;}
#article-form-wrapper .error_message {display:block; text-align:center; font-weight:bold;}
#article-form-wrapper form div.error input.text {background-image:url("/img/textInputBg.gif");
background-position:left top; background-color:#FFF;
border:1px solid #C9C9C9 ! important;}
.nojs-show #article-form-wrapper {display:block;}
.dynamic #js-toggle-form {display:block;}

/*helpers */
 .hidden {display:none;}


/*global footer styles*/

#footer { 
	color:#b7b7b7;
	line-height:22px;
	width:100%;

}

#footer-p1 {
	background:url('/img/footer-middle.jpg') top right repeat; 
	min-height:88px; 
}

#footer-p2 { background:url('/img/footer-top.jpg') top right repeat-x;}
#footer-p3 { background:url('/img/footer-bottom.jpg') bottom right repeat-x;}
#footer-p4 { background:url('/img/footer-middle-left.jpg') bottom left repeat-y;}
#footer-p5 { background:url('/img/footer-bottom-left.jpg') bottom left no-repeat;}   
#footer-p6 { background:url('/img/footer-top-left.jpg') top left no-repeat;}
#footer-p7 { background:url('/img/footer-middle-right.jpg') bottom right repeat-y;}
#footer-p8 { background:url('/img/footer-bottom-right.jpg') bottom right no-repeat; }
#footer-p9 { background:url('/img/footer-top-right.jpg') top right no-repeat; } 

#footer p { 
	float:left;
	background:url('/img/footer_smf.gif') center center no-repeat;
	padding:0 10px 0 0;
	margin:25px 0 0 25px;
	width:200px;
	height:36px;
	text-indent: -1000px;
}

#footer p a {display:block;height:100%;width:100%;}

#footer div#footer_links { 
	margin:0 0 0 220px;
	padding:30px 10px 36px 0;
	height:100%;
}

#footer div#footer_links a { 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal!important;
	color: #e09f46!important;
	line-height:20px;
	margin:0 20px 0 0px;
	text-decoration:none; 
}

#footer div#footer_links a:hover { text-decoration:underline; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*clearfix hack*/
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*section colors - fi*/
/*aspa-osion tyylit*/ 

#asiakaspalvelu .sectionColor {	color:#0c4181 ! important;}
#asiakaspalvelu #tabs {	background:transparent url(/img/tabsBgYellow.gif) no-repeat 1px -1px;}
#asiakaspalvelu #subNavi li, 
#asiakaspalvelu #subNavi li a { color:#0c4181 ! important;	}

#asiakaspalvelu #subNavi li.active , 
#asiakaspalvelu #subNavi li a:hover { background:transparent url(/img/tab2hover_aspa.gif) repeat-x bottom;}

#asiakaspalvelu .side .tsrHeader { background:white url(/img/tsrHeaderBgYellow.gif) no-repeat top left;}

#asiakaspalvelu #contentBox h1 {color:#0c4181 ! important;}

#asiakaspalvelu .column.medium h2, #asiakaspalvelu .column.large h2 {
	color:#0c4181 ! important;	
	font-size:18px;
}

#asiakaspalvelu ul.sideNavi li a, #asiakaspalvelu ul.sideNavi li a.active, #asiakaspalvelu p a{	color:#0c4181 ! important;}


#asiakaspalvelu ul.sideNavi li a.active, #asiakaspalvelu .arrowLink {
	color:#0c4181 ! important;	
	background:transparent url(/img/yellowArrow.gif) no-repeat 0px 3px;

}

#asiakaspalvelu ul.sideNavi li.has_subs a.active {	background:transparent url(/img/yellowArrow_down.gif) no-repeat 0px 6px;}

#asiakaspalvelu .tsrBox h3 {color:#0c4181 ! important;}
#asiakaspalvelu .tsrBox.main h3 {	margin:10px 0px;	font-size:14px;}
#asiakaspalvelu h3 a {	color:#0c4181 ! important;	}

#asiakaspalvelu a.btn_corner {
	text-decoration:none;
	background:transparent url(/img/corner_yellow.png) no-repeat top left;
	font-weight:bold;
	color:white;
	font-size:14px;
	font-family:Arial, Verdana, sans-serif;
}





/*etusivu*/

div.aspaMainTsr {
	background:url(/img/aspa_fp_noflash_flat.jpg) no-repeat top left;
	height:355px;
	width:728px;
	margin-left:15px;
	position:relative;
}

div.aspaMainTsr a {
	position:absolute;
	width:472px;
	height:82px;
	text-indent:-2000px;
	outline:0;
	left:185px;
	
}


div.aspaMainTsr a#tilaus {	top:80px;}

div.aspaMainTsr a#yhteystiedot {	top:165px;	}

div.aspaMainTsr a#tutustu {	top:254px;}

/*isot taustakuvalaatikot*/

#asiakaspalvelu .tsrBox.aspa {
	background:url(/img/tsr_aspa_bg_sprite.gif) no-repeat bottom left;
	margin-left:15px;
	width:728px;
}


#asiakaspalvelu .tsrBox.aspa .tsrHeader { 
	background:url(/img/tsr_aspa_bg_sprite.gif) no-repeat top left;
	height:40px;


}


#asiakaspalvelu .tsrBox.aspa  .tsrHeader h3 { 
	margin:0 0 0 16px;
	line-height:40px;
	font-size:16px;
}

#asiakaspalvelu .tsrBox.aspa .tsrContent {width:100%;
	background:url(/img/tsrContentBg_aspa_repeat.gif) repeat-y top left;
}

#asiakaspalvelu .tsrBox.aspa .tsrContent p {margin:0 0 0 16px;}
#asiakaspalvelu .tsrBox.aspa .tsrFooter  {	background:url(/img/tsr_aspa_bg_sprite.gif) no-repeat bottom left; height:60px; padding:0; position:relative; margin-top:-30px;}

/*tilauslistat*/

#asiakaspalvelu div.orders {
	margin:15px 0px ;
	clear:both;
	padding:0 0 0 15px;
}

div.orders ul { 
	margin:0; 
	padding:0;
	list-style:none;
	display:block;
}
div.orders ul li { 
	margin:0 5px 0 0 ;
	padding:0;
	list-style:none;
	float:left;
	display:block;
}

div.orders ul li div.orderCoverBgTop,
div.orders ul li div.orderCoverBgBottom {
	background-image:url(/img/coverBg_sprite_aspa.gif);
	background-repeat:no-repeat;
}

div.orders ul li div.orderCoverBgTop {
	background-position:top left;
	padding:20px 0 0 0 ;
	width:170px;
}
div.orders ul li div.orderCoverBgBottom {
	background-position:bottom left;
	padding:0 0 20px 0;
}

div.orders ul li div.orderCoverBgBottom img {
	height:180px;
	width:140px;
	display:block;
	margin:0;
	border:0;
	position:relative;
	top:-5px;
	left:15px;
	
}


div.orders ul li div.orderBtnContainer {position:relative;clear:both; padding:10px 20px; height:30px;}
div.orders ul li div.orderBtnContainer a {}



div#myOrders {}

div#myGiftOrders {}

div#receivedGiftOrders {
	
	
}

/*tilaustiedot ja lomake*/
#asiakaspalvelu div.fieldRow {margin:10px 0;clear:both;	position:relative;}
#asiakaspalvelu .orderData {margin:20px 10px 30px 10px;}
#asiakaspalvelu #orderFormContainer {margin:0 0 0 15px;}

#asiakaspalvelu div.fieldRow label, #asiakaspalvelu div.fieldRow span.label {
	display:block;
	float:left;
	margin:0 10px 0 6px;
	width:175px;
	font-size:14px;
}

#asiakaspalvelu a#orderFormLink {position:relative;left:300px; top:-20px;}

#asiakaspalvelu a#orderFormLink ,
#asiakaspalvelu div.orderBtnContainer a,
#asiakaspalvelu div.orderBtnContainer a span,
#asiakaspalvelu a#orderFormLink span {background-image:url(/img/btnBgGrey_aspa.gif);}

#asiakaspalvelu #orderFormContainer div.fieldRow input , 
#asiakaspalvelu #orderFormContainer div.fieldRow select {
	background:white url(/img/inputbg2.gif) repeat-x;
	width:210px;
	display:block;
	float:left;
	border:1px solid #8cbfe6;
	height:20px;
}



/* orderform*/



div#orderFormContainer {}
div#orderFormContainer fieldset {position:relative;}
div#orderFormContainer fieldset.buttons {margin:30px 0 20px 105px;}
div#orderFormContainer fieldset.buttons input.button {}
div#orderFormContainer select#country {height:22px;}

#asiakaspalvelu #orderFormContainer div.fieldRow.smallInput input.text ,
#asiakaspalvelu #orderFormContainer div.fieldRow.smallInput select {
	width:125px ! important;
}

/*orderform dynamics*/


#asiakaspalvelu #orderForm .error input, #orderForm .error select {
	border:1px solid #eaa ! important;
	background-position:0px 20px ! important;
	color:#a44;
	font-weight:bold;

}
#asiakaspalvelu #orderForm .error label {
	color:red;
}


#asiakaspalvelu #orderForm p.errorMsg {
	color:red;
	clear:both;
	margin:3px 0 0 175px;
	display:none;
}
#asiakaspalvelu #orderForm .error p.errorMsg { 	display:block;}

#orderFormErrorBg {
	background-image:url(/img/btnBgRed_large_aspa.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	height:45px;
	margin:20px 10px;
	width:700px;
	color:white;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	display:none;

}

#orderFormErrorBg span {
	background-image:url(/img/btnBgRed_large_aspa.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:45px;
	display:block;
}

/*yritysjulkaisut-osion tyylit*/

#yritysjulkaisut .sectionColor{
	color:#005193 ! important;
}

.sideNaviBg {
	overflow : hidden;
}

#yritysjulkaisut #tabs {
	background:transparent url(/img/tabsBgDarkBlue.gif) no-repeat 1px -1px;
}

#yritysjulkaisut #subNavi li.active , #yritysjulkaisut #subNavi li a:hover {
	background:transparent url(/img/tab2hover_yritysjulkaisut.gif) repeat-x bottom;
}

#yritysjulkaisut .side .tsrHeader {
	background:white url(/img/tsrHeaderBgDarkBlue.gif) no-repeat top left;
}
#yritysjulkaisut .side .tsrContent input.text {
    background: #fff;
    border: 1px solid #5a8db9;
}
#yritysjulkaisut .side .tsrContent input.button {
	background: #2168a1 url(/img/btnGradientDarkBlue.png) repeat-x;
    border: 1px solid #2f71a6;
    border-bottom: 1px solid #135183;
    color: #fff;
}

.tsrBoxGrid .tsrBox a {
    color: #005192;
}

ul.articleList span.bold {
    color: #005192;
}

#yritysjulkaisut #contentBox h1 {
	color:#005193;
}

#yritysjulkaisut .column h2 {
	color:#005193;
}

#yritysjulkaisut .tsrBox.main h3 a {
	color:#005193;
}

 #yritysjulkaisut ul.sideNavi li a.has_subs, #yritysjulkaisut .arrowLink {
	color:#005193;
	background:transparent url(/img/darkBlueArrow.gif) no-repeat 0 3px;
}

#yritysjulkaisut ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/darkBlueArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}


#yritysjulkaisut ul.sideNavi li a, #yritysjulkaisut ul.sideNavi li a.active, #yritysjulkaisut a {
	color: #005193;
}


/* LIST-ITEM STYLES */

#yritysjulkaisut ul.arrowList {
	list-style-image:url(/img/darkBlueArrow.gif) !important;
}


#yritysjulkaisut .primaryContent ul li, #yritysjulkaisut .secondaryContent ul li {
	list-style : disc outside none;
	color:#193568;
}

#yritysjulkaisut .primaryContent ul li span {
	color : #000000;
}



/* graphical table styles*/

#yritysjulkaisut div.tblBg {
	background:transparent url(/img/tableBg2.gif) no-repeat;
}

#yritysjulkaisut div.tL {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	height:46px;
	width:15px;
}

#yritysjulkaisut div.tR {
	padding:0px 3px 0px 0px;
	background-position:top right;
	height:46px;
	width:15px;
	z-index:1;
}

#yritysjulkaisut div.bM {
	position:absolute;
	background-position:bottom left;
	height:42px;
	z-index:0;
	bottom:-15px;
	width:100%;
}

#yritysjulkaisut div.bL {
	position:absolute;
	padding:0px 3px 0px 0px;
	bottom:0px;
	left:0px;
	background-position:bottom left;
	z-index:1;
	height:42px;
	width:20px;
}

#yritysjulkaisut div.bR {
	position:absolute;
	bottom:0px;
	right:0px;
	background-position:bottom right;
	height:42px;
	width:20px;
	z-index:1;
}

#yritysjulkaisut div.tblML {
	background-position:top left;
	padding-left:3px;
	z-index:20;
}

#yritysjulkaisut div.tblMR {
	margin:0px 0px 0px 0px;
	z-index:21;
	padding:3px 8px 0px 0px;
	background-position: top right;
}

/*
#yritysjulkaisut .tableFrame table th {
	background-color: darkblue;
}
*/

#yritysjulkaisut .tableFrame tr.dark td {
	background-color:#e2eaf2;
}

/*
td.name {
}

td.editions {
	text-align:right;
}

td.last {
	width:105px;
	text-align:right;
	border-right:0px ! important;
	margin-right:3px;
}

td.founded {
	text-align:right;	
}

td.orders {
	text-align:right;	
}

td.readers {
	text-align:right;	
}

*/

/* Article carousel */

#yritysjulkaisut #fr_carousel { background-color: #1b639e; border: 1px solid #8aafcd; height: 353px; }
#yritysjulkaisut #fr_carouselControls { height: 353px; }
#yritysjulkaisut #fr_carouselContainer { height: 353px; }
#yritysjulkaisut #fr_carouselControls .teaserTitle { background: #fefefe; border-right: 1px solid #8aafcd; }
#yritysjulkaisut #fr_carouselControls ul li {
	height: 59px;
}
#yritysjulkaisut #fr_carouselControls ul li a { 
	background-color: #1b639e; 
	border-bottom: 1px solid #2e70a6; 
	color: #fff;
	height: 58px;
	padding: 0px;
	width: 247px;
}
#yritysjulkaisut #fr_carouselControls ul li a span { 
    display: block;
    margin: 6px 0 3px 67px;
}
#yritysjulkaisut #fr_carouselControls ul li a:hover { background-color: #0d5a99; }
#yritysjulkaisut #fr_carouselControls ul li a.active, #fr_carouselControls ul li a.active:hover { 
	background: url(/img/carousel_item_active.png) no-repeat; 
	border:none;
	padding-right: 12px;
}
#yritysjulkaisut #fr_carouselContainer * { color: #fff; }
#yritysjulkaisut .fr_carouselContent { background-color: #005193; }
#yritysjulkaisut #fr_carouselContainer .info .date, #yritysjulkaisut  #fr_carouselContainer .info .writer { border-left: 1px solid #1b639e; }
#yritysjulkaisut #fr_carouselControls ul li a img { float: left; margin: 3px 3px 3px 3px; }
ALL.css?1 (line 2246)

/*mediaopas-osion tyylit*/ 

/*text color
#6f233a
*/


#mediaopas h4.sidesub{
	display: block;
	margin: 5px 0 0 0;
	color:#6f233a;	
}

#mediaopas div.lukijaprofiilit, #mediaguide div.lukijaprofiilit {
   float: left;
   width: 240px;
}

#mediaopas div.lukijaprofiilit ul, #mediaguide div.lukijaprofiilit ul {
	list-style: none;	
}


#mediaopas div.lukijaprofiilit ul li, #mediaguide div.lukijaprofiilit ul li {
	padding: 0 0 10px;
}

#mediaopas div.lukijaprofiilit ul li a, #mediaguide div.lukijaprofiilit ul li a {
	color: #6f233a;
	text-decoration: none;	 	
}
#mediaopas div.lukijaprofiilit ul li a:hover, #mediaguide div.lukijaprofiilit ul li a:hover {
	text-decoration: underline;
}

div.listProfile {
	padding: 10px 0 0 20px;
}

#mediaopas .sectionColor, #mediaguide .sectionColor,  {
	color:#6f233a ! important;
}

#mediaopas #tabs, #mediaguide #tabs {
			background:transparent url(/img/tabsBgPurple.gif) no-repeat 1px -1px;
}

#mediaopas #subNavi li.active , #mediaopas #subNavi li a:hover {
	background:transparent url(/img/tab2hover_mediaopas.gif) repeat-x bottom;
}



#mediaopas .side .tsrHeader {
		background:white url(/img/tsrHeaderBgPurple.gif) no-repeat top left;
}




#mediaopas #contentBox h1, #mediaguide #contentBox h1,  {
	
	color:#6f233a ! important;
}

#mediaopas .column.medium h2, #mediaopas .column.large h2, #mediaguide .column.medium h2, #mediaguide .column.large h2 {
	color:#6f233a ! important;
	font-size:18px;
}

#mediaopas ul.sideNavi li a, #mediaopas ul.sideNavi li a.active, #mediaopas p a {
	color:#6f233a ! important;
}


#mediaopas ul.sideNavi li a.has_subs, #mediaopas .arrowLink {
	color:#6f233a;
	background:transparent url(/img/purpleArrow.gif) no-repeat 0px 3px;		
}

#mediaopas .tsrFooter .arrowLink {
    font-size: 11px;
}

#mediaopas ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/purpleArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}

#mediaopas .tsrBox.main h3, #mediaopas .tsrBox.product h3, #mediaguide .tsrBox.main h3, #mediaguide .tsrBox.product h3 {
	color:#6f233a;
}

#mediaopas .tsrBoxGrid .tsrBox a, #mediaguide .tsrBoxGrid .tsrBox a {
    color: #6f233a;
}

#mediaopas .tsrBoxMain img.tsrImage, #mediaguide .tsrBoxMain img.tsrImage {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

#mediaopas #verkkopalvelu img.kansi, #mediaguide #web-service img.kansi {
	margin: 0 auto;
	display: block;
}

#mediaopas #lehti img.kansi {
	margin: 0 auto;
	display: block;
}

#mediaopas .arrowLink {
	padding: 0 0 0 12px;
	background-position: center left ! important;
}

#mediaopas .productList ul a {
	color: #6F233A;
	text-decoration: none;
}

#mediaopas .productList ul a:hover {
	text-decoration: underline;
}

#mediaopas a.btn_corner {
	text-decoration:none;
	background:transparent url(/img/corner_purple.png) no-repeat top left;
	
	color:white;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	
}

#mediaopas a.btn_corner:hover {
	text-decoration:underline;
}

#mediaopas a.btn_corner span {
	display:block;	
	text-align:right;	
	padding:10px;
}

#mediaopas a.btn_corner span img.cornerArrow {}


#mediaopas div.magazine, #mediaguide div.magazine {
	float:left;
}

#mediaopas .smallCover, #mediaguide .smallCover {
	float:left;
	width: 75px;
	padding: 0 15px 0 15px;
}



/*
#mediaopas div.coverBg, #mediaguide div.coverBg {
	height:225px;
	width:175px;
	background:transparent url(/img/coverBg_trans.png) no-repeat top left;
	position:relative;
	float:left;
	
}

#mediaopas div.coverBg img, #mediaguide div.coverBg img,  {
	top:15px;
	left:18px;
	height:185px;
	width:140px;
	position:absolute;
}*/
/*#mediaopas div.magazine td, #mediaopas div.magazine th {*/
/*	vertical-align:top;	*/
/*}*/

#mediaopas div.magazine h3, #mediaguide div.magazine h3,  {
	font-size:14px;
	color:#6f233a ! important;
	text-decoration:none;
}


#mediaopas div.magazine h3 a, #mediaguide div.magazine  h3 a {
	color:#6f233a ! important;
	text-decoration:none;
	font-size:14px;
}

/*#mediaopas div.magazine  ul {*/
/*	margin:10px 0px 20px 10px;*/
/*	padding:0px;*/
/*}*/

#mediaopas div.magazine  li {
	color:#6f233a;
	list-style:inside;
}

#mediaopas div.magazine  li span {
	color:black;
}


#mediaopas ul.arrowList {
	list-style: outside url(/img/purpleArrow.gif);
}

#mediaopas .tsrContent a {
	color:#6f233a ! important;
}


#mediaopas .mediumContentBox .boxHeader {
	background:transparent url(/img/mediumBoxHeader_mediaopas.gif) no-repeat top left;
	color:white ! important;
	font-size:14px ! important;
}


#mediaopas .mediumContentBox .boxHeader h2 {color:white ! important;}

/* graphical table styles*/

#mediaopas div.tblBg {
	background:transparent url(/img/tableBg_red.gif) no-repeat;
}

#mediaopas div.tblML {
  background:transparent url(/img/tableBg_red_left.gif) no-repeat;
}

#mediaopas .tableFrame table th {
	background-color: #6f233a;
	
}

#mediaopas .tableFrame tr.dark td {
	background-color:#f0e9eb;
}


#mediaopas table.bannerData {
	margin:10px 15px;
	border:0;
	border-collapse:collapse;
	width:100%;
}

#mediaopas table.bannerData th {
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:5px;
}

#mediaopas table.bannerData td {
	vertical-align:top;
	padding:5px;
}

#mediaopas table.bannerData td.label { 
	width:200px;
}

#mediaopas table.bannerData td.description { 
	width:350px;
	padding-right:20px;
}

/* Arkisto styling */

#mediaopas .arkisto-news a, #mediaopas .arkisto-news h3, #mediaguide .arkisto-news a, #mediaguide .arkisto-news h3 {
    color: #6F233A;
    text-decoration: none;
    margin-bottom: 2px;
}

#mediaopas .arkisto-news a:hover, #mediaguide .arkisto-news a:hover {
    text-decoration: underline;
}

#mediaopas .arkisto-news p, #mediaguide .arkisto-news p {
    font-size: 12px;
}

#mediaopas .pagination li, #mediaopas .pagination a, #mediaguide .pagination li, #mediaguide .pagination a {
    color: #6F233A;
}

#mediaopas .pagination li a:hover, #mediaguide .pagination li a:hover {
    border:1px solid #6F233A;
}

#mediaopas .current li, #mediaopas .pagination .current a, #mediaguide .current li, #mediaguide .pagination .current a {
    background: #6F233A none repeat scroll 0 0;
    border: 1px solid #6F233A;
}

/*navi filter*/
#mediaopas a.btnBg2, #mediaguide a.btnBg2 {color:#6F233A;}
#mediaopas .btnBg2:hover , #mediaguide .btnBg2:hover ,
#mediaopas .btnBg2:hover span, #mediaguide .btnBg2:hover span,
#mediaopas .btnBg2.activeNaviFilter, #mediaguide .btnBg2.activeNaviFilter,
#mediaopas .btnBg2.activeNaviFilter span, #mediaguide .btnBg2.activeNaviFilter span{background-color:#6F233A;}
/*article tabs*/
#mediaopas li.article-tab a span, #mediaguide li.article-tab a span { color:#6F233A; }
#mediaopas li.article-tab:hover, #mediaguide li.article-tab:hover,
#mediaopas li.article-tab.active, #mediaguide li.article-tab.active {background-color:#6F233A; background-position:top left;}
#mediaopas li.article-tab:hover a, #mediaguide li.article-tab:hover a,
#mediaopas li.article-tab.active a, #mediaguide li.article-tab.active a { background: none; }
#mediaopas li.article-tab:hover span, #mediaguide li.article-tab:hover span,
#mediaopas li.article-tab.active span, #mediaguide li.article-tab.active span { color:white;}


#mediaopas #article-form-container .btnBg2 {background-color:#6F233A;}
#mediaopas #article-form-container .btnBg2 span {color:#fff;}
#mediaopas #article-form-container h3, #mediaopas #article-form-container label {color:#6F233A;}
/* Article carousel */

#mediaopas  #fr_carousel, #mediaguide  #fr_carousel { background-color: #6F233A; border: 1px solid #fff; height:351px; margin: 0 0 25px 15px;  }
        #mediaopas #fr_carouselControls, #mediaguide #fr_carouselControls { width: 248px; }
            #mediaopas  #fr_carouselControls .teaserTitle, #mediaguide  #fr_carouselControls .teaserTitle { background: #fefefe; border-right: 1px solid #8c4f61; }
				#mediaopas #fr_carouselControls ul li a, #mediaguide #fr_carouselControls ul li a { background: #f7f7f7 url(/img/carousel-controls-item-bg.png); border-bottom: 1px solid #fff; color: #404040; height: 87px; padding: 0 12px 0 0; width: 234px; }
#mediaopas #fr_carouselControls ul li a.last {
	border-bottom: 1px solid #e9e9e9;
}
				#mediaopas #fr_carouselControls ul li a:hover, #mediaguide #fr_carouselControls ul li a:hover { background-color: #8c4f61; }
				#mediaopas #fr_carouselControls ul li a.active, #mediaopas #fr_carouselControls ul li a.active:hover, #mediaguide  #fr_carouselControls ul li a.active, #mediaguide #fr_carouselControls ul li a.active:hover{ background: url(/img/carousel-controls-item-active.png) no-repeat right; border:none; color: #fff; height: 87px; padding-right: 24px;}
                #mediaopas #fr_carouselControls ul li a img, #mediaguide #fr_carouselControls ul li a img { float: left; margin: 3px 3px 3px 3px; }
                #mediaopas #fr_carouselControls ul li a span, #mediaguide #fr_carouselControls ul li a span { margin: 12px 0 3px 96px; display: block; }

		#mediaopas #fr_carouselContainer, #mediaguide #fr_carouselContainer { width: 480px; }
			#mediaopas #fr_carouselContainer *, #mediaguide #fr_carouselContainer * { color: #fff; }
			#mediaopas .fr_carouselContent, #mediaguide .fr_carouselContent { background: #88485b url(/img/carousel-content-bg.png) repeat-x bottom; }
				#mediaopas  #fr_carouselContainer .info .date, #mediaopas #fr_carouselContainer .info .writer , #mediaguide  #fr_carouselContainer .info .date, #mediaguide #fr_carouselContainer .info .writer { border-left: 1px solid #6F233A; }
				
                #mediaopas #fr_carouselContainer .info, #mediaguide #fr_carouselContainer .info { padding: 8px 10px 3px 20px; }
                #mediaopas #fr_carouselContainer .title, #mediaguide #fr_carouselContainer .title { padding: 3px 10px 3px 20px; }
                #mediaopas #fr_carouselContainer .intro, #mediaguide #fr_carouselContainer .intro { padding: 2px 10px 4px 20px; }
                #mediaopas #fr_carouselContainer .more, #mediaguide #fr_carouselContainer .more { margin: 0 20px; }

/* mediakortin tulostus */
#coverForPrint { text-align: center; display: none; }



/*mainospaikkatiedot*/
.ilmoituskoot  { width: 210px;  margin: 0 0 10px 20px; float:right; }
.ilmoituskoko-wrapper { clear: both; }
.ilmoituskoko-wrapper span.label ,.ilmoituskoko-wrapper span.size { width: 152px; display:block; float: left; font-weight:normal; font-size: 11px; }
.ilmoituskoko-wrapper span.label { margin-top: 9px; }
.ilmoituskoko  { background:url(/img/sprite-ilmoituskoot.gif) no-repeat top left; height:35px; width:48px; float:left; margin: 5px 10px 5px 0; }
.ilmoituskoko-2-1 {background-position:0 0; }
.ilmoituskoko-1-1 {background-position: -74px 0}
.ilmoituskoko-1-2-pysty, .ilmoituskoko-1-2-vertical {background-position: -148px 0}
.ilmoituskoko-1-2-vaaka, .ilmoituskoko-1-2-horizontal {background-position: -222px 0}
.ilmoituskoko-1-3-pysty, .ilmoituskoko-1-3-vertical {background-position: -518px 0}
.ilmoituskoko-1-3-vaaka, .ilmoituskoko-1-3-horizontal {background-position: -592px 0}
.ilmoituskoko-1-4-pysty, .ilmoituskoko-1-4-vertical {background-position: -296px 0}
.ilmoituskoko-1-4-vaaka, .ilmoituskoko-1-4-horizontal {background-position: -370px 0}
.ilmoituskoko-1-4-nurkka, .ilmoituskoko-1-4-corner, .ilmoituskoko-1-4-pysty-tabloid, .ilmoituskoko-1-4-vertical-tabloid {background-position: -444px 0}


.ilmoituskoko-etu-ja-takasivu, .ilmoituskoko-front-and-back {background-position: -666px 0}
.ilmoituskoko-A4 {background-position: -740px 0}
.ilmoituskoko-1-4-vaaka-tabloid, .ilmoituskoko-1-4-horizontal-tabloid, .ilmoituskoko-1-4-nelio, .ilmoituskoko-1-4-square {background-position: -814px 0}
/*            */

#mediaopas .elite-teaser h2  , #mediaopas .elite-teaser h2 a {color:#6F233A;} 

.dynamic div.portraitBoxGallery {
	background : transparent url(/img/portraitBg.gif) no-repeat top left;
	width : 162px;
	height : 240px;
	float : left;
	clear : none;
	margin-left : 6px;
	overflow : hidden;
	text-align : center;
}

.dynamic div.portraitBoxGalleryLarge {
    background: transparent url(/img/portraitBgLarge.gif) no-repeat top left !important;
    width:235px !important;
}

.dynamic div.portraitBoxGalleryLarge:hover {
	background-position:bottom left !important;
	cursor:pointer !important;
}

.dynamic div.portraitBoxGallery:hover {
	background-position:bottom left;
	cursor:pointer;
}

.dynamic div.portraitBoxGallery img.small  {
	border : 2px solid #e2eaf2;
	float : none;
	margin-top : 14px;
	padding : 0;
}

 .dynamic  div.portraitBoxGallery h2 {
	font-size : 10px ! important;
	font-weight : bold;
	margin: 5px auto;
}

.dynamic div.portraitBoxGallery h3  {
	margin : 0 auto;
	font-size:12px;
	font-weight:normal;
}

.dynamic div.portraitBoxGallery h3  {
	margin : 0 auto;
	font-size:12px;
	font-weight:normal;
}

.dynamic div.portraitBoxGallery .sBoxLink span.long  {
	font-size:10px;
}

#galleryindexwrapper { margin-bottom: 10px; }

div#gallerywrapper { margin-left: 10px; }

#gallerywrapper div { text-align:center; float:left; width: 120px; height:120px; margin: 5px; }

.gallerypager { float:left; margin-left:20px; width:100%; padding-bottom: 20px;}
.gallerypager .pagination { float:left !important; }

.galleryaddthis {  margin-left:20px;  }


/*yritysinfo-osion tyylit*/

#yritysinfo .sectionColor{
	color:#0f2e67 ! important;
}

.sideNaviBg {
	overflow : hidden;
}

#yritysinfo #tabs {
	background:transparent url(/img/tabsBgBlue.gif) no-repeat 1px -1px;
}

#yritysinfo #subNavi li.active , #yritysinfo #subNavi li a:hover {
	background:transparent url(/img/tab2hover_yritysinfo.gif) repeat-x bottom;
}

#yritysinfo .side .tsrHeader {
	background:white url(/img/tsrHeaderBgBlue.gif) no-repeat top left;
}

#yritysinfo #contentBox h1 {
	color:#193568;
}

#yritysinfo .column h2{
	color:#0f2e67;
}

#yritysinfo ul.sideNavi li a , #yritysinfo ul.sideNavi li a.active, #yritysinfo a {
	color:#013376;
}

ul.sideNavi li a {
	color:#0f2e67;
}

ul.sideNavi ul.sideNavi {
	margin-left : 0;
}

#yritysinfo .tsrBox.main h3, #yritysinfo .tsrBox.product h3 {
	color:#0f2c67;
}

#yritysinfo ul.sideNavi li a.has_subs, #yritysinfo ul.sideNavi li ul li a.active,  #yritysinfo .arrowLink {
	color:#0f2e67;
	background:transparent url(/img/blueArrow.gif) no-repeat 0 3px;
}

#yritysinfo ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/blueArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}


#yritysinfo ul.sideNavi li  a.active {
	font-weight : bold;
}

#yritysinfo ul.arrowList {
	list-style: outside url(/img/blueArrow.gif) ! important;
}

/**********************************/
/*  content specific styles    */
/**********************************/

/* graphical table styles*/

#yritysinfo div.tblBg {
	background:transparent url(/img/tableBg_blue.gif) no-repeat;
}

#yritysinfo div.tblML {
  background:transparent url(/img/tableBg_blue_left.gif) no-repeat;
}

#yritysinfo .tableFrame table th {
	background-color: #6f233a;
}

#yritysinfo .tableFrame tr.dark td {
	background-color:#f0e9eb;
}

div.article_content div.kayttoehdot a {
    color: #0F2E67 !important;
}

#yritysinfo .flashParent{

height:309px;
}

#yritysinfo #frontFlash {
	visibility:visible ! important;
	margin-top:15px;
}

#yritysinfo form#loginForm div.submit {
    background: transparent url(/img/btnInputBgBlue.gif) right top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:133px;
    color:#fff;
    font-size:12px;
    padding: 0px 0px 0px 0px; 
}

#yritysinfo form#loginForm input#submitLogin { 
    background: transparent url(/img/btnInputBgBlue.gif) left top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:123px;
    color:#fff;
    font-size:12px;
    padding:0 0px 5px 8px; 
}

#yritysinfo form#logoutForm div.submit {
    background: transparent url(/img/btnInputBgBlue.gif) right top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:113px;
    color:#fff;
    font-size:12px;
    padding: 0px 0px 0px 0px; 
}

#yritysinfo form#logoutForm input#submitLogout { 
    background: transparent url(/img/btnInputBgBlue.gif) left top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:103px;
    color:#fff;
    font-size:12px;
    padding:0 0px 5px 8px; 
}

#yritysinfo div#materiaalipankkiLoginControls {
    margin-left:15px; 
//    height:100px;
}

#yritysinfo form#loginForm .error input, #loginForm .error select {
    border:1px solid #eaa ! important;
    background-position:0px 20px ! important;
    color:#a44;
    font-weight:bold;
}

#yritysinfo #loginForm .error span.error_message {
    color:red;
}

#yritysinfo #loginForm div {
    clear: both;	
}

#yritysinfo #loginForm #accept {
    float: left;
}

#yritysinfo div#materiaalipankkiSearch {
    margin-left:15px; 
}

#yritysinfo form#materiaalipankkiSearchForm div.text {
    float: left;
}

#yritysinfo form#materiaalipankkiSearchForm div.submit {
    float: left;
}

/*-#yritysinfo #loginForm p.errorMsg {*/
#yritysinfo #loginForm p.error_constraint_callback {
    color:red;
    clear:both;
    margin:3px 0 0 175px;
    display:none;
}
#yritysinfo #loginForm .error p.errorMsg {  display:block;}



/*IPAD CAMPAING STYLES*/

/*page layout*/
#mobiili h1 {margin: 0 0 10px 30px;}
#mobiili .primaryContent  h2 {margin-bottom:30px;line-height:25px;}
#mobiili #tabs {height:32px}
#mobiili #headerBox {height:115px;}
#ipad-secondary {border-top:1px dashed #CCCCCC; margin:15px 0 0 0; padding-top:15px;}

#ipad-primary, #ipad-secondary {margin:0 0 0 15px;}
#ipad-container { border-top: 1px dashed #ccc; padding:0;}
#bubble-container {float:left; width:280px;position:relative; height:400px; }
#image-container {height:339px;  background:#000; overflow:hidden;  width:254px;margin:43px 0 0 61px;}
#image-container img { height:360px; width:256px; display:block; margin:0 1px 0 0;}
#frame-borders {position:absolute; top: 42px; left:61px; 
border-top:8px solid rgba(0,0,0,0.2); 
border-bottom:8px solid rgba(0,0,0,0.2); 
height:319px; width:254px;
 }


.ipad-image {display:block;}

.content-bubble { z-index:2; width:222px;  position:absolute; left:-320px; top:10px; 
background:url(/img/ipad-bubble-sprite.png) no-repeat top left; margin:0;
} 
.bubble-content {padding:10px 10px 0 35px; min-height:100px;}

.bubble-footer {
background:url(/img/ipad-bubble-sprite.png) no-repeat bottom left; 
 padding:5px 10px 20px 35px; min-height:20px;

}
.ipad-button {background:url(/img/btnBgBlue.gif) no-repeat top left; height:29px;display:block; float:left; text-align:none; text-decoration:none; margin:10px 0;}
.ipad-button span {background:url(/img/btnBgBlue.gif) no-repeat top right; padding:0 20px 0 10px; text-align:center; display:block; float:left; height:29px; position:relative; left:10px; margin: 0; color:white; line-height:230%;}

.ipad-button:hover {background:url(/img/btnBgBlue.gif) no-repeat bottom left; text-decoration:none;}
.ipad-button:hover span {background:url(/img/btnBgBlue.gif) no-repeat bottom right; padding:0 20px 0 10px; text-align:center; }

.content-bubble h5 {font-size:16px; margin:0 0 20px 0; color:#013376;}
.content-bubble p.small-text{font-size:11px; clear:both;}

#ipad-share-like {margin:0 0 20px 0 ;}
#ipad-share-like td {padding:0 10px;}
#ipad-share-like td#share-cell {padding:5px 10px 0 0;}



a#prev-app {left:-3px; background-position:top left;} 
a#next-app{right:3px;background-position:top right;} 

a#prev-app:hover { background-position:bottom left;} 
a#next-app:hover{background-position:bottom right;} 


/*NOJS VERSION*/
/*hide these*/
#content-frame, #thumbs-container,  #bubble-container, .active-arrow {display:none;}

/*style these*/
.ipad-nojs-wrapper {min-height:130px; border-bottom:1px dashed #ccc; padding:10px 0 0 100px; position:relative; margin: 0 0 20px 0;}
.ipad-nojs-wrapper h5, .ipad-nojs-wrapper p {margin:0 0 10px 0 ;}
.ipad-nojs-wrapper h5 { font-size:16px; color:#013376;}
.ipad-thumb-nojs {position:absolute; left:10px; top:0;}


.bubble-content p , .bubble-footer p { margin:0 0 10px 0;}
.ipad-nojs-wrapper .ipad-button {position:absolute; right:20px; top:0;}

/*JS CAROUSEL VERSION*/
.ipad-thumb {height:95px; width:71px;z-index:11; position:relative; margin:0 0 0 -1px; border:0;}
a.ipad-arrow {
position:absolute; 
display:block; 
height:33px; 
width:33px; 
text-indent:-9000px; 
top:210px; 
z-index:12;
background-color:transparent;
background-image: url(/img/ipad-arrow-sprite.png);
outline:0;
} 



#ipad-js + #ipad-container #bubble-container {display:block;}
#ipad-js + #ipad-container {height:650px; overflow:hidden; position:relative;}
#ipad-js + #ipad-container .loader {height:650px; width:730px; position:absolute; top:0; left:0; background:#fdfdfd url(/img/ajax-loader-large.gif) no-repeat center center; z-index:80;}
#ipad-js + #ipad-container #thumbs-container .active-arrow {display:block;}
#ipad-js + #ipad-container #thumbs-container {height:113px; border-bottom:1px dashed #ccc; position:relative;margin:0 0 40px 0; display:block;}
#ipad-js + #ipad-container #thumbs-container a {display:block; padding:8px 10px 10px 11px;z-index:10; float:left;position:relative; width:70px; outline:0; border:0;margin:0;}

#ipad-js +  #ipad-container .active-arrow {position:absolute; background:#f57013 url(/img/ipad-thumb-arrow.png) no-repeat top left; width:89px; top:0; left:0; height:127px; z-index:9;}

#ipad-js +  #ipad-container #content-frame { background:white url(/img/ipad-bg.jpg) no-repeat top left;
 height:500px; width:380px;  position:relative; float:left; z-index:10;
 margin:0 0 0 60px;
 display:block;
}




/*yritysinfo-osion tyylit*/

#mobiili .sectionColor{
	color:#0f2e67 ! important;
}

.sideNaviBg {
	overflow : hidden;
}

#mobiili #tabs {
	background:transparent url(/img/tabsBgBlue.gif) no-repeat 1px -1px;
}

#mobiili #subNavi li.active , #mobiili #subNavi li a:hover {
	background:transparent url(/img/tab2hover_yritysinfo.gif) repeat-x bottom;
}

#mobiili .side .tsrHeader {
	background:white url(/img/tsrHeaderBgBlue.gif) no-repeat top left;
}

#mobiili #contentBox h1 {
	color:#193568;
}

#mobiili .column h2{
	color:#0f2e67;
}

#mobiili ul.sideNavi li a , #mobiili ul.sideNavi li a.active, #mobiili a {
	color:#013376;
}

ul.sideNavi li a {
	color:#0f2e67;
}

ul.sideNavi ul.sideNavi {
	margin-left : 0;
}

#mobiili .tsrBox.main h3, #mobiili .tsrBox.product h3 {
	color:#0f2c67;
}

#mobiili ul.sideNavi li a.has_subs, #mobiili ul.sideNavi li ul li a.active,  #mobiili .arrowLink {
	color:#0f2e67;
	background:transparent url(/img/blueArrow.gif) no-repeat 0 3px;
}

#mobiili ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/blueArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}


#mobiili ul.sideNavi li  a.active {
	font-weight : bold;
}

#mobiili ul.arrowList {
	list-style: outside url(/img/blueArrow.gif) ! important;
}

/**********************************/
/*  content specific styles    */
/**********************************/

/*/* graphical table styles*/*/

/*#ipad div.tblBg {*/
/*	background:transparent url(/img/tableBg_blue.gif) no-repeat;*/
/*}*/

/*#ipad div.tblML {*/
/*  background:transparent url(/img/tableBg_blue_left.gif) no-repeat;*/
/*}*/

/*#ipad .tableFrame table th {*/
/*	background-color: #6f233a;*/
/*}*/

/*#ipad .tableFrame tr.dark td {*/
/*	background-color:#f0e9eb;*/
/*}*/



#ipad .flashParent{

height:309px;
}

#ipad #frontFlash {
	visibility:visible ! important;
	margin-top:15px;
}

#ipad form#loginForm div.submit {
    background: transparent url(/img/btnInputBgBlue.gif) right top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:133px;
    color:#fff;
    font-size:12px;
    padding: 0px 0px 0px 0px; 
}

#ipad form#loginForm input#submitLogin { 
    background: transparent url(/img/btnInputBgBlue.gif) left top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:123px;
    color:#fff;
    font-size:12px;
    padding:0 0px 5px 8px; 
}

#ipad form#logoutForm div.submit {
    background: transparent url(/img/btnInputBgBlue.gif) right top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:113px;
    color:#fff;
    font-size:12px;
    padding: 0px 0px 0px 0px; 
}

#ipad form#logoutForm input#submitLogout { 
    background: transparent url(/img/btnInputBgBlue.gif) left top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:103px;
    color:#fff;
    font-size:12px;
    padding:0 0px 5px 8px; 
}

#ipad div#materiaalipankkiLoginControls {
    margin-left:15px; 
    height:100px;
}

#ipad form#loginForm .error input, #loginForm .error select {
    border:1px solid #eaa ! important;
    background-position:0px 20px ! important;
    color:#a44;
    font-weight:bold;
}

#ipad #loginForm .error label {
    color:red;
}

#ipad div#materiaalipankkiSearch {
    margin-left:15px; 
}

#ipad form#materiaalipankkiSearchForm div.text {
    float: left;
}

#ipad form#materiaalipankkiSearchForm div.submit {
    float: left;
}

/*-#ipad #loginForm p.errorMsg {*/
#ipad #loginForm p.error_constraint_callback {
    color:red;
    clear:both;
    margin:3px 0 0 175px;
    display:none;
}
#ipad #loginForm .error p.errorMsg {  display:block;}




/*tutustu ja tilaa -osion tyylit*/ 

/*text color
#ca3327
*/


#tutustu-ja-tilaa .sectionColor {
	color:#ca3327 ! important;
}

#tutustu-ja-tilaa #tabs {
			background:transparent url(/img/tabsBgRed.gif) no-repeat 1px -1px;
}

#tutustu-ja-tilaa #subNavi li.active , #tutustu-ja-tilaa #subNavi li a:hover {
	background:transparent url(/img/tab2hover_tutustujatilaa.gif) repeat-x bottom;
}


#tutustu-ja-tilaa .side .tsrHeader {
		background:white url(/img/tsrHeaderBgRed.gif) no-repeat top left;
}




#tutustu-ja-tilaa #contentBox h1 {
	
	color:#ca3327 ! important;
}

#tutustu-ja-tilaa .primaryContent.front { margin: 0px 0px 20px 0px }

#tutustu-ja-tilaa .column.medium h2, #tutustu-ja-tilaa .column.large h2 {
	color:#ca3327 ! important;
	font-size:18px;
}

#tutustu-ja-tilaa ul.sideNavi li a, #tutustu-ja-tilaa ul.sideNavi li a.active, #tutustu-ja-tilaa p a {
	color:#ca3327 ! important;
}


#tutustu-ja-tilaa ul.sideNavi li a.hasSubs, #tutustu-ja-tilaa .arrowLink {
	color:#ca3327;
	background:transparent url(/img/redArrow.gif) no-repeat 0px 3px;	
}

#tutustu-ja-tilaa ul.sideNavi li a.active.hasSubs {
	background : transparent url(/img/purpleArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}

#tutustu-ja-tilaa .tsrBox.main h3, #tutustu-ja-tilaa .tsrBox.product h3 {
	color:#ca3327;
}

#tutustu-ja-tilaa .productList ul a {
	color: #6F233A;
	text-decoration: none;
}

#tutustu-ja-tilaa .productList ul a:hover {
	text-decoration: underline;
}

#tutustu-ja-tilaa a.btn_corner {
	text-decoration:none;
	background:transparent url(/img/corner_purple.png) no-repeat top left;
	
	color:white;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	
}

#tutustu-ja-tilaa a.btn_corner:hover {
	text-decoration:underline;
}

#tutustu-ja-tilaa a.btn_corner span {
	display:block;	
	text-align:right;	
	padding:10px;
}

#tutustu-ja-tilaa a.btn_corner span img.cornerArrow {}


#tutustu-ja-tilaa div.magazine {
	margin:15px 0px 0px 15px;
clear:both;
}

#tutustu-ja-tilaa div.magazine table {
	border-collapse:collapse;	
	width:99%;
}

#tutustu-ja-tilaa div.magazine table th {
	width:180px;
}

#tutustu-ja-tilaa div.coverBg {
	height:220px;
	width:175px;
	background:transparent url(/img/coverBg.gif) no-repeat top left;
	position:relative;
	float:left;
	
}

#tutustu-ja-tilaa div.coverBg  img {
	top:15px;
	left:18px;
	height:185px;
	width:140px;
	position:absolute;
}

#tutustu-ja-tilaa div.magazine td, #tutustu-ja-tilaa div.magazine th {
	vertical-align:top;	
}

#tutustu-ja-tilaa div.magazine td h3 {
	font-size:16px;
	margin:20px 0 0 15px;
	color:#ca3327 ! important;
	text-decoration:none;
}

#tutustu-ja-tilaa div.magazine td h3 a {
	color:#ca3327 ! important;
	text-decoration:none;
	font-size:16px;
}

#tutustu-ja-tilaa div.magazine td ul {
	margin:10px 0px 20px 10px;
	padding:0px;
}

#tutustu-ja-tilaa div.magazine td li {
	color:#ca3327;
	list-style:inside;
}

#tutustu-ja-tilaa div.magazine td li span {
	color:black;
}


#tutustu-ja-tilaa ul.arrowList {
	list-style: outside url(/img/redArrow.gif);
}

#tutustu-ja-tilaa .tsrContent a {
	color:#ca3327 ! important;
}


#tutustu-ja-tilaa .mediumContentBox .boxHeader {
	background:transparent url(/img/mediumBoxHeader_mediaopas.gif) no-repeat top left;
	color:white ! important;
	font-size:14px ! important;
}


#tutustu-ja-tilaa .mediumContentBox .boxHeader h2 {color:white ! important;}

/* graphical table styles*/

#tutustu-ja-tilaa div.tblBg {
	background:transparent url(/img/tableBg_red.gif) no-repeat;
}

#tutustu-ja-tilaa div.tblML {
  background:transparent url(/img/tableBg_red_left.gif) no-repeat;
}

#tutustu-ja-tilaa .tableFrame table th {
	background-color: #ca3327;
	
}

#tutustu-ja-tilaa .tableFrame tr.dark td {
	background-color:#f0e9eb;
}


#tutustu-ja-tilaa table.bannerData {
	margin:10px 15px;
	border:0;
	border-collapse:collapse;
	width:100%;
}

#tutustu-ja-tilaa table.bannerData th {
	font-weight:bold;
	text-align:left;
	vertical-align:center;
	padding:5px;
}

#tutustu-ja-tilaa table.bannerData td {
	vertical-align:top;
	padding:5px;
}

#tutustu-ja-tilaa table.bannerData td.label { 
	width:200px;
}

#tutustu-ja-tilaa table.bannerData td.description { 
	width:350px;
	padding-right:20px;
}

#tutustu-ja-tilaa .right { float:right; }


#tutustu-ja-tilaa .tsrBox.twin { float:left;width:350px; }

.btnLink { background: transparent url(/img/btnLink.gif) 0 0 no-repeat;line-height:30px;padding:0px 0px 0px 20px;float:left;text-decoration:none; }
.btnLink span { background: transparent url(/img/btnLink.gif) 100% 0 no-repeat;height:30px;color:#fff;text-decoration:none;padding: 0px 20px 0px 0px;float:left; }
.btnLink:hover { text-decoration:none; }
.btnLink:active { background-position: 0 -31px;}
.btnLink:active span { background-position: 100% -31px;}


.tsrBox.side .tsrContent img.sampleImage { width:176px;height:auto;margin:5px 0; }
.tsrBox.side .tsrContent img { }

#tutustu-ja-tilaa ul.orderSteps { list-style-type:none;margin:0;padding:0 0 25px 15px;}
#tutustu-ja-tilaa ul.orderSteps li { float:left;background:transparent url(/img/orderStepBg.gif) 0 -28px no-repeat;height:27px;padding-left:10px;}
#tutustu-ja-tilaa ul.orderSteps li span { float:left;background:transparent url(/img/orderStepBg.gif) 100% -28px no-repeat;line-height:27px;padding-right:10px; }

#tutustu-ja-tilaa ul.orderSteps li.active { background-position: 0 0; }
#tutustu-ja-tilaa ul.orderSteps li.active span { background-position: 100% 0; }


#tutustu-ja-tilaa form#orderMagazine label { display:block;float:left;width:200px; }

.tsrBox.side .tsrHeaderBlank { background: transparent url(/img/tsrHeaderBgBlank.gif) top left no-repeat; height:5px; min-height:5px;}

#tutustu-ja-tilaa img.paddedImg { float:left;margin:15px; }
#tutustu-ja-tilaa .primaryContent img.paddedImg { margin-top:0; }

#tutustu-ja-tilaa div.secondaryTwoCol { clear:both; }
#tutustu-ja-tilaa div.secondaryTwoCol span { width:350px;float:left; }

#tutustu-ja-tilaa .elementBox { background: #fff url(/img/elementContentBg.gif) top left repeat-y; width:730px;margin: 0px 0px 15px 15px; }
#tutustu-ja-tilaa .elementBox .elementHeader { background: transparent url(/img/elementHdrBgRed.gif) top left no-repeat; }
#tutustu-ja-tilaa .elementBox .elementHeader h3 { color:#fff;font-size:13px; margin:0 0 16px 12px;padding: 8px 0; }
#tutustu-ja-tilaa .primaryContent form { margin: 0 0 0 15px; }
#tutustu-ja-tilaa form ul { list-style-type:none;margin:0;padding:0px; }
#tutustu-ja-tilaa form ul li label { width:100px;min-width:100px; }

#tutustu-ja-tilaa form#orderMagazine label.radio { float:none; }
#tutustu-ja-tilaa form#orderMagazine input.radio { float:left; }

#tutustu-ja-tilaa.dynamic form#orderMagazine label.radio { width:auto;float:left; }
#tutustu-ja-tilaa.dynamic form#orderMagazine input.radio { float:left; }


#tutustu-ja-tilaa .elementBox .elementFooter { background:#fff url(/img/elementFooterBg.gif) bottom left no-repeat;height:30px; min-height:30px;padding:10px; }


/** infoboxi iliman scriptejä **/
#tutustu-ja-tilaa a.loginInfo { background: transparent url(../img/icon_info.gif) center center no-repeat;width:15px;height:15px;float:left;}


/** button styles **/

#tutustu-ja-tilaa fieldset.buttons { position:relative; }
/*#tutustu-ja-tilaa .btnBg.red { background: transparent url(/img/btnLinkBgRed.gif) 100% 0px no-repeat;padding:8px 10px 8px 0;margin:0;height:29px; } 
#tutustu-ja-tilaa .btnBg.red input { background: #fff url(/img/btnLinkBgRed.gif) 0 0 no-repeat;height:29px!important;font-size:15px;color:#fff;padding:0 0 0 8px!important;margin:0; }
*/
/** if ie 
 #tutustu-ja-tilaa .btnBg.red { padding-top:0px;padding-bottom:0px;background-position: 100% 0; }
**/

/** /button styles **/

#tutustu-ja-tilaa ul.cTabs.magz li { width:115px; }
#tutustu-ja-tilaa ul.cTabs.magz li a { color:#ca3327!important;}
#tutustu-ja-tilaa ul.cTabs.magz li.first .active { background-position:-115px -57px !important;}
#tutustu-ja-tilaa ul.cTabs.magz li.first a {background-position:-115px 0 !important;}
#tutustu-ja-tilaa ul.cTabs.magz li a.active {background:white url(/img/magTabBg.gif) no-repeat scroll 0 -57px;}
#tutustu-ja-tilaa ul.cTabs.magz li a { background:white url(/img/magTabBg.gif) no-repeat scroll 0 0;width:105px;}
#tutustu-ja-tilaa ul.tabContent li div img { height:150px;float:none; }

#tutustu-ja-tilaa .centered { text-align:center; }

#tutustu-ja-tilaa .tabContent li div { height:190px; }
#tutustu-ja-tilaa .tsrBox.side .tsrContent { position:relative;clear:both; }
#tutustu-ja-tilaa .tsrBox.side .tsrContent img.sbIcon { position:absolute;top:-42px;left:140px;width:auto;height:auto;margin:0; }
#tutustu-ja-tilaa .tsrBox.side .tsrContent img.sbPopUp { position:absolute;top:-48px;left:130px;width:auto;height:auto;margin:0; }
#tutustu-ja-tilaa .tsrBox.side .tsrContent a.loginInfo { position:absolute;top:3px;left:165px;}
#tutustu-ja-tilaa .tsrBox.side .tsrContent form#login input { margin-bottom:5px; }


#tutustu-ja-tilaa .tsrBox.side .tsrContent form#login input#submitLogin { background: transparent url(/img/loginBtn.gif) center center no-repeat;border:none;margin:0;height:24px;color:#fff;font-size:12px;padding:0 8px 5px 8px; }
#tutustu-ja-tilaa .tsrBox.side .tsrContent form#logout input#submitLogout { background: transparent url(/img/logoutBtn.gif) center center no-repeat;border:none;margin:0;height:24px;color:#fff;font-size:12px;padding:0 4px 5px 4px; }

#tutustu-ja-tilaa .tsrBox.side .tsrFooter {  }
#tutustu-ja-tilaa .tsrBox.side .tsrFooter a { margin-left:35px;}

#tutustu-ja-tilaa .tsrBox.side .tsrContent ul.imageList { list-style-type:none; margin:0;padding:0;height:220px;  }
#tutustu-ja-tilaa .tsrBox.side .tsrContent ul.imageList li { float:left;padding:0px 10px 10px 0px; }
#tutustu-ja-tilaa .tsrBox.side .tsrContent ul.imageList li img { width:auto;height:auto; }

/* section colors - en */

/* EN */

#topNavi li.our-brands a {
	width:125px;
	background:transparent url(/img/tabs/tab_sprite_ourbrands.gif) top right no-repeat;
	display:none;
}


/* asiakaspalvelu */

#topNavi li.customer-service a {
	width:179px;
	background:transparent url(/img/tabs/tab_sprite_customerservice.gif) top right no-repeat;
	display:none;
}

/* mediaopas */

#topNavi li.mediaguide a {
	margin-left:1px;
	width:134px;
	background:transparent url(/img/tabs/tab_sprite_mediaguide.gif) top right no-repeat;
}



#topNavi li.custom-publishing a {
	width:186px;
	background:transparent url(/img/tabs/tab_sprite_custompublishing.gif) top right no-repeat;
}

#topNavi li.about_us a {
	width:110px;
	background:transparent url(/img/tabs/tab_sprite_aboutus.gif) top right no-repeat;
}


body.en #enhancedSelector {background:transparent url(/img/webservices_selector_bg.gif) no-repeat}
body.en #selectList {width:123px; padding:}
body.en #searchSubmit {background-image: url(/img/btnSearch.gif); width:79px;}

/*mediaopas-osion tyylit*/ 

/*text color
#6f233a
*/
#mediaguide h4.sidesub{
	display: block;
	margin: 5px 0 0 0;
	color:#6f233a;	
}


#mediaguide .sectionColor {
	color:#6f233a ! important;
}

#mediaguide #tabs {
			background:transparent url(/img/tabsBgPurple.gif) no-repeat 1px -1px;
}

#mediaguide #subNavi li.active , #mediaguide #subNavi li a:hover {
	background:transparent url(/img/tab2hover_mediaopas.gif) repeat-x bottom;
}

#mediaguide .side .tsrHeader {
		background:white url(/img/tsrHeaderBgPurple.gif) no-repeat top left;
}




#mediaguide #contentBox h1 {
	
	color:#6f233a ! important;
}

#mediaguide .column.medium h2, #mediaguide .column.large h2 {
	color:#6f233a ! important;
	font-size:18px;
}

#mediaguide ul.sideNavi li a, #mediaguide ul.sideNavi li a.active, #mediaguide p a {
	color:#6f233a ! important;
}


#mediaguide ul.sideNavi li a.has_subs, #mediaguide .arrowLink {
	color:#6f233a;
	background:transparent url(/img/purpleArrow.gif) no-repeat 0px 3px;	
}

#mediaguide ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/purpleArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}

#mediaguide .tsrBox.main h3, #mediaguide .tsrBox.product h3 {
	color:#6f233a;
}

#mediaguide .productList ul a {
	color: #6F233A;
	text-decoration: none;
}

#mediaguide .productList ul a:hover {
	text-decoration: underline;
}

#mediaguide a.btn_corner {
	text-decoration:none;
	background:transparent url(/img/corner_purple.png) no-repeat top left;
	
	color:white;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	
}

#mediaguide a.btn_corner:hover {
	text-decoration:underline;
}

#mediaguide a.btn_corner span {
	display:block;	
	text-align:right;	
	padding:10px;
}

#mediaguide a.btn_corner span img.cornerArrow {}


#mediaguide div.magazine table {
	border-collapse:collapse;	
	width:99%;
}

#mediaguide div.magazine table th {
	width:180px;
}
/*
#mediaguide div.coverBg {
	height:225px;
	width:175px;
	background:transparent url(/img/coverBg_trans.png) no-repeat top left;
	position:relative;
	float:left;
	
}

#mediaguide div.coverBg  img {
	top:15px;
	left:18px;
	height:185px;
	width:140px;
	position:absolute;
}*/
#mediaguide div.magazine td, #mediaguide div.magazine th {
	vertical-align:top;	
}

#mediaguide div.magazine td h3 {
	font-size:16px;
	margin:20px 0 0 15px;
	color:#6f233a ! important;
	text-decoration:none;
}

#mediaguide div.magazine td h3 a {
	color:#6f233a ! important;
	text-decoration:none;
	font-size:16px;
}

#mediaguide div.magazine td ul {
	margin:10px 0px 20px 10px;
	padding:0px;
}

#mediaguide div.magazine li {
	color:#6f233a;
	list-style:inside;
}

#mediaguide div.magazine li span {
	color:black;
}


#mediaguide ul.arrowList {
	list-style: outside url(/img/purpleArrow.gif);
}

#mediaguide .tsrContent a {
	color:#6f233a ! important;
}


#mediaguide .mediumContentBox .boxHeader {
	background:transparent url(/img/mediumBoxHeader_mediaopas.gif) no-repeat top left;
	color:white ! important;
	font-size:14px ! important;
}


#mediaguide .mediumContentBox .boxHeader h2 {color:white ! important;}

/* graphical table styles*/

#mediaguide div.tblBg {
	background:transparent url(/img/tableBg_red.gif) no-repeat;
}

#mediaguide div.tblML {
  background:transparent url(/img/tableBg_red_left.gif) no-repeat;
}

#mediaguide .tableFrame table th {
	background-color: #6f233a;
	
}

#mediaguide .tableFrame tr.dark td {
	background-color:#f0e9eb;
}


#mediaguide table.bannerData {
	margin:10px 15px;
	border:0;
	border-collapse:collapse;
	width:100%;
}

#mediaguide table.bannerData th {
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:5px;
}

#mediaguide table.bannerData td {
	vertical-align:top;
	padding:5px;
}

#mediaguide table.bannerData td.label { 
	width:200px;
}

#mediaguide table.bannerData td.description { 
	width:350px;
	padding-right:20px;
}

#mediaguide .btnBg2 {color:#6F233A;}
#mediaguide .btnBg2:hover ,
#mediaguide .btnBg2#activeNaviFilter {background-color:#6F233A;}
#mediaguide li.article-tab a span {color:#6F233A;}
#mediaguide li.article-tab:hover,
#mediaguide li.article-tab.active {background-color:#6F233A; background-position:top left;}
#mediaguide li.article-tab:hover a,
#mediaguide li.article-tab.active a  {background:none;}
#mediaguide li.article-tab:hover span ,
#mediaguide li.article-tab.active span { color:white;}

#mediaguide .magazine .product h3 a {color:#6F233A;}

#mediaguide #article-form-container .btnBg {background-color:#6F233A; color:white;}
#mediaguide .elite-teaser h2  , #mediaguide .elite-teaser h2 a {color:#6F233A;} 
/* Article carousel */
/* IN mediaopas.css
#mediaguide  #fr_carousel { background-color: #6F233A; border: 1px solid #8c4f61; }
#mediaguide  #fr_carouselControls .teaserTitle { background: #fefefe; border-right: 1px solid #8c4f61; } 
				#mediaguide  #fr_carouselControls ul li a { background-color: #6F233A;; border-bottom: 1px solid #8c4f61; color: #fff; }
				#mediaguide  #fr_carouselControls ul li a:hover { background-color: #8c4f61; }
				#mediaguide  #fr_carouselControls ul li a.active, #fr_carouselControls ul li a.active:hover { background: url(/img/carousel_item_active.png) no-repeat; border:none;}
			#mediaguide  #fr_carouselContainer * { color: #fff; }
			#mediaguide  .fr_carouselContent { background-color: #6F233A; }
				#mediaguide  #fr_carouselContainer .info .date, #mediaguide   #fr_carouselContainer .info .writer { border-left: 1px solid #6F233A; }
*/ 


/*about_us-osion tyylit*/

#about_us .sectionColor{
	color:#0f2e67 ! important;
}

.sideNaviBg {
	overflow : hidden;
}

#about_us #tabs {
	background:transparent url(/img/tabsBgBlue.gif) no-repeat 1px -1px;
}

#about_us #subNavi li.active , #about_us #subNavi li a:hover {
	background:transparent url(/img/tab2hover_about_us.gif) repeat-x bottom;
}

#about_us .side .tsrHeader {
	background:white url(/img/tsrHeaderBgBlue.gif) no-repeat top left;
}

#about_us #contentBox h1 {
	color:#193568;
}

#about_us .column h2{
	color:#0f2e67;
}

#about_us ul.sideNavi li a , #about_us ul.sideNavi li a.active, #about_us a {
	color:#013376;
}

ul.sideNavi li a {
	color:#0f2e67;
}

ul.sideNavi ul.sideNavi {
	margin-left : 0;
}

#about_us .tsrBox.main h3, #about_us .tsrBox.product h3 {
	color:#0f2c67;
}

#about_us ul.sideNavi li a.has_subs, #about_us ul.sideNavi li ul li a.active,  #about_us .arrowLink {
	color:#0f2e67;
	background:transparent url(/img/blueArrow.gif) no-repeat 0 3px;
}

#about_us ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/blueArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}


#about_us ul.sideNavi li  a.active {
	font-weight : bold;
}

#about_us ul.arrowList {
	list-style: outside url(/img/blueArrow.gif) ! important;
}

/**********************************/
/*  content specific styles    */
/**********************************/

/* graphical table styles*/

#about_us div.tblBg {
	background:transparent url(/img/tableBg_blue.gif) no-repeat;
}

#about_us div.tblML {
  background:transparent url(/img/tableBg_blue_left.gif) no-repeat;
}

#about_us .tableFrame table th {
	background-color: #6f233a;
}

#about_us .tableFrame tr.dark td {
	background-color:#f0e9eb;
}



#about_us .flashParent{

height:309px;
}

#about_us #frontFlash {
	visibility:visible ! important;
	margin-top:15px;
}

#about_us form#loginForm div.submit {
    background: transparent url(/img/btnInputBgBlue.gif) right top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:133px;
    color:#fff;
    font-size:12px;
    padding: 0px 0px 0px 0px; 
}

#about_us form#loginForm input#submitLogin { 
    background: transparent url(/img/btnInputBgBlue.gif) left top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:123px;
    color:#fff;
    font-size:12px;
    padding:0 0px 5px 8px; 
}

#about_us form#logoutForm div.submit {
    background: transparent url(/img/btnInputBgBlue.gif) right top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:113px;
    color:#fff;
    font-size:12px;
    padding: 0px 0px 0px 0px; 
}

#about_us form#logoutForm input#submitLogout { 
    background: transparent url(/img/btnInputBgBlue.gif) left top no-repeat;
    border:none;
    margin:0;
    height:23px;
    width:103px;
    color:#fff;
    font-size:12px;
    padding:0 0px 5px 8px; 
}

#about_us div#materiaalipankkiLoginControls {
    margin-left:15px; 
    height:100px;
}

#about_us form#loginForm .error input, #loginForm .error select {
    border:1px solid #eaa ! important;
    background-position:0px 20px ! important;
    color:#a44;
    font-weight:bold;
}

#about_us #loginForm .error label {
    color:red;
}

#about_us div#materiaalipankkiSearch {
    margin-left:15px; 
}

#about_us form#materiaalipankkiSearchForm div.text {
    float: left;
}

#about_us form#materiaalipankkiSearchForm div.submit {
    float: left;
}

/*-#about_us #loginForm p.errorMsg {*/
#about_us #loginForm p.error_constraint_callback {
    color:red;
    clear:both;
    margin:3px 0 0 175px;
    display:none;
}
#about_us #loginForm .error p.errorMsg {  display:block;}



/*custom-publishing-osion tyylit - en  - custom-publishing*/

#custom-publishing .sectionColor{
	color:#005193 ! important;
}

.sideNaviBg {
	overflow : hidden;
}

#custom-publishing #tabs {
	background:transparent url(/img/tabsBgDarkBlue.gif) no-repeat 1px -1px;
}

#custom-publishing #subNavi li.active , #custom-publishing #subNavi li a:hover {
	background:transparent url(/img/tab2hover_custompublishing.gif) repeat-x bottom;
}

#custom-publishing .side .tsrHeader {
	background:white url(/img/tsrHeaderBgDarkBlue.gif) no-repeat top left;
}

#custom-publishing #contentBox h1 {
	color:#005193;
}

#custom-publishing .column h2 {
	color:#005193;
}

#custom-publishing .tsrBox.main h3 a {
	color:#005193;
}

 #custom-publishing ul.sideNavi li a.has_subs, #custom-publishing .arrowLink {
	color:#005193;
	background:transparent url(/img/darkBlueArrow.gif) no-repeat 0 3px;
}

#custom-publishing ul.sideNavi li a.active.has_subs {
	background : transparent url(/img/darkBlueArrow_down.gif) no-repeat 0 5px;
	font-weight : bold;
}


#custom-publishing ul.sideNavi li  a.active {
	font-weight : bold;
}


/* LIST-ITEM STYLES */

#custom-publishing ul.arrowList {
	list-style-image:url(/img/darkBlueArrow.gif) !important;
}


#custom-publishing .primaryContent ul li, #custom-publishing .secondaryContent ul li {
	list-style : disc outside none;
	color:#193568;
}

#custom-publishing .primaryContent ul li span {
	color : #000000;
}



/* graphical table styles*/

#custom-publishing div.tblBg {
	background:transparent url(/img/tableBg2.gif) no-repeat;
}

#custom-publishing div.tL {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	height:46px;
	width:15px;
}

#custom-publishing div.tR {
	padding:0px 3px 0px 0px;
	background-position:top right;
	height:46px;
	width:15px;
	z-index:1;
}

#custom-publishing div.bM {
	position:absolute;
	background-position:bottom left;
	height:42px;
	z-index:0;
	bottom:-15px;
	width:100%;
}

#custom-publishing div.bL {
	position:absolute;
	padding:0px 3px 0px 0px;
	bottom:0px;
	left:0px;
	background-position:bottom left;
	z-index:1;
	height:42px;
	width:20px;
}

#custom-publishing div.bR {
	position:absolute;
	bottom:0px;
	right:0px;
	background-position:bottom right;
	height:42px;
	width:20px;
	z-index:1;
}

#custom-publishing div.tblML {
	background-position:top left;
	padding-left:3px;
	z-index:20;
}

#custom-publishing div.tblMR {
	margin:0px 0px 0px 0px;
	z-index:21;
	padding:3px 8px 0px 0px;
	background-position: top right;
}

/*
#custom-publishing .tableFrame table th {
	background-color: darkblue;
}
*/

#custom-publishing .tableFrame tr.dark td {
	background-color:#e2eaf2;
}

/*
td.name {
}

td.editions {
	text-align:right;
}

td.last {
	width:105px;
	text-align:right;
	border-right:0px ! important;
	margin-right:3px;
}

td.founded {
	text-align:right;	
}

td.orders {
	text-align:right;	
}

td.readers {
	text-align:right;	
}

*/
/* Article carousel */

#yritysjulkaisut #fr_carousel { background-color: #1b639e; border: 1px solid #8aafcd; }
#yritysjulkaisut #fr_carouselControls .teaserTitle { background: #fefefe; border-right: 1px solid #8aafcd; } 
				#yritysjulkaisut #fr_carouselControls ul li a { background-color: #1b639e; border-bottom: 1px solid #2e70a6; color: #fff; }
				#yritysjulkaisut #fr_carouselControls ul li a:hover { background-color: #0d5a99; }
				#yritysjulkaisut #fr_carouselControls ul li a.active, #fr_carouselControls ul li a.active:hover { background: url(/img/carousel_item_active.png) no-repeat; }
			#yritysjulkaisut #fr_carouselContainer * { color: #fff; }
			#yritysjulkaisut .fr_carouselContent { background-color: #005193; }
				#yritysjulkaisut #fr_carouselContainer .info .date, #yritysjulkaisut  #fr_carouselContainer .info .writer { border-left: 1px solid #1b639e; }



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/img/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('/img/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('/img/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('/img/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('/img/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('/img/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('/img/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('/img/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/img/fancybox/fancy_shadow_nw.png') no-repeat;
}