body {
    background-color: #ffffff;
    font-size: 12px;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;
    overflow-y: scroll;
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  20px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
    color: #045491;
    font-weight : bold;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    color: #045491;
    font-weight : bold;
    text-decoration : underline;
}

.clear
{
    clear: both;
}

.left
{
    float:left;
}

.right
{
    float: right;
}

.logo
{
    margin: 10px 0px;
}

.logo img
{
    height: 40px;
}

#top-menu, .content-menu
{
    height: 30px;
    margin: 15px 0px;
    /* background-color: #030aaa; */
}

a.button-new, a.button-selected
{
    padding: 7px 5px;
}

a.button-content 
{
    padding: 0px 5px;
}

.button-border
{
    border: solid 1px white;
}

a.button-new:link, a.button-new:visited
{
    background-color: #036fab;
    color: white;
}

a.button-new:link:hover, a.button-new:visited:hover, a.button-content:hover
/*, a.button-content:link, a.button-content:visited*/
{
    background-color: #65aed7;
    color: white;
    text-decoration: none;
}

a.button-selected:link, a.button-selected:visited
{
    background-color: #036fdd;
}

a.button-content.button-selected:link, a.button-content.button-selected:visited
{
    color: white;
}

div.bottom-text a:link {
    color: white;
}

div.bottom-text a:link:hover 
{
    color: #045491;
    text-decoration: none;
}
/*
div.content-menu a:link:hover, div.content-menu a:visited:hover  
{
    color: white;
    text-decoration: none;
}


.button-new h2
{    
    margin: 0px;
    line-height: 30px;
    text-transform: uppercase;
}
*/

.button-new, .button-selected, .button-content
{    
    line-height: 30px;
    text-transform: uppercase;
}

.bottom-text
{
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.bottom-text
{
    display: block;
    width: 500px;
    margin: auto;
    line-height: 40px;
}

.content-container
{
    padding: 25px 0px;
}

.avaleht-content-header, .next-button
{
    height: 190px;
}

.half-header
{
    width: 50%;
}

.main-image, .book-medium
{
    height: 100%;
    margin: 0px 15px;
}

.next-button img
{
    width: 20px;
    margin-left: 15px;
}

.parent {   

    display: table-cell;
    vertical-align:middle;
}

.white
{
    color: white;
}

.book-title
{
    font-size: 14px;
    font-weight: bold;
}

.main-message
{
    font-size: 16px;
}

.main-content
{
    min-height: 350px;  /* õige 250px */
}

.new-book
{
    width: 133px;  /* õige 135px */
    min-height: 232px; /* õige 212px, kui ühes reas kas siis vaja?, proovi kõrgus panna pildi kastile */
    margin: 10px 0px 5px 0px;
    padding-right: 30px;
    font-size: 13px;
}

.new-book img
{
    width: 110px;
    border: solid 1px #dddddd;
}

.new-book .book-title
{
    font-size: 13px;
}

.books-content-header
{
    height: 130px;
}

.nav-books
{
    width: 12.1%; /* 115px; */
    margin: 0px 0px 5px 0px;
    padding-right: 25px;
}

.nav-books img
{
    width: 90px;
    margin: 0px 0px 5px 0px;
}

.book-medium
{
    border: solid 1px #dddddd;
}

.book-large
{
    border: solid 1px #dddddd;
    width: 210px;
}

.rightColumn
{
    width: 172px;
}

.centerColumn
{
    margin-left: 230px;
    margin-right: 180px;
}

.title-container
{
    border: solid 1px #dddddd;
    background-color: #ffffe0;
    padding: 5px 5px;
}

.title-container a,.app_table th
{
    font-size: 14px;
}

.title-container:hover
{
    background-color: transparent;
}

/*
.book-excerpt
{
    text-align: justify;
}
*/

.previous, .next
{
    /* background: url("/javax.faces.resource/left-arrow-icon.png.xhtml?ln=images/icons") no-repeat; */
    height: 45px;
    width: 45px;
    border-style: none;
    margin-top: 50px;
}

.previous
{
    /* background: url("/javax.faces.resource/left-arrow-icon.png.xhtml?ln=images/icons") no-repeat; */
    margin-right: 25px;
}

.previous a img:hover
{
    background: url("/javax.faces.resource/left-arrow-icon_white.png.xhtml?ln=images/icons") no-repeat;
    opacity: 0.6;
}

.next a img:hover
{
    background: url("/javax.faces.resource/right-arrow-icon_white.png.xhtml?ln=images/icons") no-repeat;
    opacity: 0.6;
}

div.images div
{
    /*  width:75px; 280  148*/
    height:50px; /*198  210*/
    margin:10px 0px 0px 40px; /* 0px 30px 0px 0px */
    /* float:left; */
    overflow: visible;
}

/*
.parem
{
    margin-right: 0px;
}
*/


.images-zoom
{
    position:relative;
    /*  width:75px; 148*/
    height:50px; /*210*/
    left:0px;
    top:0px;    
    /* Apply a CSS3 Transition to width, height, top and left properties */
    transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
    -webkit-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
    -o-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
    -moz-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
    border:1px solid grey; 
}

.images-zoom:hover
{
    /*   width: 900px;  600px */
    height:600px; /* 636 424px */
    left: -750px;  /* -90px */
    top:-550px; /* oli -20px */
    z-index:9999;
    cursor: default;
}

.images a:hover
{
    background-color: transparent;
}

.app_table img
{
    width: 60px;
}

.app_table .column3
{
    width: 260px;
}

.app_table .table-header {
    text-align: center;
    border-bottom: 1px solid #BBB;
    padding: 16px;
    background-color: #EBEBEB;
}

.app_table td
{
    padding: 2px 10px;
}

.book-small
{
    width: 60px;
    border: 1px solid #DDD;
}

.button-menu
{
    height: 30px;
}

.button-content {
    border: 0px solid #E2DEE4;
    /*    border-radius: 6px; */
    margin-right: 0.8em;
    margin-left: 0.8em;
    display: inline-block;
    overflow: visible;
    text-align: center;
    /*    text-decoration: none; */
    font-size: 14px;
    background-color: #FFF;
}

.floating-menu {
    border: 2px solid #CCC;
    /*  border-radius: 6px; */
    height: 40px;
    width: 180px;
    margin-top: 5px;
    padding: 0.4em;
    margin-right: 0.8em;
    margin-left: 1.2em;
    color: #2E4BA3;
    text-align: justify;
    background-color: #FFF;
    opacity: 0.8;
    display: none;
}

.shadow {
    box-shadow: 3px 3px 4px #CCC;
}

div.button-menu:hover .floating-menu{
    display: block;
}

.audio-container 
{
        min-height: 40px;
    margin-top: 5px;    
}

.audio-container.klass1 
{
    margin-top: 8px;    
}
.audio-container h3
{
    margin: 0px;
    padding-top: 10px;
    font-size: 16px;
}

.audio-container.subtitle h3
{
    font-weight: normal;
    font-size: 14px;
    padding-left: 19px;
}

.audio-container.subtitle
{
         margin-top: 1px;
}
/*  selle osa lisasin skriibus_2013  lõpp  */









.h-centered-text
{
    display: block;
    text-align: center;
    margin: 0px 0px; /*important*/
}

img.icon
{
    max-height: 100px; 
    max-width: 120px; 
}

/* vajab kontrolli  shopingCart algus*/
.action-button 
{
    /* background-color: #c2d561 #9ecf5e #a8c456 #8bb827;#347225; */

    border: 1px solid #9ecf5e; 
    /*border-radius: 6px 0px 0px 6px;*/
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 1px 1px; /* padding: 3px 3px; */
    margin-bottom: 4px;
    color: #ffffff;
    box-shadow: 0px 4px 2px 0px #000000; /*#347225 */
    height: 25px;
}

.action-button, 
.amount > .button 
{
    background-color: #9ecf5e;  
}

.amount
{
    display: inline-block;
    border: 1px solid #9ecf5e;
    border-radius: 4px;
    margin-top: 5px;
}

.amount > .button, 
.amount > .input
{
    height: 25px;
    /*border-left-width: 1px; 
    border-right-width: 1px;
    border-color: #9ecf5e;
    border-style: solid;*/

    float: left;
}

.amount > .button
{
    width: 25px; 
}

.amount > .input
{
    width: 45px;
    padding-right: 2px;
}

.amount > .input > input
{
    width: 28px;
    text-align: right;
    font-size: 14px;
    border-style: none;
    margin-top: 3px;
    margin-right: 1px;
}

.amount > .button > input
{   
    width: 100%; height: 100%;
    border: none;
    font-weight: bold;
    background: transparent;
}

.amount > .input > label
{
    color: grey;
    font-size: 12px;
    width: 12px;
}

#shoppingCart-container div>div,
#shoppingCart-container p
{
    font-size: 15px;
}

table.fixed
{
    table-layout:fixed;
    display: inline;
}

#shoppingCart-container table .column1
{
    width: 145px;
    word-break:break-all;
    text-overflow: ellipsis;
}

#shoppingCart-container table .column2
{
    text-align: center;
    width: 5px;
}

#shoppingCart-container table th
{
    border-bottom:1px solid gray;  
}

.shopping-cart-table, 
.order-table
{   
    border-collapse:collapse;
    width: 100%;
}

.shopping-cart-table td, 
.order-table td
{
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.order-table td
{
    padding-top: 5px;
}

.shopping-cart-table-header,
.order-table th,
.order-table-header
{
    text-align:center;
    border-bottom:1px solid gray;
    padding:10px 16px;
    font-size: 14px;

}

.shopping-cart-table .column1, 
.order-table td.column1
{
    text-align: left;
    padding-left: 10px;
}

.shopping-cart-table .column1
{
    width: 60%;
}

.order-table .column1
{
    width: 65%;
}

.shopping-cart-table .column2, 
.shopping-cart-table .column4, 
.order-table .column2, 
.order-table .column4
{
    text-align: right;
}

.shopping-cart-table .column3
{
    text-align: center;
    width: 105px;
}

.order-table .column3
{
    text-align: center;
    width: 60px;
}

.shopping-cart-table .column4, 
.order-table .column4
{
    padding-right: 10px;
}

.shopping-cart-table-footer, 
.order-table tfoot
{
    text-align:right;
    border-top: solid 1px #BBBBBB;
}

.shopping-cart-table-footer > span, 
.order-table-footer > span
{
    display: block;    
    margin-top: 5px;
}

.input-field
{
    padding: 3px;
    border-radius: 4px;
    background-color: #c2dfaa;
    width: 120px;
}

.no-type 
{
    list-style-type: none;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 6px;
}

/* vajab kontrolli  shopingCart lõpp*/