/**********************
 * General formatting *
 **********************/
.center {
    text-align: center;
}
body {
    background-color:   rgb(255,255,255);
    margin-right:       20px;
    margin-bottom:      4em;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
}
table {
    border-spacing: 0px;
}
table td {
    padding:        0px;
    vertical-align: top;
}

h1, h2, h4, h5, h6,
big b {
    font-family:        Arial, Helvetica, sans-serif;
}
h1 { font-size: 16pt; }
h2 { font-size: 12pt; }
h4 { font-size: 11pt; }
h5 { font-size: 9pt;  }
h6 { font-size: 8pt;  }

h1.right,
h2.right {
    float:  right;
}
h1.left,
h2.left {
    float:  left;
}

a         { color: rgb(40,60,180); }
a:visited { color: rgb(80,120,180); }
a:hover   { color: rgb(255,30,23); }

a.read {
    background-image:       url(/img/read-arrow.gif);
    background-repeat:      no-repeat;
    background-position:    right 0.4em;
    padding-right:          13px;

}

span.wide {
    letter-spacing: 0.15em;
}

/***************
 * Page header *
 ***************/
div.page-header {
    background-image:   url(/img/margin-top-header.gif);
    background-repeat:  repeat-x;
    background-color:   rgb(69,85,133);
    color:              rgb(255,255,255);
    position:           relative;
    height:             136px;
    min-width:          750px;
}
div.page-header a         { color: rgb(187,199,237); }
div.page-header a:visited { color: rgb(151,164,207); }
div.page-header a:hover   { color: rgb(255,255,255); }
div.page-header img.logo {
    position:   absolute;
}
div.page-header div.title {
    margin-left:    160px;
    padding-top:    30px;
    padding-right:  20px;
    text-align:     right;
}

/* Left header menu */
div.page-header div.left {
    background-color:   rgb(69,85,133);
    position:           absolute;
    left:               160px;
    bottom:             12px;
    padding-left:       5px;
    padding-right:      10px;
    font-size:          10pt;
    line-height:        26px;
    white-space:        nowrap;
}
div.page-header div.left span {
    background-image:       url(/img/bullet-header.gif);
    background-position:    left center;
    background-repeat:      no-repeat;
    padding-left:           12px;
}
div.page-header div.left span.home-active {
    background-image:       url(/img/home-active.gif);
    padding-left:           18px;
}
div.page-header div.left span.home {
    background-image:       url(/img/home.gif);
    padding-left:           18px;
}

/* Right header menu */
div.page-header div.right {
    position:       absolute;
    right:          20px;
    bottom:         7px;
    font-size:      8pt;
    white-space:    nowrap;
}
div.page-header div.right span {
    background-image:       url(/img/bullet-header-sm.gif);
    background-position:    left center;
    background-repeat:      no-repeat;
    padding-left:           10px;
}
div.page-header div.right span.cart {
    background-image:       url(/img/cart-header.gif);
    background-position:    left center;
    background-repeat:      no-repeat;
    padding-left:           33px;
}
div.page-header div.right span.cart a,
div.page-header div.right span.cart a:visited { color: rgb(187,199,237); }
div.page-header div.right span.cart a:hover   { color: rgb(255,255,255); }


/*******************
 * Main page areas *
/*******************/
table.page-main {
    background-color:       rgb(250,250,250);
    background-image:       url(/img/margin-nav-left.gif);
    background-repeat:      repeat-y;
}

/************************/
/* Left navigation area */
/************************/
table.page-main td.page-left {
    background-color:       transparent;
    background-image:       url(/img/margin-nav.gif);
    background-repeat:      repeat-y;
    background-position:    right;
    padding-top:            35px;
    width:                  15em;
}
td.page-left div.menu {
    background-color:       rgb(255,255,255);
    background-image:       url(/img/margin-nav.gif);
    background-repeat:      repeat-y;
    font-size:              9pt;
    margin-left:            18px;
    margin-right:           10px;
    margin-bottom:          1.5ex;
}
td.page-left div.menu div.top {
    background-image:       url(/img/corner-lnav-trr.gif);
    background-repeat:      no-repeat;
    background-position:    right;
}
td.page-left div.menu div.bottom {
    background-image:       url(/img/corner-lnav-brr.gif);
    background-repeat:      no-repeat;
    background-position:    right;
}

td.page-left div.menu h4,
td.page-left div.menu h6,
td.page-left div.menu ul,
td.page-left div.menu div.more {
    margin-top:             0px;
    margin-bottom:          0px;
}
td.page-left div.menu > h4,
td.page-left div.menu ul {
    background-image:       url(/img/margin-nav.gif);
    background-repeat:      repeat-y;
    background-position:    right;
}
td.page-left div.menu h4,
td.page-left div.menu h6 {
    padding-left:           6px;
    padding-bottom:         1px;
}
td.page-left div.menu ul {
    margin-left:            0px;
    padding-left:           0px;
    padding-top:            5px;
    padding-bottom:         5px;
    list-style-type:        none;
}
td.page-left div.menu div.more {
    padding-right:          15px;
    padding-bottom:         3px;
    font-size:              8pt;
    text-align:             right;
}
td.page-left div.menu li {
    background-image:       url(/img/bullet-nav.gif);
    background-repeat:      no-repeat;
    background-position:    left 0.30em;
    padding-right:          10px;
    padding-left:           15px;
    padding-bottom:         0.25em;
    line-height:            100%;
}
td.page-left div.menu li.selected {
    background-color:       white;
    background-image:       url(/img/margin-selected-left.gif);
    background-repeat:      repeat-y;
    position:               relative;
    left:                   10px;
    margin-left:            5px;
    margin-top:             0.7em;
    margin-bottom:          0.5em;
    margin-right:           0px;
    padding:                0px;
    font-size:              8pt;
}
td.page-left div.menu li.selected div {
    background-image:       url(/img/margin-selected.gif);
    background-repeat:      repeat-x;
    background-position:    bottom;
}
td.page-left div.menu li.selected h6 {
    background-image:       url(/img/margin-selected-tll.gif);
    background-repeat:      no-repeat;
    background-position:    top left;
    margin:                 0px;
    padding-top:            5px;
    padding-left:           9px;
    padding-right:          10px;
    padding-bottom:         3px;
}
td.page-left div.menu li.selected ul {
    background-image:       none;
    padding-left:           0.5em;
}

/*
td.page-left div.menu li.selected ul li {
    background-image:       none;
    padding-left:           10px;
}
*/
td.page-left div.menu li.selected ul li.selected {
    background-color:       transparent;
    background-image:       url(/img/bullet-nav.gif);
    background-repeat:      no-repeat;
    background-position:    left 0.30em;
    position:               relative;
    left:                   0px;
    margin:                 0px;
    padding-right:          10px;
    padding-left:           15px;
    padding-bottom:         0.25em;
    font-weight:            bold;
}

/*
td.page-left div.menu li.selected h6 a:visited {
    color: rgb(40,60,180);
}*/


/************************/
/* Center, content area */
/************************/
table.page-main td.page-center {
    background-color:       rgb(255,255,255);
    background-image:       none;
    padding-top:            15px;
    padding-left:           20px;
    padding-bottom:         1em;
    padding-right:          15px;
    font-size:              10pt;
    width:                  auto;
}
/* Add to cart */
td.page-center div.cart {
    background-color:       rgb(255,245,240);
    background-image:       url(/img/cart.gif);
    background-repeat:      no-repeat;
    background-position:    bottom left;
    margin-top:             10px;
    margin-bottom:          1em;
    padding:                2px 5px 14px 12px;
    line-height:            120%;
    font-size:              8pt;
    float:                  left;
}
td.page-center div.cart a:visited { color:  rgb(40,60,180); }
td.page-center div.cart a:hover   { color:  rgb(255,30,23); }
td.page-center div.cart a {
    text-decoration:    none;
}

/* General text formatting */
td.page-center h1 {
    margin-top:     0px;
    border-bottom:  2px solid rgb(69,85,133);
    line-height:    120%;
}
td.page-center h2 {
    margin-top:     0px;
    margin-bottom:  0.5em;
    padding-top:    0.5em;
    line-height:    120%;
}

/*
td.page-right div.subtitles {
    margin-top:     1em;
    margin-bottom:  1em;
}
*/

td.page-center img.right,
td.page-center div.right {
    float:          right;
    margin-top:     10px;
    margin-left:    10px;
    margin-bottom:  10px;
}
td.page-center p.center,
td.page-center div.center {
    text-align:     center;
}
td.page-center table td,
td.page-center table th {
    font-size:      10pt;
    padding-right:  1em;
    line-height:    120%;
}
td.page-center table th {
    text-align:     left;
}

/* Lists */
td.page-center ul {
    margin-left:            0px;
    padding-left:           0px;
    padding-top:            5px;
    padding-bottom:         5px;
    list-style-type:        none;
}
td.page-center ul li {
    background-image:       url(/img/bullet-text.gif);
    background-repeat:      no-repeat;
    background-position:    left 0.35em;
    padding-right:          0px;
    padding-left:           22px;
}
td.page-center ul ul li {
    background-image:       url(/img/bullet-nav.gif);
}

/* Price list (temporary) */
table.cennik {
    border-left:     1px solid rgb(69,85,133);
}
table.cennik th {
    background-color:   rgb(69,85,133);
    color:              rgb(255,255,255);
}
table.cennik th,
table.cennik td {
    padding:        2px 10px 3px 10px;
    border-right:   1px solid rgb(69,85,133);
    border-bottom:  1px solid rgb(69,85,133);
}

/* Book descripition menu (horizontal) */
td.page-center div.title-menu {
    font-size:      10pt;
    margin-bottom:  1em;
}
td.page-center div.title-menu h1 {
    margin-bottom:  0px;
}

td.page-center div.title-menu a:hover   { color: rgb(255,30,23);   }
td.page-center div.title-menu a,
td.page-center div.title-menu span {
    background-image:       url(/img/bullet-title-menu.gif);
    background-repeat:      no-repeat;
    background-position:    left 0.35em;
    padding-left:           9px;
    text-decoration:        none;
}
td.page-center div.title-menu a.first,
td.page-center div.title-menu span.first {
    background-image:   none;
    padding-left:       0px;
}
td.page-center div.title-menu span {
    font-weight:        bold;
    font-size:          8pt;
}

/********************/
/* Right, menu area */
/********************/
table.page-main td.page-right {
    background-color:   rgb(255,255,255);
    padding-top:        1.5em;
    font-size:          9pt;
    line-height:        140%;
    width:              17em;
}
td.page-right div.menu {
    margin-bottom:      1em;
}
td.page-right div.menu h5 a         { color: rgb(219,227,255); }
td.page-right div.menu h5 a:visited { color: rgb(187,199,237); }
td.page-right div.menu h5 a:hover   { color: rgb(255,255,255); }
td.page-right div.menu h5 {
    background-color:   rgb(69,85,133);
    color:              rgb(255,255,255);
    padding-left:       10px;
    padding-right:      10px;
    padding-bottom:     3px;
    margin:             0px;
}
td.page-right div.menu div,
td.page-right div.menu ul {
    background-color:   rgb(250,250,250);
    border-top:         1px solid rgb(224,224,224);
    border-left:        1px solid rgb(224,224,224);
    border-right:       1px solid rgb(224,224,224);
    margin-top:         0px;
    margin-bottom:      0px;
    padding-top:        5px;
    padding-bottom:     5px;
}
td.page-right div.menu div {
    padding-left:       7px;
    padding-right:      7px;
}
td.page-right div.menu div.top {
    background-color:       rgb(69,85,133);
    background-image:       url(/img/corner-rnav-tr.gif);
    background-repeat:      no-repeat;
    background-position:    right;
    margin:                 0px;
    padding:                0px;
    border:                 none;
}
td.page-right div.menu div.bottom {
    background-color:       rgb(250,250,250);
    background-image:       url(/img/corner-rnav-brr.gif);
    background-repeat:      no-repeat;
    background-position:    right;
    margin:                 0px;
    padding:                0px;
    border:                 none;
}
td.page-right div.menu ul {
    margin-left:        0px;
    padding-left:       0px;
    list-style-type:    none;
}
td.page-right div.menu ul li {
    background-image:       url(/img/bullet-nav.gif);
    background-repeat:      no-repeat;
    background-position:    left 0.35em;
    margin-right:           10px;
    padding-left:           15px;
}
td.page-right div.menu div.more {
    padding:        0px 10px 0px 0px;
    margin:         0px;
    font-size:      8pt;
    text-align:     right;
    border-top:     none;
}

/* Cart */
td.page-right table.cart {
    background-color:   rgb(250,250,250);
    border-top:         1px solid rgb(224,224,224);
    border-left:        1px solid rgb(224,224,224);
    border-right:       1px solid rgb(224,224,224);
    width:              100%;
}
td.page-right table.cart td {
    background-color:   rgb(255,255,255);
    padding-top:        6px;
    padding-left:       7px;
    padding-right:      7px;
    line-height:        150%;
    font-size:          10pt;
    color:              rgb(160,0,0);
}
td.page-right table.cart td.nav {
    background-color:   rgb(245,245,245);
    padding-top:        0px;
    padding-bottom:     2px;
    font-size:          8pt;
    font-weight:        normal;
    color:              rgb(96,96,96);
}
td.page-right table.cart a:visited { color:  rgb(40,60,180); }
td.page-right table.cart a:hover   { color:  rgb(255,30,23); }
td.page-right table.cart a {
    font-weight:            normal;
    color:                  rgb(40,60,180);
    background-repeat:      no-repeat;
}
td.page-right table.cart a.order {
    background-image:       url(/img/cart-order.gif);
    background-position:    0em 0.3em;
    padding-left:           12px;
}
td.page-right table.cart a.del {
    background-image:       url(/img/cart-clear.gif);
    background-position:    0em 0.3em;
    padding-left:           12px;
}
td.page-right table.cart td.nav a {
    padding-left:           10px;
    background-position:    0em 0.5em;
    float:                  right;
}
td.page-right table.cart td.nav a.add {
    padding-right:          5px;
    background-image:       url(/img/cart-add.gif);
}
td.page-right table.cart td.nav a.del {
    background-image:       url(/img/cart-del.gif);
}

/***************/
/* Page footer */
/***************/
div.page-footer {
    margin-left:    9px;
    border-top:     4px solid rgb(69,85,133);
    font-size:      8pt;
}
div.page-footer div {
    float:          right;
    text-align:     right;
}