/* ogólne --------------------------------------------------------------------------------------------- */
body {
  margin: 0 !important;
  color: #666;
  font-size: 12px;
  background: #fff url(/img/layout/bck_gradient_top.png) repeat-x 0 180px;
}

body.iframe {
  background-color: transparent;
  background-image: none;
}

body,
input,
select,
textarea {
  font-family: Myriad,Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
}
  
p,
td,
h1,
h2,
h3,
h4 {
  font-weight: normal;
  margin: 0;
}

a {
  color: #39f;
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

form {
  padding: 0;
  margin: 0;
}

img {
  border-width: 0;
}

.clickable {
  cursor: pointer;
}

.form .hiddenValue,
.undisplayed {
  display: none !important;
}

div#lid {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background: url(/img/layout/o.gif) repeat;
  z-index: 300;
  opacity: .3;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
  filter: alpha(opacity=30);
}

div#lidHourglass {
  width: 50px;
  height: 50px;
  background: url(/img/layout/hourglass_lid.gif) no-repeat 50% 50%;
  z-index: 310;
}

#layerImage {
  float: left;
  padding: 5px;
  border: 1px solid #39f;
  background-color: #fff;
  z-index: 350;
}

#layerImage img {
  float: left;
  clear: both;
}

#layerImage .close {
  float: right;
  padding: 0 0 2px 14px;
  background: url(/img/layout/btn_close_panel.gif) no-repeat left 50%;
  color: #333;
  font-size: 11px;
  text-decoration: none;
}

#layerImage .prev,
#layerImage .next {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  width: 50%;
  color: #fff;
  font-size: 80px;
  text-decoration: none;
  opacity: .5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
}

#layerImage .prev {
  left: 0;
  padding-left: 20px;
  text-align: left;
}

#layerImage .next {
  right: 0;
  padding-right: 20px;
  text-align: right;
}

#layerImage .prev,
#layerImage .next {
  text-shadow: 0 0 3px #f00, 0 0 5px #00f;
}

#layerImage .prev:hover,
#layerImage .next:hover {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(opacity=100);
}

div.alert {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  padding: 10px;
  border: 1px solid #000;
  background-color: #f60;
  z-index: 400;
}

.divider {
  width: 100%;
  line-height: 1px;
  font-size: 1px;
  clear: both;
  overflow: hidden;
}

.error {
  color: #ff5555;
  font-weight: bold;
}

.highlighted {
  font-weight: bold;
  background-color: #ffff00;
}

.inactive {
  opacity: .25;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=25)';
  filter: alpha(opacity=25);
}

a.inactive {
  cursor: default;
}

.libraryVisible {
  display: none;
}

iframe {
  padding: 0;
  border-width: 0;
  margin: 0;
}

/* różne --------------------------------------------------------------------------------------------- */
#sectionLogin,
#sectionResetPassword {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  visibility: hidden;
}

div#googleMap {
  width: 690px;
  height: 400px;
  margin: 10px 0;
}

#alertInfo {
  position: absolute;
  left: 0;
  top: 0;
  float: left;
  color: #fff;
  visibility: hidden;
}

#alertInfo div {
  float: left;
  padding: 1px;
  background-color: #f60;
}

#alertInfo div div {
  background-color: #f60;
  padding: 7px;
  border: 1px solid #fff;
  font-weight: bold;
}

#alertInfo div div div.hourglass {
  width: 32px;
  height: 32px;
  padding: 0;
  border-width: 0;
  background: transparent url(/img/layout/hourglass_info.gif) no-repeat;
}

#alertInfo div div img {
  float: left;
  margin: 0 5px -4px 0;
}

#alertInfo .anchor {
  clear: left;
  width: 17px;
  height: 11px;
  padding: 0;
  margin: -2px 0 1px 25px;
  background: url(/img/layout/alert_info_anchor.gif) no-repeat;
}

#alertInfo a.gotoCartBtn {
  float: right;
  padding: 5px 15px 0 0;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  background: url(/img/layout/btn_goto_cart.gif) no-repeat right bottom;
}

#alertHelp {
  position: absolute;
  left: 0;
  top: 0;
  float: left;
  color: #fff;
  visibility: hidden;
}

#alertHelp div {
  float: left;
  padding: 1px;
  background-color: #82b8e6;
}

#alertHelp div.hourglass {
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent url(/img/layout/hourglass_info.gif) no-repeat;
}

#alertHelp div div {
  background-color: #82b8e6;
  padding: 7px;
  border: 1px solid #fff;
  font-weight: bold;
}

#alertHelp div div div.close {
  float: right;
  width: 11px;
  height: 11px;
  padding: 0;
  margin: -5px -5px 2px 3px;
  border-width: 0;
  background: url(/img/layout/btn_close_panel.gif) no-repeat;
  cursor: pointer;
}

#alertHelp a {
  color: #ddffff;
}

#alertHelp .anchor {
  clear: left;
  width: 17px;
  height: 11px;
  padding: 0;
  margin: -2px 0 1px 25px;
  background: url(/img/layout/alert_info_anchor.gif) no-repeat;
}

.btn {
  display: inline-block;
  float: left;
  height: 36px;
  margin-right: 10px;
  color: #fff !important;
  background: transparent url(/img/layout/btns.png) no-repeat 0 -248px;
  font-size: 22px !important;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.btn span {
  float: left;
  height: 33px;
  width: auto;
  padding: 3px 10px 0 0;
  margin: 0 -10px 0 10px;
  background: transparent url(/img/layout/btns.png) no-repeat right -212px;
}

.btn:hover {
  opacity: .6;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
  filter: alpha(opacity=60);
}

.btnInactive {
  cursor: default !important;
}

.btnIco {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 3px;
  background: transparent url(/img/layout/btns_ico.png) no-repeat 0 0;
  text-decoration: none;
  cursor: pointer;
}

.btnIcoPrint {
  background-position: 0 -106px;
}

.btnIcoPdf {
  background-position: 0 -140px;
}

.btnIcoMp3 {
  background-position: 0 -292px;
}

.btnIcoWww {
  background-position: 0 -174px;
}

.btnIcoMovie {
  background-position: 0 -208px;
}

.btnIcoPressPack {
  background-position: 0 -346px;
}

.btnIcoRatingPlus {
  background-position: 0 -66px;
}

.btnIcoRatingMinus {
  background-position: 0 -86px;
}

#socialButtons {
  float: left;
  position: fixed;
  right: 0;
  top: 200px;
  width: 55px;
  padding: 8px 0 0 0;
  background: url(/img/layout/bck_social.png) no-repeat -55px 0;
}

#socialButtons div {
  float: left;
  width: 43px;
  padding: 0 0 8px 8px;
  margin: 0 0 -8px 0;
  background: url(/img/layout/bck_social.png) no-repeat 0 bottom;
}

#socialButtons a {
  float: left;
  clear: left;
  width: 43px;
  height: 40px;
  margin-bottom: 2px;
  background: url(/img/layout/btns_social.png);
  text-decoration: none;
}

#socialButtons .facebook {
  background-position: 0 0;
}

#socialButtons .twitter {
  background-position: 0 -40px;
}

#socialButtons .youtube {
  background-position: 0 -80px;
}

#socialButtons .rss {
  background-position: 0 -120px;
}

.book .addthis_toolbox {
  float: right !important;
  width: 400px;
  margin: 7px 10px -7px 0; 
}

.addthis_toolbox a {
  float: right !important;
  text-decoration: none;
}

.addthis_toolbox .addthis_button_facebook_like {
  margin: 9px 10px 0 0;
}

.book .addthis_toolbox div {
  float: none !important;
}

#ajaxHintList {
  float: left;
  width: 257px;
  border: 1px solid #ccc;
  margin: -1px 0 0 1px;
  background-color: #fff;
  z-index: 20;
}

#ajaxHintList a {
  float: left;
  width: 257px;
  border-top: 1px dotted #ccc;
  margin: -1px 0 0 0;
  cursor: pointer;
}

#ajaxHintList a:hover,
#ajaxHintList a.active {
  background-color: #e2f1ff;
}

#ajaxHintList img {
  float: left;
  width: 48px;
  padding: 5px;
  background-color: #fff;
}

#ajaxHintList h2 {
  float: right;
  width: 189px;
  padding: 5px 5px 0 5px;
  font-size: 14px;
  font-weight: bold;
}

#ajaxHintList span {
  float: right;
  width: 189px;
  padding: 3px 5px 5px 5px;
  color: #000;
}

#ajaxHintList.hourglass div {
  width: 100%;
  height: 50px;
  margin: 0;
  background: url(/img/layout/hourglass_ajax_search.gif) no-repeat 50% 50%;
}

/* sekcje główne --------------------------------------------------------------------------------------------- */
#page {
  width: 950px;
  margin: 0 auto;
  background-color: #fff;
}

#page div {
  float: left;
}

#page #pageCloser {
  float: none;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}

#pageFooter {
  clear: both;
  width: 100%;
  height: 250px;
  color: #fff;
  text-align: left;
  background: #999999 url(/img/layout/bck_footer.png) repeat-x;
}

#pageFooter .footer {
  width: 950px;
  height: 210px;
  padding-top: 40px;
  margin: 0 auto;
  background: #999999 url(/img/layout/bck_footer.png) repeat-x;
}

#pageFooter a {
  float: left;
  clear: left;
  margin-bottom: 2px;
  color: #fff;
  text-decoration: underline;
}

#pageFooter a:hover {
  text-decoration: none;
}

#pageFooter a.copyright {
  display: inline-block;
  float: none;
  margin-bottom: 20px;
  color: #c7ebe7;
  text-decoration: none;
}

#pageFooter a.copyright:hover {
  text-decoration: underline;
}

#pageFooter .footer div {
  float: right;
  height: 130px;
  padding: 0 10px 0 20px;
  border-left: 1px dotted #fff; 
  margin: 0 10px 0 10px;
}

#pageFooter .noBorder {
  border-left-width: 0 !important;
}

#pageFooter .footer .select {
  float: left;
  width: 120px;
  height: 16px;
  padding: 2px 5px;
  border: 1px solid black;
  margin: 2px 0 0 0;
  background: #fff url(/img/layout/btns_ico.png) no-repeat 110px -326px;
  color: #000;
}

#pageFooter select {
  float: left;
  width: 132px;
  height: 22px;
  margin-top: -22px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}

#pageFooter option {
  height: 20px;
  background-color: #fff;
}

#pageFooter #formNewsletterMiniEmailRegBox {
  float: left;
  width: 200px;
  padding: 10px;
  border-radius: 3px;
  background-color: #5c7b9a;
}

#formNewsletterEmailRegBox {
  float: left;
}

#pageFooter #formNewsletterMiniEmailRegBox strong {
  font-size: 14px;
  font-weight: bold;
}

#formNewsletterEmailRegBox strong {
  font-weight: normal;
}

#pageFooter #formNewsletterMiniEmailRegBox .text,
#formNewsletterEmailRegBox .text {
  float: left;
  width: 134px;
  height: 18px;
  padding: 2px 5px;
  border: 1px solid #000;
  margin-top: 4px;
  text-align: right;
}

#pageFooter #formNewsletterMiniEmailRegBox span,
#formNewsletterEmailRegBox span {
  float: left;
  width: 34px;
  height: 18px;
  padding: 4px 10px 2px 10px;
  margin-top: 4px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
}

#pageFooter #formNewsletterMiniEmailRegBox label {
  float: left;
  margin-top: 5px;
}

#pageFooter #formNewsletterMiniEmailRegBox label input {
  float: left;
}

#pageFooter #formNewsletterMiniEmailRegBox label span {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  background-color: transparent;
  text-align: left;
  display: block;
  overflow: hidden;
}

#formNewsletterMiniEmailRegBox.hourglass {
  height: 70px;
  background: #5c7b9a url(/img/layout/hourglass_lid.gif) no-repeat 50% 50%;
}

#formNewsletterEmailRegBox.hourglass {
  width: 70px !important;
  height: 70px;
  background: transparent url(/img/layout/hourglass_col.gif) no-repeat 50% 50%;
} 


#formNewsletterMiniEmailRegBox.hourglass *,
#formNewsletterEmailRegBox.hourglass * {
  display: none;
}

#columns {
  clear: both;
  width: 950px;
  background-color: #fff;
}

/* sekcje nagłówka --------------------------------------------------------------------------------------------- */
#pageHeader {
  clear: both;
  width: 100%;
  height: 180px;
  background: #5090c5 url(/img/layout/bck_header.png) repeat-x;
}

#pageHeader .header {
  width: 950px;
  height: 180px;
  margin: 0 auto;
  background: #5090c5 url(/img/layout/bck_header.png) repeat-x;
}

#pageHeader .header div {
  float: right;
}

#pageHeader .logo {
  float: left;
  width: 196px;
  height: 60px;
  margin: 20px 0 0 0;
  text-decoration: none;
  background: url(/img/layout/logo_nk.png) no-repeat;
}

#pageHeader .searcher {
  float: left;
  margin: 40px 0 0 60px;
}

#pageHeader .searcher input {
  float: left;
  width: 253px;
  height: 28px;
  padding: 4px;
  border-width: 0;
  margin-right: 5px;
  color: #666;
  background: url(/img/layout/bck_searcher.png) no-repeat;
  font-size: 16px;
}

#loginPanel {
  width: 115px;
  height: 63px;
  padding: 6px 10px;
  background: url(/img/layout/bck_cart_panel.png) no-repeat;
  color: #fff;
}

#loginPanel.iframe {
  width: 135px;
  height: 75px;
  padding: 0;
}

#loginPanel div {
  float: left;
}

#loginPanel .btn {
  height: 19px;
  margin: 0 5px 1px 0;
  background-position: 0 -155px;
  font-size: 9px !important;
}

#loginPanel .btn span {
  height: 16px;
  padding: 3px 5px 0 0;
  margin: 0 -5px 0 5px;
  background-position: right -136px;
}

#loginPanel .btnDark {
  background-position: 0 -193px;
}

#loginPanel .btnDark span {
  background-position: right -174px;
}

#loginPanel .myAccount {
  height: 23px;
  margin: 69px -75px -92px 0;
  background: transparent url("/img/layout/btns.png") no-repeat scroll 0 -565px;
  font-size: 12px !important;
  white-space: nowrap;
}

#loginPanel .myAccount span {
  float: left;
  height: 19px;
  padding: 4px 10px 0 0;
  margin: 0 -10px 0 10px;
  background: transparent url("/img/layout/btns.png") no-repeat scroll right -542px;
}

#loginPanel .myAccount span a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#loginPanel.hourglass div {
  width: 50px;
  height: 50px;
  margin: 7px 32px 6px 33px;
  background: url(/img/layout/hourglass_login.gif) no-repeat;
}

#loginPanel .info {
  width: 115px;
  height: 30px;
  padding: 3px 0 4px 0;
  overflow: hidden;
}

#loginPanel .label {
  clear: left;
  width: 37px;
  padding: 0 5px 1px 0;
  text-align: right;
}

#loginPanel .value {
  width: 73px;
  padding-bottom: 1px;
}

#loginPanel .value input {
  width: 71px;
  color: #000;
  font-size: 11px;
}

#loginPanel .btnClose {
  float: left;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 -9px;
  background: url(/img/layout/btn_close_panel.gif) no-repeat;
  text-decoration: none;
}

#loginPanel a {
  color: #c4eaea;
}

#pageHeader #cartPanel {
  width: 107px;
  height: 61px;
  padding: 7px 15px;
  background: url(/img/layout/bck_cart_panel.png) no-repeat -135px 0;
  color: #cbfbff;
  font-weight: bold;
  cursor: pointer;
}

#pageHeader #cartPanel.opened {
  background-position: -135px -75px;
}

#pageHeader #cartPanel div {
  float: left;
  width: 117px;
  padding-top: 3px;
}

#pageHeader #cartPanel #miniCartOrder {
  width: 75px;
  padding: 5px 0 0 42px;
  line-height: 17px;
  color: #fff;
  overflow: hidden;
}

/* sekcje menu --------------------------------------------------------------------------------------------- */
#menu {
  width: 950px;
  margin-top: 40px;
}

#menu a,
#menu span {
  position: relative;
  float: left;
  height: 17px;
  padding: 8px 16px;
  margin: 0 0 0 7px;
  color: #fff;
  font-size: 14px !important;
  text-decoration: none;
  font-weight: bold;
}

#menu a:hover {
  color: #bbb;
}

#menu span {
  cursor: default;
}

#menu a::before,
#menu span::before {
  content: ' ';
  position: absolute;
  top: 8px;
  left: -4px;
  float: left !important;
  height: 18px;
  width: 1px;
  background: transparent url(/img/layout/dots_menu.png) no-repeat 0 0;
}

#menu a:first-child {
  margin-left: 0;
}

#menu .menuActive {
  background-color: #185084;
  border-radius: 3px;
}

#menu .menuLibrary {
  float: right;
  background-color: #39f;
  border-radius: 3px;
}

#menu .menuLibrary:hover {
  background-color: #18f;
}

#menu a:first-child::before,
#menu a.menuLibrary::before,
#menu span span::before,
#menu span a::before {
  display: none;
}

#menu .subMenu span {
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  width: auto !important;
  height: auto !important;
  padding: 8px !important;
  margin: 0 !important;
  border-radius: 3px;
  background-color: #185084;
  z-index: 100;
}

#menu .subMenu span a {
  box-sizing: border-box;
  float: left;
  clear: both;
  height: 34px;
  width: 100%;
  padding: 8px;
  border-bottom: 1px dotted #fff;
  margin: 0;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}

#menu .subMenu span a:hover {
  color: #999;
}

#menu .subMenu span .menuActive {
  background-color: #134168;
  border-radius: 0;
}

#menu .subMenu span a:last-child {
  border-bottom-width: 0;
}

#menu .subMenu:hover span {
  display: inline;
}

.mobileElement {
  display: none;
}

/* sekcje kolumny lewej --------------------------------------------------------------------------------------------- */
#colLeft {
  width: 210px;
  padding: 30px 0;
}

#colLeft a {
  text-decoration: none;
}

#colLeft .menu {
  width: 185px;
  padding: 0 13px 0 12px;
}

#colLeft .menu .btn {
  width: 170px;
  height: 22px;
  padding: 7px 15px 0 0;
  margin: 0 0 1px 0;
  background: url(/img/layout/btn_menu_left.png) no-repeat 0 0;
  font-size: 13px !important;
  font-weight: bold;
  text-align: right;
  overflow: hidden;
}

#colLeft .menu .btnColor1 {
  background-position: 0 -29px;
}

#colLeft .menu .btnColor2 {
  background-position: 0 -58px;
  color: #316597 !important;
}

#colLeft .menu .btnColor3 {
  background-position: 0 -87px;
  color: #316597 !important;
}

#colLeft .menu.age0 .ageTop1,
#colLeft .menu.age0 .ageTop2,
#colLeft .menu.age0 .ageTop3,
#colLeft .menu.age1 .ageBottom1,
#colLeft .menu.age1 .ageTop2,
#colLeft .menu.age1 .ageTop3,
#colLeft .menu.age2 .ageBottom1,
#colLeft .menu.age2 .ageBottom2,
#colLeft .menu.age2 .ageTop3,
#colLeft .menu.age3 .ageBottom1,
#colLeft .menu.age3 .ageBottom2,
#colLeft .menu.age3 .ageBottom3 {
  display: none;
}

#colLeft #menuCategories {
  width: 185px;
  padding: 9px 0 5px 0;
  margin: -2px 0 13px 0;
  background: url(/img/layout/arrow_left_menu_down.png) no-repeat 164px 0;
}

#colLeft #menuCategories a {
  float: left;
  width: 154px;
  padding: 3px 15px 3px 0;
  border-right: 1px solid #95cdfe;
  margin: 0 14px 0 1px;
  font-size: 13px;
  color: #0066cc;
  text-align: right;
  overflow: hidden;
}

#colLeft #menuCategories a.selected {
  color: #a62020;
  padding-right: 16px;
  border-width: 0;
  background: url(/img/layout/arrow_left_menu_left.png) no-repeat 163px -13px;
}

#colLeft #menuCategories a:hover {
  color: #000;
}

#colLeft .hourglass {
  width: 185px;
}

#colLeft .hourglass div {
  width: 50px;
  height: 50px;
  margin: 67px;
  background: url(/img/layout/hourglass_col.gif) no-repeat;
}

#colLeft #mustRead {
  width: 200px;
  padding: 115px 0 15px 0;
  margin: 30px 5px 25px 5px;
  background: transparent url(/img/layout/bck_must_read.png) no-repeat -200px 0;
}

#colLeft #mustRead div {
  float: left;
  width: 140px;
  padding: 0 30px 25px 30px;
  margin: 0 0 -25px 0;
  background: transparent url(/img/layout/bck_must_read.png) no-repeat 0 bottom;
}

/* sekcje kolumny środkowej --------------------------------------------------------------------------------------------- */
#colMid {
  width: 690px;
  padding: 30px 15px 10px 35px;
  overflow: hidden;
}

#colMid .textContent:empty {
  display: none;
}

#colMid .textContent br {
  clear: both;
}

#colMid .textContent div {
  float: none;
}

#colMid .pageTitle {
  float: left;
  width: 100%;
  padding: 15px 0;
  color: #369;
  font-size: 26px;
  text-transform: uppercase;
}

#colMid .pageTitleTop {
  padding-top: 0;
  border-bottom: 1px dotted #39f;
  margin-bottom: 15px;
}

#colMid .pageTitleTopNoBorder {
  padding-top: 0;
}

#colMid .pageTitleTopNoInterline {
  padding: 0;
}

#colMid .pageTitleMiddle {
  margin-top: 20px;
}

#colMid .pageTitleMiddleBorder {
  padding-top: 0;
  border-bottom: 1px dotted #39f;
  margin-top: 20px;
}

#colMid .pageTitleList {
  padding: 0;
}

#colMid .pageText {
  width: 100%;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #39f;
  margin: 0 0 15px 0;
}

#colMid #typeSelector {
  width: 665px;
  height: 30px;
  padding: 6px 10px 0 15px;
  background: url(/img/layout/bars.png) no-repeat;
  color: #fff;
  font-size: 16px;
}

#colMid #typeSelector div {
  float: right;
  padding: 1px 0 9px 0;
}

#colMid #typeSelector .divider {
  clear: none;
  width: 2px;
  height: 7px;
  padding: 0;
  border-right: 1px dotted #fff;
  margin: 8px 2px 0 0;
}

#colMid #typeSelector .btn {
  height: 20px;
  padding: 0;
  margin-right: 6px;
  background-image: none;
  background-position: 0 -924px;
  font-size: 11px !important;
}

#colMid #typeSelector .btn span {
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-image: none;
  background-position: right -904px;
}

#colMid #typeSelector.type .type .btn,
#colMid #typeSelector.type .type .btn span,
#colMid #typeSelector.typebook .typebook .btn,
#colMid #typeSelector.typebook .typebook .btn span,
#colMid #typeSelector.typeebook .typeebook .btn,
#colMid #typeSelector.typeebook .typeebook .btn span,
#colMid #typeSelector.typeaudiobook .typeaudiobook .btn,
#colMid #typeSelector.typeaudiobook .typeaudiobook .btn span,
#colMid #typeSelector.typeeaudiobook .typeeaudiobook .btn,
#colMid #typeSelector.typeeaudiobook .typeeaudiobook .btn span {
  background-image: url(/img/layout/btns.png);
  color: #000;
  opacity: 1 !important;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important;
  filter: alpha(opacity=100) !important;
}

#colMid #typeSelector.type .type,
#colMid #typeSelector.typebook .typebook,
#colMid #typeSelector.typeebook .typeebook,
#colMid #typeSelector.typeaudiobook .typeaudiobook,
#colMid #typeSelector.typeeaudiobook .typeeaudiobook {
  background: transparent url(/img/layout/arrow_type_selector_down.png) no-repeat 50% 21px;
}

#colMid #typeSelector .typeebook,
#colMid #typeSelector .typeebook + .divider {
  display: none;
}

#colMid .list {
  float: left;
  width: 100%;
}

#colMid .listNewsMainPage {
  margin-bottom: 15px;
}

#colMid .listHeader {
  float: left;
  width: 100%;
  height: 15px;
  padding: 5px 0 10px 0;
  margin-top: -50px;
  text-align: right;
}

#colMid .listHeaderInline {
  margin-top: 0;
}

#colMid .listSeries {
  margin: 10px 0;
}

#colMid .listSeries a {
  float: left;
  width: 580px;
  padding: 10px 0 10px 110px;
  border-bottom: 1px dotted #39f;
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

#colMid .listSeries a:last-child {
  border-width: 0;
}

#colMid .listSeries a.faded {
  color: #cfe7ff;
}

#colMid .listAuthors {
  margin: 10px 0;
}

#colMid .listAuthors a {
  float: left;
  width: 655px;
  padding: 5px 0 5px 35px;
  border-bottom: 1px dotted #39f;
  margin: 0;
  font-size: 17px;
  text-decoration: none;
}

#colMid .listAuthors a img {
  float: left;
  width: 48px;
  height: 62px;
  padding-right: 20px;
}

#colMid .listAuthors a span {
  float: left;
  padding-top: 20px;
}

#colMid .listAuthors a:last-child {
  border-width: 0;
}

#colMid .hourglass {
  width: 690px;
  padding: 0;
}

#colMid .hourglass div {
  width: 50px;
  height: 50px;
  margin: 327px;
  background: url(/img/layout/hourglass_col_mid.gif) no-repeat;
}

#colMid .error {
  width: 100%;
  padding-bottom: 10px;
  color: #ff0000;
}

/* autor --------------------------------------------------------------------------------------------- */
#colMid .letters {
  float: left;
  width: 690px;
  height: 65px;
  margin: 5px 0;
  background: url(/img/layout/bars.png) no-repeat 0 -168px;
  text-align: center;
}

#colMid .letters a {
  display: inline-block;
  padding: 5px 3px;
  color: #369;
  text-decoration: none;
  font-size: 19px;
}

#colMid .letters .inactive {
  color: #666;
  cursor: default;
}

#colMid .letters .selected {
  color: #39f;
  cursor: default;
}

#colMid .letters .btn {
  float: none;
  height: 23px;
  padding: 0;
  margin: 0 8px 1px 0;
  background-position: 0 -479px;
  font-size: 12px !important;
}

#colMid .letters .btn span {
  height: 19px;
  padding: 4px 8px 0 0;
  margin: 0 -8px 0 8px;
  background-position: right -456px;
}

.author {
  width: 690px;
}

.author .info {
  width: 470px;
  padding: 15px 0 0 20px;
}

.author .info h1 {
  float: left;
  width: 100%;
  font-size: 22px;
  color: #000;
}

.author .info div {
  width: auto;
  font-size: 15px;
  color: #999999;
}

.author div.description {
  width: 470px;
  padding: 30px 0 0 20px;
}

.author div.description div {
  float: none !important;
}

.author .photo {
  float: left;
  margin: 15px 0 20px 0;
  width: 200px;
}

.author .authorsBooksLabel {
  width: 100%;
  padding: 10px 0 0 0;
  border-top: 1px dotted #ccc;
  margin: 20px 0 10px 0;
  font-weight: bold;
}

.authorsBooks {
  width: 675px;
  margin: 10px 0 20px 15px;
}

.authorsBooks a {
  position: relative;
  float: left;
  width: 150px;
  height: 220px;
  margin-right: 25px;
  overflow: hidden;
}

.authorsBooks a.lastCol {
  margin-right: 0;
}

.authorsBooks a img {
  position: absolute;
  bottom: 0;
  float: left;
  width: 150px;
}

.authorsBooks .ebook p,
.authorsBooks .eaudiobook p {
}

.authorsBooks .cover div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 30px;
  padding: 15px 30px 0 20px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: transparent url(/img/layout/discount_percentage.png) no-repeat 0 0;
}

/* dla bibliotek --------------------------------------------------------------------------------------------- */
#colMid .colRight {
  float: right;
}

#colMid .meetAuthors,
#colMid .libraryNews,
#colMid .libraryCatalogue,
#colMid .activityScripts,
#colMid .promoMaterials {
  clear: left;
  width: 335px;
  padding: 10px 0 0 0;
  margin: 20px 0 10px 0;
  background: transparent url(/img/layout/bck_panels_library.png) no-repeat 0 0;
}

#colMid .promoMaterials {
  background-position: -335px 0;
}

#colMid .activityScripts {
  background-position: -1005px 0;
}

#colMid .libraryCatalogue {
  background-position: -1675px 0;
}

#colMid .libraryNews {
  background-position: -2345px 0;
}

#colMid .meetAuthors {
  background-position: -3015px 0;
}

#colMid .meetAuthors div,
#colMid .libraryNews div,
#colMid .libraryCatalogue div,
#colMid .activityScripts div,
#colMid .promoMaterials div {
  width: 311px;
  padding: 0 12px 10px 12px;
  margin: 0 0 -10px 0;
  background: transparent url(/img/layout/bck_panels_library.png) no-repeat 0 0;
}

#colMid .promoMaterials div {
  background-position: 0 bottom;
}

#colMid .activityScripts div {
  background-position: -670px bottom;
}

#colMid .libraryCatalogue div {
  background-position: -1340px bottom;
}

#colMid .libraryNews div {
  background-position: -2010px bottom;
}

#colMid .meetAuthors div {
  background-position: -2680px bottom;
}

#colMid .meetAuthors div div,
#colMid .libraryNews div div,
#colMid .libraryCatalogue div div,
#colMid .activityScripts div div,
#colMid .promoMaterials div div {
  padding: 0;
  margin: 0;
  background-image: none;
}

#colMid .meetAuthors .header,
#colMid .libraryNews .header,
#colMid .libraryCatalogue .header,
#colMid .activityScripts .header,
#colMid .promoMaterials  .header {
  padding: 5px 0 15px 0;
  border-bottom: 1px dotted #369;
  margin-bottom: 10px;
  color: #369;
  font-weight: bold;
  font-size: 16px;
}

#colMid .meetAuthors .header {
  color: #619998;
}

#colMid .libraryCatalogue .header,
#colMid .activityScripts .header {
  color: #fff;
  border-color: #fff;
}

#colMid .meetAuthors .text,
#colMid .promoMaterials .text {
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #369;
  margin-bottom: 10px;
}

#colMid .libraryCatalogue .text,
#colMid .activityScripts .text {
  color: #fff;
}

#colMid .libraryCatalogue .text a,
#colMid .activityScripts .text a {
  color: #fff;
}

#colMid .meetAuthors a,
#colMid .libraryNews a,
#colMid .libraryCatalogue a,
#colMid .activityScripts a,
#colMid .promoMaterials  a {
  text-decoration: none;
}

#colMid a.more {
  float: right;
  color: #39f;
  font-weight: bold;
  text-decoration: none;
}

.promoMaterials input {
  width: 309px;
}

.promoMaterials input.short {
  width: 100px;
}

.promoMaterials input.checkbox {
  width: auto;
}

.promoMaterials .optional,
.promoMaterials .obligatory {
  padding: 0 0 10px 0 !important;
  font-size: 11px;
}

.promoMaterials .submit {
  padding: 10px 0 0 0 !important;
  border-top: 1px dotted #369;
}

.promoMaterials .errorAlert {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.promoMaterials .error .errorAlert {
  position: static;
  visibility: visible;
  width: 311px;
  color: #ff0000;
}

.promoMaterials .missingAlert {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.promoMaterials .missing .missingAlert {
  position: static;
  visibility: visible;
  width: 311px;
  color: #d00;
}

/* książka --------------------------------------------------------------------------------------------- */
.book {
  position: relative;
  float: left !important;
  width: 100%;
  margin-bottom: 40px;
}

.book div {
  float: left !important;
}

.book .cover {
  position: relative;
  float: left;
  width: 245px;
  margin-right: 15px;
  color: #828282;
  text-align: center;
}

.book .cover .discount {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 113px;
  height: 50px;
  padding: 27px 55px 0 0;
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  background: transparent url(/img/layout/discount_percentage_big.png) no-repeat 0 0;
}

.cover.book p,
.cover.audiobook p {
  display: none;
}

.cover.ebook p,
.cover.eaudiobook p {
  position: absolute;
  left: 0;
  bottom: 53px;
  width: 131px;
  height: 46px;
  background: transparent url(/img/layout/wrapper_ebook.png) no-repeat 0 0;
}

.cover.eaudiobook p {
  background-image: url(/img/layout/wrapper_mp3.png);
}

.alsoBought .cover.ebook p,
.alsoBought .cover.eaudiobook p,
.authorsBooks .cover.ebook p,
.authorsBooks .cover.eaudiobook p,
.list .cover.ebook p,
.list .cover.eaudiobook p {
  left: 0;
  bottom: 32px;
}

.book .cover img {
  float: left;
  width: 245px;
}

.book .coverMagnify {
  padding-bottom: 27px;
  background: url(/img/layout/btn_magnify.png) no-repeat center bottom;
  cursor: pointer;
}

.book .coverMagnify .discount {
  bottom: 27px;
}

.book .coverMagnify p {
  bottom: 80px;
}

.book .details {
  width: 280px;
  min-height: 320px;
}

.book h1 {
  float: left;
  width: 280px;
  margin-top: 10px;
  color: #000;
  font-size: 20px;
}

.book .preorder {
  width: 280px;
  padding: 2px 0;
  color: #f60;
  font-size: 12px;
}

.book .info,
.book .format {
  width: 280px;
}

.book .writer,
.book .writers,
.book .info .reader,
.book .info .readers,
.book .info .illustrator,
.book .info .illustrators,
.book .info .translator,
.book .info .translators {
    width: 280px;
    font-size: 12px;
}

.book * h2 {
  display: inline;
  color: #666;
  font-size: 12px;
}

.book .writer,
.book .writers,
.book .writer h2,
.book .writers h2 {
  font-size: 14px;
}

.book * h2 a {
  color: #369;
  text-decoration: none;
}

.book * h2 a:hover {
  text-decoration: underline;
}

.book .format span,
.book .info span {
  color: #000;
}

.book .format span {
  font-weight: bold;
}

.book .info .btnsIco {
  width: 280px;
  padding-top: 25px;
}

.book .info .btnsIco .btnIco {
  float: left;
}

.bookOnList .price .btn.btnWishList,
.book .colRight .btnWishList {
  position: relative;
  height: 19px;
  padding: 0;
  background-position: 0 -155px;
  font-size: 11px !important;
}

.bookOnList .price .btn.btnWishList {
  margin-top: -30px;
}

.bookOnList .price .btn.btnWishList span,
.book .colRight .btnWishList span {
  display: none;
  height: 16px;
  padding: 3px 5px 0 16px;
  margin: 0 -5px 0 5px;
  background-position: right -136px;
  color: #fff;
}

.book .colRight .btnWishList span {
  width: 103px;
}

.bookOnList .price .btnWishList span.add,
.book .colRight .btnWishList span.add {
  display: inline-block;
}

.bookOnList .price .btnWishList.onWishList span.add,
.book .colRight .btnWishList.onWishList span.add {
  display: none;
}

.bookOnList .price .btnWishList.onWishList span.remove,
.book .colRight .btnWishList.onWishList span.remove {
  display: inline-block;
}

.bookOnList .price .btnWishList span::after,
.book .colRight .btnWishList span::after {
  content: '\2606';
  position: absolute;
  top: -5px;
  left: 4px;
  font-size: 18px;
}

.bookOnList .price .btnWishList.onWishList span::after,
.book .colRight .btnWishList.onWishList span::after {
  content: '\2605';
}

.book .info .puzzleIco,
.book .info .gameIco {
  width: 280px;
  padding-top: 25px;
}

.book .info .puzzleIco div,
.book .info .gameIco div {
  position: relative;
  display: inline-block;
  width: 81px;
  height: 102px;
  margin-right: 10px;
}

.book .info .puzzleIco img,
.book .info .gameIco img {
  width: 81px;
  height: 102px;
}

.book .info .puzzleIco div span,
.book .info .gameIco div span {
  position: absolute;
  left: 0;
  top: 56px;
  width: 81px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.book .colRight {
  float: right !important;
  width: 130px;
  margin: 10px 5px 0 0;
}

.book .colRight:first-child {
  display: initial;
}

.book .price {
  width: 130px;
  margin: 0 0 10px 0;
  background: transparent url(/img/layout/bck_price.png) no-repeat -130px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.book .price div {
  width: 130px;
  padding: 0 0 10px 0;
  margin: 0 0 -10px 0;
  background: transparent url(/img/layout/bck_price.png) no-repeat 0 bottom;
}

.book .price div div {
  display: inline-block;
  float: none !important;
  width: auto;
  margin: 0;
}

.book .price span {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.book .price .current span {
  display: inline;
  width: auto;
  padding: 0;
}

.book .price .old {
  padding: 0 5px 0 0;
  border-right: 1px solid #fff;
  margin-right: 5px;
  color: #ffff9b;
  text-decoration: line-through;
}

.book .price .current {
  color: #fff;
}

.book .price .zeroQuantity {
  width: auto;
  padding: 3px 5px;
  margin: 0 10px;
  color: #000;
  background-color: #ccc;
  font-size: 12px;
  cursor: default;
}

#searchResults .book .zeroQuantity {
  margin-left: 10px;
}

.book .price .btn {
  height: 20px;
  padding: 0;
  margin-right: 6px;
  color: #ff9933 !important;
  background-image: url(/img/layout/btns.png);
  background-position: 0 -662px;
  font-size: 12px !important;
  font-weight: bold;
}

.book .price .btn span {
  width: auto;
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-position: right -642px;
}

.book .deliveryCost,
.book .paymentInfo,
.book .deliveryTime {
  width: 130px;
  margin: 10px 0;
  text-align: center;
  color: #39f;
}

.book .paymentInfo,
.book .deliveryTime {
  margin-bottom: 0;
}

.book .deliveryCost a,
.book .paymentInfo span,
.book .deliveryTime span {
  cursor: pointer;
  padding: 0 3px;
  border-radius: 6px;
  background-color: #39f;
  color: #fff;
  text-decoration: none;
}

.book .otherFormats {
  width: 130px;
  margin: 10px 0;
  background: transparent url(/img/layout/bck_other_formats.png) no-repeat -130px 0;
  font-size: 11px;
  text-align: center;
}

.book .otherFormats div {
  width: 110px;
  padding: 0 10px 10px 10px;
  margin: 0 0 -10px 0;
  background: transparent url(/img/layout/bck_other_formats.png) no-repeat 0 bottom;
}

.book .otherFormats div span {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.book .otherFormats div a {
  display: inline-block;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px dotted #a4b1ba;
  margin-bottom: 5px;
}

.book .otherFormats div a:last-child {
  padding: 0;
  border-width: 0;
  margin: 0;
}

.book .otherFormats div a span {
  padding: 0;
  color: #f60;
}

.book .otherFormats div a .type {
  color: #31659E;
}

.book .externalShopsLinks {
  width: 130px;
  margin: 15px 0 0 0;
  font-size: 11px;
}

.book .externalShopsLinks div a {
  display: block;
  border-radius: .25rem;
  padding: 10px 5px;
  text-align: center;
  width: 120px;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  margin: 10px 0 0 0;
  font-size: 11px;
  text-decoration: none;
}
.book .externalShopsLinks div a:hover {
  text-decoration: none;
  background-color: #2b8ef9;
  border-color: #2b8ef9;
}

.book .description,
.book .social,
.book .series,
.book .categories,
.book .prizes,
.book .alsoBought,
.book .otherPuzzles,
.book .otherGames,
.book .promoBundle,
.book .gallery {
  width: 675px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #a5b5c4;
  margin: 20px 0 0 15px;
}

.book .series .list,
.book .categories .list {
  float: left !important;
  margin-top: 20px;
}

.book .promoBundle {
  border-bottom-width: 0;
  margin: 0 0 0 15px;
}

.book .promoBundle .promoInfo {
  position: relative;
  width: 198px;
  height: 92px;
  padding: 10px 60px 10px 10px;
  margin: 3px 0;
  color: #fff;
  background: transparent url(/img/layout/bck_promo_info_bundle.png) no-repeat 0 0;
}

.book .promoUntriggered .promoInfo {
  color: #000;
  background: transparent url(/img/layout/bck_promo_info_untriggered.png) no-repeat 0 0;
}

.book .promoBundle .promoInfo .showPromo {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.book .promoBundle .list {
  width: 405px !important;
  margin-left: 2px;
}

.book .promoBundle .list .cover {
  position: relative;
  width: 80px;
  height: 120px;
  margin: 0 0 0 1px;
}

.book .promoBundle .list .cover img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
}

.book .social {
  padding-top: 10px;
  border-top: 1px dotted #a5b5c4;
  margin-top: 10px;
}

.book .series div,
.book .categories div {
  display: inline;
  float: none !important;
}

.book .description div {
  float: none !important;
}

.rating span {
  float: left;
  padding: 18px 10px 0 10px;
}

.rating .btnIco {
  clear: left;
  width: 20px;
  height: 20px;
  margin: 2px 0 0 0;
}

.rating .plus {
  padding: 0 6px 0 0;
  border-right: 1px dotted #a5b5c4;
  color: #379535;
}

.rating .minus {
  padding: 0 0 0 6px;
  color: #c33b2d;
}

.rating .plus span,
.rating .minus span {
  width: 20px;
  padding: 0;
  text-align: center;
  font-size: 10px;
}

.rating .btn {
  height: 20px;
  padding: 0;
  margin: 16px 6px 0 20px;
  color: #fff !important;
  background-position: 0 -522px;
  font-size: 12px !important;
}

.rating .btn span {
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-position: right -502px;
}

.book .prizes div {
  width: 100%;
  margin: 10px 0 10px 0;
  font-weight: bold;
}

.book .prizes span {
  float: left;
  width: 100%;
  margin: 2px 0;
}

.book .prizes span img {
  margin-right: 10px;
}

.book .alsoBought div,
.book .otherPuzzles div,
.book .otherGames div {
  width: 100%;
  margin: 10px 0 20px 0;
}

.book .alsoBought div {
  font-weight: bold;
}

.promoBooks a.coverOnly,
.book .alsoBought a,
.book .otherPuzzles a,
.book .otherGames a,
.book .series .list a,
.book .categories .list a {
  position: relative;
  float: left;
  width: 150px;
  height: 220px;
  margin-right: 25px;
  text-align: left;
  overflow: hidden;
}

.book .seriesPuzzles a,
.book .otherPuzzles a,
.book .otherGames a {
  height: 160px !important;
}

.promoBooks a.coverOnly {
  margin: 0 15px 0 7px;
}

.book .alsoBought a:last-child,
.book .otherPuzzles a:last-child,
.book .otherGames a:last-child,
.book .series .list a:last-child,
.book .categories .list a:last-child {
  margin-right: 0;
}

.promoBooks a.coverOnly img,
.book .alsoBought a img,
.book .otherPuzzles a img,
.book .otherGames a img,
.book .series a img,
.book .categories a img {
  position: absolute;
  bottom: 0;
  float: left;
  width: 150px;
}

.book .alsoBought .cover .discount,
.book .otherPuzzles .cover .discount,
.book .otherGames .cover .discount,
.book .series .cover .discount,
.book .categories .cover .discount {
  width: 48px;
  height: 30px;
  padding: 15px 30px 0 20px;
  margin: 0;
  font-size: 20px;
  background: transparent url(/img/layout/discount_percentage.png) no-repeat 0 0;
}

.book .gallery {
  padding: 10px 0 0 1px;
  border-top: 1px dotted #a5b5c4;
  border-bottom-width: 0;
  margin-top: 10px;
}

.book .gallery div {
  width: 160px;
  margin: 0 4px 10px 4px;
}

.book .gallery div img {
  cursor: pointer;
  border: 1px solid #cccccc;
}

.bookOnList {
  position: relative;
  width: 690px;
  border-bottom: 1px dotted #39f;
  margin-bottom: 35px;
}

.bookOnList:last-child {
  border-width: 0;
  margin-bottom: 0;
}

.bookOnList .cover {
  width: 160px;
  margin: 0 20px 35px 20px;
}

.bookOnList .cover img {
  width: 160px;
}

.bookOnList .cover .discount {
  width: 48px;
  height: 30px;
  padding: 15px 30px 0 20px;
  font-size: 20px;
  background: transparent url(/img/layout/discount_percentage.png) no-repeat 0 0;
}

.bookOnList .price {
  position: absolute;
  top: 0;
  left: 200px;
  width: 130px;
  background-image: none;
  color: #000;
}

.listPressPacks .bookOnList .price {
  top: 70px;
}

.bookOnList .price div {
  display: inline-block;
  float: none !important;
  width: auto;
  margin: 0;
  background-image: none;
}

.bookOnList .price .label {
  width: 100%;
  margin: 10px 0 0 0;
}

.bookOnList .price .old {
  border-color: #999999;
  color: #999999;
}

.bookOnList .price .current {
  color: #000;
}

.bookOnList .price .btn {
  color: #fff !important;
  background-position: 0 -304px;
}

.bookOnList .price .btn span {
  background-position: right -284px;
}

.bookOnList .price .info {
  width: 130px;
  margin: 10px 0 30px 0;
  color: #999999;
  text-align: center;
  font-size: 12px;
}

.bookOnList .price .info span {
  display: block;
  padding: 0 0 2px 0;
}

.bookOnList .price .puzzleIco,
.bookOnList .price .gameIco {
  width: 130px;
  padding: 20px 0 0 0;
}

.bookOnList .price .puzzleIco div,
.bookOnList .price .gameIco div {
  position: relative;
  display: inline-block;
  float: left !important;
  width: 40px;
  height: 50px;
  padding: 0;
  margin-right: 5px;
}

.bookOnList .price .puzzleIco div:last-child,
.bookOnList .price .gameIco div:last-child {
  margin-right: 0;
}

.bookOnList .price .puzzleIco img,
.bookOnList .price .gameIco img {
  width: 40px;
  height: 50px;
}

.bookOnList .price .puzzleIco div span,
.bookOnList .price .gameIco div span {
  position: absolute;
  left: 0;
  top: 26px;
  width: 40px;
  padding: 0;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

.bookOnList h2 {
  float: right;
  width: 340px;
  margin-top: 10px;
  font-size: 20px;
}

.bookOnList h2 a {
  text-decoration: none;
}

.bookOnList .writer,
.bookOnList .writers,
.bookOnList .illustrator,
.bookOnList .illustrators {
  float: right !important;
  width: 340px;
}

.bookOnList * h3 {
  display: inline;
  color: #666;
  font-size: 14px;
}

.bookOnList * h3 a {
  color: #369;
  text-decoration: none;
}

.bookOnList * h3 a:hover {
  text-decoration: underline;
}

.bookOnList .reviewer {
  float: right !important;
  width: 340px;
  padding: 5px 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 5px 0 -10px 0;
  color: #999999;
}

.bookOnList .preorder {
  float: right !important;
  width: 340px;
}

.bookOnList .description {
  float: right !important;
  width: 340px;
  border-width: 0;
  margin: 20px 0 15px 0;
}

.bookOnList .extra {
  float: left;
  width: 130px;
  margin: 10px 0 10px 0;
  background: transparent url(/img/layout/bck_list_extra.png) no-repeat -130px 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.bookOnList .price .extra {
  margin-top: -30px;
}

.bookOnList .extra span {
  float: left;
  width: 110px;
  padding: 15px 10px;
  margin: 0 0 -10px 0;
  background: transparent url(/img/layout/bck_list_extra.png) no-repeat 0 bottom;
}

.bookOnList .extra .btn {
  float: none;
  height: 20px;
  margin: 10px 6px 0 0;
  color: #369 !important;
  background-position: 0 -662px;
  font-size: 12px !important;
  font-weight: bold;
}

.bookOnList .extra .btn span {
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-position: right -642px;
}

.bookOnList .showRest span:last-child {
  display: none;
}

.bookOnList .showRest span u {
  cursor: pointer;
}

.bookOnGrid {
  width: 230px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.bookOnGrid .cover {
  position: relative;
  width: 150px;
  height: 220px;
  margin: 0 70px 0 10px;
  text-align: left;
  overflow: hidden;
}

.listPuzzlesMainPage .bookOnGrid .cover,
.listGamesMainPage .bookOnGrid .cover {
  height: 170px;
}

.bookOnGrid .cover img {
  position: absolute;
  width: 150px;
  bottom: 0;
}


.bookOnGrid .cover .discount {
  width: 48px;
  height: 30px;
  padding: 15px 30px 0 20px;
  font-size: 20px;
  background: transparent url(/img/layout/discount_percentage.png) no-repeat 0 0;
}

.bookOnGrid h2 {
  float: left;
  width: 200px;
  margin: 10px 15px 5px 15px;
}

.bookOnGrid h2 a {
  color: #39f;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}

.bookOnGrid .writer,
.bookOnGrid .writers,
.bookOnGrid .illustrator,
.bookOnGrid .illustrators {
  width: 200px;
  margin: 0 15px;
}

.bookOnGrid h3 {
  display: inline;
  color: #666;
  font-size: 11px;
}

.bookOnGrid h3 a {
  color: #369;
  text-decoration: none;
}

.bookOnGrid h3 a:hover {
  text-decoration: underline;
}

.bookOnGrid .price {
  width: 200px;
  margin: 0 15px;
  background-image: none;
  text-align: left;
  font-size: 12px;
}

.bookOnGrid .price div {
  width: 200px;
  margin-top: 10px;
  margin-bottom: -15px;
  background-image: none;
}

.bookOnGrid .price div div {
  display: inline-block;
  width: auto;
}

.bookOnGrid .price .old {
  border-color: #999999;
  color: #999999;
}

.bookOnGrid .price .current {
  padding: 0;
  color: #000;
}

.bookOnGrid .price .btn {
  height: 20px;
  padding: 0;
  margin-right: 6px;
  color: #fff !important;
  background-position: 0 -304px;
  font-size: 12px !important;
}

.bookOnGrid .price .btn span {
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-position: right -284px;
}

.bookOnGrid .price .zeroQuantity {
  margin: 0 20px 0 0;
}

.bookOnGrid.column0 {
  clear: left;
}

.listGrid .bookOnList {
  width: 230px;
  height: 330px;
  padding-bottom: 20px;
  border-bottom-width: 0;
  margin-bottom: 10px;
}

.listGrid .bookOnList .cover {
  position: relative;
  width: 160px;
  height: 220px;
  margin: 0 60px 0 10px;
  text-align: left;
  overflow: hidden;
}

.listGrid .bookOnList .cover img {
  position: absolute;
  width: 160px;
  bottom: 0;
}

.listGrid .bookOnList .cover .discount {
  width: 48px;
  height: 30px;
  padding: 15px 30px 0 20px;
  font-size: 20px;
  background: transparent url(/img/layout/discount_percentage.png) no-repeat 0 0;
}

.listGrid .bookOnList h2 {
  float: left;
  width: 200px;
  max-height: 45px;
  margin: 10px 15px 5px 15px;
  overflow: hidden;
}

.listGrid .bookOnList h2 a {
  color: #39f;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}

.listGrid .bookOnList .price {
  position: relative;
  top: 0;
  left: 0;
  width: 200px;
  margin: 10px 15px 0 15px;
  background-image: none;
  text-align: left;
  font-size: 12px;
}

.listGrid .bookOnList .price .old {
  width: initial;
  margin-top: 25px;
  border-color: #999999;
  color: #999999;
}

.listGrid .bookOnList .price .current {
  width: initial;
  padding: 0;
  margin-top: 25px;
  color: #000;
}

.listGrid .bookOnList .price .zeroQuantity,
.listGrid .bookOnList .price .btn {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}

.listGrid .bookOnList .price .puzzleIco,
.listGrid .bookOnList .price .gameIco,
.listGrid .bookOnList .price .label,
.listGrid .bookOnList .price .info,
.listGrid .bookOnList .writer,
.listGrid .bookOnList .writers,
.listGrid .bookOnList .illustrator,
.listGrid .bookOnList .illustrators,
.listGrid .bookOnList .description,
.listGrid .bookOnList .preorder {
  display: none;
}

.book div.floatedRight {
  float: right !important;
}

.book div.floatedRight .price {
  position: initial;
}

.book div.floatedRight h2,
.book div.floatedRight .description,
.book div.floatedRight .writers,
.book div.floatedRight .writer {
  clear: right;
}

/* pasek nawigacji --------------------------------------------------------------------------------------------- */
.naviBar {
  width: 665px;
  height: 27px;
  padding: 6px 10px 0 15px;
  background: url(/img/layout/bars.png) no-repeat 0 -36px;
  margin: 15px 0;
  color: #369;
  font-size: 12px;
}

#naviBarBottom {
  margin-top: 0;
}

.naviBar h1,
.naviBar .h1 {
  font-size: 18px;
}

.naviBar a.showAll {
  float: right;
  margin-top: 2px;
  color: #336699;
}

.naviBar div div {
  display: inline-block;
  float: none !important;
  height: 16px;
  padding: 2px 25px 2px 5px;
  border: 1px solid #369;
  margin: 0 0 0 3px;
  background: #fff url(/img/layout/btns_ico.png) no-repeat 150px -272px;
  text-align: right;
}

.naviBar select {
  position: relative;
  top: -1px;
  display: inline-block;
  height: 22px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}

.naviBar option {
  height: 18px;
  color: #369;
  background-color: #fff;
}

.naviBar .sort {
  padding-right: 10px;
  border-right: 1px dotted #369;
  margin-right: 10px;
}

.naviBar .sort div {
  width: 140px;
}

.naviBar .sort select {
  width: 172px;
  margin: 0 0 0 -172px;
}

.naviBarNoNavi .sort {
  border-width: 0;
}

.naviBarNoNavi .sort div {
  width: 210px;
  background-position: 220px -272px;
}

.naviBarNoNavi .sort select {
  width: 242px;
  margin: 0 0 0 -242px;
}

.naviBar .limit div {
  width: 50px;
  background-position: 60px -272px;
}

.naviBar .limit select {
  width: 82px;
  margin: 0 0 0 -82px;
}

.naviBar .listType {
  padding-left: 10px;
  border-left: 1px dotted #369;
  margin-left: 10px;
}

.naviBar .listType a {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 1px 0 0 0;
  background: transparent url(/img/layout/btns_ico.png) no-repeat 0 -379px;
  text-decoration: none;
}

.naviBar.listRows .listType a {
  background-position: 0 -379px;
}

.naviBar.listGrid .listType a {
  background-position: 0 -401px;
}

.naviBar .navi {
  float: right !important;
}

.naviBar .navi a.prev,
.naviBar .navi a.next {
  float: left;
  width: 7px;
  height: 15px;
  margin: 3px 5px 0 0; 
  background: transparent url(/img/layout/btns_ico.png) no-repeat 0 -242px;
  text-decoration: none;
}

.naviBar .navi a.next {
  float: right;
  margin: 3px 0 0 5px;
  background-position: 0 -257px;
}

.naviBar .navi div {
  width: 20px;
  background-position: 30px -272px;
}

.naviBar .navi select {
  width: 52px;
  margin: 0 3px 0 -52px;
}

.naviBar .goTop {
  float: left;
  width: 20px;
  height: 20px;
  background: transparent url(/img/layout/arrow_navi_top.png) no-repeat 0 0;
  cursor: pointer;
}

/* recenzje --------------------------------------------------------------------------------------------- */
#colMid .commentsList {
  float: left;
  width: 675px;
  margin: 0 0 25px 15px;
}

#colMid .commentsList div {
  float: left;
  width: 675px;
  margin-bottom: 5px;
}

#colMid .commentsList .date {
  width: auto;
  padding: 7px 5px 0 0;
  margin-bottom: 0;
}

#colMid .commentsList .rating {
  width: 125px;
  height: 24px;
  padding: 0;
  margin: 1px 0 -1px 0;
}

#colMid .commentsList .rating div {
  height: 24px;
  margin: 0;
  background-image: url(/img/layout/rating_stars.png);
}

#colMid .commentsList .rating .ratingNull {
  background-position: 0 0;
}

#colMid .commentsList .rating .ratingOff {
  background-position: 0 -24px;
}

#colMid .commentsList .rating .ratingOn {
  background-position: 0 -48px;
}

#colMid .commentsList a {
  float: left;
  margin: 7px 0 0 5px;
}

#colMid .commentsList a.more {
  margin: 4px 0 0 0;
}

#colMid .commentsList .comment {
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #666;
  margin: 5px 0 10px 0;
}

/* wydarzenia --------------------------------------------------------------------------------------------- */
.news {
  float: left !important;
  width: 100%;
  padding-bottom: 15px !important;
  border-bottom: 1px dotted #39f;
  margin-bottom: 5px !important;
}

.libraryNews .news {
  border-color: #369;
}

.news:last-child {
  border-width: 0;
  margin-bottom: 0;
}

.libraryNews .news:last-child {
  border-bottom: 1px dotted #39f;
  margin-bottom: 5px !important;
}

.news .date {
  float: left !important;
  width: 100%;
  margin: 20px 0 3px 0;
  color: #99ccff;
  font-size: 12px;
}

.libraryNews .news .date {
  margin-top: 10px !important;
  color: #999999;
  font-size: 11px;
}

.news h1,
.news h2 {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.libraryNews h2 {
  font-size: 12px;
}

.news h1 {
  margin-bottom: 25px;
}

.news h2 a {
  color: #000;
  text-decoration: none;
}

.news .text {
  width: 100%;
}

.news .btn {
  float: right;
  height: 27px;
  margin-top: 15px;
  background-position: 0 -709px;
  font-size: 12px !important;
}

.news .btn span {
  height: 22px;
  padding: 5px 10px 0 0;
  background-position: right -682px;
}

.libraryNews .news a.more {
  float: left !important;
  font-weight: normal !important;
}

/* promocje --------------------------------------------------------------------------------------------- */
.promo {
  float: left !important;
  width: 100%;
  padding-bottom: 15px;
}

.list .promo {
  border-bottom: 1px dotted #39f;
  margin-bottom: 25px;
}

.list .promo:last-child {
  border-width: 0;
  margin-bottom: 0;
}

.promo h1,
.list .promo h2 {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.list .promo h2 a {
  color: #000;
  text-decoration: none;
}

.promo .text {
  float: left !important;
  width: 100%;
  margin-bottom: 5px;
}

.promo .promoBooks {
  float: left !important;
  width: 100%;
}

.promo .promoBooks .titleOnly {
  float: left;
  clear: both;
  padding: 10px 0 0 10px;
  margin: 0 0 0 20px;
  background: transparent url(/img/layout/arrow_list.gif) no-repeat 0 13px;
}

.promo .btn {
  float: right;
  height: 27px;
  background-position: 0 -709px;
  font-size: 12px !important;
}

.promo .btn span {
  height: 22px;
  padding: 5px 10px 0 0;
  background-position: right -682px;
}

/* koszyk --------------------------------------------------------------------------------------------- */
#cart {
  position: absolute;
  left: 0;
  top: 0;
  float: left;
  width: 365px;
  height: 593px;
  margin-top: 4px;
  background: transparent url(/img/layout/bck_cart.png) no-repeat 0 0;
  visibility: hidden;
  z-index: 200;
}

#cart.cartExpanded {
  width: 892px;
  background: transparent url(/img/layout/bck_cart_expanded.png) no-repeat -892px 0;
}

#cart div {
  float: left;
}

#cart .expander {
  width: 43px;
  height: 593px;
  cursor: pointer;
}

#cart.cartExpanded .expander {
  display: none;
}

#cart .delivery {
  width: 302px;
  height: 37px;
  margin: 12px 0 0 15px;
  color: #fff;
}

#cart.cartExpanded .delivery {
  width: 877px;
  height: 32px;
  margin: 17px 0 0 15px;
  font-size: 16px;
}

#cart.cartExpanded .delivery br {
  display: none;
}

#cart .list {
  width: 312px;
  height: 495px;
  margin: 6px 0 0 5px;
  background-color: #fff;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}

#cart.cartExpanded .list {
  width: 882px;
  height: auto;
  overflow: hidden;
  overflow-y: hidden;
}

#cart .book,
.promoBooks .book,
#searchResults .book,
.orderCart .book {
  width: 270px;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #369;
  margin: 10px 10px 0 15px;
}

#cart.cartExpanded .book {
  margin: 10px 5px 0 15px;
}

.promoBooks .book,
#searchResults .book,
.orderCart .book {
  width: 660px;
  padding: 0 15px 15px 15px;
  border-color: #39f;
  margin: 15px 0 0 0;
}

#searchResults .child {
  width: 600px;
  padding: 0 15px 15px 75px;
  margin: 0;
}

#searchResults .parent {
  border-width: 0;
}

#cart .book:last-child,
.promoBooks .book:last-child,
#searchResults .book:last-child,
.orderCart .book:last-child {
  border-width: 0;
}

#cart.cartExpanded .book:last-child {
  border-width: 1px;
}

#cart .book .cover,
.promoBooks .book .cover,
#searchResults .book .cover,
.orderCart .book .cover {
  margin: 0 10px 0 0;
  width: 80px;
}

#cart .book .cover img,
.promoBooks .book .cover img,
#searchResults .book .cover img,
.orderCart .book .cover img {
  width: 80px;
}

#cart .book .info {
  width: 180px;
}

#cart.cartExpanded .book .info {
  height: 150px;
}

.promoBooks .book .info,
#searchResults .book .info,
.orderCart .book .info {
  width: 570px;
}

#searchResults .child .info {
  width: 510px;
}

#cart .book .title,
.promoBooks .book .title,
#searchResults .book .title,
.orderCart .book .title {
  float: left;
  width: 180px;
  font-size: 12px;
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

#cart.cartExpanded .book .title {
  height: 30px;
  overflow: hidden;
}

.promoBooks .book .title,
#searchResults .book .title,
.orderCart .book .title {
  width: 570px;
}

#searchResults .child .title {
  width: 510px;
}

#cart .book .writer,
#cart .book .writers,
.promoBooks .book .writer,
.promoBooks .book .writers,
#searchResults .book .writer,
#searchResults .book .writers,
.orderCart .book .writer,
.orderCart .book .writers {
  width: 180px;
  color: #666;
  font-size: 12px;
}

#cart.cartExpanded .book .writer,
#cart.cartExpanded .book .writers {
  height: 15px;
  overflow: hidden;
}


.promoBooks .book .writer,
.promoBooks .book .writers,
#searchResults .book .writer,
#searchResults .book .writers,
.orderCart .book .writer,
.orderCart .book .writers {
  width: 570px;
}

#searchResults .child .writer,
#searchResults .child .writers {
  width: 510px;
}

#cart .book .writer a,
#cart .book .writers a,
.promoBooks .book .writer a,
.promoBooks .book .writers a,
#searchResults .book .writer a,
#searchResults .book .writers a,
.orderCart .book .writer a,
.orderCart .book .writers a {
  color: #369;
  text-decoration: none;
}

#cart .book .type,
.promoBooks .book .type,
#searchResults .book .type,
.orderCart .book .type {
  width: 180px;
  padding: 5px 0;
  border-top: 1px dotted #369;
  border-bottom: 1px dotted #369;
  margin: 5px 0;
}

.promoBooks .book .type,
#searchResults .book .type,
.orderCart .book .type {
  margin-right: 390px;
}

#searchResults .child .type {
  margin-right: 330px;
}

#cart .book .preorder,
.promoBooks .book .preorder,
#searchResults .book .preorder,
.orderCart .book .preorder {
  width: 180px;
  padding-bottom: 5px;
}

#searchResults .book .preorder,
.orderCart .book .preorder {
  width: 570px;
}

#searchResults .child .preorder {
  width: 510px;
}

#cart .book .priceMod,
#searchResults .book .priceMod,
.orderCart .book .priceMod {
  padding-right: 5px;
  color: #b22828;
  font-weight: bold;
}

#cart .book .price,
.promoBooks .book .price,
#searchResults .book .price,
.orderCart .book .price {
  width: auto;
  padding: 0;
  margin: 0;
  color: #f60;
  font-size: 12px;
  font-weight: bold;
  background-image: none;
}

.orderCart .orderOld .book .price span {
  width: auto;
  padding: 0;
  color: #666;
}

.promoBooks .book .priceOld,
#cart .book .priceOld,
#searchResults .book .priceOld,
.orderCart .book .priceOld {
  padding-right: 5px;
  color: #ff0000;
  text-decoration: line-through;
}

#cart .book .quantity,
.promoBooks .book .quantity,
#searchResults .book .quantity,
.orderCart .book .quantity {
  clear: both;
  padding-top: 5px;
}

#cart .book .quantity span,
.promoBooks .book .quantity span,
#searchResults .book .quantity span,
.orderCart .book .quantity span {
  float: left;
  color: #999999;
  padding: 2px 5px 0 0;
}

#searchResults .signature,
#searchResults .comment {
  float: left;
  clear: both;
}

#searchResults .child .signature,
#searchResults .child .comment {
  display: none;
}

#cart .book input,
.orderCart .book input {
  float: left;
  width: 30px;
  font-size: 11px;
  text-align: center;
}

#cart .book .btn,
.orderCart .book .btn {
  height: 17px;
  margin: 0 8px 0 5px;
  background-position: 0 -753px;
  font-size: 10px !important;
}

#cart .book .btn span,
.orderCart .book .btn span {
  height: 15px;
  padding: 2px 8px 0 0;
  margin: 0 -8px 0 8px;
  color: #fff !important;
  background-position: right -736px;
}

#cart .buttons {
  width: 312px;
  height: 33px;
  padding: 10px 0 0 5px;
  text-align: center;
}

#cart.cartExpanded .buttons {
  width: 882px;
  padding: 17px 10px 0 0;
  text-align: right;
  background: transparent url(/img/layout/bck_cart_expanded.png) no-repeat 0 bottom;
}

#cart .buttons .btn {
  display: inline-block;
  float: none;
  height: 23px;
  margin-right: 8px;
  background-position: 0 -387px;
  font-size: 12px !important;
}

#cart .buttons .btn span {
  height: 19px;
  padding: 4px 8px 0 0;
  margin: 0 -8px 0 8px;
  background-position: right -364px;
}

#cart .buttons .btnRecalculate {
  margin-left: 10px;
  background-position: 0 -433px;
}

#cart .buttons .btnRecalculate span {
  background-position: right -410px;
}

#cart .buttons .btnPlaceOrder {
  margin-left: 10px;
  background-position: 0 -479px;
}

#cart .buttons .btnPlaceOrder span {
  background-position: right -456px;
}

#cart.hourglass div {
  width: 50px;
  height: 50px; 
  padding: 222px 131px;
  margin: 55px 0 0 48px;
  background: transparent url(/img/layout/hourglass_cart.gif) no-repeat 50% 50%;
}

/* taby --------------------------------------------------------------------------------------------- */
.tabs {
  width: 665px;
  height: 34px;
  padding: 2px 10px 0 15px;
  margin: 0 0 15px 0;
  background: url(/img/layout/bars.png) no-repeat;
  color: #fff;
  font-size: 12px;
}

.tabs .tab {
  float: left;
  height: 23px;
  padding: 0 8px;
  border-right: 1px solid #005588;
  margin: 8px 0 0 0;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.tabs .tab:last-child {
  border-width: 0;
}

.tabs .tabOn {
  height: 31px;
  padding: 0;
  margin: 0 11px 0 -2px;
  border-width: 0;
  color: #369;
  background: transparent url(/img/layout/btns.png) no-repeat 0 -873px;
  cursor: default;
}

.tabs .tabOn span {
  float: left;
  height: 23px;
  padding: 8px 8px 0 0;
  margin: 0 -8px 0 8px;
  background: transparent url(/img/layout/btns.png) no-repeat right -842px;
}

/* wyszukiwarka --------------------------------------------------------------------------------------------- */
.searchHint {
  position: absolute;
  float: left !important;
  background: transparent url(/img/layout/search_hint_arrow.gif) no-repeat 10px bottom;
}

.searchHint div {
  width: 112px;
  height: 14px;
  padding: 1px 4px;
  color: #46a4fc !important;
  background: transparent url(/img/layout/search_hint_bck.gif) no-repeat;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}

.tabOn .searchHint div {
  color: #000 !important;
}

.searchHint span {
  float: left;
  clear: left;
  width: 7px;
  height: 4px;
  padding: 0 !important;
  margin: -1px 0 0 10px !important;
  background: transparent url(/img/layout/search_hint_inset.gif) no-repeat !important;
}

.panelSearch {
  width: 690px;
  color: #369;
  padding: 15px 0 10px 0;
  border-bottom: 1px dotted #369;
  margin-bottom: 15px;
}

.panelSearch .label {
  width: 120px;
  padding: 1px 5px 0 0;
  text-align: right;
}

.panelSearch .value {
  width: 565px;
  padding: 0 0 15px 0;
}

#searchDescription1,
#searchDescription2,
#searchDescription3,
#searchDescription4,
#searchDescription5,
#searchDescription6,
#searchDescription7 {
  padding-bottom: 10px;
  color: #000;
  font-size: 14px;
}

.panelSearch .value div {
  padding: 2px 5px 0 15px;
}

#searchTextBig {
  float: left;
  width: 230px;
  margin-right: 10px;
}

.panelSearch input {
  float: left;
  padding: 2px 5px;
  border: 1px solid #369;
}

#showOnlyAvailable {
  padding: 0;
}

.panelSearch label {
  float: left;
  padding-top: 2px;
}

.panelSearch .selected {
  display: inline-block;
  width: 120px;
  height: 16px;
  padding: 2px 25px 2px 5px !important;
  border: 1px solid #369;
  margin: 0;
  color: #000;
  background: #fff url(/img/layout/btns_ico.png) no-repeat 130px -272px;
  text-align: right;
}

.panelSearch select {
  position: relative;
  float: left;
  top: -1px;
  display: inline-block;
  width: 150px;
  height: 22px;
  margin: 0 0 0 -150px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}

.panelSearch option {
  height: 18px;
  color: #000;
  background-color: #fff;
}

#searchResults .listHeader {
  height: auto;
  padding: 0;
  margin: 10px 0;
  font-size: 16px;
  text-align: left;
}

.collectionPoints .btn,
.panelSearch .btn {
  clear: left;
  height: 27px;
  margin-right: 8px;
  background-position: 0 -615px;
  font-size: 14px !important;
  font-weight: normal;
}

.collectionPoints .btn {
  clear: none;
}

.collectionPoints .btn span,
.panelSearch .btn span {
  height: 23px;
  padding: 4px 8px 0 0;
  margin: 0 -8px 0 8px;
  background-position: right -588px
}

#colMid #collection_points_pp_pni.hourglass {
  width: 660px;
  padding: 15px 15px 5px 15px;
}

#colMid #collection_points_pp_pni.hourglass div {
  width: 100%;
  height: 6px;
  margin: -16px 0 10px 0;
  background: url(/img/layout/hourglass_ajax_search.gif) no-repeat 50% 50%;
}

#colMid #collection_points_pp_pni.hourglass label {
  display: none;
}

/* ogólne formularzowe --------------------------------------------------------------------------------------------- */
input,
textarea,
select,
input.file {
  border: 1px solid #999999;
  background-color: #fff;
  color: #000;
  font-size: 12px;
}

option {
  background-color: #fff;
  color: #000;
  font-size: 12px;
}

input.radio {
  border-width: 0;
  background-color: #ddeeff;
}

input.checkbox {
  border-width: 0;
  background-color: #ddeeff;
}

/* formularze sklepowe --------------------------------------------------------------------------------------------- */
.form {
  float: left !important;
}

.form div {
  float: left !important;
}

.form input {
  float: left;
  width: 335px;
}

.form input.short {
  width: 155px;
}

.form input.hidden {
  height: 0;
  width: 0;
}

.form input.checkbox,
.form input.radio {
  margin: 1px 5px 0 5px;
}

.form select {
  float: left;
  margin-right: 10px;
}

.form textarea {
  width: 155px;
  height: 100px;
}

.form textarea.big {
  width: 335px;
  height: 150px;
}

.form label {
  float: left;
}

.form .collectionPoints {
  display: none;
}

.form .section {
  display: block;
  width: 690px;
  padding-bottom: 1px;
}

.form .section .title {
  width: 660px;
  height: 25px;
  padding: 8px 15px 0 15px;
  margin: 1px 0;
  color: #fff;
  background: transparent url(/img/layout/bars.png) no-repeat 0 -69px;
}

.form .section.hiddenTitlePart .title span {
  display: none;
}

.form .section .titleSpecial {
  background-position: 0 -233px;
}

.form .extra {
  width: 660px;
  height: 25px;
  padding: 8px 15px 0 15px;
  margin: 1px 0;
  color: #fff;
  cursor: pointer;
}

#shipmentAddressOn {
  margin-bottom: 20px;
  background: transparent url(/img/layout/bars.png) no-repeat 0 -102px;
}

#shipmentAddressOff {
  background: transparent url(/img/layout/bars.png) no-repeat 0 -135px;
}

.form .obligatory {
  width: 660px;
  padding: 5px 15px;
  background: transparent url(/img/layout/bck_form_yellow.png) repeat-y center top;
}

.form .collectionPoints .obligatory,
.form .collectionPoints .optional {
  padding: 15px;
  border-top: 1px dotted #000;
  background-image: url(/img/layout/bck_form_grey.png);
}

.form .collectionPoints .obligatory:last-child,
.form .collectionPoints .optional:last-child {
  padding-bottom: 5px;
  background-image: none;
}

.form .collectionPoints .radio {
  clear: left;
  margin-right: -23px;
}

.form .collectionPoints label {
  width: 660px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #000;
  margin-bottom: 8px;
}

.form .collectionPoints label span {
  float: left;
}

.form .collectionPoints label span:first-child {
  padding-left: 23px;
}

.form .collectionPoints label span:last-child {
  float: right;
  width: 340px;
}

.form .obligatory input.checkbox,
.form .obligatory input.radio {
  width: auto;
  background-color: #ffffee;
}

.form .optional {
  width: 660px;
  padding: 5px 15px;
  background: transparent url(/img/layout/bck_form_blue.png) repeat-y center top;
}

.form .optionalSpecial {
  background-image: url(/img/layout/bck_form_orange.png);
  color: #a00;
  font-size: 13px;
}

.form .optionalSpecial b {
  font-size: 17px;
}

.form .optional input.checkbox,
.form .optional input.radio {
  width: auto;
  background-color: #ddeeff;
}

.form .neutralFull {
  width: 660px;
  padding: 10px 15px;
  border-top: 1px dotted #39f;
}

.form .neutralFull .btn {
  float: right;
}

.form .neutralFull .value .btn {
  float: left;
}

.form .label {
  clear: left;
  width: 175px;
  padding: 6px 5px 5px 0;
  text-align: right;
}

.form .labelFull {
  width: 100%;
  padding: 5px 0;
}

.form .labelFull label {
  width: 630px;
}

.form .labelFull label span {
  display: block;
  overflow: hidden;
}

.form .labelFull .labelRow {
  margin: 0 0 15px 0;
}

.form .labelFull .labelRow span {
  float: left;
}

.form .labelFull .labelRow:last-child {
  margin: 0;
}

.form .labelFull .labelRow .btn {
  margin: -6px 20px 0 4px;
}

.form .labelFull .labelRow input,
.form .labelFull .labelRow select {
  margin-top: -2px;
}

.form .value,
.form .valueList {
  float: right !important;
  width: 480px;
  padding: 5px 0;
  text-align: left;
}

.form .value i {
  padding-left: 10px;
}

.form .valueList label {
  width: 450px;
}

.form .errorAlert {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.form .error .errorAlert {
  position: static;
  visibility: visible;
  width: 660px;
  color: #ff0000;
}

.form .error {
  width: 660px !important;
}

.form .missingAlert {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.form .missing .missingAlert {
  position: static;
  visibility: visible;
  width: 660px;
  color: #d00;
}

.form .misrepeatedAlert {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.form .misrepeated .misrepeatedAlert {
  position: static;
  visibility: visible;
  width: 660px;
  color: #d00;
}

.form .duplicatedAlert {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.form .duplicated .duplicatedAlert {
  position: static;
  visibility: visible;
  width: 660px;
  color: #d00;
}

#formShopLoginAlert {
  display: none;
}

#colMid .orderCart div {
  float: left;
}

.aorderCart .asummary {
  width: 690px;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #39f;
  font-size: 16px;
}

.orderCart .buttons {
  width: 660px;
  padding: 15px 15px 0 15px;
  border-top: 1px dotted #39f;
  margin-top: 15px;
}

.orderCart .buttons .btn {
  float: right;
}

.neutralFull .btnRecalculate,
.orderCart .buttons .btnRecalculate {
  float: left !important;
  margin-right: 30px;
  background-position: 0 -806px;
}

.neutralFull .btnRecalculate span,
.orderCart .buttons .btnRecalculate span {
  background-position: right -770px;
}

.orderCart .summary,
.orderCart .preorderInfo {
  margin-bottom: 15px;
}

.orderCart .summary,
.orderCart .preorderInfo,
.orderCart .promoInfo,
.orderCart .delivery,
#colMid .summaryInfo,
#colMid .summaryInfoMini {
  width: 660px;
  padding: 0 15px 15px 15px;
  border-bottom: 1px dotted #39f;
  font-size: 18px;
}

#colMid .summaryInfoMini {
  font-size: 12px;
}

#colMid .summaryInfo span {
  font-size: 16px;
}

#colMid .summaryInfo p {
  font-size: 14px;
}

.orderCart .preorderInfo {
  color: #f60;
}

.orderCart .voucher {
  width: 690px;
  height: 70px;
  padding: 15px 0;
  border-top: 1px dotted #39f;
  margin: 10px 0 -16px 0;
  background-color: #91c852;
  font-size: 14px;
  font-weight: bold;
}

.orderCart .voucher strong {
  float: left;
  width: 320px;
  color: #fff;
  font-weight: bold;
  text-align: right;
}

.orderCart .voucher strong a {
  font-weight: normal;
  font-size: 12px;
}

.orderCart .voucher input {
  float: left;
  width: 200px;
  padding: 4px;
  margin: 0 10px 0 10px;
  border-color: #666;
  font-size: 20px;
  text-align: left;
}

.orderCart .voucher span {
  float: left;
  clear: left;
  padding: 0 0 0 15px;
  color: #117722;
}

.orderCart .voucher .invalid {
  color: #bf0008;
}

.orderCart .voucher .btn span {
  padding: 3px 10px 0 0;
  color: #fff;
}

.orderCart .radio {
  margin-top: 1px;
}

#formShopSect9 .optional {
  color: #fe6700;
  font-size: 17px;
}

#formShopSect9 .optional a {
  color: #fe6700;
  font-weight: bold;
}

#formShopSect9 .optional sup {
  color: #797979;
  font-size: 50%;
}

#formShopSect9 .optional p {
  margin-top: 4px;
  color: #797979;
  font-size: 13px;
  text-align: right;
}

span.userTypei,
span.userTypec,
span.userTypel {
  display: none;
}

.userTypei .userTypei,
.userTypec .userTypec,
.userTypel .userTypel {
  display: inline;
}

#externalPayment {
  visibility: hidden;
  height: 1px;
}

#stepShopFinalize .obligatory .labelFull {
  border-bottom: 1px solid #eee;
  margin-bottom: -1px;
}

#stepShopFinalize .obligatory::after {
  content: ' ';
  display: inline-block;
  width: 100%;
  height: 1px;
  background: transparent url(/img/layout/bck_form_yellow.png) repeat-y center top;
}

#stepShopFinalize label {
  position: relative;
  cursor: pointer;
  min-height: 52px;
}

#stepShopFinalize label img {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
}

#stepShopFinalize label span.price {
  float: left;
  width: 40px;
  padding: 20px 0 0 10px;
  margin-bottom: -20px;
}

#stepShopFinalize label span.price span {
  display: inline;
}

#stepShopFinalize label span.name,
#stepShopFinalize label span.description {
  float: left;
  width: 518px;
  margin-left: 62px;
}

#stepShopFinalize label span.name {
  font-size: 16px;
}

#stepShopFinalize label span.name span {
  font-weight: bold;
}

#stepShopFinalize .radio {
  margin-top: 20px;
}

#formContact .select {
  float: left;
  width: 170px;
  height: 16px;
  padding: 2px 5px;
  border: 1px solid black;
  margin: 0 0 0 0;
  background: #fff url(/img/layout/btns_ico.png) no-repeat 160px -326px;
  color: #000;
}

#formContact select {
  float: left;
  width: 182px;
  height: 22px;
  border-width: 0;
  margin: 0 0 0 -182px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}

#formContact option {
  height: 20px;
  background-color: #fff;
}

.formWishListConfig {
  margin-bottom: 10px;
}

.formWishListConfig .optional {
  color: #666 !important;
  font-weight: normal;
}

.formWishListConfig .errorAlert,
.formWishListConfig .duplicatedAlert {
  font-weight: bold;
}

.formWishListConfig input.short {
  float: none;
}

.formWishListConfig .btn {
  float: none;
  height: 20px;
  padding: 0;
  margin: 0 5px -5px 0;
  background-position: 0 -344px;
  font-size: 11px !important;
}

.formWishListConfig .btn span {
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-position: right -324px;
  color: #fff;
}

.formWishListConfig span .btn {
  margin-left: 30px;
}

.formConfig label span {
  display: block;
  overflow: hidden;
}

/* moje strony --------------------------------------------------------------------------------------------- */
.shelves {
  width: 690px;
  margin: 0 0 25px 0;
  background: transparent url(/img/layout/shelf_wood_1.png) repeat-y 0 -20px;
}

.bookShelf {
  width: 80px;
  height: 160px;
  padding: 0 3px;
  margin: 0;
}

.bookShelf .cover {
  width: 80px;
  height: 139px;
  margin: 0 0 21px 0;
  text-align: left;
  overflow: hidden;
}

.bookShelf .cover img {
  position: absolute;
  bottom: 0;
  width: 80px;
}

.bookShelf .info {
  display: none;
}

.orderOld {
  float: left !important;
  width: 690px;
  padding-bottom: 20px;
  
}

.orderOld .orderInfo {
  width: 670px;
  float: left !important;
  padding: 10px;
  border-top: 1px dotted #39f;
  border-bottom: 1px dotted #39f;
  margin-bottom: 5px;
  background-color: #dfefff;
  font-size: 16px;
}

#bookShelfDownload {
  position: relative;
  width: 668px;
  height: 298px;
  padding: 10px;
  border: 1px solid #69c;
  background-color: #fff;
}

#bookShelfDownload .cover {
  float: left;
  width: 200px;
  height: 298px;
  margin: 0 10px 0 0;
  overflow: hidden;
}

#bookShelfDownload .cover img {
  float: left;
  width: 200px;
}

#bookShelfDownload .title {
  float: left;
  width: 458px;
  margin-top: 5px;
  text-decoration: none;
  color: #000;
  font-size: 20px;
}

#bookShelfDownload .writer,
#bookShelfDownload .writers {
  width: 458px;
  color: #666;
  font-size: 14px;
}

#bookShelfDownload .writer a,
#bookShelfDownload .writers a {
  color: #369;
  text-decoration: none;
}

#bookShelfDownload .writer a:hover,
#bookShelfDownload .writers a:hover {
  text-decoration: underline;
}

#bookShelfDownload .year {
  width: 458px;
  margin-top: 10px;
}

#bookShelfDownload .year span {
  font-weight: bold;
}

#bookShelfDownload .order {
  width: 358px;
  padding-top: 10px;
  border-top: 1px dotted #39f;
  margin: 10px 100px 20px 0;
}

#bookShelfDownload .order span {
  font-weight: bold;
}

#bookShelfDownload .btn {
  margin-right: 20px;
}

#bookShelfDownload .arrow {
  position: absolute;
  top: -22px;
  width: 42px;
  height: 22px;
  background: url(/img/layout/arrow_book_download.png) no-repeat 0 0;
}

/* toplayer --------------------------------------------------------------------------------------------- */
div#toplayer {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  z-index: 280;
}

div#toplayer a {
  text-decoration: none;
}

div.survey {
  float: left;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px;
}

div.survey div.obligatory {
}

div.survey div.title {
  font-size: 13px;
  font-weight: bold;
  color:#3333CC;
  width: 360px;
  float: left;
  clear: left;
  height: 21px;
}

div.survey div.subTitle {
  font-weight: bold;
  color:#3370cc;
  padding: 10px 0 10px 0;
}

div.survey div.close {
  float: right;
  width: 21px;
}

div.survey div.labelValue {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #CAE1F4;
}

div.survey div.labelValue input {
  font-size: 13px;
  background-color: #f3f8ff;
  border: 2px solid #3370cc;
  width: 320px;
  color: #3333CC;
}

div.survey div.info {
  color:#999999
}

div.survey div.label {
  float: left;
  clear: left;
  text-align: right;
  width: 80px;
  padding-top: 5px;
  padding-right: 3px;
  margin-top: 5px;
  border-top: 1px solid #cae1f4;
  color:#3370cc;
}

div.survey div.value {
  padding-top: 5px;
  height: auto;
  padding-left: 10px;
  margin-top: 5px;
  margin-left: 83px;
  border-top: 1px solid #cae1f4;
  border-left: 1px solid #cae1f4;
  color:#3370cc;
}

div.survey .button {
  padding: 5px 10px;
  border: 0;
  color: #fff;
  font-weight: bold;
  float: right;
  height: auto;
  width: auto;
  cursor: pointer;
  background: #3370cc;
}

div.survey input, div.survey textarea {
  border: 1px solid #66a8e9;
  background-color:#f7fbff;
}

div.survey input.checkable {
  border-width: 0;
  background-color: transparent;
}

div.survey div.errorAlert {
  display: none;
  color: red;
  font-style:italic;
  font-weight:bold;
}

div.survey div.error {
  border: 1px solid red;
  margin-top: -1px;
}

div.survey div.error div.errorAlert {
  display: block;
  clear: both;
}

div.survey div.missingAlert {
  display: none;
  color: red;
  font-style:italic;
  font-weight:bold;
}

div.survey div.missing {
  border: 1px solid red;
  margin-top: -1px;
}

div.survey div.missing div.missingAlert {
  display: block;
  clear: both;
}

/* page survey --------------------------------------------------------------------------------------------- */
div#pageSurvey div.survey {
  float: left;
  padding: 0;
  margin-bottom: 10px;
  background-color: #fff;
  border-width: 0;
  background-image: none;
}

div#pageSurvey div.survey div {
  float: left !important;
}

div#pageSurvey div.survey div.obligatory {
  width: 470px;
  background-color: #dfefff;
  padding-bottom: 3px;
  border-bottom: 1px solid #afefff;
}

div#pageSurvey div.survey div.optional {
  width: 470px;
  background-color: #eff7ff;
  padding-bottom: 3px;
  border-bottom: 1px solid #afefff;
}

div#pageSurvey div.survey div.title {
  width: 470px;
}

div#pageSurvey div.survey div.labelValue input {
  width: 320px;
}

div#pageSurvey div.survey div.label {
  border-width: 0;
}

div.pageSurveyWideLabel div.survey div.label {
  width: 187px;
}

div#pageSurvey div.survey div.value {
  border-width: 0;
}

div.pageSurveyWideLabel div.survey div.value {
  float: right !important;
  width: 268px;
  margin-left: 0;
}

div.pageSurveyWideLabel div.survey div.value input {
  width: 200px;
}

div.pageSurveyWideLabel div.survey div.value textarea {
  width: 200px;
}

div.pageSurveyWideLabel div.survey .button {
  float: left;
  margin: 10px 0 10px 130px;
}

div#pageSurvey div.survey div.error {
  border: 1px solid red;
  margin-top: -1px;
  width: 468px;
}

div#pageSurvey div.survey div.missing {
  border: 1px solid red;
  margin-top: -1px;
  width: 468px;
}

/* panel komentarza --------------------------------------------------------------------------------------------- */
#commentPanel {
  position: absolute;
  width: 516px;
  height: auto;
  padding: 21px 0 0 0;
  margin-top: 1px;
  color: #fff;
  background-color: #5090c5;
  visibility: hidden;
  z-index: 180;
}

#commentPanel p {
  padding: 0 15px 15px 15px;
}

#commentPanel div.label {
  float: left;
  clear: left;
  width: 131px;
  padding: 0 5px 15px 0;
  text-align: right;
}

#commentPanel div.value {
  float: left;
  width: 380px;
  padding: 0 0 15px 0;
}

#commentPanel textarea {
  width: 350px;
  height: 120px;
  padding: 4px;
  border: 1px solid #369;
  background-color: #fff;
  color: #000;
  overflow: auto;
}

#commentPanel img {
  cursor: pointer;
}

#commentPanel div.rating {
  width: auto;
  border-width: 0;
  padding: 0;
  margin: 0;
}

#commentPanel .ratings {
  width: 125px;
  height: 24px;
  margin-top: -6px;
}

#ratingNull {
  position: absolute;
  width: 125px;
  height: 24px;
  background: url(/img/layout/rating_stars.png) repeat-x 0 0;
}

#ratingOff {
  position: absolute;
  width: 125px;
  height: 24px;
  background: url(/img/layout/rating_stars.png) repeat-x 0 -24px;
}

#ratingOn {
  position: absolute;
  height: 24px;
  background: url(/img/layout/rating_stars.png) repeat-x 0 -48px;
}

#ratingActive {
  position: absolute;
  height: 24px;
  background: url(/img/layout/rating_stars.png) repeat-x 0 -48px;
}

#ratingOverlay {
  position: absolute;
  width: 125px;
  height: 24px;
  cursor: default;
}

#commentPanel .btn {
  clear: left;
  height: 27px;
  margin-right: 8px;
  background-position: 0 -615px;
  font-size: 14px !important;
  font-weight: normal;
}

#commentPanel .btn span {
  height: 23px;
  padding: 4px 8px 0 0;
  margin: 0 -8px 0 8px;
  background-position: right -588px
}

#commentPanelSig .value div {
  display: inline-block;
  float: none !important;
  width: 200px;
  height: 16px;
  padding: 2px 25px 2px 5px;
  border: 1px solid #369;
  margin: 0 0 0 3px;
  color: #000;
  background: #fff url(/img/layout/btns_ico.png) no-repeat 210px -272px;
  text-align: right;
}

#commentPanelSig .value select {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 232px;
  height: 22px;
  margin: 0 0 0 -232px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}

#commentPanelSig .value option {
  height: 18px;
  color: #000;
  background-color: #fff;
}

/* slider --------------------------------------------------------------------------------------------- */
.slider {
  position: relative;
  width: 690px;
  height: 200px;
  margin-bottom: 30px;
  overflow: hidden;
}

.slider .navi {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background-color: #ccc;
  visibility: hidden;
  opacity: .75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  filter: alpha(opacity=75);
}

.slider .naviActive {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(opacity=100);
}

.slider .navi a {
  float: left;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0 1px;
  font-size: 1px;
  text-indent: -1000px;
  background: transparent url(/img/layout/btns_ico.png) no-repeat 0 -30px;
}

.slider .navi a:hover {
  text-decoration: none;
  opacity: .6;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
  filter: alpha(opacity=60);
}

.slider .navi a.prev,
.slider .navi a.next {
  width: 9px;
  height: 15px;
  margin: 2px 3px 0 0;
  background-position: 0 0;
}

.slider .navi a.next {
  margin: 2px 0 0 3px;
  background-position: 0 -15px;
}

.slider .navi a.pageActive {
  background-position: 0 -48px;
}

.slider .slide {
  position: absolute;
  top: 0;
  left: 690px;
  width: 670px;
  height: 180px;
  padding: 10px;
}

.slider a.fullSlide {
  float: left;
  width: 700px;
  height: 200px;
  margin: -10px 0 0 -10px;
}

/* counter --------------------------------------------------------------------------------------------- */
.counter {
  float: left;
  width: 100%;
  height: 90px;
  margin-bottom: 30px;
  color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-decoration: none;
  text-align: center;
  font-family: "Times New Roman", Georgia, serif;
  overflow: hidden;
}

.counter * {
  display: inline-block;
}

.counter .digits {
  float: left;
  width: 103%;
  margin: 10px 0 -17px 0;
  font-size: 46px;
}

.counter .description {
  float: left;
  width: 103%;
  font-size: 20px;
  margin-top: 10px;
}

/* foreign rights --------------------------------------------------------------------------------------------- */
.foreignRights #pageHeader .header {
  background: transparent url(/img/layout/header_foreign_rights.png) no-repeat 0 0;
}

.foreignRights #colLeft {
  width: 185px;
  padding: 0 12px;
  border-right: 1px dotted #ccc;
  margin: 30px 0;
}

.foreignRights #colMid table h1 {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #39f;
  margin-bottom: 15px;
  font-size: 26px;
  color: #369;
  text-transform: uppercase;
}

.foreignRights #colLeft h2 {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
  font-size: 26px;
  color: #369;
  text-transform: uppercase;
}

.foreignRights .bookOnList .btn {
  clear: right;
  float: right;
}

.foreignRights .bookOnList .btn {
  height: 20px;
  padding: 0;
  margin: 16px 6px 0 20px;
  color: #fff !important;
  background-position: 0 -522px;
  font-size: 12px !important;
}

.foreignRights .bookOnList .btn span {
  height: 17px;
  padding: 3px 6px 0 0;
  margin: 0 -6px 0 6px;
  background-position: right -502px;
}

.foreignRights .book .coverMagnify {
  background: url(/img/layout/btn_magnify_eng.png) no-repeat center bottom;
}

.book .soldTo div {
  margin-top: 10px;
}

.book .soldTo span {
  padding: 0;
}

.book .soldTo span:first-child  {
  padding-top: 2px;
}

.gallery {
  width: 100%;
  padding: 10px 0 10px 1px;
  border-bottom: 1px dotted #a5b5c4;
  border-top-width: 0;
  margin-top: 10px;
  margin-bottom: 20px;
}

.gallery div {
  width: 200px;
  margin: 0 10px 10px 10px;
}

.gallery div img {
  cursor: pointer;
  border: 1px solid #cccccc;
}

.pucio .cover,
.pucio .cover img {
  width: 180px !important;
}

.pucio .title {
  padding: 10px 0 5px 0 !important;
  font-size: 20px !important;
  font-weight: normal !important;
  color: #000 !important;
}

.pucio .info,
.pucio .title,
.pucio .writer,
.pucio .writers,
.pucio .reader,
.pucio .readers,
.pucio .illustrator,
.pucio .illustrators,
.pucio .translator,
.pucio .translators,
.pucio .type {
  width: 470px !important;
  border-top-width: 0 !important;
}

.pucio .priceOld {
  padding-top: 6px !important;
}

.pucio .price {
  padding-top: 3px !important;
  font-size: 18px !important;
}

.pucio .btn {
  height: auto !important;
  padding: 5px !important;
  border-radius: 5px;
  margin: 0 0 0 10px !important;
  background-image: none !important;
  background-color: #f93 !important;
  font-size: 14px !important;
}

.pucio .btn span {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #fff;
  background-image: none !important;
  font-weight: bold;
}

.book .externalShop + .colRight,
.listGrid .bookOnList .externalShop + .price {
  display: none;
}

.externalShop {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid #01aef0;
  border-radius: 5px;
  text-align: center;
}

.listGrid .externalShop {
  position: relative;
  display: inline-block;
  width: 160px;
  border-width: 0;
  color: transparent;
  margin: 5px 55px 0 15px;
}

.listRows .externalShop {
  display: inline-block;
  width: 130px;
}

.listRows .bookOnList .externalShop + .price {
  position: initial;
}

.listRows .bookOnList .externalShop + .price > * {
  display: none;
}

.listRows .bookOnList .externalShop + .price .gameIco {
  display: inline-block;
  padding-top: 10px;
}

.externalShop a {
  box-sizing: border-box;
  display: inline-block;
  width: 90%;
  padding: 10px 5px;
  border-radius: 5px;
  margin-top: 15px;
  background-color: #01aef0;
  color: #fff;
  text-decoration: none;
}

.externalShop a:hover {
  opacity: .6;
}

.listGrid .externalShop a {
  position: absolute;
  width: 160px;
  top: 0;
  left: 0;
  margin: 0;
}