body { background-color: #E5E5E7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

a { text-decoration: none; }

img { border: none;}

h1 { padding: 0px 0px 6px 0px; margin: 0; font-size: 18px; color: #e0061e; }
h2 { padding: 0px 0px 6px 0px; margin: 0; font-size: 16px; color: #666; }
h3 { padding: 0px 0px 6px 0px; margin: 0; font-size: 14px; color: #000; font-weight: bold; }
h4 { padding: 0px 0px 0px 0px; margin: 0; font-size: 13px; color: #939598; font-weight: bold; }

p { margin: 0; padding: 0; }

#page-envelope { width: 990px; margin: auto; background-color: #fff; background: url(imgs/page_bg.gif) repeat-y; }
#page-header { width: 974px; height: 109px; margin: 0px 8px 0px 8px; }
#page { padding: 0px 16px 8px 16px; }
#page-copyright { font-size: 12px; font-weight: bold; color: #a5a5a5; text-align: center; margin: 8px 8px 8px 8px;  }
#page-bottom { width: 990px; margin: auto; height: 8px; overflow: hidden; background: url(imgs/bottom.jpg) no-repeat; }
#copyright { font-size: 10px; color: #a5a5a5; text-align: center; margin: 8px 8px 8px 8px;  }
#copyright a { font-weight: bold; color: #a5a5a5; }
#copyright a:hover { font-weight: bold; color: #a50000; }

#page .left { width: 175px; float: left; }
#page .left-and-middle { width: 756px; float: left; /*border-right: solid 1px #000;*/ overflow: hidden; }
#page .middle { width: 510px; float: left; padding: 0px 0px 0px 32px; overflow: hidden; }
#page .right { width: 175px; float: right; margin-right: 20px;}

#page .middle h1 { color: #E0061E; font-size: 20px; font-weight: normal; }
#page .middle .more { text-align: right; }
#page .middle .more a { color: #e0061e; text-decoration: none;}

.navigation { text-align: center; }

.navigation .button { display: inline; height: 23px; line-height: 23px; font-size: 11px; font-weight: 600; color: #9a9b9d; text-align: center; }
.navigation .odd { display: inline; height: 23px; line-height: 23px; font-size: 10px; color: #9a9b9d; }
.navigation .button a { color: #9a9b9d; text-decoration: none; }
.navigation .button a:hover { color: #515255; text-decoration: none; }





/* obsahove styly */
.program-list {}
.program-list .thumbnail { width: 70px; float:left; }
.program-list .content { width: 420px; float:left; padding-bottom: 4px; border-bottom: solid 1px #c2c3c5; }
.program-list .content h3 { padding: 0px 0px 6px 0px; margin: 0; font-size: 12px; color: #e0061e; font-weight: bold; }
.program-list .content h3 .medium { color: #000; font-weight: normal; font-size: 11px; }
.program-list .content h3 a { color: #e0061e; font-weight: bold; text-decoration: none; }
.program-list .content h3 a:hover { color: #b00000; }
.program-list .content .annotation { }

.book-list  { width: 530px; background: url(imgs/book-list_bg.gif) repeat-y; }
.book-list .hr  { height: 1px; background: url(imgs/book-list_hr.gif); border: 0; }
.book-list .book  { width: 255px; float: left; padding-left: 10px; }
.book-list .book .thumbnail { width: 60px; float:left; }
.book-list .book .content { float:left; padding-bottom: 4px; }
.book-list .book .content h3 { padding: 0px 0px 6px 0px; margin: 0; font-size: 12px; color: #e0061e; font-weight: bold; }
.book-list .book .content h3 .medium { color: #000; font-weight: normal; font-size: 11px; }
.book-list .book .content h3 a { color: #e0061e; font-weight: bold; text-decoration: none; }
.book-list .book .content h3 a:hover { color: #b00000; }
.book-list .book .content .author { font-size: 11px; color: #000; }
.book-list .book .content .info { font-size: 10px; color: #000; }
.book-list .book .content .annotation { }

.manual-list  { width: 530px; }
.manual-list .hr  { height: 1px; background: url(imgs/book-list_hr.gif) repeat-x; border: 0; margin: 8px 0px 12px 0px; }
.manual-list .manual  { width: 530px; padding-left: 10px; }
.manual-list .manual .thumbnail { width: 60px; float:left; }
.manual-list .manual .content { float:left; padding-bottom: 4px; }
.manual-list .manual .content h3 { padding: 0px 0px 6px 0px; margin: 0; font-size: 12px; color: #e0061e; font-weight: bold; }
.manual-list .manual .content h3 .medium { color: #000; font-weight: normal; font-size: 11px; }
.manual-list .manual .content h3 a { color: #e0061e; font-weight: bold; text-decoration: none; }
.manual-list .manual .content h3 a:hover { color: #b00000; }
.manual-list .manual .content .author { font-size: 11px; color: #000; }
.manual-list .manual .content .info { font-size: 10px; color: #000; }
.manual-list .manual .content .annotation { }

.program-main { font-size: 12px;}
.program-main h1 { padding: 0px 0px 6px 0px; margin: 0; font-size: 18px; color: #e0061e; }
.program-main h2 { padding: 0px 0px 6px 0px; margin: 0; font-size: 16px; color: #666; }
.program-main h3 { padding: 0px 0px 6px 0px; margin: 0; font-size: 14px; color: #000; font-weight: bold; }
.program-main h4 { padding: 0px 0px 0px 0px; margin: 0; font-size: 13px; color: #939598; font-weight: bold; }
.program-main .info { padding: 0px 0px 0px 0px; margin: 0; font-size: 11px; color: #000; }
.program-main .price { font-size: 11px; padding-bottom: 4px; text-align: left; }
.program-main .price a { text-decoration: none; background-color: #e0061e; color: #fff; padding: 1px 2px 1px 2px; font-size: 10px; font-weight: bold; line-height: 12px; }

.program-right { width: 175px; float: right; overflow: hidden; border: solid 1px #000; text-align: center; margin-left: 4px; } /*orig bg color #d9dadb*/
.program-right img { padding: 4px 0px 4px 0px; }
.program-right h4 { padding: 6px 0px 0px 0px; margin: 0; font-size: 11px; color: #939598; font-weight: bold; }
.program-right hr { width: 155px; padding: 2px 10px 2px 10px; border: 0; border-bottom: dotted 1px #000; }
.program-right .content { padding: 0px 10px 0px 10px; text-align: left; }
.program-right .info { background-color: #e0061e; color: #fff; padding: 0px 10px 0px 10px; font-size: 12px; font-weight: bold; line-height: 26px; }
.program-right .price { font-size: 10px; padding-bottom: 4px; text-align: left; }
.program-right .price a { text-decoration: none; background-color: #e0061e; color: #fff; padding: 1px 2px 1px 2px; font-size: 10px; font-weight: bold; line-height: 12px; }

.book-thumbnail { width: 100px; float: left; margin-right: 10px; }

/* dalsi navigace */
.navibox { /*border-bottom: solid 1px #AFB0B1; background-color: #D9DADB;*/ }
.navibox .button-1 { background-color: #E0061E; color: #fff; padding: 0px 8px 0px 8px; font-size: 13px; font-weight: bold; line-height: 24px; }
.navibox .button-1 a { color: #fff; text-decoration: none; }
.navibox .button-1 a:hover { color: #ddd; text-decoration: none; }
.navibox .button-2 { /*border-left: solid 1px #AFB0B1; border-right: solid 1px #AFB0B1;*/ color: #595959; padding: 0px 12px 0px 12px; line-height: 22px; }
.navibox .button-2 a { color: #595959; text-decoration: none; }
.navibox .button-2 a:hover { color: #000; text-decoration: none; }
.navibox .odd-1 { height: 4px; line-height: 4px; }
.navibox .odd-2 { height: 1px; line-height: 1px; background: url(imgs/book-list_hr.gif) no-repeat; border: 0; margin: 1px 0px 1px 0px; }

.news { padding-bottom: 10px; }
.news .header { font-weight: bold; font-size: 120%; color: #000; padding-bottom: 10px; }
.news .title { color: #e0061e; }
.news ul { padding-left: 12px; margin: 0;  }
.news ul li { color: #000; }
.news .content { padding-bottom: 10px; }
.news .more { text-align: right;}

.top-box { padding-bottom: 10px; }
.top-box .header { font-size: 13px; font-weight: bold; line-height: 24px; color: #fff; background-color: #E0061E; padding: 0px 0px 0px 8px; }
.top-box .content { background-color: #e7e7e8; color: #9a9b9d; padding: 4px 4px 10px 4px; font-size: 11px; }
.top-box .content a { color: #4e4e50; text-decoration: none; line-height: 14px; font-weight: bold; }
.top-box .content .order { color: #E0061E; font-weight: bold; }

/* basket */
.basket-enter { background-color: #E0061E; color: #fff; padding: 0px 8px 0px 8px; font-size: 13px; font-weight: bold; line-height: 24px; margin-bottom: 4px; }
.basket-enter a { color: #fff; text-decoration: none; }

.basket {}
.basket .title, .basket .header-title { color: #E0061E; font-weight: bold; width: 230px; float: left; }
.basket .header-title { color: #333333; font-weight: normal; }
.basket .amount, .basket .header-amount { width: 50px; float: left; text-align: center; }
.basket .amount a { background-color: #E0061E; color: #fff; text-decoration: none; }
.basket .amount a img { border: 0; }
.basket .header-amount { color: #333333; font-weight: normal; }
.basket .price, .basket .header-price { width: 90px; float: left; text-align: right;}
.basket .price-including-vat, .basket .header-price-including-vat { width: 90px; float: left; text-align: right; }
.basket .header-price, .basket .header-price-including-vat { color: #333333; font-weight: normal; }
.basket .remove { width: 50px; float: left; text-align: right;}
.basket .hr  { clear: both; height: 1px; background: url(imgs/book-list_hr.gif); border: 0; margin: 6px 0px 6px 0px; }
.basket .btn-remove-all, .basket .btn-order { margin-top: 8px; background-color: #E0061E; color: #fff; padding: 0px 8px 0px 8px; font-size: 12px; font-weight: bold; line-height: 24px; margin-bottom: 4px; text-align: center; }
.basket .btn-remove-all a, .basket .btn-order a { color: #fff; text-decoration: none; }
.basket .btn-remove-all { float: left; width: 200px; }
.basket .btn-order { float: right; width: 200px; margin-left: 10px; }

.order-basket { background-color: #f9f9f9; padding: 2px; }
.order-basket h3 { background-color: #e0061e; color: #fff; margin-bottom: 6px; text-align: center; }

.order-form { background-color: #f0f0f0; padding: 4px;}
.order-form .title { color: #E0061E; font-weight: bold; width: 120px; float: left; padding-top: 3px; }
.order-form .input { color: #E0061E; font-weight: bold; width: 380px; float: left; }
.order-form .input input { width: 380px; border-style: solid; }
.order-form .input-short { color: #E0061E; font-weight: bold; width: 130px; float: left; }
.order-form .input-short input { width: 120px; border-style: solid; }
.order-form .button { border-style: none; width: 200px; margin-left: 150px; margin-top: 8px; margin-bottom: 4px; background-color: #E0061E; color: #fff; padding: 4px 8px 8px 8px; font-size: 12px; font-weight: bold; line-height: 24px; text-align: center; color: #fff; text-decoration: none; }

.req, .required { color: #777700; }
.error { border: solid 2px #990000; padding: 4px; color: #ff0000; background-color: #ffdddd;}
.error li { font-weight: bold; }


/* catalogue */
.catalogue { border: solid 1px #E0061E; padding: 4px; margin-bottom: 4px; }

/* photogalleries*/
.photogalleries {}
.photogalleries .photogallery { width: 230px; padding: 10px; float: left; text-align: center; }
.photogalleries .photogallery h3 a { padding: 0px 0px 6px 0px; margin: 0; font-size: 12px; color: #e0061e; font-weight: bold; }
.photogalleries .photogallery-photo { width: 130px; height: 100px; background-color: #E7E7E8; border: solid 1px #EFEFEF; padding: 10px; float: left; text-align: center; margin: 8px; }
.photogalleries .photogallery-photo h3 a { padding: 0px 0px 6px 0px; margin: 0; font-size: 12px; color: #e0061e; font-weight: bold; }






/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Images/SavedStar.png);
}