* { margin:0 ; padding:0 ; }
html, body { height:100% ; }
body { cursor:default;/*url("img/hiiri_oletus.ico"), url("stc/img/hiiri_oletus.ico"), */ }
#bodyBg { display: none; position: absolute; left: 0; top: 0; height: 140px; width: 100%; background: transparent url(img/ylatausta_oranssi.png) repeat-x left top; }
#mainPage { margin: 0; }
/* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
p.ingress { font-weight: bold; color: #0d749c; margin-bottom: 8px; }
.ingress { font-weight: bold; color: #0d749c; margin-bottom: 8px; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; margin-bottom:-1px ;}
p { line-height:1.2 ; margin-bottom:0.5em ; font-size: 12px; }
strong { color:#111 ; }
a strong { color: #BF3922 }
a strong:hover { color: #BF3922 }
a strong:visited { color: #BF3922 }
strong a { color: #BF3922 }
strong a:hover { color: #BF3922 }
strong a:visited { color: #BF3922 }
/* 2col and 3cols */
div.cols { width: 100%; height: auto; margin-bottom: 11px; }
div.leftCol, div.rightCol, div.left3Col, div.middleCol, div.right3Col { float: left; height: auto; }
div.leftCol, div.left3Col, div.middleCol { padding: 0; }
div.leftCol { width: 50%; }
div.rightCol { width: 49.9% }
div.left3Col, div.middleCol, div.right3Col { width: 32%; }
div.cols-p { width: auto; height: auto; padding-right: 2px; }
/* insert frame to image */
#imageFrame img { margin: 5px 0 0 5px; }
#imageFrame .frame { width: 330px; height: 175px;position: absolute; background: transparent url(img/raami.gif) no-repeat left top; top: 0; left: 0; }
#imageFrame p { color: #0d749c; margin-top: 10px; }
.u4-image-caption { font-size: 12px; color: #0d749c; margin: 10px 0; }
img.border { border: 4px solid #fd8943; }
img.border2 { border: 4px solid #0D749C; }
/* CSS3 only! /
img.border {
border-top-left-image: url(img/raami_top_left.gif);
border-top-image:url(img/raami_top.gif);
border-top-right-image:url(img/raami_top_right.gif);
border-left-image:url(img/raami_left.gif);
border-right-image:url(img/raami_right.gif);
border-bottom-left-image:url(img/raami_bottom_left.gif);
border-bottom-image:url(img/raami_bottom.gif);
border-bottom-right-image:url(img/raami_bottom_right.gif);
}
*/
/* arrowlink */
.arrowLink {float:left;display:block;width:100%; }
#right .arrowLink ul, #middle .arrowLink ul {list-style-type: none; list-style-image: url(img/4_asteen_nuoli.gif); list-style-position: outside; padding-left: 8px;}
#middle .arrowLink ul {padding-left:0;}
#right .arrowLink ul a, #middle .arrowLink ul a {display: inline; font-weight:bold;}
/* applies to paragraphs, lists, you name it */
#siteBody { color:#444 ; }
#siteBody li p { line-height:1 ; }
/* link styles apply unless something else is specified in css (eg. for navigation elements) */
/* #submit, a { cursor:url("img/hiiri_linkki.ico"), url("stc/img/hiiri_linkki.ico"), pointer; cursor:url("img/hiiri_linkki.ico"), url("stc/img/hiiri_linkki.ico"), hand; } */
a { color: #bf3922; text-decoration: none; }
a:hover { color: #bf3923; text-decoration: underline; }
a:visited { color: #61a6c5; text-decoration: none; }
a:visited:hover { color: #61a6c6; text-decoration: underline; }
/* a:active { color: #0d749c; text-decoration: none; font-size: 11px; font-style: italic; } */
a img {border:0;}
a.external { }
h1,h2,h3 { color: #0d749c; }
h1 { font-size: 20px; font-weight:bold; /*margin: 0 0 8px 0; */}
h2 { font-size:1.8em ; font-weight:bold ; margin: 0 0 8px 0; }
h3 { font-size:1.4em ; font-weight:bold ; margin: 0 0 4px 0; }
ul { margin:0; padding:0;}
#middle ul, #middleRight ul { margin:0; padding:0; list-style-position: outside;}
* html #middle ul,* html #middleRight ul { margin:0; padding:0 0 0 20px; list-style-position: outside;}
/* naviList class to reduce redundancy
ul.naviList { }
ul.naviList ul { }
ul.naviList li { }
*/
/* naviListLang class to reduce redundancy */
ul.naviListLang { margin-left: 68px; list-style: none; }
ul.naviListLang ul { }
ul.naviListLang li { }
* html ul.naviListLang { margin-left: 75px; }
html*ul.naviListLang { [margin-left: 68px; margin-left: 58px;]margin-left: 75px; }
ul.naviList {list-style: none;}
/* naviListNavi class to reduce redundancy */
ul.naviListNavi { margin-left: 38px; list-style: none; }
ul.naviListNavi.eng { margin-left: 140px; list-style: none; }
ul.naviListNavi ul { }
ul.naviListNavi li { }
/* layout + columns */
/*******************************
#site: site container
#siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
#left, #middle, #right: layout columns, .column to reduce redundancy
\ `-navigo:content
`#docNavi
#top: logo, top image (if applicable), #supportNavigation, #topNavi
#footer: navigo-cms, footer slot
*******************************/
/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width: 880px; margin:0; /*background:url(/stc/img/bg_site.png) repeat-y top left;*/ min-height: 100%; padding: 0; position: relative;}
#site { font-family: Arial,sans-serif; }
* html #site { height:100% ; }
#banner {
position: relative;
margin-left: -31px;
display: none;
float: left;
width:155px ;
background: transparent url(img/tausta_banneri.png) repeat-y 25px 0;
overflow: hidden;
}
#banner .banner_border {
background: transparent url(img/ylatausta_oranssi.png) repeat-x left top;
position: relative;
padding-bottom: 20px;
text-align: center;
}
#banner .no_border { border-width: 0; }
#banner .footer { font-size: 1%; position: absolute; background: transparent url(img/banner_footer.jpg) no-repeat 30px 0; width: 100%; height:11px; bottom: 0; right: 0; }
* html #banner .footer { font-size: 1%; position: absolute; background: #fff url(img/banner_footer.jpg) no-repeat right bottom; width: 100%; height:11px; bottom: 0; right: 0; }
#siteBody { text-align:left ; padding: 15px 30px 20px 10px; }
#siteBodyTop { display: none; position: relative; color: #61a6c5; height: 30px; }
#siteBodyTop span { padding-left: 35px; }
#siteBodyTop a { font-size: 11px; text-decoration: none; color: #61a6c5; }
#siteBodyTop a:hover { text-decoration: underline; }
#siteBodyTop i.act { font-size: 11px; text-decoration: none; color: #0d749c; }
#siteBodyTop span.print { float: right; margin-top:-20px; margin-right: 15px; }
#siteBodyTop span.print img { margin-bottom: -3px; }
#siteBodyTop span.print a { font-size: 12px; font-weight: bold; color: #0D749C; text-decoration: none; }
#siteBodyTop span.print a:hover { text-decoration: underline; }
.columns { position:relative; display: inline; }
#left { display: none; width: 220px; top: 2px; height: 100%; }
#topImage { display: none; /*height:95px; */padding-top: 0; width: 590px; margin: 0 0 0 25px; top: 2px; }
#middle { display:inline; font-size: 12px; width: 90% ; margin:0 25px ; /*top: 15px;*/ height: 100%; }
#middle ul {margin: 5px;}
#middle p { margin-bottom: 10px; }
#middle.wide { width:544px ; }
#middle.widest { width:744px ; }
#middleRight { font-size: 12px; width: 90% ; margin:0 0 0 25px ; /*top: 15px;*/ height: 100%; }
#middleRight ul { margin: 5px; }
#middleBlanco { width:90% ; margin:0 25px ; top: 10px; height: 100%; }
#middleBlanco p { margin-bottom: 10px; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:744px !important; }
#right { display: none; width: 170px; top: 2px; height: 100%; }
#footer { display: none; background: transparent url(img/taustavalkoinen.png) repeat-y left top; text-align: center; position:relative ; font-weight: bold; color: #7cb4ce; padding: 10px 35px 0 35px; }
#footer p { font-size: 11px; }
#footer .left { text-align: left; }
#footer .right { text-align: right; margin-top: -20px; }
#footer .line { background: transparent url(img/viiva.gif) no-repeat center top; }
#bg_footer { display: none; background: transparent url(img/footer.gif) no-repeat 1px bottom; width: 880px; height: 14px; }
div#navigoCMS { display: none; float: right; font:10px Verdana, sans-serif ; color:#c7c9c8 ; right:0 ; top:5px ; height:18px ; width:170px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }
#top { display: none; width:850px; }
#top h1 { width:850px; height:130px; }
/*
#top h1 a { display: block; position: relative; width:850px; height:130px; }
#top h1 a span { display: none; }
*/
a.logoLink { position: absolute; left: 173px; top: 34px; width:70px; height:20px; text-decoration: none; }
a.logoLink:hover { text-decoration: none; }
a.logoLink span { visibility: hidden; }
a.homepageLink { position: absolute; width:400px; height:40px; text-decoration: none; top: 60px; left: 150px; }
a.homepageLink:hover { text-decoration: none; }
a.homepageLink span { visibility: hidden; }
#logo { width:830px ; height:152px ; position: absolute; top: 15px; right: 0; background: transparent url(img/bg_logo.png) no-repeat top right; margin-right: 31px; }
* html #logo { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stc/kunnas/img/bg_logo.png",sizingMethod="crop"); }
.docLinks { float:left; font-size: 13px; width: 590px; background: transparent url(img/viiva.gif) no-repeat left bottom; margin-bottom: 15px; padding-bottom: 5px; }
* html .docLinks { float: none; }
.docLinks ul { list-style: none; padding: 0;}
#middle .docLinks ul { padding-left: 0; }
.docLinks li { list-style-position: outside; }
.docLinks a { color: #a1a0a5; }
.docLinks a:visited { color: #a1a0a5; }
.docLinks .linkLeft_h { float: left; }
.docLinks .linkLeft { float: left; /*background: transparent url(img/kolmio_vasen.gif) no-repeat left center;*/ }
.docLinks .linkLeft a.linkText { margin-left: 10px; }
.docLinks .linkLeft a img { margin-bottom: -5px; }
.docLinks .linkRight_h { float: right; }
.docLinks .linkRight { float: right; /*background: transparent url(img/kolmio_oikea.gif) no-repeat right center;*/ }
.docLinks .linkRight a.linkText { margin-right: 10px; }
.docLinks .linkRight a img { margin-bottom: -5px; }
#supportNavi { position: absolute; top: 0; right: 0; background: transparent url(img/ylakielen_tausta.gif) no-repeat right top; margin-right: 30px; }
#supportNavi form { padding: 15px 40px 0 0; }
* html #supportNavi form { padding: 15px 40px 0 5px; background: transparent url(img/search_ie.gif) no-repeat 0px 19px; }
#supportNavi button { margin-left: -8px;}
* html #supportNavi button { margin: -20px 0 0 -10px; }
#supportNavi #submit { cursor:pointer; border: none; vertical-align: middle; background: transparent url(img/haku.png) no-repeat left top; width: 44px; height: 44px; }
* html #supportNavi #submit { cursor:pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stc/kunnas/img/haku.png",sizingMethod="crop"); }
#supportNavi #submitEng { cursor:pointer; border: none; vertical-align: middle; background: transparent url(img/haku_GB.png) no-repeat left top; width: 44px; height: 44px; }
* html #supportNavi #submitEng { cursor:pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stc/kunnas/img/haku_GB.png",sizingMethod="crop"); }
#supportNavi #submit { color: #0d749c; font-size: 13px; font-weight: bold; }
#supportNavi #search { border: solid 0 #fff; background: transparent url(img/search.gif) no-repeat 0 1px; height: 27px; width: 120px; padding: 5px 8px 0 5px; margin-right: -3px; }
* html #supportNavi #search { border: solid 0 #fff; background: transparent url(img/search_ie.gif) no-repeat right 3px; height: 27px; width: 130px; padding: 7px 2px 0 0; margin-right: 7px; }
#supportNavi li { color: #ffffff; float:left; font-size: 1.1em; padding: 8px 4px 0 0px; }
#supportNavi li a { color: #ffffff; display: block; font-weight: bold; }
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color: #ffffff; }
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }
#supportNavi a.sitemap { margin-top: -17px; }
* html #supportNavi a.sitemap { margin-top: -11px; }
/* navigation */
#topNavi {height: 40px; width: 880px; background: #fff url(img/bg_menu.gif) no-repeat left top; }
#topNavi li { float:left ; }
#topNavi li a { margin:0 ; display:block ; padding:5px 17px ; position: relative; }
* html #topNavi li a { font-size: 0; height:1% ; float:left ; margin:0 ; display:block ; padding:5px 17px ; position: relative; }
#topNavi li a.act { position: absolute; margin-top: -8px; padding: 0; }
#docNavi { padding-left: 4px; list-style: none; list-style-position: outside; }
/*#docNavi img { float: left; margin-top: 13px; }*/
* html #docNavi { padding-left: 0; }
#docNavi ul { list-style: none; list-style-position: outside; }
#docNavi .underlist {margin-left: -36px; }
html*#docNavi .underlist { [margin-left: 0; margin-left: 0;]margin-left: 0; }
* html #docNavi .underlist { margin-left: 0; }
#docNavi li a { height: 30px; margin-top: 1px; font-size: 13px; font-weight: bold; padding: 8px 0 0 9px; background: transparent url(img/2_asteen_navi.gif) no-repeat right top; display: block; text-decoration:none ; color:#4d3c1f; }
html*#docNavi li a { [padding: 8px 0 0 9px; padding: 8px 0 0 45px;]padding: 8px 0 0 9px; }
#docNavi li a.big { height: 47px; margin-top: 1px; font-size: 13px; font-weight: bold; padding: 8px 0 0 9px; background: transparent url(img/2_asteen_navi_iso.gif) no-repeat right top; display: block; text-decoration:none ; color:#4d3c1f; }
html*#docNavi li a.big { [padding: 8px 0 0 9px; padding: 8px 0 0 45px;]padding: 8px 0 0 9px; }
#docNavi li a.big:hover { color:#4d3c1f; text-decoration: }
#docNavi li a:hover { color:#4d3c1f; text-decoration: underline; }
#docNavi li a.act { height: 30px; margin-bottom: 0px; color:#4d3c1f; background: transparent url(img/2_asteen_navi_valittuna.gif) no-repeat right top; }
#docNavi li a.actbig { height: 47px; margin-bottom: 0px; color:#4d3c1f; background: transparent url(img/2_asteen_navi_iso_valittuna.gif) no-repeat right top; }
#docNavi li li { }
#docNavi li li a { height: 47px; font-weight: normal; padding: 8px 5px 0 20px; background: transparent url(img/3_asteen_navi.gif) no-repeat right top; display: block; text-decoration:none ; color:#4d3c1f; }
html*#docNavi li li a { [padding: 8px 5px 0 20px; padding: 8px 5px 0 56px;]padding: 8px 12px 0 20px; }
* html #docNavi li li a { padding: 8px 12px 0 20px; }
#docNavi li li a:hover { color:#4d3c1f; text-decoration: underline; background: transparent url(img/3_asteen_navi.gif) no-repeat right top; }
#docNavi li li a.act { height: 47px; margin-bottom: 0px; text-decoration: none; color:#4d3c1f; background: transparent url(img/3_asteen_navi_valittuna.gif) no-repeat right top; }
#docNavi li li a.act:hover { margin-bottom: 0px; text-decoration: underline; color:#4d3c1f; background: transparent url(img/3_asteen_navi_valittuna.gif) no-repeat right top; }
#docNavi li li a.small { height: 32px; font-weight: normal; padding: 8px 8px 0 20px; background: transparent url(img/3_asteen_navi_pieni.gif) no-repeat right top; display: block; text-decoration:none ; color:#4d3c1f; }
html*#docNavi li li a.small { [padding:8px 0 0 20px; padding: 8px 0 0 56px;]padding: 8px 0 0 20px; }
#docNavi li li a.small:hover { color:#4d3c1f; text-decoration: underline; background: transparent url(img/3_asteen_navi_pieni.gif) no-repeat right top; }
#docNavi li li a.actsmall { height: 32px; margin-top: 0px; margin-bottom: 0px; text-decoration: none; color:#4d3c1f; background: transparent url(img/3_asteen_navi_pieni_valittuna.gif) no-repeat right top; }
#docNavi li li a.actsmall:hover { height: 32px; margin-top: 0px; margin-bottom: 0px; text-decoration: underline; color:#4d3c1f; background: transparent url(img/3_asteen_navi_pieni_valittuna.gif) no-repeat right top; }
#docNavi li.start_li { }
#docNavi li.end_li { }
/* html #docNavi { height: 1%; }*/
* html #docNavi li a { font-size: 1.1em; }
* html #docNavi li li a { font-size: 1.1em; }
/*#breadcrumb { margin-top:5px ; font-size:0.9em ; color:#000 ; }
#breadcrumb a { color:#666 ; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }
*/
/* content elements */
/* right content news list */
.newsList { }
/* html #right .newsList { height: 1%; } */
.newsList ul { margin-bottom: 0px; list-style: none; }
* html .newsList ul, .newsList li { height: 1%; }
.newsList li { background: transparent url(img/4_asteen_nuoli.gif) no-repeat left top; margin-bottom: 12px; padding-left: 25px; }
.newsList li a { font-size: 13px; display: block; text-decoration:none ; color:#4d3c1f; }
.newsList li a:visited { color:#4d3c1f; }
.newsList li a:hover { color:#4d3c1f; text-decoration: underline; }
.newsList li a.act { color:#0d749c; text-decoration: none; }
.newsList li a.act:hover { color:#0d749c; text-decoration: underline; }
/* news document
.newsSummary { font-style:italic ; }
*/
/* highlight element
.highLight { border:5px solid #b5c4cf ; padding:5px ; margin-bottom:0.5em ; }
.highLight h3 { margin:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; }
*/
/* tables */
/* common for all tables */
#siteBody table { border-color: #000; }
#siteBody table tr { border-collapse: collapse; }
#siteBody table td {vertical-align: top; /*padding: 0.5em;*/ }
#middle ul, #middle ol, #middle dl { padding-left:30px ; }
.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0; }
.u4-table-visible-borders td, .u4-table-complete td {border:1px solid #ddd; /*background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ;*/ }
.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}
.u4-table-complete-header td {background:#ccc; color: #fff; font-weight: bold;}
/* sitemap */
.siteMap { width:350px ; padding:0 0 2em 0; }
.siteMap a { text-decoration:none ; display:block ; color: #BF3922; }
.sitemap a:visited { display: block; color: #BF3922; }
.siteMap a:hover { text-decoration: underline; color: #BF3922; }
.siteMap ul li { }
.siteMapDocumentLevel0 { padding:0.05em ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.05em ; }
.depth0 { padding-left:0px ; }
.depth1 { padding-left:10px ;}
.depth2 { padding-left:30px ; }
.depth3 { padding-left:50px ; }
.depth4 { padding-left:70px ; }
.depth5 { padding-left:90px ; }
.siteMapFolderLevel1 a { display: none; padding-left:14px ; }
.siteMapFolderLevel2 a { font-weight: bold; font-size: 13px; }
.siteMapFolderLevel3 a { padding-left:30px ; }
.siteMapFolderLevel4 a { padding-left:40px ; }
.siteMapFolderLevel5 a { padding-left:50px ; }
/*
.stripe { background-color:#f9f9f9 ; }
*/
/* search result */
#searchResults { font-size: 12px; }
#searchResults a.count { padding-left: 5px; font-weight: bold; font-size: 12px; }
#searchResults h3 { background-color: #ebf3f8; padding: 4px 0 4px 10px; font-size: 13px; margin-bottom: 10px; font-weight: bold; }
#searchResults h3 span {font-weight: normal; }
#searchResults ul { padding-left: 25px; list-style: disc; color: #0D749C; margin-bottom: 20px; }
#searchResults li a { font-size: 12px; font-weight: bold; color: #BF3922; }
#searchResults .navigo-search-type { margin-bottom: 10px; color: #0D749C; font-size: 12px; padding: 0 0 2px 5px; background: transparent url(img/viiva.gif) no-repeat scroll left bottom; }
#searchResults .navigo-search-title { padding-left: 5px; }
#searchResults .navigo-search-title a { color: #BF3922; }
/* following styles apply to navigo top tools */
table.u4-em-ie { border-collapse:collapse ; }
table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; }
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; }
/* e-mail form */
.emailForm {}
.emailForm p.formRow {}
.emailForm label br { display: none; }
.emailForm label span { display: block; }
.emailForm label span input {}
.emailForm label span textarea {}
.emailForm label .btnSubmit {} /* Inside label only for consistency */
.emailForm label .btnReset {} /* Inside label only for consistency */
#bookHeader { font-size: 1.6em; font-weight: bold; color: #186F99; margin-bottom: 25px;}
.bookAuthor { font-size: 0.9em; text-decoration:none; }
a.bookAuthor { color: #B3392F; text-decoration:underline; }
.bookTitle { position: absolute; left: 0; margin-top: 20px; color: #186F99; }
.cart { color: #B3392F; text-decoration: underline; font-weight: bold;}
.bookName { font-weight:bold; color: #BF3922; }
.bookImg {float: left; height: 282; width: 172px; margin-right: 20px; margin-bottom: 10px; border: 1px solid #4d3c1f; padding:0px;}
.bookIngress { /*font-weight: bold;*/ color: /*#186F99;*/ #444444 !important; padding-bottom: 10px;}
#siteBody .bookListContent a:hover { color: /* #186F99;*/ #444444; text-decoration:underline !important;}
a.bookIngress { /*font-weight: bold; */ color:#444444 !important; }
a.bookIngress:visited { /*font-weight: bold; */ color:#444444 !important; }
#bookLinks { text-align: right; background: transparent url(img/poikkiviiva.gif) no-repeat right bottom; height: 65px; width: 410px;}
#bookLinks .shopIcon { display: block; background: transparent url(img/verkkokauppa.gif) no-repeat right top; padding-top: 30px; height: 20px; }
* html #bookLinks img { }
#bookLinks a.external { color: #B3392F; text-decoration: underline; font-weight: bold; padding-right: 50px;}
#bookInfo { width: 430px; height: 100%; }
.bookInfoFooter { background:url(img/bookinfo_footer.jpg) left top no-repeat; height: 24px; margin-top: -10px; }
.bookInfoTitle { font-weight: bold; font-size: 1.1em; color: #186F99; width: 100%; height: 23px; padding: 10px 0 0 20px; background:url(img/bookinfo_title.jpg) left top no-repeat;}
.bookISBN { padding: 10px 20px 5px 40px; background:url(img/bookinfo_body.jpg) left top repeat-y; }
.bookPublishDate {color: #7CB4CE;}
.bookListHeader {font-weight: bold;}
.bookListItem {padding-top: 10px; background: transparent url(img/poikkiviiva.gif) no-repeat right bottom;}
.bookListImg {float: left; padding-right: 10px;}
#bookShopLink { background:url(img/smallverkkokauppa.gif) right top no-repeat; padding-right: 34px; height:20px; text-align: right; padding-top: 14px;}
#bookShopLink a { color: #B3392F; /*text-decoration: underline; font-weight: bold;*/ }
#bookTitleList a { color: #B3392F; font-weight: normal; }