body
{
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
color: #0E0E0E;
font-size: 12px;
}

img
{
border: 0px;
}

a:link, a:visited
{
text-decoration: none;
color: #AA1F00;
outline: none;
}

a:hover, a:active
{
text-decoration: none;
color: #0E0E0E;
outline: none;
}

h1, h2, h3, h4
{
margin-top: 0px;
font-family: times new roman;
}

h1
{
color: #80a83c;
font-size: 24px;
font-weight: normal;
margin-top: -8px;
}

h2
{
color: #ec651a;
font-size: 18px;
font-weight: normal;
}

h3
{
color: #769501;
font-size: 15px;
font-weight: normal;
}

hr
{
background: #eee;
border: 0px;
height: 1px;
margin: 0px;
}

ul, li
{
margin: 0px;
padding: 0px;
list-style: none;
}

fieldset
{
margin: 0px !important;
padding: 0px;
border: 0px;
}


/* HEADER */

#wrapper-header
{
display: none;
}


/* CONTENTS & SIDEBARS */

#contentarea-left
{
float: left;
padding: 0px 0px 20px 0px;
}

#alphabet
{
display: none;
}

#sidebar-left
{
display: none;
}

#contentarea
{
width: 505px;
float: left;
}

#content
{

}

#content-top
{
height: 23px;
}

#content-inner
{
padding: 0px 22px 0px 22px;
}

#content-bottom
{
height: 23px;
}

#content-ns
{
display: none;
}

#contentarea-right
{
display: none;
}

#sites
{
display: none;
}


/* FOOTER */

#footer
{
display: none;
}



/* OTHER */

.clear
{
clear: both;
}

.link-strong
{
font-weight: bold !important;
}


/* KIRJA/KIRJAILIJA/UUTISSIVUJEN ASETTELUT */

#paginate, #paginate-bottom
{
text-align: right;
border-top: 1px solid #e3e3e3;
padding: 6px 0px 6px 0px;
}

.list-bookdata, .list-newsdata, .list-authordata-text
{
border-top: 1px solid #e3e3e3;
padding: 48px 10px 30px 10px;
}

.list-bookdata-image
{
width: 100px;
float: left;
}

.list-bookdata-image img
{
width: 70px;
}

.list-bookdata-text
{
width: 320px;
float: left;
}

.list-bookdata-text a, .list-newsdata-text a, .list-authordata-text a
{
font-weight: normal;
}

.list-bookdata-text span, .list-newsdata-text span, .list-authordata-text span
{
font-weight: bold;
font-size: 14px;
color: #ababab;
padding-left: 2px;
}

#book-navigation, #author-navigation
{
border-bottom: 1px solid #e3e3e3;
text-align: right;
padding: 0px 12px 6px 0px;
}

#book-navigation li, #author-navigation li
{
display: inline;
font-weight: bold;
margin-left: 8px;
}

#book-data, #author-data
{
padding: 30px 0px 30px 8px;
}

#book-image, #author-image
{
width: 140px;
padding-right: 20px;
float: left;
}

#book-image img, #author-image img
{
width: 120px;
}

#book-image fieldset, .list-bookdata fieldset
{
padding-top: 10px;
}

.input-amount
{
height: 26px;
width: 30px;
text-align: center;
background: url('../images/layout/bg-data-input-amount.jpg') no-repeat;
padding-top: 4px;
float: left;
}

.input-amount input
{
border: 0px;
padding: 0px;
width: 19px;
font-size: 12px;
text-align: center;
}

.input-cart, .input-add-to-cart
{
height: 26px;
width: 93px;
text-align: center;
background: url('../images/layout/bg-data-input-cart.jpg') no-repeat;
padding-top: 3px;
float: left;
}

.input-cart input, .input-add-to-cart input
{
border: 0px;
padding: 0px;
font-size: 12px;
color: #BB1614;
background: none;
}

.input-add-to-cart
{
width: 117px;
background: url('../images/layout/bg-data-input-addtocart.jpg') no-repeat;
}

#book-image-shadow
{
margin-bottom: 30px;
}

#book-text
{
width: 280px;
float: left;
}

#book-text h1, #author-text h1
{
color: #505050;
margin: 0px;
}

#book-text h2, #author-text h2
{
color: #0e0e0e;
margin-top: 3px;
font-family: arial;
}

#author-text h3
{
display: none;
}

#other-production h1
{
font-size: 18px;
margin-bottom: 6px;
}

#other-production-products
{
padding: 20px 0px 20px 0px;
border-top: 1px solid #e3e3e3;
}

#news-header
{
border-bottom: 1px solid #e3e3e3;
text-align: right;
padding: 0px 4px 10px 0px;
margin-bottom: 8px;
}

.news-data-text h1
{
color: #505050;
margin-top: 0px;
}

#printlinks
{
border-top: 1px solid #e3e3e3;
padding: 13px 4px 0px 4px;
}

#printlinks ul
{
height: 16px;
}

#printlinks li
{
margin-right: 24px;
float: left;
}

#printlinks li.right
{
float: right;
margin: 0px;
}

#ajaxtabs .selected a{
    color: #333 !important;
}

/* KARUSELLI */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 155px;
/* ylempien tyylien resetointi */
padding: 0px !important;
margin: 0px !important;
text-align: center;
color: #6F6F6F;
}

.cover
{
height: 100px;
margin-bottom: 5px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 420px;
padding: 0px 15px 0px 15px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  420px;
    height: 155px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 140px;
    height: 155px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {

}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 53px;
    right: 0px;
    width: 25px;
    height: 30px;
    cursor: pointer;
    background: url('../images/layout/arrow-right.png') no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -25px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 25px;
    height: 30px;
    cursor: pointer;
    background: url('../images/layout/arrow-left.png') no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -25px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}