/* Aspanet CSS */

html{background:transparent;}

* {
    padding: 0;
    margin: 0;
}
html, body {
	height: 100%;	
}
body {
    font-family: Verdana, Arial, Serif;
	font-size:75%;
	line-height:18px;
	text-align:center;
	margin:0;
	padding:0;
	color:#404040;
	background:#f7f7f7 url("../images/body_bg.png") repeat 0 0;
}
body.plain {
	background-image:none;
}
strong {
	font-weight:bold;
}
a:link, a:active, a:visited {
	color:#0c4181;
	background-color:transparent;
	text-decoration:none;
}
a:hover {
	color:#456db6;
	background-color:transparent;
	text-decoration:underline;
}

#pageWrapper {
	min-height:100%;
	width:1019px;
	background:url("../images/content-main_bg.png") repeat-y center 0;
	margin:0 auto !important;
}
#pageWrapperInner {
	min-height:100%;
	width:1019px;
	background:url("../images/content_bg.png") no-repeat center 0;
	margin:0 auto !important;
	text-align:left;
}
* html #pageWrapper {
	background-image:url("../images/content-main_bg_ie6.png");
	height:100%;
}
* html #pageWrapperInner {
	background-image:url("../images/content_bg_ie6.png");
	height:100%;
}

#pageWrapper #header {
	height:73px;
	padding:0 39px 0 36px;
}
#pageWrapper #header h1 {
	font-size:20px;
	margin:0;
	height:73px;
	text-indent:-9999px;
	background:url("../images/logo.png") no-repeat 0 0;
	overflow:hidden;
}
#pageWrapper #header h1 a {
	width:248px;
	float:left;
	margin:0;
	height:73px;
	display:block;
	outline:none;
}

#menu {
	clear:left;
	margin:0 39px 0 36px;
	height:32px;
	background:#f4f4f4 url("../images/menu-sides.png") no-repeat 0 0;
}
#menu #floatLink {
	font-size:11px;
	float:right;
	height:30px;
	line-height:30px;
	padding:2px 10px 0;
	background:url("../images/menu-sides.png") no-repeat right -32px;
}
#menu ul {
	height:32px;
	list-style-type:none;
}
#menu ul li {
	float:left;
	height:32px;
	list-style-type:none;
	margin:0;
}
#menu ul li a {
	float:left;
	height:32px;
	line-height:32px;
	font-size:16px;
	color:#0c4181;
	padding:0 20px;
	font-weight:bold;
	font-family:Arial,Serif;
	outline:none;
}
#menu ul li a.tutustu-ja-tilaa {
	background:url("../images/menu_tutustu-ja-tilaa.png") no-repeat 0 0;
	text-indent:-9999px;
	width:152px;
	padding:0;
}
#menu ul li a.asiakaspalvelu {
	background:url("../images/menu_asiakaspalvelu.png") no-repeat 0 0;
	text-indent:-9999px;
	width:152px;
	padding:0;
}
#menu ul li a.mediaopas {
	background:url("../images/menu_mediaopas.png") no-repeat 0 0;
	text-indent:-9999px;
	width:122px;
	padding:0;
}
#menu ul li a.yritysjulkaisut {
	background:url("../images/menu_yritysjulkaisut.png") no-repeat 0 0;
	text-indent:-9999px;
	width:149px;
	padding:0;
}
#menu ul li a.yritysinfo {
	background:url("../images/menu_yritysinfo.png") no-repeat 0 0;
	text-indent:-9999px;
	width:115px;
	padding:0;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
	background-position:0 -64px;
}
#menu ul li.selected a, #menu ul li.selected a:hover, #menu ul li.selected a:active, #menu ul li.selected a:focus {
	background-position:0 -32px;
}

#submenu {
	clear:left;
	margin:0 39px 0 36px;
	height:30px;
	background:#f5d86c url("../images/submenu-sides.png") no-repeat 0 0;
}
#submenu .rightSide {
	margin:0;
	height:30px;
	background:url("../images/submenu-sides.png") no-repeat right -30px;
}
#submenu ul {
	height:30px;
	background:url("../images/submenu_bg.png") repeat-x 0 0;
	list-style-type:none;
	margin:0 5px;
	padding-left:7px;
}
#submenu ul li {
	height:30px;
	list-style-type:none;
	float:left;
	margin:0;
	background:url("../images/menu_bg.png") repeat-x 0 -32px;
}
#submenu ul li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	font-size:15px;
	color:#0c4181;
	padding:0 13px;
	font-weight:bold;
	font-family:Arial,Serif;
	outline:none;
}
#submenu ul li a.tarkista-tilaustiedot {
	background:url("../images/submenu_tarkista-tilaustiedot.png") no-repeat 0 0;
	text-indent:-9999px;
	width:153px;
	padding:0;
}
#submenu ul li a.tilausmuutokset {
	background:url("../images/submenu_tilausmuutokset.png") no-repeat 0 0;
	text-indent:-9999px;
	width:140px;
	padding:0;
}
#submenu ul li a.usein-kysyttya {
	background:url("../images/submenu_usein-kysyttya.png") no-repeat 0 0;
	text-indent:-9999px;
	width:123px;
	padding:0;
}
#submenu ul li a.palaute {
	background:url("../images/submenu_palaute.png") no-repeat 0 0;
	text-indent:-9999px;
	width:76px;
	padding:0;
}
#submenu ul li a.puhelinpalvelu {
	background:url("../images/submenu_puhelinpalvelu.png") no-repeat 0 0;
	text-indent:-9999px;
	width:127px;
	padding:0;
}
#submenu ul li.selected a, #submenu ul li a:hover, #submenu ul li a:active, #submenu ul li a:focus {
	background-position:0 -30px;
}

/* Main page */
#main {
	padding:0 20px;
}
.plain #main {
	padding-bottom:40px;
}
.with-image #main {
	background:url("../images/content-ribbon_bg.png") no-repeat center bottom;
	padding-bottom:100px;
}
#main h2 {
	color:#0c4181;
	background-color:#fff;
	font-size:22px;
	font-weight:normal;
	margin:0 19px 0 16px;
	height:50px;
	line-height:50px;
}
#main h2.narrow {
	margin-left:205px;
}
#main h2.tutustu-ja-tilaa {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 0;
}
#main h2.asiakaspalvelu {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -39px;
}
#main h2.tilaus {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -78px;
}
#main h2.tarkista-tilaustiedot {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -117px;
}
#main h2.tilausmuutokset {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -156px;
}
#main h2.usein-kysyttya {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -195px;
}
#main h2.palaute {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -234px;
}
#main h2.puhelinpalvelu {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -273px;
}
#main h2.osoitteenmuutos {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -312px;
}
#main h2.irtisanominen {
	text-indent:-9999px;
	background:#fff url("../images/heading.png") no-repeat 0 -351px;
}
/* Magazines */
#main h2.aku-ankan-taskukirja {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 0;
}
#main h2.aku-ankka {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -39px;
}
#main h2.aku-ankka-ekstra {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -78px;
}
#main h2.auto-bild-suomi {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -117px;
}
#main h2.auto-bild-suomi-testiextra {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -156px;
}
#main h2.autot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -195px;
}
#main h2.cosmopolitan {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -234px;
}
#main h2.et-lehti {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -273px;
}
#main h2.et-ristikot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -312px;
}
#main h2.geo {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -351px;
}
#main h2.gloria {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -390px;
}
#main h2.glorian-antiikki {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -429px;
}
#main h2.glorian-koti {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -468px;
}
#main h2.glorian-ruokajaviini {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -507px;
}
#main h2.gti-magazine {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -546px;
}
#main h2.guinness-world-records {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -585px;
}
#main h2.hannah-montana {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -624px;
}
#main h2.heikin-helpot-ristikot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -663px;
}
#main h2.helpot-ristikot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -702px;
}
#main h2.helppomix {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -741px;
}
#main h2.high-school-musical {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -780px;
}
#main h2.hyva-terveys {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -819px;
}
#main h2.iines {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -858px;
}
#main h2.iso-sudoku-ristikot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -897px;
}
#main h2.japanilaiset-ristikot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -936px;
}
#main h2.kiloklubi {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -975px;
}
#main h2.kodin-kuvalehti {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1014px;
}
#main h2.kotiristikko-extra {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1053x;
}
#main h2.krypto-extra {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1092px;
}
#main h2.kultaristikot-extra {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1131px;
}
#main h2.lasten-oma-kirjakerho {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1170px;
}
#main h2.matkaopas {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1209px;
}
#main h2.me-naiset {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1248px;
}
#main h2.meidan-perhe {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1287px;
}
#main h2.merkurius-kirjakerho {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1326px;
}
#main h2.mikrobitti {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1365px;
}
#main h2.miniristikko {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1404px;
}
#main h2.nalle-puh {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1443px;
}
#main h2.osaava-kodinrakentaja {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1482px;
}
#main h2.pelit {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1521px;
}
#main h2.playhouse-disney {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1560px;
}
#main h2.prinsessa {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1599px;
}
#main h2.prosessori {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1638px;
}
#main h2.puuhamix {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1677px;
}
#main h2.rakennuslehti {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1716px;
}
#main h2.ristikkoretket {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1755px;
}
#main h2.roope-seta {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1794px;
}
#main h2.sara {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1833px;
}
#main h2.sisters-club {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1872px;
}
#main h2.sport {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1911px;
}
#main h2.sudoku-extra {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1950px;
}
#main h2.sudoku-ristikot {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -1989px;
}
#main h2.suuri-kasityolehti {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2028px;
}
#main h2.suuri-ristikko {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2067px;
}
#main h2.taskuristikko {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2106px;
}
#main h2.tiede {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2145px;
}
#main h2.tietokone {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2184px;
}
#main h2.witch {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2223px;
}
#main h2.v8-magazine {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2262px;
}
#main h2.vauva {
	text-indent:-9999px;
	background:#fff url("../images/heading-magazines.png") no-repeat 0 -2301px;
}
/* Offer */
#main h2.olet-saanut-hyvan-tarjouksen {
	text-indent:-9999px;
	background:#fff url("../images/heading-offer.png") no-repeat 0 0;
}
#main h2.kylla-haluan-tilata-ilmaisen-naytenumeron {
	text-indent:-9999px;
	background:#fff url("../images/heading-offer.png") no-repeat 0 -39px;
}

/* Sidebar */
#main #sidebar {
	width:226px;
	float:right;
	display:inline;
	background-color:#fff;
}
.plain #main #sidebar {
	width:350px;
}
.plain #main #sidebar p {
	padding-right:20px;
}
#main #sidebar .box {
	width:201px;
	margin:0 0 21px 11px;
}
#main #sidebar .box h3 {
	height:52px;
	line-height:38px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#0c4181;
	padding-left:14px;
}
#main #sidebar #contact h3 {
	background:url("../images/sidebar-box-top.png") no-repeat 0 0;
}
#main #sidebar #faq h3 {
	background:url("../images/sidebar-box-top.png") no-repeat 0 -52px;
}
#main #sidebar #whats-new h3 {
	background:url("../images/sidebar-box-top.png") no-repeat 0 -104px;
}
#main #sidebar #notice h3 {
	background:url("../images/sidebar-box-top.png") no-repeat 0 -156px;
}
#main #sidebar #feedback h3 {
	background:url("../images/sidebar-box-top.png") no-repeat 0 -208px;
}
#main #sidebar .box .boxcontent {
	background:url("../images/sidebar-box-content.png") repeat-y 0 0;
}
#main #sidebar .box .boxcontent p {
	padding:0 10px 4px 14px;
	font-size:11px;
	margin:0;
	line-height:14px;
}
#main #sidebar .box .boxcontent .boxfooter {
	background:url("../images/sidebar-box-footer.png") no-repeat 0 bottom;
	padding-bottom:16px;
}
p.link, #main #sidebar .box .boxcontent .boxfooter p.link {
	font-weight:normal;
	padding:3px 10px 4px 30px;
	background:url("../images/arrow.png") no-repeat 15px 5px;
	line-height:14px;
	font-size:11px;
	letter-spacing:0;
}
#main #sidebar .box .boxcontent .boxfooter a {
	
}
/* Advertisement in sidebars */
#main #sidebar-left {
	width:174px;
	float:left;
	display:inline;
	text-align:center;
	background:#fff url("../images/banner-vertical.png") no-repeat right 0;
	margin:46px 0 25px 12px;
	padding:18px 0;
}
#main #sidebar .advertisement-cover {
	width:201px;
	height:258px;
	text-align:center;
	background:#fff url("../images/banner-cover.png") no-repeat right 0;
	margin:0 0 0 8px;
	padding:10px 0 0;
}
.plain #main #sidebar .advertisement-cover {
	background:none;
	width:auto;
	height:auto;
	margin:0;
	padding:5px 0 10px;
	width:350px;
	text-align:left;
}
#main .cover-left {
	width:174px;
	float:left;
	display:inline;
	text-align:center;
	margin:0 16px 22px 18px;
	padding:0;
}

/* Content */
#main #content {
	width:auto;
	background-color:#fff;
	margin:0 226px 50px 19px;
}
.plain #main #content {
	margin-right:350px;
	width:594px;
	overflow:hidden;
}
#main #content-narrow {
	width:auto;
	background-color:#fff;
	margin:0 226px 35px 205px;
}
#main h3 {
	color:#0c4181;
	font-size:17px;
	font-weight:normal;
	padding:0 0 8px;
	margin:0;
}
#main h4 {
	font-size:16px;
	font-weight:bold;
	padding:10px 0;
	margin:0;
	clear:left;
}
#main ul h3 {
	padding:8px 0;
}
#main #content .bordered, #main #content-narrow .bordered {
	border-bottom:3px solid #c6c6c6;
	margin:0 8px 18px 0;
	height:18px;
}
#main p {
	margin-bottom:18px;
	font-size:13px;
}
#main p.footnote {
	clear:left;
	font-size:11px;
}
#main ol {
	margin:0;
	padding:0;
}
#main ol li {
	list-style: decimal inside;
	margin:0;
	padding:0;
}
#main span.label {
	font-size:14px;
}
#main .sum {
	white-space:nowrap;
}

#main #content #frontpage-promo {
	background:#faecb8 url("../images/frontpage-promo.png") no-repeat 0 top;
	height:354px;
	width:726px;
	margin-bottom:15px;
}
#main #content #frontpage-promo h2 {
	padding:38px 54px 0 202px;
	margin:0;
	line-height:24px;
	font-size:24px;
	letter-spacing:-1px;
	height:50px;
	text-indent:0;
	background:none;
}
* html #main #content #frontpage-promo h2 {
	margin:38px 54px 0 202px;
	padding:0;
}
#main #content #frontpage-promo h3 {
	padding:0 54px 0 262px;
	line-height:22px;
	font-size:19px;
	letter-spacing:-1px;
	height:44px;
}
#main #content #frontpage-promo .links {
	padding:0 54px 0 248px;
	height:44px;
}
#main #content #frontpage-promo .links p.link {
	width:170px;
	float:left;
	font-size:12px;
	margin:0;
}
#main #content .frontpage-promo-33 {
	width:231px;
	float:left;
	font-size:11px;
	float:left;
	margin-left:16px;
}
#main #content .promo-first {
	margin-left:0;
}
#main #content .frontpage-promo-33 h4 {
	font-size:14px;
	color:#0F2E67;
	font-weight:bold;
	padding:2px 2px 0;
}
#main #content .frontpage-promo-33 p {
	font-size:11px;
	line-height:14px;
	margin:4px 2px;
}
#main #content .frontpage-promo-33 p.link {
	padding-left:15px;
	background-position:1px 5px;
}
/* Box */
#main #content .box {
	width:594px;
}
#main #content .box .boxtop {
	height:17px;
	background:url("../images/box-top_bg.png") no-repeat 0 0;
}
#main #content .box .boxcontent {
	background:url("../images/box-content_bg.png") repeat-y 0 0;
}
#main #content .box .boxcontent .boxcontentinner {
	background:url("../images/box-footer_bg.png") no-repeat 0 bottom;
	padding:0 20px 25px;
}
#main #content .box .boxcontent .boxcontentinner .magazine-logo {
	text-align:center;
}
#main #content .box .boxcontent .boxcontentinner h2 {
	margin:0;
}
#main #content .box .boxcontent .boxcontentinner p {
	font-family:Arial,Serif;
}

/* Tab container */
#main #content .tab-container {
	width:731px;
}
#main #content .tab-container .tabs {
	height:57px;
}
#main #content .tab-container .tabs ul {
	height:57px;
	list-style:none;
	margin:0;
	padding:0;
	background:url("../images/tabs_bg.png") no-repeat right bottom;
}
#main #content .tab-container .tabs ul li {
	height:47px;
	width:93px;
	float:left;
	list-style:none;
	margin:0;
	padding:8px 10px 0 12px;
	background:url("../images/tab-item_bg.png") no-repeat right 0;
}
#main #content .tab-container .tabs ul li.selected {
	background-position:right -57px;
}
#main #content .tab-container .tabs ul li.first {
	padding-left:24px;
}
#main #content .tab-container .tabs ul li.first-selected {
	background-position:right -114px;
	width:93px;
	padding-left:24px;
}
#main #content .tab-container .tabs ul li a {
	font-size:14px;
	line-height:16px;
	display:inline;
	margin:0;
	padding:0;
}
/* IE fixes */
* html #main #content .tab-container .tabs ul li {
	width:115px;
	height:57px;
}
* html #main #content .tab-container .tabs ul li.first {
	width:127px;
}
* html #main #content .tab-container .tabs ul li.first-selected {
	width:127px;
}
/* Tab content */
#main #content .tab-content {
	background:url("../images/tab-content_bg.png") repeat-y 0 0;
}
#main #content .tab-content-inner {
	background:url("../images/tab-footer_bg.png") no-repeat 0 bottom;
	min-height:96px;
	padding:0 0 23px 12px;
	zoom:1;
}
#main #content .tab-content-inner p {
	margin:0;
	padding:14px 12px 40px 2px;
}
#main #content .tab-content-inner p.desc {
	font-size:12px;
	width:706px;
}
#main #content .cover-container {
	width:175px;
	height:232px;
	float:left;
	background:url("../images/cover_bg.png") no-repeat 0 0;
	text-align:center;
	padding:18px 2px 0 0;
}
/* IE fixes */
* html #main #content .cover-container {
	overflow:hidden;
}

#main #content .cover-container-small {
	background:url("../images/cover-small_bg.png") no-repeat 0 0;
	padding-bottom:30px;
}
#main #content .cover-container-wide {
	background:url("../images/cover-wide_bg.png") no-repeat 4px 0;
	padding:18px 0 5px;
	width:228px;
	height:370px;
	margin:10px 4px;
}
#main #content .bottom-row {
	background-position:0 -300px;
}
#main #content .bottom-row-with-button {
	background-position:0 -600px;
	height:258px;
}
#main #content .cover-container .cover {
	height:188px;
}
#main #content .cover-container p {
	height:44px;
	line-height:16px;
	font-family:Arial,Serif;
	margin:0;
	padding:10px 0 0;
}
#main #content .bottom-row-with-button p {
	padding:0;
	height:30px;
}
#main #content .cover-container input.button {
	margin:0;
	float:none;
}
#main #content .cover-container-small input.button {
	margin-top:20px;
}
/* Wide cover container */
#main #content .cover-container-wide p {
	height:22px;
	margin-top:4px;
	padding:0;
}
#main #content .cover-container-wide .price-info {
	height:85px;
	overflow:hidden;
	padding:0 37px 0 29px;
	margin-top:10px;
}
#main #content .cover-container-wide .label {
	float:left;
	padding:0 0 8px;
	font-size:12px;
	line-height:12px;
	font-family:Verdana,Serif;
	height:auto;
}
#main #content .cover-container-wide .amount {
	float:right;
	padding:0 0 8px;
	font-size:12px;
	line-height:12px;
	font-family:Verdana,Serif;
	height:auto;
	white-space:nowrap;
}
#main #content .cover-container-wide a.order {
	clear:both;
	height:34px;
	line-height:34px;
	font-size:15px;
	margin:0 5px 0 11px;
	display:block;
	color:#fff;
}
/* IE6 fixes */
* html #main #content .cover-container-wide {
	margin:10px 3px;
}

/* Progress bar */
#main #content ul.progress-bar {
	width:731px;
	list-style-type:none;
}
#main #content ul.progress-bar li {
	height:27px;
	line-height:27px;
	background:url("../images/progress-bar_bg.png") no-repeat 0 0;
	float:left;
	margin-bottom:6px;
	zoom:1;
}
#main #content ul.progress-bar li span {
	color:#666;
	height:27px;
	line-height:27px;
	background:url("../images/progress-bar_bg.png") no-repeat right 0;
	float:left;
	padding:0 25px 0 10px;
	position:relative;
	right:-4px;
	zoom:1;
	font-size:14px;
}
#main #content ul.progress-bar li.selected {
	background-position:0 -27px;
}
#main #content ul.progress-bar li.selected span {
	background-position:right -27px;
	color:#00377b;
}


/* Forms */
#main #content form, #main #content #form-wrap {
	clear:left;
	width:731px;
	margin:10px 0;
}
#main #content .box form, #main #content .box #form-wrap {
	width:554px;
	margin-bottom:25px;
}
#main #content-narrow form, #main #content-narrow #form-wrap {
	margin:10px 0;
	float:left;
	width:545px;
}
#main form h3.bordered, #main #form-wrap h3.bordered {
	color:#000;
	font-size:18px;
}
#main form h4, #main #form-wrap h4 {
	font-size:16px;
	padding-bottom:0;
}
#main form .form-heading, #main #form-wrap .form-heading {
	height:35px;
	line-height:35px;
	background:url("../images/form-heading_bg.png") no-repeat 0 0;
	font-size:16px;
	color:#0c4181;
	padding:0 0 0 15px;
	margin-top:16px;
	font-weight:normal;
}
#main form .form-content, #main  #form-wrap .form-content {
	background:url("../images/form-content_bg.png") repeat-y 0 0;
}
#main form .form-content-wrap, #main #form-wrap .form-content-wrap {
	background:url("../images/form-footer_bg.png") no-repeat 0 bottom;
	padding:10px 16px 24px;
	zoom:1;
}
#main .box form .form-heading, #main .box #form-wrap .form-heading {
	background-position:0 -35px;
}
#main .box form .form-content, #main  .box #form-wrap .form-content {
	background-position:-731px 0;
}
#main .box form .form-content-wrap, #main .box #form-wrap .form-content-wrap {
	background-position:-731px bottom;
}
#main form .form-content-borderless, #main #form-wrap .form-content-borderless {
	margin-bottom:20px;
	zoom:1;
}
#main form .label, #main form label, #main #form-wrap .label, #main #form-wrap label {
	clear:left;
	float:left;
	width:180px;
	margin-top:8px;
	font-size:14px;
}
#main .box form .label, #main .box form label, #main .box #form-wrap .label, #main .box #form-wrap label {
	width:170px;
}
#main label.inline-narrow, #main .label-inline-narrow {
	width:120px;
	margin-left:60px;
}
#main form .form-content-borderless .label, #main form .form-content-borderless label, #main #form-wrap .form-content-borderless .label, #main #form-wrap .form-content-borderless label {
	width:190px;
}
#main .box form .form-content-borderless .label, #main .box form .form-content-borderless label, #main .box #form-wrap .form-content-borderless .label, #main .box #form-wrap .form-content-borderless label {
	width:180px;
}
#main #content-narrow .label, #main #content-narrow label {
	width:145px;
}
#main .exclamation {
	padding-right:18px;
	background:url("../images/icon_exclamation-mark.png") no-repeat right center;
}
#main .notice {
	color:#ff0000;
}
#main .input {
	float:left;
	width:519px;
	margin-top:8px;
}
#main .box .input {
	width:352px;
}
#main #content-narrow .input {
	float:left;
	width:396px;
	margin-top:8px;
}
#main form input, #main form select, #main form textarea {
	border:1px solid #8cbfe6;
	padding:1px;
	background:#fff url("../images/input_bg.png") repeat-x 0 0;
	float:left;
	width:200px;
	margin-right:5px;
	font-family:Verdana,Arial,Serif;
	font-size:12px;
}
* html #main form input {
	padding:1px 0;
}
#main form select {
	width:auto;
	min-width:200px;
}
#main form input:focus, #main form select:focus, #main form textarea:focus, #main form input:hover, #main form select:hover, #main form textarea:hover, #main form .focus {
	background:#fff;
}
#main form input.checkbox, #main form input.radio {
	border:none;
	width:auto;
	background:none;
	margin-right:4px;
}
#main form .medium {
	width:120px;
}
#main form .small {
	width:60px;
}
#main form .tiny {
	width:30px;
}
#main form .tinytiny {
	width:20px;
}
#main form.tarjous .medium {
	width:79px;
}
#main form.tarjous .small {
	width:43px;
}
#main form.tarjous .tiny {
	width:27px;
}
#main form .textarea {
	width:300px;
	background-image:url("../images/textarea_bg.png");
}
#main .input-help {
	font-size:11px;
	color:#666;
	float:left;
	width:290px;
	margin:2px 0 0 4px;
	line-height:14px;
}
#main .box .input-help {
	width:160px;
}
#main .box .input-help-wide {
	width:260px;
}
#main .absolute {
	position:absolute;
}
#main #content-narrow .input-help {
	width:190px;
}
#main .label-auto {
	float:none;
	clear:left;
	width:auto;
	margin-top:6px;
}
#main .label-50 {
	float:left;
	clear:none;
	width:49.9%;
}
#main .label-33 {
	float:left;
	clear:none;
	width:33.2%;
}
#main .input .label, #main .input label {
	float:left;
	clear:none;
	width:auto;
}
#main form .form-content-borderless .input .label, #main form .form-content-borderless .input label, #main #form-wrap .form-content-borderless .input .label, #main #form-wrap .form-content-borderless .input label {
	width:auto;
	margin-right:10px;
}
#main .label-auto .label, #main .label-auto label, #main .label-50 .label, #main .label-50 label {
	float:none;
	clear:left;
	width:auto;
	margin:2px 6px 2px 0;
}
#main form .form-content-borderless .label-auto .label, #main form .form-content-borderless .label-auto label, #main #form-wrap .form-content-borderless .label-auto .label, #main #form-wrap .form-content-borderless .label-auto label {
	width:auto;
}
#main .label-33 .label, #main .label-33 label {
	width:auto;
}
#main .label-auto .input, #main .label-auto input, #main .label-auto select, #main .label-auto textarea {
	float:none;
	clear:left;
	width:auto;
	margin:2px 0;
}
#main .box form .form-content-borderless .label-auto .label, #main .box form .form-content-borderless .label-auto label, #main .box #form-wrap .form-content-borderless .label-auto .label, #main .box #form-wrap .form-content-borderless .label-auto label {
	width:auto;
}
#main .label-50 .label, #main .label-50 label {
	line-height:31px;
}
#main .label-50 .input, #main .label-50 input {
	float:none;
}
#main .label-auto .input-help, #main .label-50 .input-help {
	float:none;
	margin-left:0;
	width:auto;
}
#main form .divider {
	clear:left;
	height:15px;
	margin:0 0 7px;
	border-bottom:1px dashed #c7c2af;
}
#main form p, #main #form-wrap p {
	clear:left;
	padding:6px 0;
	margin:0;
}
#main form .form-data {
	clear:left;
	display:inline;
}
/* IE fixes */
#main .with-button .label, #main .with-button label, #main .with-button .input, #main .with-button input {
	^position:relative;
	^top:-7px;
}
#main .with-button input.button {
	^position:static;
	margin:0 0 0 16px;
}
/* Msg box */
#main form .msg-error, #main  #form-wrap .msg-error {
	width:699px;
	background:url("../images/msg_bg.png") no-repeat 0 0;
	margin:4px 0 10px;
	padding:0;
}
#main form .msg-ok, #main  #form-wrap .msg-ok {
	width:699px;
	background:url("../images/msg_bg.png") no-repeat -699px 0;
	margin:4px 0 10px;
	padding:0;
}
#main form .msg-error .msg-bottom, #main  #form-wrap .msg-error .msg-bottom {
	height:11px;
	font-size:1px;
	background:url("../images/msg-bottom_bg.png") no-repeat 0 0;
}
#main form .msg-ok .msg-bottom, #main  #form-wrap .msg-ok .msg-bottom {
	height:11px;
	font-size:1px;
	background:url("../images/msg-bottom_bg.png") no-repeat 0 -11px;
}
#main .msg-error p, #main .msg-ok p {
	padding:14px 10px 4px;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	font-family:Arial,Serif;
}

/* Buttons*/
#main #content form .buttons {
	padding:40px 0 18px 192px;
	height:31px;
}
#main #content .box form .buttons {
	padding-left:180px;
}
#main #content-narrow form .buttons {
	padding:40px 0 18px 141px;
	height:31px;
}
#main #content form .buttons-low, #main #content .box form .buttons-low, #main #content-narrow form .buttons-low {
	padding-top:20px;
}
#main form input.button {
	width:155px;
	height:31px;
	background:url("../images/button_bg.png") no-repeat 0 0;
	border:none;
	color:#fff;
	padding:0 0 3px;
	overflow:visible;
	margin-right:16px;
}
#main form input.button-wide {
	background-position:0 -62px;
	width:230px;
	font-size:15px;
	padding-left:10px;
}
#main form input.button-back {
	background-position:0 -93px;
	width:58px;
	font-size:11px;
	color:#003273;
}
#main form input.button-back-wide {
	background-position:0 -124px;
	font-size:11px;
	color:#003273;
	width:127px;
}
#main form input.button-back-wide-transparent {
	background-position:0 -155px;
	font-size:11px;
	color:#003273;
	width:127px;
}
#main form input.button-nordea {
	width:50px;
	height:50px;
	background:none;
}
#main form input.button-op {
	width:65px;
	height:65px;
	background:none;
}
#main form input.button-sampo {
	width:79px;
	height:30px;
	background:none;
}
#main form input.button-handelsbanken {
	width:136px;
	height:23px;
	background:none;
}
#main form input.button-aktia {
	width:50px;
	height:50px;
	background:none;
}
#main form button.button {
	width:155px;
	height:31px;
	background:url("../images/button_bg.png") no-repeat 0 0;
	border:none;
	color:#fff;
	padding:0 0 3px;
	overflow:visible;
	margin-right:12px;
}
#main form button.selected {
	background-position:0 -186px;
	color:#003273;
}
#main form h4.label-button {
	width:auto;
	/*height:31px;
	line-height:28px;
	background:url("../images/button_bg.png") no-repeat 0 -31px;
	color:#fff;
	padding:0 0 0 24px;*/
	border:none;
	overflow:visible;
	margin:0 12px 0 0;
	/*font-size:14px;
	font-weight:normal;*/
}
#main form h4.label-button .heading {
	/*width:170px;*/
	float:left;
	margin-right:10px;
}
#main form h4.label-button .help {
	color:#666;
	font-size:11px;
	font-weight:normal;
	display:table;
}
#main form .buttons a {
	margin:0 0 0 4.333em;
	font-size:1.2em;
	display:inline-block;
	/* IE fixes */
	^position:relative;
	^top:-12px;
}

/* Bottom */
#flash {
	clear:both;
	margin:0;
	height:61px;
}
#flash img {
	margin:0;
	padding:0;
	height:61px;
}

#footer {
	clear:both;
	margin:0;
	padding:0;
}
#footer #footerTop {
	background:#f2f2f2 url("../images/footer_bg.png") repeat-x 0 0;
	padding:16px 0 18px;
}
#footer #footerTop .infoBox {
	width:179px;
	float:left;
	display:inline;
	margin-left:16px;
}
#footer #footerTop .infoBox p {
	font-size:11px;
	line-height:16px;
	color:#5a5a5a;
	margin:0;
}
#footer #footerBottom {
	clear:both;
	padding:6px 16px 40px;
	color:#606060;
	font-size:11px;
}
#footer #footerBottom a {
	margin:0 8px;
	color:#606060;
}

.clear {
	clear:both;
}

/* ETUKORTTI */
body.etukortti #main #content {
	margin:0 19px 50px 16px;
}
body.etukortti #top-banner {
	margin:20px 0 5px;
}
body.etukortti #main h2 {
	font-size:20px;
	margin:0 15px;
	color:#6f233a;
}
body.etukortti #main h3 {
	color:#6f233a;
}
body.etukortti #main p {
	margin:0 15px 18px;
	font-size:14px;
}
body.etukortti #main form input.button {
	background-position:0 -217px;
	width:95px;
}
body.etukortti #main #content .bordered, #main #content-narrow .bordered {
	margin:0 15px 18px;
}
body.etukortti #main #content form, #main #content #form-wrap {
	margin:10px 15px;
}
body.etukortti #menu ul li.selected a, body.etukortti #menu ul li.selected a:hover, body.etukortti #menu ul li.selected a:active, body.etukortti #menu ul li.selected a:focus {
	background-position:0 -96px;
}