/* ogólne --------------------------------------------------------------------------------------------- */
body {
  color: #666666;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  background: #5090c5 url(/img/layout/bck_page.gif) repeat-x 0px 0px;
}

p,
td,
h1,
h2,
h3,
h4 {
  color: #666666;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight: normal;
  margin: 0px;
}

a {
  color: #3399ff;
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

form {
  padding: 0px;
  margin: 0px;
}

img {
  border-width: 0px;
}

.clickable {
  cursor: pointer;
}

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

div#lid {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  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 #3399ff;
  background-color: #ffffff;
  z-index: 350;
}

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

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

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

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

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

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

.btnSearch {
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.bckGrayDark .btnSearch {
  background: url(/img/layout/btn_go_gray.gif) no-repeat;
}

.bckBlueLight .btnSearch {
  background: url(/img/layout/btn_go_blue.gif) no-repeat;
}

#seriesPanel {
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10px;
  background-color: #3880bb;
  visibility: hidden;
}

#seriesPanel.hourglass div {
  width: 50px;
  height: 50px;
  margin: 20px 80px;
  background: url(/img/layout/hourglass_series.gif) no-repeat;
}

#seriesPanel a {
  float: right;
  width: 200px;
  padding: 6px 5px 6px 5px;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
}

#seriesPanel a:hover {
  background-color: #0662ad;
}

#seriesPanel .col {
  float: left;
  width: 210px;
  padding-right: 10px;
  border-right: 1px solid #6aa9de;
  margin-right: 10px;
}

#seriesPanel .lastCol {
  padding-right: 0px;
  border-right-width: 0px;
  margin-right: 0px;
}

#seriesPanel .dividerH {
  clear: both;
  width: 200px;
  background: url(/img/layout/divider_series.gif) no-repeat;
}

#seriesPanel .dividerV {
  width: 1px;
}

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

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

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

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

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

#alertInfo a.gotoCartBtn {
  float: right;
  padding: 5px 15px 0px 0px;
  color: #ffffff;
  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: 0px;
  top: 0px;
  float: left;
  color: #ffffff;
  visibility: hidden;
}

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

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

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

#alertHelp div div div.close {
  float: right;
  width: 11px;
  height: 11px;
  padding: 0px;
  margin: -5px -5px 2px 3px;
  border-width: 0px;
  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: 0px;
  margin: -2px 0px 1px 25px;
  background: url(/img/layout/alert_help_anchor.gif) no-repeat;
}

.btnRed,
.btnGreen,
.btnBlue {
  float: left;
  height: 25px;
  padding-left: 3px;
  color: #000000 !important;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background: url(/img/layout/btn_bck_left.gif) no-repeat top left;
}

.btnRed:hover,
.btnGreen:hover,
.btnBlue:hover {
  color: #ff6600;
  opacity: .9;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
  filter: alpha(opacity=90);
}

.btnRed span,
.btnGreen span,
.btnBlue span {
  float: left;
  height: 25px;
  padding-right: 3px;
  background: url(/img/layout/btn_bck_right.gif) no-repeat top right;
}

.btnRed span span,
.btnGreen span span,
.btnBlue span span {
  height: 19px;
  padding: 6px 5px 0px 5px;
  background: url(/img/layout/btn_bck_red.gif) repeat-x;
}

.btnGreen span span {
  background: url(/img/layout/btn_bck_green.gif) repeat-x;
}

.btnBlue span span {
  background: url(/img/layout/btn_bck_blue.gif) repeat-x;
}

.btnLeftMargin {
  margin-left: 5px;
}

.btnRightMargin {
  margin-right: 5px;
}

.btnRightFloated {
  float: right;
}

/* ogólne formularzowe --------------------------------------------------------------------------------------------- */
input {
  border: 1px solid #cccccc;
  background-color: #fffff0;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

textarea {
  border: 1px solid #cccccc;
  background-color: #fffff0;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

select {
  border: 1px solid #cccccc;
  background-color: #fffff0;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

option {
  background-color: #fffff0;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

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

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

input.file {
  border: 1px solid #cccccc;
  background-color: #fffff0;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

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

#page div {
  float: left;
}

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

#pageFooter {
  clear: both;
  width: 950px;
  height: 52px;
  padding: 40px 0px 10px 0px;
  color: #3399ff;
  color: #aad6ff;
  text-align: center;
  background: url(/img/layout/bck_footer.gif) no-repeat top center;
}

#pageFooter a {
  text-decoration: none;
}

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

#pageFooter a.cert {
  float: right;
  margin: -25px 10px 0px -85px;
}

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

#columns {
  clear: both;
  width: 950px;
  background: url(/img/layout/bar_under_top_roller.gif) no-repeat;
}

.dividerPageBottom {
  height: 37px;
  background: url(/img/layout/bar_over_bottom_roller.gif) no-repeat;
}

#ribbonTop {
  width: 950px;
  height: 194px;
}

#ribbonTop div {
  position: absolute;
  width: 950px;
  height: 194px;
}

#ribbonTop.rolledUp {
  height: 0px;
  visibility: hidden;
}

#ribbonTopFlash {
  float: left;
}

#ribbonTop.rolledUp #ribbonTopFlash {
  visibility: hidden !important;
}

#ribbonTopTabs {
  width: 950px;
  height: 31px;
  background: #f4f4f4 url(/img/layout/bck_ribbon_tabs.gif) no-repeat top left;
  overflow: hidden;
}

#ribbonTopTabs span {
  float: right;
  height: 31px;
  padding-right: 1px;
  background: #f4f4f4 url(/img/layout/divider_ribbon_tabs.gif) no-repeat top right;
}

#ribbonTopTabs a {
  float: right;
  height: 23px;
  padding: 8px 10px 0px 10px;
  background: url(/img/layout/bck_ribbon_tab_out.gif) repeat-x;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}

#ribbonTopTabs .selected a {
  background: url(/img/layout/bck_ribbon_tab_selected.gif) repeat-x;
  color: #000000;
}

#ribbonTopTabs a:hover {
  background: url(/img/layout/bck_ribbon_tab_over.gif) repeat-x;
  color: #ffffff;
}

#ribbonTopTabs a.btnRollUp {
  width: 72px;
  height: 21px;
  padding: 0px;
  margin-left: 10px;
  background: url(/img/layout/btn_rollup_ribbon.gif) no-repeat;
  text-indent: -100px;
  overflow: hidden;
}

#ribbonTopTabs.rolledUp span {
  display: none;
}

#ribbonTopTabs.rolledUp a.btnRollUp {
  display: none;
}

#ribbonTopTabs a.btnRollDown {
  display: none;
}

#ribbonTopTabs.rolledUp a.btnRollDown {
  display: inline;
  width: 72px;
  height: 21px;
  padding: 0px;
  margin-left: 10px;
  background: url(/img/layout/btn_rolldown_ribbon.gif) no-repeat;
  text-indent: -100px;
  overflow: hidden;
}

#ribbonTopTabs #bannerTop {
  float: left;
  padding: 0px;
  background-image: none;
}

#ribbonTopTabs a#bannerTop {
  height: auto;
}

#ribbonBottom {
  float: left;
}

/* sekcje nagłówka --------------------------------------------------------------------------------------------- */
#pageHeader {
  clear: both;
  width: 950px;
  height: 93px;
}

#pageHeader div {
  float: right;
}

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

#loginPanel {
  width: 147px;
  height: 57px;
  padding: 0px 10px;
  background: url(/img/layout/bck_shop_user.gif) no-repeat;
  color: #ffffff;
}

#loginPanel.logged {
  background: url(/img/layout/bck_shop_user_logged.gif) no-repeat;
}

#loginPanel.login {
  height: 83px;
  padding-top: 7px;
  background: url(/img/layout/bck_shop_user_login.gif) no-repeat;
}

#loginPanel.password {
  background: url(/img/layout/bck_shop_user_password.gif) no-repeat;
}

#loginPanel.hourglass div {
  width: 50px;
  height: 50px;
  margin: 3px 48px 4px 49px;
  background: url(/img/layout/hourglass_login.gif) no-repeat;
}

#loginPanel div {
  float: left;
}

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

#loginPanel a {
  color: #c4eaea;
}

#loginPanel a.action {
  float: left;
  height: 17px;
  padding: 1px 0px 1px 4px;
  text-decoration: none;
  font-weight: bold;
}

#loginPanel a.action:hover {
  color: #ffffff;
}

#loginPanel.logged a.action {
  padding: 2px 0px 0px 0px;
  color: #ffffff;
}

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

#loginPanel .value {
  width: 100px;
  padding-bottom: 6px;
}

#loginPanel.password .label,
#loginPanel.password .value {
  padding-top: 5px;
  padding-bottom: 0px;
}

#loginPanel .value input {
  width: 98px;
  border: 1px solid #999999;
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
}

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

#loginPanel.login .btnClose {
  margin-top: -6px;
}

#pageHeader .helpPanel {
  width: 147px;
  height: 45px;
  padding: 12px 10px 0px 10px;
  margin-left: 1px;
  background: url(/img/layout/bck_shop_help.gif) no-repeat;
}

#pageHeader .helpPanel a {
  float: left;
  clear: both;
  height: 14px;
  padding-left: 21px;
  margin-bottom: 6px;
  background: url(/img/layout/ico_question_mark_small.gif) no-repeat;
  color: #ff6600;
}

#pageHeader #cartPanel {
  width: 156px;
  height: 57px;
  padding: 0px 10px;
  margin-left: 1px;
  background: url(/img/layout/bck_shop_cart.gif) no-repeat;
  color: #ffffff;
  cursor: pointer;
}

#pageHeader #cartPanel.opened {
  background: url(/img/layout/bck_shop_cart_opened.gif) no-repeat !important;
}

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

#pageHeader #cartPanel #miniCartOrder {
  font-weight: bold;
  line-height: 17px;
  padding-top: 0px;
  color: #000000;
}

#pageHeader #cartPanel span {
  color: #ffffff;
}

/* sekcje menu --------------------------------------------------------------------------------------------- */
div#menu {
  width: 950px;
  height: 40px;
  padding-bottom: 24px;
  color: #0067a4;
  background: url(/img/layout/bar_under_top_menu.gif) no-repeat bottom center;
}

div#menu td {
  color: #0067a4;
}

.menu_tpl0_back                 { height: 26px; }
.menu_tpl0_back td              { text-align: center; padding: 0px 6px; height: 40px; vertical-align: middle; font-weight: bold; }
.menu_tpl0_back .menu_tpl0_sep  { background: url(/img/layout/divider_menu.gif) no-repeat bottom center; font-size: 1px; width: 1px; padding: 0px; }
.menu_tpl0_out_i        { cursor: default; }
.menu_tpl0_over_i       { background: url(/img/layout/bck_menu_over.gif) repeat-x bottom center; cursor: default; }
.menu_tpl0_click_out_i  { cursor: default; }
.menu_tpl0_click_over_i { background: url(/img/layout/bck_menu_over.gif) repeat-x bottom center; cursor: default; }
.menu_tpl0_out          { cursor: pointer; }
.menu_tpl0_over         { background: url(/img/layout/bck_menu_over.gif) repeat-x bottom center; cursor: pointer; }
.menu_tpl0_click_out    { cursor: pointer; }
.menu_tpl0_click_over   { background: url(/img/layout/bck_menu_over.gif) repeat-x bottom center; cursor: pointer; }

.menu_tpl1_back                 { height: 26px; padding-top: 1px; border: 1px solid #e4e4e4; }
.menu_tpl1_back td              { text-align: left; padding: 0px 6px; white-space: nowrap; height: 40px; vertical-align: middle; }
.menu_tpl1_back .menu_tpl1_sep  { background-color: #ffffff; font-size: 1px; height: 1px; padding: 0px; }
.menu_tpl1_out_i        { background: #c5ddf0 /*url(/img/layout/bck_submenu_out.gif) repeat-x top center*/; cursor: default; }
.menu_tpl1_over_i       { background: #c5ddf0 /*url(/img/layout/bck_submenu_over.gif) repeat-x top center*/; cursor: default; }
.menu_tpl1_click_out_i  { background: #c5ddf0 /*url(/img/layout/bck_submenu_out.gif) repeat-x top center*/; cursor: pointer; }
.menu_tpl1_click_over_i { background: #ffffff url(/img/layout/bck_submenu_over.gif) repeat-x top center; cursor: default; }
.menu_tpl1_out          { background: #c5ddf0 /*url(/img/layout/bck_submenu_out.gif) repeat-x top center*/; cursor: pointer; }
.menu_tpl1_over         { background: #ffffff url(/img/layout/bck_submenu_over.gif) repeat-x top center; cursor: pointer; }
.menu_tpl1_click_out    { background: #c5ddf0 /*url(/img/layout/bck_submenu_out.gif) repeat-x top center*/; cursor: pointer; }
.menu_tpl1_click_over   { background: #ffffff url(/img/layout/bck_submenu_over.gif) repeat-x top center; cursor: pointer; }

/* sekcje kolumny lewej --------------------------------------------------------------------------------------------- */
#colLeft {
  width: 220px;
  padding-top: 46px;
}

#colLeft a {
  text-decoration: none;
}

#colLeft .divider {
  height: 1px;
  background: url(/img/layout/divider_left_col.gif) no-repeat;
}

#colLeft .bckYellowLight {
  background: url(/img/layout/bck_left_yellow_light.gif) repeat-y;
}

#colLeft .bckYellowDark {
/*  background: url(/img/layout/bck_left_yellow_dark.gif) repeat-y; */
  background: url(/img/layout/bck_left_blue_dark.gif) repeat-y;
/*  color: #666666; */
  color: #ffffff;
}

#colLeft .bckBlueDark {
  background: url(/img/layout/bck_left_blue_dark.gif) repeat-y;
}

#colLeft .bckBlueDark a {
  color: #ffffff;
}

#colLeft .bckGrayLight {
  background: url(/img/layout/bck_left_gray_light.gif) repeat-y;
}

#colLeft .bckGrayDark {
  background: url(/img/layout/bck_left_gray_dark.gif) repeat-y;
}

#colLeft .bckGrayDark a {
  color: #0067a4;
}

#colLeft .header {
  width: 170px;
  padding: 5px 25px;
  color: #ffffff;
  font-weight: bold;
}

#colLeft .header a {
  float: left;
  color: #666666;
}

#colLeft .help {
  width: 18px;
  height: 18px;
  margin: -2px 0px -2px 10px;
  background: url(/img/layout/ico_question_mark_big.gif) no-repeat;
  cursor: help;
}

#colLeft .box {
  width: 170px;
  padding: 20px 25px;
  text-align: center;
}

#colLeft .btn {
  width: 220px;
  height: 47px;
}

#colLeft .btn a {
  float: left;
  width: 175px;
  height: 17px;
  padding: 15px 20px 15px 25px;
  font-size: 14px;
  font-weight: bold;
}

#colLeft .btn .btnPdf {
  width: 140px;
  padding: 15px 20px 15px 90px;
  background: url(/img/layout/ico_katalog_2010.gif) no-repeat 5px 0px;
}

#colLeft .btn #btnSeries {
  width: 150px;
  padding: 15px 45px 15px 25px;
  background: url(/img/layout/ico_series_out.gif) no-repeat 182px 14px;
}

#colLeft .btn #btnSeries.over {
  background: #3880bb url(/img/layout/ico_series_over.gif) no-repeat 193px 14px;
}

#colLeft .hourglass {
  width: 220px;
  padding: 0px;
}

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

#colLeft #menuCategories {
  width: 220px;
  background: url(/img/layout/bck_left_menu_blue_light.gif) repeat-y;
}

#colLeft #menuCategories a {
  float: left;
  width: 165px;
  height: 14px;
  padding: 5px 15px 5px 40px;
  background: url(/img/layout/arrow_categories_out.gif) no-repeat 20px 7px;
  font-weight: bold;
  font-size: 11px;
  color: #5a83ad;
  overflow: hidden;
}

#colLeft #menuCategories a:hover {
  background: #76a7d2 url(/img/layout/arrow_categories_over.gif) no-repeat 20px 7px;
  color: #ffffff;
}

#colLeft #wen {
  width: 201px;
  height: 33px;
  margin: 7px 0px 0px 10px;
  background: url(/img/layout/bck_wen_out.gif) no-repeat;
  color: #5a83ad;
  font-weight: bold;
  cursor: default;
}

#colLeft #wen.over {
  background: url(/img/layout/bck_wen_over.gif) no-repeat;
}

#colLeft #wen div {
  width: 149px;
  height: 15px;
  padding: 9px 41px 9px 11px;
}

#colLeft #wen div div {
  height: auto;
  padding: 0px;
}

#colLeft #wen .list {
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  width: 193px;
  height: auto;
  padding: 0px 4px 3px 4px;
  background: #d1e8ff url(/img/layout/bck_wen_border.gif) repeat-x bottom center;
}

#colLeft #wen .list a {
  width: 177px;
  padding: 6px 8px;
  margin-bottom: 1px;
  color: #3370a6;
  background-color: #ffffff;
  font-size: 12px;
}

#colLeft #wen .list .selected a {
  background-color: #eeeeee;
}

#colLeft #wen .list a:hover {
  background-color: #cce6ff;
}

#colLeft #mustRead {
  width: 220px;
/*  background: url(/img/layout/bck_left_yellow_light_middle.gif) repeat-y; */
  background-color: #ffffff;
}

#colLeft #mustRead .top {
  width: 100%;
  height: 10px;
/*  background: url(/img/layout/bck_left_yellow_light_top.gif) repeat-y; */
  background-color: #ffffff;
}

#colLeft #mustRead .bottom {
  width: 100%;
  height: 10px;
/*  background: url(/img/layout/bck_left_yellow_light_bottom.gif) repeat-y; */
  background-color: #ffffff;
}

#colLeft #mustRead a {
  float: left;
  width: 156px;
  margin: 0px 32px;
  text-align: center;
}

#colLeft #mustRead a img {
  width: 156px;
}

#bannersLeft {
  width: 220px;
}

#bannersLeft div {
  width: 220px;
  margin-bottom: 10px;
  text-align: center;
}

/* sekcje kolumny prawej --------------------------------------------------------------------------------------------- */
#colRight {
  float: right !important;
  width: 220px;
  padding-top: 46px;
}

#colRight a {
  text-decoration: none;
}

#colRight .divider {
  height: 1px;
  background: url(/img/layout/divider_right_col.gif) no-repeat;
}

#colRight .bckBlueLight {
  background: url(/img/layout/bck_right_blue_light.gif) repeat-y;
}

#colRight .bckBlueDark {
  background: url(/img/layout/bck_right_blue_dark.gif) repeat-y;
}

#colRight .bckGrayLight {
  background: url(/img/layout/bck_right_gray_light.gif) repeat-y;
}

#colRight .bckGrayDark {
  background: url(/img/layout/bck_right_gray_dark.gif) repeat-y;
}

#colRight .header {
  float: left;
  width: 170px;
  padding: 5px 25px;
  color: #666666;
  font-weight: bold;
}

#colRight .box {
  width: 170px;
  padding: 20px 25px;
  color: #3399ff;
}

#colRight .box span {
  float: left;
  width: 170px;
  padding-bottom: 7px;
  color: #666666;
}

#colRight .list div {
  clear: right;
  width: 17px;
  cursor: default;
}

#colRight .list span {
  float: right;
  width: 153px;
  padding-bottom: 2px;
}

#colRight .list a.faded {
  color: #7fbfff;
}

#colRight .list a:hover {
  text-decoration: underline;
}

#colRight .list span img {
  padding-left: 3px;
  margin-bottom: 0px;
}

#colRight .boxForm {
  width: 180px;
  padding: 10px 15px 10px 25px;
}

#colRight .boxForm span {
  float: left;
  width: 180px;
}

#colRight .boxForm a {
  clear: both;
  float: left;
  margin-top: 7px;
  text-decoration: underline;
}

#colRight .boxForm a:hover {
  text-decoration: none;
}

#colRight input.text {
  float: left;
  width: 130px;
  height: 14px;
  padding: 5px;
  margin-right: 7px;
}

#colRight .listRSS a {
  float: left;
  width: 146px;
  height: 14px;
  padding: 2px 0px 1px 24px;
  margin-bottom: 5px;
  background: url(/img/layout/ico_rss.gif) no-repeat;
  text-decoration: underline;
}

#colRight .listRSS a:hover {
  text-decoration: none;
}

#colRight .hourglass {
  width: 220px;
  padding: 0px;
}

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

#bannersRight {
  width: 220px;
}

#bannersRight div {
  width: 220px;
  margin-bottom: 10px;
  text-align: center;
}

/* sekcje kolumny środkowej --------------------------------------------------------------------------------------------- */
#colMid {
  width: 470px;
  padding: 20px 20px 10px 20px;
  overflow: hidden;
}

#page .pageTitle {
  width: 510px;
  height: 27px;
  padding-top: 19px;
  overflow: hidden;
}

#page .pageTitle div,
#page .pageTitle h1 {
  float: left;
  height: 23px;
  padding: 4px 100px 0px 25px;
  background: #ffffff url(/img/layout/bck_page_title.gif) no-repeat bottom right;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
}

#colMid div {
  float: none;
}

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

#colMid .list .bulleted {
  float: left;
  clear: left;
  padding: 0px 0px 0px 13px;
  margin: 0px 0px 10px 30px;
  background: url(/img/layout/arrow_list.gif) no-repeat 2px 3px;
}

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

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

#colMid .listBulleted a {
  float: left;
  clear: left;
  height: 14px;
  padding: 0px 0px 0px 13px;
  margin: 0px 0px 6px 30px;
  background: url(/img/layout/arrow_list.gif) no-repeat 2px 3px;
}

#colMid .listBulleted a.faded {
  color: #cfe7ff;
  background-image: url(/img/layout/arrow_list_faded.gif);
}

#colMid .listBulleted span {
  float: left;
  clear: left;
  height: 14px;
  padding: 0px 0px 0px 13px;
  margin: 0px 0px 6px 30px;
  background: url(/img/layout/arrow_list.gif) no-repeat 2px 3px;
}

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

#colMid .hourglass div {
  width: 50px;
  height: 50px;
  margin: 210px;
  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: 459px;
  margin: 0px 5px;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

#colMid .letters a {
  float: left;
  width: 8px;
  height: 14px;
  padding: 4px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #d7e4f4;
  text-decoration: none;
}

#colMid .letters a:hover {
  background-color: #f2f2f2;
}

#colMid .letters .inactive,
#colMid .letters .inactive:hover {
  color: #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  cursor: default;
}

#colMid .letters .selected,
#colMid .letters .selected:hover {
  color: #ffffff;
  background-color: #76a7d2;
  cursor: default;
}

#colMid .letters .all {
  width: auto;
}

.author {
  float: left !important;
}

.author div {
  float: left !important;
}

.author .info {
  width: 300px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background: url(/img/layout/divider_author_info.gif) no-repeat bottom left;
  overflow: hidden;
}

.author .infoNoPhoto {
  width: 470px;
}

.author .info h1 {
  float: left;
  padding-right: 5px;
  font-size: 17px;
  font-weight: bold;
}

.author .info div {
  padding-top: 4px;
  font-size: 12px;
  color: #999999;
}

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

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

.author .photo {
  float: left;
  width: 156px;
  margin: 0px 14px 15px 0px;
}

.author .search {
  float: left;
  margin-top: 5px;
}

/* książka --------------------------------------------------------------------------------------------- */
.book {
  float: left !important;
  width: 100%;
}

.book div {
  float: left !important;
}

.book .cover {
  float: left;
  width: 156px;
  margin: 0px 14px 15px 0px;
  text-align: center;
}

.book .cover img {
  width: 156px;
}

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

.book .info {
  float: right;
  width: 300px;
  color: #999999;
  font-size: 11px;
  overflow: hidden;
}

.book .info h1 {
  float: right;
  width: 300px;
  font-size: 17px;
  font-weight: bold;
}

.book .info * * h2 {
  display: inline;
  font-weight: bold;
  font-size: 11px;
}

.book .info .typeLabel,
.bookMini .info .typeLabel {
  float: left;
  padding: 2px 8px;
  margin-top: 4px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  cursor: default;
}

.book .info .audiobook,
.bookMini .info .audiobook {
  background-color: #6699cc;
}

.book .info .eaudiobook,
.bookMini .info .eaudiobook {
  background-color: #3399ff;
}

.book .info .ebook,
.bookMini .info .ebook {
  background-color: #6699ff;
}

.book .info a {
  font-size: 11px;
}

.book .info .writer,
.book .info .writers,
.book .info .illustrator,
.book .info .illustrators,
.book .info .translator,
.book .info .translators {
  padding-top: 3px;
}

.book .info .writer .label {
  width: 40px;
}

.book .info .writer .name {
  width: 260px;
}

.book .info .writers .label {
  width: 50px;
}

.book .info .writers .name {
  width: 250px;
}

.book .info .illustrator .label {
  width: 57px;
}

.book .info .illustrator .name {
  width: 243px;
}

.book .info .illustrators .label {
  width: 67px;
}

.book .info .illustrators .name {
  width: 233px;
}

.book .info .translator .label {
  width: 53px;
}

.book .info .translator .name {
  width: 247px;
}

.book .info .translators .label {
  width: 60px;
}

.book .info .translators .name {
  width: 240px;
}

.book .info .translator .lblLong {
  width: 240px;
}

.book .info .translator .names {
  width: 240px;
}

.book .info .segment {
  width: 300px;
  margin-top: 3px;
  padding-top: 4px;
  background: url(/img/layout/divider_book_info.gif) no-repeat top left;
}

.book .info .segment span {
  font-weight: bold;
}

.book .info .downloadIco {
  width: 300px;
  margin-top: 3px;
  padding: 4px 0px 10px 0px;
  background: url(/img/layout/divider_book_info.gif) no-repeat top left;
}

.book .info .downloadIco img {
  float: left;
}

.book .info .downloadIco a {
  float: left;
  text-decoration: none;
  color: #999999;
}

.book .info .downloadIco span {
  float: left;
  padding: 3px 0px 0px 5px;
}

.book .preorder {
  width: 100%;
  padding-bottom: 10px;
  color: #ff6600;
  font-size: 12px;
}

.book .price {
  width: 300px;
  padding: 10px 0px;
  font-size: 12px;
}

.book .price .zeroQuantity {
  padding: 9px;
  color: #000000;
  background-color: #cccccc;
  font-weight: bold;
  font-size: 11px;
  cursor: default;
}

.book .price .cart {
  width: 133px;
  height: 23px;
  padding: 9px 0px 0px 6px;
  background: url(/img/layout/btn_add_to_cart.gif) no-repeat;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.book .price .label {
  padding: 9px 0px 0px 5px;
}

.book .price .old {
  padding: 9px 0px 0px 5px;
  text-decoration: line-through;
}

.book .price .current {
  padding: 9px 0px 0px 5px;
  color: #ff6600;
  font-weight: bold;
}

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

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

.book .fncButtons {
  width: 100%;
}

.book .fncButtons img {
  float: right;
  width: 34px;
  height: 33px;
  margin: 10px 0px 0px 10px;
  cursor: pointer;
}

.book .fncButtons a {
  float: left;
  margin: 10px 10px 0px 0px;
}

.book .fncButtons a img {
  width: auto;
  height: auto;
  margin: 0px;
}

.book .series {
  width: 100%;
  padding-top: 20px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center 10px;
}

.book .categories {
  width: 100%;
  padding-top: 20px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center 10px;
}

.book .categories div {
  width: 100%;
  padding-bottom: 6px;
}

.book .categories a {
  float: left;
  clear: left;
  height: 14px;
  padding: 0px 0px 0px 13px;
  margin: 0px 0px 6px 30px;
  background: url(/img/layout/arrow_list.gif) no-repeat 2px 3px;
}

.book .prizes {
  width: 100%;
  padding-top: 20px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center 10px;
}

.book .prizes div {
  width: 100%;
  padding-bottom: 6px;
}

.book .prizes span {
  float: left;
  clear: left;
  width: 427px;
  padding: 0px 0px 0px 13px;
  margin: 0px 0px 6px 30px;
  background: url(/img/layout/arrow_list.gif) no-repeat 2px 3px;
}

.book .alsoBought {
  width: 100%;
  padding-top: 20px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center 10px;
}

.book .alsoBought div {
  width: 100%;
  padding-bottom: 3px;
}

.book .alsoBought a {
  float: left;
  width: 78px;
  height: 120px;
  padding: 0px 8px;
}

.book .alsoBought a img {
  width: 78px;
}

.book a.more {
  text-decoration: none;
}

.bookOnList {
  padding-bottom: 20px;
  margin-bottom: 40px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.bookOnList .info h2 {
  float: right;
  width: 300px;
  font-weight: bold;
}

.bookOnList .info h2 a {
  color: #666666;
  text-decoration: none;
  font-size: 17px !important;
}

.bookOnList .info * * h3 {
  display: inline;
  font-weight: bold;
  font-size: 11px;
}

/* taby --------------------------------------------------------------------------------------------- */
.tabs {
  float: left !important;
  clear: both;
  width: 470px;
  height: 25px;
  padding: 10px 20px 0px 20px;
  margin: 0px -20px 30px -20px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fcfcfc;
}

.tabs .tab {
  float: left !important;
  height: 15px;
  padding: 5px 13px 4px 13px;
  border-width: 1px 1px 0px 0px;
  border-color: #e6e6e6;
  border-style: solid;
  margin-bottom: 1px;
  background-color: #f9f9f9;
  color: #46a4fc;
  font-size: 11px;
  cursor: pointer;
}

.tabs .tabOn {
  padding-bottom: 5px;
  margin-bottom: 0px;
  color: #000000;
  background-color: #ffffff;
  cursor: default;
}

.tabs .tabTitle {
  padding: 6px 8px 4px 13px;
  border-width: 0px 1px 0px 0px;
  background-color: #fcfcfc;
  color: #999999;
  font-weight: bold;
  cursor: default;
}

/* ajaxowa nawigacja list --------------------------------------------------------------------------------------------- */
.ajaxNaviList {
  float: left !important;
  width: 460px;
  clear: both;
  padding: 0px 5px;
  margin: 0px 0px 10px 0px;
}

#colMid .listBulleted .ajaxNaviList {
  padding-top: 20px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center 10px;
}

.ajaxNaviList div {
  float: left !important;
}

.ajaxNaviList .prev {
  cursor: pointer;
  width: 77px;
  height: 15px;
  margin: 8px -90px 0px 0px;
  background: url(/img/layout/btn_navi_prev.gif) no-repeat;
  text-indent: -20px;
  overflow: hidden;
}

.ajaxNaviList .next {
  float: right !important;
  cursor: pointer;
  width: 67px;
  height: 15px;
  margin-top: 8px;
  background: url(/img/layout/btn_navi_next.gif) no-repeat;
  text-indent: -20px;
  overflow: hidden;
}

.ajaxNaviList .pages {
  width: 280px;
  margin-left: 90px;
}

.ajaxNaviList .pages div {
  width: 100%;
  height: 1px;
  padding: 7px 0px 20px 0px;
  text-align: center;
}

#colMid .listBulleted .ajaxNaviList .pages a,
.ajaxNaviList .pages a {
  padding: 3px 10px;
  border: 1px solid #cccccc;
  color: #46a4fc;
  background-color: #d7e4f4;
  text-decoration: none;
}

#colMid .listBulleted .ajaxNaviList .pages a {
  float: none;
  clear: none;
  height: auto;
  margin: 0px;
  background-image: none;
}

#colMid .listBulleted .ajaxNaviList .pages a:hover,
.ajaxNaviList .pages a:hover {
  background-color: #f2f2f2;
  border-color: #999999;
}

#colMid .listBulleted .ajaxNaviList .pages a.selected,
.ajaxNaviList .pages a.selected {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
  cursor: default;
}

/* rating --------------------------------------------------------------------------------------------- */
.rating {
  float: right;
  width: 300px;
  height: 24px;
  padding-top: 2px;
  margin: 5px 0px;
  background: url(/img/layout/bck_rating.gif) no-repeat;
  overflow: hidden;
}

.rating .plus {
  color: #409f10;
}

.rating .minus {
  color: #ff7070;
}

.rating img {
  margin: 3px 0px -3px 0px;
}

/* recenzje --------------------------------------------------------------------------------------------- */
#colMid .commentsList {
  float: left;
  width: 100%;
  padding-top: 20px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center 10px;
}

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

#colMid .commentsList .date {
  width: 70px;
  padding-top: 4px; 
}

#colMid .commentsList a {
  float: left;
  margin: 4px 0px 0px 5px;
  overflow: hidden;
}

#colMid .commentsList .comment {
  margin-bottom: 10px;
}

#colMid .commentsList .rating {
  width: 80px;
  height: 21px;
  padding: 0px;
  margin: 1px 0px -1px 0px;
  background-image: none;
}

#colMid .commentsList .rating div {
  float: left;
  height: 21px;
  margin: 0px;
}

#colMid .commentsList .rating div.ratingNull {
  background-image: url(/img/layout/rating_null.gif);
}

#colMid .commentsList .rating div.ratingOff {
  background-image: url(/img/layout/rating_off.gif);
}

#colMid .commentsList .rating div.ratingOn {
  background-image: url(/img/layout/rating_on.gif);
}

/* wydarzenia --------------------------------------------------------------------------------------------- */
.news {
  float: left !important;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 25px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.news .date {
  float: left !important;
  width: 100%;
  color: #999999;
  font-size: 11px;
}

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

.news .text {
  float: left !important;
  width: 100%;
}

.news .more {
  float: left;
  margin-top: 5px;
}

/* promocje --------------------------------------------------------------------------------------------- */
.promo {
  float: left !important;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 25px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

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

.promo .list h2,
.list .promo h3 {
  float: left;
  width: 100%;
  font-weight: bold;
}

.promo .list h3,
.promo h4 {
  display: inline;
  font-weight: bold;
  font-size: 11px;
}

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

.promo .more {
  float: left;
  margin-top: 5px;
}

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

/* lista mini książek --------------------------------------------------------------------------------------------- */
.bookMini {
  float: left !important;
  width: 100%;
}

.bookMini a.cover {
  float: left;
  width: 78px;
  height: 120px;
  padding: 0px 8px;
}

.bookMini a.cover img {
  width: 78px;
}

.bookMini h2 {
  float: left;
  width: 100%;
  font-weight: bold;
}

.bookMini h2 a {
  text-decoration: none;
  color: #000000;
}

.bookMini h3 {
  display: inline;
  font-weight: bold;
  font-size: 11px;
}

.bookMini .info {
  float: right !important;
  width: 376px;
  padding-bottom: 15px;
  color: #999999;
}

.bookMini .info div {
  float: left !important;
}

.bookMini .info .divider {
  margin: 4px 0px 2px 0px;
  background: url(/img/layout/divider_book_info.gif) no-repeat left bottom;
}

.bookMini .info .writer,
.bookMini .info .writers {
  padding-bottom: 4px;
  margin-bottom: 4px;
  background: url(/img/layout/divider_book_info.gif) no-repeat left bottom;
  font-size: 11px;
}

.bookMini .info .writer .label {
  width: 40px;
}

.bookMini .info .writer .name {
  width: 336px;
}

.bookMini .info .writers .label {
  width: 50px;
}

.bookMini .info .writers .name {
  width: 326px;
}

.bookMini .zeroQuantity {
  padding-right: 5px;
  color: #ff6600;
}

.bookMini .priceOld {
  padding-right: 5px;
  text-decoration: line-through;
}

.bookMini .price {
  padding-right: 5px;
  color: #ff6600;
  font-weight: bold;
}

.bookMini .price span {
  color: #000000;
  font-weight: normal;
}

.bookMini .priceMod {
  padding-right: 5px;
  color: #b22828;
  font-weight: bold;
}

.bookMini .preorder {
  padding-right: 5px;
  color: #ff6600;
}

/* koszyk --------------------------------------------------------------------------------------------- */
#cart {
  position: absolute;
  left: 0px;
  top: 0px;
  float: left;
  width: 306px;
  height: 406px;
  padding: 3px;
  background: url(/img/layout/bck_cart.gif) repeat-x;
  visibility: hidden;
  z-index: 200;
}

#cart div {
  float: left;
}

#cart .list {
  width: 306px;
  height: 356px;
  background-color: #ffffff;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}

#cart .list .divider {
  clear: both;
  width: 100%;
  background: url(/img/layout/divider_cart_book.gif) no-repeat 2px 0px;
}

#cart .book {
  width: 268px;
  padding: 10px;
}

#cart .book .cover {
  margin: 0px 10px 0px 0px;
  width: 78px;
}

#cart .book .cover img {
  width: 78px;
}

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

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

#cart .book .writer .name {
  width: 140px;
}

#cart .book .writers .name {
  width: 130px;
}

#cart .book .writers .name a,
#cart .book .writer .name a {
  font-weight: bold;
}

#cart .book .preorder {
  font-size: 11px;
  padding-bottom: 5px;
}

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

#cart .book .price {
  width: auto;
  padding: 0px;
  color: #ff6600;
  font-size: 11px;
  font-weight: bold;
}

#cart .book .priceOld {
  text-decoration: line-through;
}

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

#cart .book .quantity span {
  float: left;
  padding: 2px 5px 0px 0px;
}

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

#cart .book .btnRemove {
  float: left;
  width: 40px;
  height: 15px;
  margin: 1px 0px 0px 5px; 
  background: url(/img/layout/btn_cart_remove.gif) no-repeat;
  text-indent: -40px;
  overflow: hidden;
}

#cart .book .divider {
  clear: both;
  width: 100%;
  margin: 5px 0px;
  background: url(/img/layout/divider_cart_book_info.gif) no-repeat;
}

#cart .buttons {
  width: 298px;
  height: 37px;
  padding: 12px 0px 0px 8px
}

#cart.hourglass div {
  width: 50px;
  height: 50px; 
  padding: 178px 128px;
  background: #ffffff url(/img/layout/hourglass_cart.gif) no-repeat 50% 50%;
}

/* wyszukiwarka --------------------------------------------------------------------------------------------- */
#searchTabs .tab {
  padding: 5px 8px 4px 8px;
}

#searchTabs .tabOn {
  padding-bottom: 5px;
}

#searchTabs .tabTitle {
  width: 1px;
  padding: 6px 0px 4px 0px;
  overflow: hidden;
}

.panelSearch {
  float: left !important;
  width: 470px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.panelSearch div {
  float: left !important;
}

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

.panelSearch .value {
  width: 370px;
  aheight: 22px;
  padding-bottom: 6px;
}

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

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

#showOnlyAvailable {
  float: left;
}

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

.panelSearch select {
  float: left;
}

#colMid .bookListSearch {
  float: left;
}

#colMid .bookListSearch .listHeader {
  height: auto;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 10px 0px;
  text-align: left;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.bookListSearch .bookMini {
  padding-bottom: 10px;
  margin-bottom: 15px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.bookListSearch .parent {
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-image: none;
}

.bookListSearch .child {
  width: 470px;
}

#colMid .bookListOrders {
  float: left;
}

#colMid .bookListOrders .listHeader {
  height: auto;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 10px 0px;
  text-align: right;
}

.bookListOrders .bookMini {
  padding-bottom: 10px;
}

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

.form div {
  float: left !important;
}

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

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

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

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

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

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

.form label {
  float: left;
}

.form .section {
  width: 470px;
  padding-bottom: 1px;
}

.form .section .title {
  width: 440px;
  height: 15px;
  padding: 8px 15px 5px 15px;
  background: url(/img/layout/bck_form_title.gif) repeat-x;
}

.form .extra {
  width: 470px;
  height: 27px;
  color: #3399ff;
  background: url(/img/layout/bck_form_extra.gif) repeat-x;
}

.form .extra div {
  width: 440px;
  height: 15px;
  padding: 7px 15px 5px 15px;
  cursor: pointer;
}

#invoiceAddressOn div {
  background: url(/img/layout/bck_form_extra_arrow_down.gif) no-repeat 449px 8px;
}

#invoiceAddressOff div {
  background: url(/img/layout/bck_form_extra_arrow_up.gif) no-repeat 449px 8px;
}

.form .obligatory {
  width: 440px;
  padding: 5px 15px;
  background-color: #ffffe5;
}

.form .obligatory input {
  background-color: #fffff0;
}

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

.form .optional {
  width: 440px;
  padding: 5px 15px;
  background-color: #f6f6f6;
}

.form .optional input {
  background-color: #f9f9f9;
}

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

.form .neutral {
  width: 440px;
  padding: 5px 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#formShopLoginAlert {
  display: none;
}

#colMid .orderCart div {
  float: left;
}

.orderCart .buttons,
.orderCart .summary {
  width: 100%;
  padding-top: 15px;
  margin-top: 15px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center top;
}

.orderCart .preorderInfo {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #ff6600;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.orderCart .promoInfo {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.orderCart .quantity {
  clear: both;
  padding-top: 5px;
}

.orderCart .quantity span {
  float: left;
  padding: 2px 5px 0px 0px;
}

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

.orderCart input.radio {
  width: auto;
  margin: 1px 5px 0px 5px;
}

.orderCart .btnRemove {
  float: left;
  width: 40px;
  height: 15px;
  margin: 1px 0px 0px 5px; 
  background: url(/img/layout/btn_cart_remove.gif) no-repeat;
  text-indent: -40px;
  overflow: hidden;
}

/* moje strony --------------------------------------------------------------------------------------------- */
.myPageMenu {
  float: left !important;
  width: 468px;
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
}

.myPageMenu * {
  float: left;
  padding: 8px 12px;
}

.myPageMenu a {
  text-decoration: none;
}

.myPageMenu a:hover {
  background-color: #f0f0f0;
}

.myPageMenu span {
  background-color: #cccccc;
  cursor: default;
}

.orderOld {
  float: left !important;
  width: 470px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  background: url(/img/layout/divider_mid_col.gif) no-repeat center bottom;
}

.orderOld .orderInfo {
  float: left !important;
  padding: 5px;
  border: 1px solid #7fbfff;
  margin-bottom: 5px;
  background-color: #dfefff;
}








































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

div.survey {
  float: left;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #000000;
  padding: 10px;
  background-image: url(/img/layout/ankieta_tlo.gif)
}

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 0px 10px 0px;
}

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

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

div.survey div.labelValue input {
  font-size: 13px;
  background-color:#f3f8ff;
  border-color:#3370cc;
  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-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0px;
  color: #FFFFFF;
  font-weight: bold;
  float: right;
  height: auto;
  width: auto;
  cursor: pointer;
  background: #3370cc;
  background-image: url(/img/layout/button_ankieta_tlo.gif)
}

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

div.survey input.checkable {
  border-width: 0px;
  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: 0px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border-width: 0px;
  background-image: none;
}

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

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

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

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

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

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

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

div.pageSurveyWideLabel div.survey div.value {
  margin-left: 120px;
}

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 0px 10px 130px;
}

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

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

/* panel rekomendacji --------------------------------------------------------------------------------------------- */
div#recommendPanel {
  position: absolute;
  width: 300px;
  height: 185px;
  padding-top: 5px;
  border: 1px solid #75baea;
  background-color: #def1ff;
  visibility: hidden;
  font-size: 11px;
}

div#recommendPanel div.label {
  width: 85px;
  padding-right: 5px;
  padding-top: 2px;
  float: left;
  clear: left;
  text-align: right;
}

div#recommendPanel div.value {
  width: 210px;
  padding-bottom: 3px;
  float: left;

}

div#recommendPanel input {
  width: 198px;
  border: 1px solid #a6d9fc;
  background-color: #ffffff;
  color: #000000;
}

div#recommendPanel div.textarea {
  width: 190px;
  height: 100px;
  padding: 4px;
  border: 1px solid #a6d9fc;
  background-color: #ffffff;
  color: #000000;
  overflow: auto;
}

div#recommendPanel img {
  width: 62px;
  height: 20px;
  cursor: pointer;
  border-width: 0px;
}