/************************************************
 * GENERAL STYLES
 *************************************************/
body, window {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

body, h2.normal {
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #404040;
    quotes: "\201e" "\201d";
}

input, textarea {
	outline: none;
}

h1 {
    font-size: 18px;
    font-weight: bold;
}

h2.normal {
    font-style: normal;
    font-weight: normal;
}

.n2 {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    quotes: inherit !important;
	display: inline !important;
	font-weight: inherit !important;
}

p {
    font-size: 13px;
    margin: 1px;
    padding: 0px;
}

strong {
    font-weight: bold;
}

img {
    border: 0px;
}

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

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

caption {
    caption-side: bottom;
    text-align: justify;
    font-weight: normal;
    font-style: italic;
}

textarea, input {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #465366;
}

a:hover {
    color: silver;
}

a.gray {
    color: #404041;
}

a.gray:hover {
    color: #909090;
}

button {
    cursor: pointer;
}

.clear {
    clear: both;
}

.hr {
    width: 681px;
    height: 1px;
    background: transparent url('img4/list_products/linia.png') no-repeat center center;
    clear: both;
    margin: 20px auto;
}

.more {
    display: block;
    font-size: 10px;
    color: #404041;
    text-decoration: none;
    float: right;
}

.more:hover {
    color: #898989;
    text-decoration: underline;
}

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h80 {
    height: 80px;
}

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

hr {
    width: 100%;
    height: 2px;
    color: #d6d7dc;
    border: 0;
    margin-top: 20px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.hidden {
    display: none;
}

.italic {
    font-style: italic;
}

.required {
    color: #A00000;
}

/************************************************
 * FORMS
 *************************************************/
form {
    margin: 0px;
    padding: 0px;
}

.form input[type = text], .form input[type = password] {
    padding-top: 13px;
    padding-bottom: 13px;
}

.form label {
    margin-top: 15px;
    font: bold 12px arial, sans-serif;
    color: #6C6C6C;
}

form .small {
    font: normal 12px arial, sans-serif;
    color: #6C6C6C;
}

form .star {
    color: red;
    font-size: 16px;
}

.textfield {
    display: block;
    margin: 5px 0px 10px 0px;
    width: 368px;
    height: 17px;
    background: url('/static/img_sp/inputbox_05.png') left no-repeat;
    border: none;
    padding-top: 13px 5px;
}

.textfield_regular {
    padding: 0px !important;
}

.textfieldr {
    display: block;
    margin: 5px 0px 10px 0px;
    width: 418px;
    height: 17px;
    background: url('/static/img_sp/inputbox_01.png') left no-repeat;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

.textfielde {
    display: block;
    margin: 5px 0px 10px 0px;
    width: 418px;
    height: 17px;
    background: url('/static/img_sp/inputbox_03.png') left no-repeat;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

.success {
    width: 419px;
    height: 34px;
    vertical-align: middle;
    padding: 30px;
    font-size: 15px;
    background: url('img4/commons/green_bg.png') no-repeat;
}

select.choicefield {
    width: 250px;
}

.radio {
    cursor: pointer;
}

.checkbox {
    cursor: pointer;
    vertical-align: middle;
}

/********** price **********/
a .price {
	
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
	padding-top: 3px;
}

a .price:hover {
	
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
	
} 

a {
    text-decoration: none;
}
.price strong,
.before_promotion strong {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
	
}

.price strong:hover,
.before_promotion strong:hover {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

/************************************************
 * PAGE MAIN
 *************************************************/
#PageMain {
    width: 100%;
    background: url('img4/footer/gradient.jpg') repeat-x bottom;
    overflow: hidden;
}

/************************************************
 * PAGE FRAME
 *************************************************/
#PageFrame {
    margin: 0px auto;
    width: 964px;
    padding-bottom: 30px;
	position: relative;
}

.pageBottomMain {
    margin: 0px auto;
    width: 964px;
    padding-bottom: 30px;

}
/************************************************
 * PAGE TOP
 *************************************************/
#PageTopBackground {
    width: 100%;
    height: 72px;
    background: url('img4/header/header_clear_right.jpg') repeat top;
    z-index: 10;
    position: relative;
}

#PageTopBanner {
    /*width: 1210px;*/
    height: 72px;
    margin: 0 auto;
    background: transparent url('img4/header/banner_bg.png') no-repeat top;
}

#PageTop {
    clear: both;
    background-color: transparent;
    height: 62px;
    margin-bottom: 10px;
    position: absolute;
	
}

#PageTopMain {
    /*position: relative;*/
    margin: 0 auto;
    width: 964px;
    height: 72px;
    /*background: url('img4/header/header_clear_main.jpg') no-repeat;*/
}

#PageTopLogo {
    position: relative;
    float: left;
    /*background: url('img4/header/logo.png') no-repeat center top;*/
    width: 151px;
    height: 57px;
    z-index: 200;
    margin: 20px 0px 0px 10px;
    padding: 0px;
}

#PageTopLogo h1 {
    position: absolute;
    top: -10px;
    padding: 0px;
}

#PageTopLogo img {
    position: absolute;
    top: 0px;
    padding: 0px;
}

/************************************************
 * PAGE TOP - PAGE TOP BUTTONS
 *************************************************/
#PageTopButtons {
    float: right;
    text-align: right;
    font-size: 11px;
    color: white;
    margin: 20px 0px;
}

#PageTopButtons a {
    color: white;
    text-decoration: none
}

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

/************************************************
 * PAGE TOP - PAGE TOP MENU
 *************************************************/
#PageTopMenu {
    position: relative;
    width: 100%;
    height: 40px;
    clear: both;
}

/************************************************
 * PAGE TOP - GOTO MENU
 *************************************************/
#GotoMenu {
    clear: both;
    position: relative;
	bottom: 57px;
    left: 180px;
    width: 516px;
    height: 52px;
    text-align: center;
}

#GotoMenu div {
    padding-top: 20px;
    min-width: 129px;
    font-weight: bold;
    font-size: 13px;
	float: left;
}

#GotoMenu a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

#GotoMenu a.selected {
    color: #4a5269;
    text-decoration: none;
    font-weight: bold;
}

#GotoMenu div.selected {
    color: #4a5269;
    background: url('img4/header/header_tab_selected.png') no-repeat left top;
    width: 129px;
    height: 52px;
}

#GotoMenu div {
    width: 129px;
    height: 52px;
}

/************************************************
 * PAGE TOP - SEARCH BOX
 *************************************************/
.searchBox {
    width: 719px;
    height: 54px;
    vertical-align: middle;
}

.searchBox > form {
    padding: 5px 15px;
}

.searchBox > form > input {
    border-style: hidden;
    display: block;
    float: left;
    padding: 10px;
}

.searchBox > form > .btn {
    border: 0px;
    vertical-align: middle;
    display: block;
    float: right;
    cursor: pointer;
}

/********** BigSearchBox  **********/
#BigSearchBox {
    float: left;
    margin-left: 3px;
    height: 62px;
    background: url('img4/header/search_box_bg.jpg');
}

#BigSearchBox > form > input {
    width: 570px;
    height: 19px;
    margin: 6px 0px;
    background: url('img4/header/search_input_bg.png') no-repeat;
    border: None;
    outline: none;
}

#BigSearchBox > form > .btn {
    width: 88px;
    height: 31px;
    background: url('img4/header/search_button.png') no-repeat;
    margin: 10px 0px;
}

#BigSearchBox form p {
	position: relative;
}

#BigSearchBox label {
	position: absolute;
	top:10px; 
	left:30px;
	color: #d3d4d8;
}


/********** BigSearchBoxFooter  **********/
#BigSearchBoxFooter {
}

#BigSearchBoxFooter > form > input {
    width: 570px;
    height: 16px;
    background: url('img4/footer/search_box_bg.png') no-repeat;
    border: None;
}

#BigSearchBoxFooter > form > .btn {
    width: 86px;
    height: 31px;
    background: url('img4/footer/search_button.png') no-repeat;
    margin-top: 3px;
}

/************************************************
 * PAGE TOP - CART
 *************************************************/
#Cart {
    float: right;
    width: 235px;
    vertical-align: middle;
    margin: 10px 0px;
    color: #757575;
    font-size: 11px;
}

#Cart table td:first-child {
    width: 100%;
}

#Cart table td:second-child {
    width: 102px;
}

#Cart button.checkout {
    float: right;
    margin: 5px 0px 5px 5px;
    width: 102px;
    height: 30px;
    border: 0px;
    background: url('img4/header/do_kasy_button.jpg') no-repeat;
}

/************************************************
 * PART LEFT
 *************************************************/
#PartLeft {
    width: 211px;
    float: left;
	clear: both;
}

#PartLeft a {
    text-decoration: none;

#margin-top:
    7px;
    vertical-align: middle;
}

/************************************************
 * PART LEFT - CATEGORY BOX / CONSTS BOX
 *************************************************/
.categoryBox {
    margin-top: 5px;
    margin-bottom: 10px;
}

.categoryBox .top {
    background: url('/static/img4/sidebar/sidebar_kategorie_top.jpg');
    height: 6px;
    padding-bottom: 5px;
}

.categoryBox .end {
    height: 16px;
    background: url('img4/sidebar/sidebar_kategorie_end.jpg');
}

.categoryBox div {
    padding-left: 20px;
    position: relative;
}

.categoryBox div.main {
    font-weight: bold;
    min-height: 33px;
    background: url('img4/sidebar/sidebar_kategorie_main.jpg');
    vertical-align: middle;
}

.categoryBox div.sub {
    min-height: 30px;
}

.categoryBox div.odd {
    background: url('img4/sidebar/sidebar_kategorie_odd.jpg');
}

.categoryBox div.even {
    background: url('img4/sidebar/sidebar_kategorie_even.jpg');
}

.categoryBox div.main a {
    position: absolute;
    top: 5% !important;
}

.categoryBox div.sub a {
    color: #7d7d7f;
    position: absolute;
    margin-top: 7px !important;
}

.categoryBox div.sub a:hover {
    color: silver;
}

.categoryBox div.selected {
    height: 33px;
    background: url('img4/sidebar/sidebar_kategorie_selected.jpg') no-repeat;
}

.categoryBox div.selected a {
    color: white;
}
.constsBox {
	font-size: 11px; 
}

.constsBox div.selected {
    width: 230px;
    height: 32px;
    background: url('img4/sidebar/sidebar_consts_selected.png') no-repeat;
}

/************************************************
 * PART LEFT - SIDEBAR LINKS
 *************************************************/
table.sidebarLinks td {
    padding: 0;
}

table.sidebarLinks div {
    width: 153px;
    height: 14px;
    padding: 10px 0px 10px 20px;
    margin-bottom: 2px;
}

table.sidebarLinks div.linkRight {
    text-align: left;
    background: url('img4/sidebar/sidebar_goto_bg.jpg') no-repeat right 0px;
}

table.sidebarLinks div.linkLeft {
    text-align: right;
    background: url('img4/sidebar/sidebar_goto_bg_left.jpg') no-repeat right 0px;
}

table.sidebarLinks div.linkLeft a {
    padding-right: 20px;
    color: #767d8f;
    font-weight: bold;
}

table.sidebarLinks a {
    color: #465268;
    margin: 10px 0px 5px 0px !important;
}

/***** sidebar links - mgmt box *****/
table.mgmt {
    font-size: 11px;
    font-style: italic;
}

/************************************************
 * PART CENTER
 *************************************************/
#Content1Column {
    clear: both;
    width: 964px;
    float: left;
}

#Content2Columns {
    clear: both;
    width: 714px;
    float: left;
    padding-left: 20px;
	position: relative;
}

#Content3Columns {
    margin: 0px 35px;
    width: 441px;
    float: left;
}

#PartCenterOutter {
    float: left;
}

#PartCenter {
    float: left;
    min-height: 880px;
    min-width: 749px;
}

#PartCenterTop {
    height: 3px;
}

/************************************************
 * PART CENTER - LOCATION BAR
 *************************************************/
#LocationBar {
    font-size: 13px;
    color: #a0a1a5;
    width: 721px;
    height: 44px;
    line-height: 44px;
    background: url('img4/list_products/belka_gora.png') no-repeat;
    margin-bottom: 20px;
    margin-left: 20px;
}

#LocationBar div {
    margin: auto;
    margin-left: 20px;
    margin-right: 20px;
}

#LocationBar .tag {
    color: #49536c;
    font-weight: bold;
}

/************************************************
 * PART RIGHT
 *************************************************/
#Right {
    margin-left: 15px;
    width: 207px;
    float: right;
}

/********** rightLinks **********/
.rightLinks {
}

.rightLinks a {
    display: block;
    min-height: 20px;
    background: url('img/rightarrows.png') no-repeat 0px 0px;
    text-decoration: underline;
    color: #2F5400;
    font-size: 11px;
    padding-left: 33px;
}

.rightLinks a:hover {
    color: #9ac64c;
    background-position: 0px -24px;
}

/************************************************
 * PAGE BOTTOM
 *************************************************/
#PageBottom {
    clear: both;
    width: 100%;
    background-color: #fbfcff;
	position: relative;
}

.partLeftFooter {
    float: left;
    width: 211px;
    height: 100%;
    text-align: center;
    color: #9fa0a4;
    font-size: 11px;
    position: relative;
    margin: auto;
}

.partCenterFooter {
    float: right;
    width: 719px;
    margin-left: 20px;
}

#PageFooterLogo {
    clear: both;
    margin: 25px auto;
}

#PageFooterCopyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

/************************************************
 * PAGE BOTTOM - CATEGORY FOOTER
 *************************************************/
.categoriesFooter {
    clear: both;
    width: 100%;
}

.categoriesFooter > table.categories {
    table-layout: fixed;
    padding: 5px;
    margin: 0px auto 5px auto;
}

.categoriesFooter > table.categories td {
    padding: 0px 5px 10px 0px;
    width: 33%;
    vertical-align: top;
}

.categoriesFooter > table.categories a {
    text-decoration: none;
    color: #525e76;
    display: block;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 3px;
}

.categoriesFooter > table.categories a:hover {
    color: #silver;
}

.categoriesFooter > table.categories a.sub {
    display: block;
    font-size: 10px;
    color: #a0a1a5;
    margin-left: 3px;
    margin-right: 3px;
    padding: 2px 5px 2px 10px;
    /*background: transparent url('img4/footer/subarrow.png') no-repeat left center;*/
    text-decoration: none;
}

.categoriesFooter > table.categories a.sub:hover {
    color: silver;
}

.categoriesFooter .title {
    text-align: center;
    font-size: 15px;
    margin: 25px 0px;
    color: #535e72;
}

/************************************************
 * PAGE BOTTOM - FOOTER
 *************************************************/
#PageBottomFooter {
    clear: both;
    height: 73px;
    text-align: center;
    background: url('img4/footer/gradient_2.png') repeat-x;
}

#PageBottomFooter .links {
    font-size: 11px;
}

#PageBottomFooter .links a {
    color: #9ca3ab;
    text-decoration: none;
}

#PartLeftBottomFooter img {
    margin: 22px auto;
    width: 19px;
    height: 23px;
}

/************************************************
 * BIG BOX
 *************************************************/
.bigbox {
    width: 486px;
    margin-bottom: 10px;
    margin-left: -5px;
    position: relative;
}

.bigbox > .top {
    width: 486px;
    height: 17px;
    background: url('img4/commons/szary_box_duzy_top.png') no-repeat;
}

.bigbox > .end {
    width: 486px;
    height: 17px;
    background: url('img4/commons/szary_box_duzy_bottom.png') no-repeat;
    clear: both;
}

.bigbox > .middle {
    width: 486px;
    background: url('img4/commons/szary_box_duzy_middle.png') repeat-y;
}

.bigbox > .middle > .title {
    font-size: 17px;
    margin: 0px 20px 10px 20px;
}

.bigbox > .middle > .subtitle {
    margin: 0px 20px 10px 20px;
}

.bigbox > .middle form {
    margin-left: 20px;
}

.sp_centerArea > .bigbox, .sp_centerArea > .bigboxnoframe {
    margin-top: 30px;
    margin-left: 250px;
}

/************************************************
 * BIG BOX NO FRAME
 *************************************************/
.bigboxnoframe {
    width: 100%;
    border: 0;
    padding: 0px 30px 15px 0px;
    color: #6e6e6e;
}

.bigboxnoframe > .end {
    clear: both;
}

/************************************************
 * 2x BORDER
 *************************************************/
.x2border {
    /* 292-padding */
    width: 584px;
    float: left;
    background: url('img/x2bormid.png') repeat-y left top;
    margin-bottom: 20px;
}

.x2border > .top {
    width: 584px;
    height: 8px;
    background: url('img/x2bortop.png') no-repeat left top;
}

.x2border > .end {
    width: 584px;
    height: 12px;
    clear: both;
    background: url('img/x2borbot.png') no-repeat left top;
}

.x2border > .left, .x2border > .right {
    width: 280px;
    padding-left: 5px;
    padding-right: 7px;
    text-align: left;
}

.x2border > .left {
    float: left;
}

.x2border > .right {
    float: right;
}

/************************************************
 * BORDER (x2 WIDTH)
 *************************************************/
.dborder {
    float: left;
    background: url('img/dbormid.png') repeat-y left top;
    padding: 0px 5px;
    width: 580px;
}

.dborder > .top {
    width: 620px;
    height: 8px;
    margin-left: -5px;
    background: url('img/dbortop.png') no-repeat left top;
}

.dborder > .end {
    margin-left: -5px;
    width: 62-px;
    height:
    12px;
    clear: both;
    background:
    url('img/dborbot.png')no-repeat left top;
}

.dborder > .half {
    width: 280px;
    float: left;
    margin-right: 5px;
}

/************************************************
 * SMALL BOX
 *************************************************/
.smallbox {
    margin-bottom: 5px;
    padding: 5px 0px;
    color: #7e7e80;
    font-size: 11px;
}

.smallbox > .top {
    width: 207px;
    height: 9px;
    background: url('img4/sidebar/box_right_top.png') no-repeat;
}

.smallbox > .end {
    width: 207px;
    height: 6px;
    background: url('img4/sidebar/box_right_bottom.png') no-repeat;
    clear: both;
}

.smallbox > .middle {
    background: url('img4/sidebar/box_right_bg.png') repeat-y;
    padding: 10px;
}

/* title */
.smallbox > .middle > .title {
    font-size: 13px;
    font-weight: bold;
    color: #475268;
    padding-bottom: 10px;
    margin-bottom: 5px;
    background: url('img4/sidebar/box_right_line.png') no-repeat bottom;
}

.smallbox > .middle .fromblog, .smallbox > .middle .blog {
    width: 200px;
    height: 36px;
    margin-left: -12px;
    margin-bottom: 10px;
    clear: both;
}

/* fromblog */
.smallbox > .middle .fromblog {
    background: url('img4/sidebar/z_bloga_elib.png') no-repeat;
}

/* blog */
.smallbox > .middle .blog {
    background: url('img4/sidebar/blog_elib.png') no-repeat;
}

/* table */
.smallbox table {
    width: 100%;
    padding: 0px 0px 5px 0px;
}

.smallbox table tr {
    background: url('img4/sidebar/box_right_line.png') no-repeat bottom;
}

.smallbox table tr td {
    padding: 5px 10px 10px 0px;
    vertical-align: top;
}

/* title */
.smallbox .t {
    display: block;
    color: #7d7d7f;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 5px;
}


/* author */
.smallbox .a {
    display: block;
    font-size: 10px;
    color: #404041;
    text-decoration: none;
}

.smallbox .t:hover, .smallbox .a:hover {
    color: #898989;
    text-decoration: underline;
}

/* more */
.smallbox a.more {
    width: 25px;
    height: 23px;
    background: url('img4/sidebar/small_arrow.png') no-repeat bottom right;
}

/* strong */
.smallbox strong {
    color: #48546a;
}

/************************************************
 * SMALL BOX - ADD TO CART BOX
 *************************************************/
/* table */
.smallbox table.details tr {
    background: transparent;
}

.smallbox table.details tr td {
    vertical-align: middle;
    font-size: 13px;
}

/* price */
.smallbox .price {
    color: #7e7e7e;
    float: right;
    width: 91px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: url('img4/product_details/cena_bg_bialy.png') no-repeat;
}

.smallbox .before_promotion {
    color: #ff0000;
    float: right;
    width: 91px;
    height: 32px;
    line-height: 32px;
    text-align: center;
	text-decoration: line-through;
    background: url('img4/list_products/cena_bg_red.png') no-repeat;
	
}

.smallbox .before_promotion .cur {
    color: #ff0000;
    margin: auto auto auto 10px;
	font-weight: bold;
}

.smallbox .price .cur {
    color: #7e7e7e;
    margin: auto auto auto 10px;
}

/* format */
.smallbox .format {
    color: #7e7e80;
    font-weight: bold;
}

/* buttons */
.smallbox .cartBtn {
    width: 177px;
    height: 30px;
    border: 0 none;
    margin: 0 auto;
    background: url('img4/product_details/kup_teraz_btn.png') no-repeat;
}

.smallbox .cartBtn span {
    display: none;
	
}


.smallbox > .middle > .center > button > span {
    display: none;
}

/************************************************
 * SMALL BOX - NEWSLETTER
 *************************************************/
.smallbox .newsletter {
    padding-top: 5px;
    text-align: center;
}

.smallbox .newsletter input {
    width: 163px;
    height: 14px;
    padding: 12px 10px;
    background: transparent url('img4/sidebar/newsletter_input_bg.png') no-repeat center top;
    border: 0 none;
    margin: 0 auto 10px auto;
}

.smallbox .newsletter button {
    width: 104px;
    height: 30px;
    background: transparent url('img4/sidebar/zapisz_sie_btn.png') no-repeat center;
    border: 0 none;
    margin: 0 auto;
}

/************************************************
 * SMALL BOX NO FRAME
 *************************************************/
.smallboxnoframe {
    width: 100%;
    border: 0;
    padding: 5px 10px;
    text-align: center;
    color: #6e6e6e;
}

.smallboxnoframe > .end {
    clear: both;
}

/************************************************
 * SMALL BOX NO FRAME - RATING BOX
 *************************************************/
.smallboxnoframe .ratingTable {
    width: 100%;
}

.smallboxnoframe .ratingTable td {
    text-align: center;
    padding: 0px 5px;
}

.smallboxnoframe .bigStars {
    width: 115px;
    height: 22px;
    background: transparent url('img4/product_details/bigstars.png') no-repeat 0px 0px;
}

.smallboxnoframe .bigStars div {
    height: 22px;
    background: transparent url('img4/product_details/bigstars.png') no-repeat 0px -22px;
}

/************************************************
 * MAIN BIG BOX
 *************************************************/
.mainBigBox {
    clear: both;
    margin: 0px auto 40px auto;
}

.mainBigBox table.mainTable {
    width: 100%;
}

.mainBigBox .title {
    width: 479px;
    height: 47px;
    margin-bottom: 20px;
}

.mainBigBox .promoted {
    background: url('img4/main/elib_poleca.png');
}

.mainBigBox .bestsellers {
    background: url('img4/main/bestsellery.png');
}

.mainBigBox .offers {
    background: url('img4/main/okazje_miesiaca.png');
}

table.viewMore {
    float: right;
    margin: 10px 0px;
}

table.viewMore td {
    padding: 0px 5px;
    vertical-align: middle !important;
}

table.viewMore a.more {
    font-size: 12px;
    color: #a0a0a2;
    text-decoration: none;
}

table.viewMore a.more:hover {
    text-decoration: underline;
}

/************************************************
 * MAIN BOX / PRODUCT BOX
 *************************************************/
.mainBox {
    height: 100%;
    width: 33%;
    text-align: center;
    vertical-align: top;
    padding-bottom: 15px;
}

.mainBox > .end, .productBox > .end {
    clear: both;
}

.productBox {
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    margin-left: 20px;
}

/************************************************
 * MAIN BOX / PRODUCT BOX - images
 *************************************************/
.productBox > .productBoxImg {
    width: 14%;
    float: left;
    text-align: center;
}

.productBox > .productBoxImg img, .mainBox > a > img {
    border: 2px solid white;
    max-width: 90px;
}

.productBox > .productBoxImg:hover img, .mainBox > a:hover > img {
    border: 2px solid #aeed38;
}

.mainBox div.cover {
    min-height: 140px;
}

.mainBox div.cover img {
    width: 100px;
    height: 140px;
}

/************************************************
 * MAIN BOX / PRODUCT BOX - productInfo
 *************************************************/
.mainBox > .productInfo {
    width: 100%;
    position: relative;
    padding-left: 2px;
    margin-top: 5px;
    font-family: Georgia, Garamond, Serif;
}

.productBox > .productInfo {
    width: 78%;
    float: left;
    padding-left: 20px;
}

.productBox > .productInfo > .main {
    margin-bottom: 15px;
}

/* title */
.mainBox > .productInfo .t {
    display: block;
    font-weight: normal;
    font-size: 11px;
    color: #545454;
    text-decoration: none;
    margin-top: 5px;
}

.productBox > .productInfo .t {
    display: block;
    font-weight: normal;
    font-size: 23px;
    color: #404041;
    text-decoration: none;
}

.productBox > .productInfo h2.t {
    margin: 0px;
}


/* author */
.mainBox > .productInfo .a {
    display: block;
    font-weight: bold;
    font-size: 11px;
    color: #404041;
    text-decoration: none;
}

.productBox > .productInfo .a {
    font-size: 13px;
    color: #6c6c6c;
    text-decoration: none;
    font-style: italic;
}

.mainBox > .productInfo .a:hover, .mainBox > .productInfo .t:hover, .productBox > .productInfo .a:hover, .productBox > .productInfo .t:hover {
    color: #898989;
    text-decoration: underline;
}

/* product type */
.productBox > .productInfo .tp {
    color: #a1a0a5;
}

/* table.bottom */
.productBox > .productInfo > table.bottom {
    float: left;
}

.productBox > .productInfo > table.bottom td {
    padding: 0 15px 0 0;
    text-align: left;
}

/* formats */
.productBox .formats {
    color: #a1a0a5;
}

/* price */
.mainBox .price {
    clear: both;
    width: 105px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    vertical-align: middle;
}

.mainBox .paid {
    color: #697184;
    /*background: url('img4/main/cena_szary2.png') no-repeat center;*/
	background: url('img4/list_products/cena_bg.png') no-repeat center;
	
}
.mainBox .before_promotion {
    color: #ff0000;
 	background: url('img4/list_products/cena_bg_red.png') no-repeat center;
	text-decoration: line-through;
	height: 32px;
}


.mainBox .free {
    color: #cc8e27;
	background: url('img4/list_products/cena_bg_zolta.png') no-repeat center;
}

.productBox .price {
    width: 91px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.productBox .paid {
    color: #697184;
    background: url('img4/list_products/cena_bg.png');
	float: left;
}

.productBox .before_promotion {
    color: #ff0000;
 	background: url('img4/list_products/cena_bg_red.png') no-repeat center;
	text-decoration: line-through;
	float: right;
}

.productBox .free {
    color: #cc8e27;
    background: url('img4/list_products/cena_bg_zolta.png');
}

.productBox .cur {
    margin: auto;
    margin-left: 10px;
}

.productBox .more {
    width: 85px;
    height: 30px;
    background: url('img4/list_products/wiecej.png');
}

.productBox > .productInfo > .more > span {
    display: none;
}

/******************** comments ********************/
.comments_browser {
    margin-top: 10px;
    margin-bottom: 5px;
    clear: both;
}

.comments_browser .pages {
    padding: 10px 10px 5px 10px;
}

/******************** list browser ********************/
.browser {
    text-align: center;
    font-size: 14px;
    clear: both;
}

.browser .pages {
    text-align: center;
    font-size: 14px;
    padding-bottom: 30px;
}

.browser .mybooksPages {
    margin-left: 231px;
}

.browser .articlePages {
    margin-left: 10px;
    width: 100%;
}

.browser td {
    width: 32px;
    background: url('img4/list_products/paginacja_regular.png') no-repeat;
    color: #acadaf;
    vertical-align: middle;
}

.browser td.prev, .browser td.next {
    background: transparent;
}

.browser td.selected {
    background: url('img4/list_products/paginacja_selected.png') no-repeat;
    color: white;
}

.browser td.prevTxt, .browser td.nextTxt {
    min-width: 180px;
    height: 34px;
    background: none;
}

.browser td.nextTxt {
    text-align: right;
    margin-right: 15px;
}

.browser td.prevTxt {
    text-align: left;
    margin-left: 15px;
}

.browser td a {
    text-decoration: none;
    color: #acadaf;
}

.browser td a:hover {
    color: silver;
}

.browser span {
    margin-bottom: 10px;
}

.browser .sort {
    text-align: center;
    width: 100%;
    font-size: 0.8em;
    font-weight: bold;
    padding-bottom: 15px;
}

.browser .sort a {
    color: #404041;
}

.browser .sort a:hover {
    color: #808080;
}

/************************************************
 * PRODUCT DETAILS
 *************************************************/
.productDetails {
    padding: 0px 10px 0px 0px;
    color: #636363;
}


.productDetails .hr {
    width: 490px;
    margin: 30px auto;
    background: url('img4/list_products/linia.png') no-repeat bottom;
	clear: both;
	float: right;
}

.productDetails #descriptionDiv,
.productDetails #reviewDiv
 {
	
	width: 460px;
	float: left;
} 



/************************************************
 * PRODUCT DETAILS - REVIEW
 *************************************************/
form.reviewForm {
    clear: both;
    vertical-align: middle;
    padding: 5px 25px;
    margin: 0 auto;
}

form.reviewForm div {
    margin: 10px 0px;
}

form.reviewForm .t {
    color: #808081;
    font-weight: bold;
}

form.reviewForm .signature input {
    width: 412px;
    height: 23px;
    background: transparent url('img4/product_details/imie_bg.png') no-repeat center top;
    border: 0 none;
    padding: 15px 10px;
}

form.reviewForm .body textarea {
    width: 418px;
    height: 141px;
    padding: 1px;
    background: transparent url('img4/product_details/tresc_bg.png') no-repeat center top;
    border: 0 none;
    padding: 10px 5px 10px 10px;
}

form.reviewForm button {
    width: 120px;
    height: 30px;
    background: transparent url('img4/product_details/dodaj_opinie_btn.png') no-repeat right top;
    border: 0 none;
    margin: 0px 0px 0px 310px;
}

form.reviewForm button span {
    display: none;
}

form.reviewForm .help {
    font-weight: normal;
}

.productDetails .reviewData,
.productDetails .leftColumn {
    height: 48px;
    line-height: 44px;
    text-align: right;
	float: left;
	margin: 0px 23px 0px 0px;
    width: 215px;
	clear: both;
}

.productDetails .reviewData {
    background: url('img4/product_details/btn_with_arrow.png') no-repeat;
}

.productDetails .reviewData .title {
    font-size: 13px;
    vertical-align: middle;
    margin: auto 20px auto auto;
    font-weight: bold;
    color: #565e73;
}

.productDetails .reviewData .subtitle {
    font-size: 12px;
    float: right;
    margin: auto 40px;
    font-style: italic;
    color: #ababab;
}

.productDetails button.del {
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
}


/************************************************
 * PRODUCT DETAILS - IMG
 *************************************************/
.productDetails .img {
    border: 0 none;
    margin: 0px 23px 0px 0px;
    width: 215px;
    height: 296px;
    /*line-height: 300px;*/
    text-align: center;
    background: url('img4/product_details/cover_bg.png') no-repeat;

}

.productDetails .img img {
    vertical-align: middle;
    width: 160px;
    margin: 30px auto;
}

.productDetails .imagebox {
	
	float: left;
	
}

/************************************************
 * PRODUCT DETAILS - INFO / ARTICLE - INFO
 *************************************************/
.productDetails h2, .article div.t, h1.t {
    font-family: Georgia, Garamond, Serif;
    font-size: 28px;
    font-weight: normal;
    color: #404041;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.productDetails h3, .productDetails h2.h, .article div.a {
    font-family: Georgia, Garamond, Serif;
    font-size: 15px;
    font-weight: normal;
    color: #9d9d9d;
    margin: 0px;
    padding: 0px;
}

.productDetails .info,
.productDetails .userReviews
 {
	float: left;
	width: 450px;
}

.productDetails .info .a, .article .info .a {
    text-decoration: none;
    font-style: italic;
    color: #9d9d9d;
}

.productDetails .info .a:hover, .article .info .a:hover {
    text-decoration: underline;
}

/************************************************
 * PRODUCT DETAILS - DETAILS
 *************************************************/
table.details, table.physicalDetails {
    color: #5c5c5c;
}

table.details td, table.physicalDetails td {
    padding: 0px;
    font-size: 11px;
}

table.details .t, table.physicalDetails .t {
    color: #808081;
    width: 35%;
}

table.physicalDetails th {
    text-align: left;
}

table.details .sec {
    color: #545454;
    font-weight: bold;
}

/************************************************
 * PRODUCT DETAILS - FREE FRAGMENTS
 *************************************************/
.productDetails .read, .productDetails .listen {
    display: block;
    border: 0px;
    margin: 0px 0px 5px 0px;
    width: 211px;
    height: 52px;
}

.productDetails .read strong, .productDetails .listen strong {
    display: none;
}

.productDetails .read {
    background: url('img4/product_details/czytaj.png') no-repeat center top;
}

.productDetails .listen {
    background: url('img4/product_details/sluchaj.png') no-repeat center top;
}

/************************************************
 * PRODUCT DETAILS - RELATED PRODUCTS
 *************************************************/
.productDetails div.authorsOthers {
    width: 473px;
    height: 48px;
    background: url('img4/product_details/inne_ksiazki_belka.png') no-repeat center top;
    margin: 10px 0px;
}

.productDetails div.relatedProducts {
    width: 473px;
    height: 48px;
    background: url('img4/product_details/zaint_tez_belka.png') no-repeat center top;
    margin: 20px 0px;
}

.productDetails table.otherProducts {
    width: 473px;
}

/******************** chapters ********************/
.chapters p {
    text-indent: 0px;
    text-align: left;
}

.chapters .chaptHid {
    display: none;
}

.chapters .chaptHid .radiogroup {
    text-align: left;
}

.chapters table {
    border-spacing: 0px;
    empty-cells: show;
    border-collapse: collapse;
    margin-right: 3px;
    width: 582px;
}

.chapters th {
    text-align: left;
}

.chapters thead tr td {
    border-bottom: 2px solid #808080;
}

.chapters tfoot tr td {
    border-top: 2px solid #808080;
}

.chapters tbody tr td {
    border-bottom: 1px solid #d0d0d0;
}

.chapters thead tr th {
    border-bottom: 1px solid #808080;
}

.chapters .left, .chapters .right {
    width: 205px;
    /*height: 65px;*/
    margin: 10px 3px 0px 0px;
}

.chapters .left {
    float: left;
    text-align: right;
}

.chapters .right {
    float: right;
    text-align: right;
}

.chapters .right > strong, .chapters .left > strong {
    font-size: 18px;
    font-weight: bold;
}

.chapters .right > strong > small, .chapters .left > strong > small {
    font-size: 14px;
    font-weight: bold;
}

.chapters .basket span {
    display: none;
    cursor: pointer;
}

.chapters .basket {
    cursor: pointer;
    margin-left: 4px;
    background: transparent url('img/bookbtns.png') no-repeat 0px 0px;
    display: block;
    float: right;
    width: 58px;
    height: 58px;
    background-position: 0px -54px;
    position: relative;
}

.chapters .basket:hover {
    background-position: -58px -54px;
}

.chapters .basket .dropdown1 {
    top: 58px;
    left: 0px;
}

.btn_buyfragment span {
    display: none;
}

.btn_buyfragment {
    width: 130px;
    height: 21px;
    background: transparent url('img/btn_buyfrag.png') no-repeat 0px 0px;
    display: block;
    margin-right: 3px;
    margin-left: auto;
    border: 0px none;
}

.btn_buyfragment:hover {
    background-position: 0px -21px;
}

/******************** chapters ********************/
.dropdown1 {
    display: none;
    width: 207px;
    text-align: left;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 200;
    cursor: default;
}

.dropdown1 .top {
    height: 6px;
    background: transparent url('img/dd1top.png') no-repeat 0px 0px;
}

.dropdown1 .mid {
    width: 197px;
    padding: 0px 5px;
    background: transparent url('img/dd1mid.png') repeat-y 0px 0px;
}

.dropdown1 .bot {
    height: 6px;
    background: transparent url('img/dd1bot.png') no-repeat 0px 0px;
}

.dropdown1 strong {
    display: block;
}

.dropdown1 a {
    display: block;
}

/******************** basket table ********************/
table.basket .textfield {
    text-align: center;
    width: 44px;
}

table.basket {
    width: 100%;
}

table.basket tbody td.a {
    text-align: left;
}

table.basket tbody td.b {
    text-align: left;
}

table.basket tbody td.c {
    text-align: center;
}

table.basket tbody td.z {
    text-align: right;
}

table.basket tfoot td.c {
    text-align: right;
}

table.basket tfoot td.z {
    text-align: right;
}

table.basket a.a {
    font-size: 0.9em;
}

/************************************************
 * SHOPPING PROCESS
 *************************************************/
table.shoppingProcessResults {
    padding-bottom: 10px;
}

table.shoppingProcessResults td {
    vertical-align: middle !important;
    padding: 0px 10px !important;
}

/************************************************
 * CONSTS
 *************************************************/
.consts_container {
    height: 250px;
    width: 470px;
    position: relative;
    margin-left: 5px;
    margin-bottom: 20px;
}

.const_navigation {
    width: 100%;
    height: 49px;
    position: absolute;
    bottom: 0px;
    background: transparent url('img/promo.png') no-repeat 0px 0px;
}

.consts,
.consts_div {
    color: #6e6f71;
    padding: 10px;
    position: relative;
    top: 0;
    /*left: 0;*/
    padding: 0px;
    /*overflow: hidden;*/
    padding-left: 0px;
}

.consts_div {
    position: absolute;
}

.promo_next {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 25px;
    width: 25px;
    font-size: xx-small;
    background: transparent url('img/promo_next.png') no-repeat 0px 0px;
    border: none;
}

.promo_prev {
    position: absolute;
    bottom: 10px;
    right: 40px;
    height: 25px;
    width: 25px;
    font-size: xx-small;
    background: transparent url('img/promo_prev.png') no-repeat 0px 0px;
    border: none;
}

.promo_prev span, .promo_next span {
    display: none;
}

/************************************************
 * MY BOOKS
 *************************************************/
div.mybooksTitle {
    width: 968px;
    height: 53px;
    background: url('img4/mybooks/moje_zakupy_belka.png') no-repeat;
}

table.mybooks {
    color: #a7a7a7;
}

table.mybooks td {
    vertical-align: top;
    padding-bottom: 20px;
}

table.mybooks div.img img {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

table.mybooks .tp, table.mybooks div.info .p {
    margin: 10px 0px;
}

table.mybooks strong {
    color: #464646;
    font-size: 13px;
}

table.mybooks table.formatTable {
    margin-top: 10px;
    margin-left: -10px;
}

table.mybooks table.formatTable td {
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
}

table.mybooks table.formatTable div.format {
    width: 209px;
    height: 45px;
    line-height: 45px;
    background: url('img4/mybooks/format_bg.png') no-repeat;
    float: left;
}

table.mybooks table.formatTable div.format a {
    margin: auto;
    margin-left: 15px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #465366;
}

table.mybooks table.formatTable div.format a:hover {
    text-decoration: underline;
}

/************************************************
 * BLOG - MICRO ART
 *************************************************/
.microArt .articleImg img {
    border: 2px solid white;
    float: left;
    margin: 2px 5px 2px 2px;
}

.microArt .articleImg:hover img {
    border: 2px solid #aeed38;
}

.microArt .a {
    display: block;
    font-size: 11px;
    color: #404041;
    text-decoration: none;
}

.microArt .t {
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #404041;
    text-decoration: none;
}

.microArt .t:hover {
    color: #898989;
    text-decoration: underline;
}

/************************************************
 * BLOG - ARTICLE
 *************************************************/
.article {
    margin-bottom: 25px;
    margin-left: 20px;
    color: #6e6f71;
}

.article div.a {
    font-size: 13px;
    margin-bottom: 20px;
}

.article p {
    font-size: 15px;
}

.article .more {
    display: block;
    text-align: right;
    clear: both;
}

.article .more a {
    color: #6f6f70;
    text-decoration: underline;
    font-size: 15px;
}

.article .more a:hover {
    color: #ffc000;
}

.article .photo {
    display: block;
    float: left;
    border: 2px solid #cccbc7;
    padding: 2px;
    margin: 0px 20px 20px 0px;
}

.article .photo:hover {
    border: 2px solid #aeed38;
}

.article .photo img {
    vertical-align: bottom;
}

.article .cat {
    margin-bottom: 10px;
    color: #898989;
}

.article .cat a {
    color: #898989;
    text-decoration: none;
    font-size: 13px;
}

.article .cat a:hover {
    color: #d4d4d4;
    text-decoration: underline;
}

.article .stars {
    margin-top: -22px;
    float: right;
}

/******************** micro books in right column ********************/
.microbooks {
    width: 142px;
}

.microbooks img {
    border: 2px solid white;
}

.microbooks img:hover {
    border: 2px solid #aeed38;
}

.microbooks .t {
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #404041;
    text-decoration: none;
}

.microbooks .a {
    display: block;
    font-size: 10px;
    color: #404041;
    text-decoration: none;
}

.microbooks .p {
    font-size: 10px;
    color: #404041;
    text-decoration: none;
}

.microbooks .t:hover, .microbooks .a:hover {
    color: #898989;
    text-decoration: underline;
}

/************************************************
 * USER ACCOUNT
 *************************************************/
.userAccount {
    color: #3f3f3f;
}

.userAccountTitle {
    width: 962px;
    height: 52px;
    background: url('img4/user_account/ustawienia_konta_belka.png') no-repeat;
}

.userAccount .userAccountSmallBox {
    width: 475px;
    margin-bottom: 40px;
}

.userAccount .userAccountBigBox {
    width: 100%;
    border: 0;
    padding: 0px 30px 15px 0px;
    color: #3f3f3f;
}

.userAccount .userAccountSmallBox .end, .userAccount .userAccountBigBox .end {
    clear: left;
}

.userAccount .invoice_address {
    margin-top: 10px;
}

.userAccount .sp_address_view {
    padding: 20px;
    margin-top: -20px;
    width: 410px;
}

.userAccount .invoiceAddressEdit {
    margin-top: 10px;
}

.userAccount .userAccountBigBox .sp_information {
    margin-left: 0px;
    margin-right: 5px;
}

.userAccount h2 {
    color: #4d4d4d;
    margin-top: 20px;
}

.userAccount hr {
    width: 428px;
    margin: 0px 0px 20px;
    background-color: #e8e8ea;
    height: 1px;
}

.userAccount .userAccountSmallBox form label {
    font-weight: bold;
}

.userAccount form input {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 23px;
}

/***** buttons *****/
.userAccount button {
    border: 0 none;
    width: 167px;
    height: 30px;
    float: right;
}

.userAccount button.changesig, .userAccount button.changepass {
    float: right;
    margin-right: 48px;
}

.userAccount button span {
    display: none;
}

.userAccount .changesig {
    background: url('img4/user_account/zmien_podpis.png') no-repeat right;
}

.userAccount .changepass {
    background: url('img4/user_account/zmien_haslo.png') no-repeat right;
}

/************************************************
 * LOGIN
 *************************************************/
.login form {
    width: 430px;
    min-height: 210px;
    margin-left: 27px;
    margin-right: 27px;
}

.login .sp_login {
    clear: both;
    margin-top: 0px;
}

.login .info {
    text-align: center;
    margin: 20px 0px;
    font-size: 13px;
}

/************************************************
 * REGISTRATION
 *************************************************/
.register {
    width: 390px;
    padding: 10px;
}

.register .terms {
    width: 100%;
}

.register .sp_information {
    text-allign: center;
}

.register .sp_prompt {
    border: none;
}

.register table {
    margin: 0px auto;
}

.register table td {
    padding: 2px 5px;
}

.register table td img {
    vertical-align: middle;
}

.register table.confirm {
    width: 100%;
}

.register table.confirm td:first-child {
    text-align: left;
    font-style: normal;
}

.register table.confirm td + td {
    width: 24px;
    text-align: right;
}

.register .sp_error {
    margin-left: 5px;
}

/************************************************
 * INFORMATION, WARNING, ERROR
 *************************************************/
.information, .warning, .error {
    width: 428px;
    height: 34px;
    background: url(/static/img4/commons/information.png) no-repeat;
    padding: 10px;
    color: #717e46;
    font-size: 13px;
}

.information {
    background: url(/static/img4/commons/information.png) no-repeat;
    color: #717e46;
}

.warning {
    background: url(/static/img4/commons/warning.png) no-repeat;
    color: #a8ae0c;
}

.error {
    background: url(/static/img4/commons/error.png) no-repeat;
    color: #941e1c;
}

ul.errorlist {
    list-style: none;
    margin-left: -30px;
    margin-top: 15px;
}

ul.errorlist li {
    margin: 0px;
    padding: 0px;
    color: #941e1c;
}

.sp_error {
    display: block;
    margin-top: 5px;
    width: 418px;
    height: 43px;
    background: url('/static/img_sp/inputbox_02.png') left no-repeat;
    border: none;
    padding: 5px;
    font: bold 12px arial, sans-serif;
    color: #A23B3B;
}

/******************** tooltip ********************/
#TooltipFrame {
    /*width: 200px;*/
    border: 1px solid #61861e;
    background-color: #e6efd2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    z-index: 1000;
    display: none;
    padding: 4px;
}

#TooltipFrame > div:first-child {
    margin: 3px;
}

#TooltipFrame p {
    text-indent: 0px;
    margin: 3px 8px;
    padding: 0px;
}

.tt {
    cursor: pointer;
}

#TooltipFrame * {
    font-size: 0.8em;
}

/******************** bookbrief ********************/
.bookbrief {
    text-align: center;
}

.bookbrief > div:first-child > img:first-child {
    border: 2px solid white;
}

.bookbrief > div:first-child > img:first-child:hover {
    border: 2px solid #AEED38;
}

.bookbrief .t {
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #404041;
    text-decoration: none;
}

.bookbrief .a {
    display: block;
    font-size: 11px;
    color: #404041;
    text-decoration: none;
}

.bookbried > div:first-child {
    position: relative;
}

.bookbrief .popup {
    text-align: left;
    width: 160px;
    border: 2px solid #61861e;
    background-color: #e6efd2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    z-index: 999;
    position: absolute;
    display: none;
    padding: 4px;
}

.bookbrief .popup img {
    vertical-align: middle;
}

/******************** lista ********************/
table.list {
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

table.list thead th {
    background-color: #b3da31;
    border-bottom: 2px solid #658d38;
    padding: 5px;
}

table.list tbody td {
    padding: 2px;
    border-bottom: 1px solid #b3da31;
}

table.list tbody tr:hover td {
    background-color: #c8d8a7;
    border-bottom: 1px solid #658d38;
}

table.list tfoot td {
    background-color: #b3da31;
    border-top: 2px solid #658d38;
    padding: 5px 2px;
    font-weight: bold;
}

table.list thead th.a {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}

table.list thead th.z {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

table.list tfoot td.a {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

table.list tfoot td.z {
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

table.list .t {
    text-decoration: none;
}

table.list .a {
    text-decoration: none;
    font-size: 85%;
}

/******************** schowek ********************/
.cache table {
    width: 100%;
}

.cache table thead th.a {
    width: 20px;
}

.cache table thead th.c {
    width: 100px;
}

.cache table thead th.z {
    width: 100px;
}

.cache table td:first-child {
    text-align: right;
}

.cache table th:first-child {
    text-align: right;
}

/******************** archiwum ********************/
.archive table.list {
    width: 100%;
}

.archive table.list th.z {
    width: 24px;
}

.archive table.list td .t {
    font-weight: bold;
    font-size: 13px;
    color: #404041;
    text-decoration: none;
}

.archive table.list td .a {
    font-size: 11px;
    color: #404041;
    text-decoration: none;
}

.archive table.list td .a:hover, .archive table.list td .t:hover {
    color: #898989;
    text-decoration: underline;
}

/******************** moje zamowienia ********************/
.orders table.list {
    width: 100%;
}

.orders table.list tbody td {
    cursor: pointer;
}

.orders table.list td.b {
    width: 100px;
    text-align: right;
}

.orders table.list td.c {
    width: 110px;
    text-align: center;
}

.orders table.list td.d {
    width: 80px;
    text-align: center;
}

.orders table.list td.z {
    width: 24px;
}

/******************** moje zamowienia ********************/
.readingChapters table.list {
    width: 100%;
}

.readingChapters table.list tbody td {
    cursor: pointer;
}

.readingChapters table.list tbody td.a {
    width: 30px;
}

.readingChapters table.list tbody td.c {
    width: 100px;
    text-align: right;
}

.readingChapters table.list tbody td.z {
    width: 100px;
    text-align: right;
}

.readingChapters table.list tfoot td.b {
    text-align: right;
}

.readingChapters table.list tfoot td.c {
    text-align: right;
}

.readingChapters table.list tfoot td.z {
    text-align: right;
}

.readingChapters table.list td.b span {
    display: block;
    color: #a0a0a0;
    font-size: 0.9em;
}

/******************** moje zamowienia ********************/
.collectionEdit table.chapters {
    width: 100%;
}

.collectionEdit .chapters thead td.a {
    width: 30px;
}

.collectionEdit .chapters thead td.c {
    width: 200px;
}

.collectionEdit .chapters thead td.d {
    width: 100px;
}

.collectionEdit .chapters thead td.z {
    width: 120px;
}

.collectionEdit .chapters tbody td.b span {
    display: block;
    font-size: 0.9em;
    color: #a0a0a0;
}

.collectionEdit .chapters tbody td.c span {
    display: block;
    font-size: 0.9em;
    color: #a0a0a0;
}

.collectionEdit .chapters tbody td.z, .collectionEdit .chapters tfoot td.z {
    text-align: right;
}

.collectionEdit .chapters tbody td.d, .collectionEdit .chapters tfoot td.d {
    text-align: right;
}

.collectionEdit .chapters tfoot td.a {
    text-align: right;
}

.collectionEdit .cover {
    border: 1px solid black;
}

.collectionEdit .form {
    margin: 0px auto;
}

.collectionEdit .form tr td:first-child {
    text-align: right;
    vertical-align: top;
}

.collectionTabs li, .collectionTabs {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.collectionTabs {
    margin-left: 3px;
}

.collectionTabs li {
    float: left;
    margin-left: 4px;
}

.collectionTabs span {
    display: none;
}

.collectionTabs a, .collectionTabs a.selected {
    display: block;
    width: 113px;
    height: 39px;
    background-image: url('img2/collectiontabs.png');
    background-repeat: no-repeat;
}

.collectionTabs a.details {
    background-position: 0px 0px;
}

.collectionTabs a.details:hover, .collectionTabs li.selected a.details {
    background-position: -113px 0px;
}

.collectionTabs a.cover {
    background-position: 0px -39px;
}

.collectionTabs a.cover:hover, .collectionTabs li.selected a.cover {
    background-position: -113px -39px;
}

.collectionTabs a.setup {
    background-position: 0px -78px;
}

.collectionTabs a.setup:hover, .collectionTabs li.selected a.setup {
    background-position: -113px -78px;
}

/******************** buttony ********************/
button.delsel span, button.gotobasket span, button.movetobasket span, button.login span, button.register span, button.recalc span, button.next span, button.cancel span, button.back span, button.clear span, button.send span, button.find span, button.del span, button.change span, button.edit span, button.save span, button.print span, button.seltobasket span, button.sendeinvoice span, button.sendpinvoice span, button.pay span, button.terminate span, button.hidesearch span, button.searchagain span, button.goback span, button.save2 span, button.cancelEdit span, button.showinvoice span, button.generatereport span, button.checkout span, .editOrdersFormButtons #dijit_form_Button_0 span, .editOrdersFormButtons #dijit_form_Button_1 span {
    display: none;
}

button.delsel {
    width: 125px;
    height: 22px;
    background: url('img2/graybtn_3.png') no-repeat 0px 0px;
    border: 0px;
}

button.delsel:hover {
    background-position: 0px -22px;
}

button.gotobasket {
    width: 133px;
    height: 22px;
    background: url('img2/graybtn_2.png') no-repeat 0px 0px;
    border: 0px;
}

button.gotobasket:hover {
    background-position: 0px -22px;
}

button.movetobasket {
    width: 142px;
    height: 22px;
    background: url('img2/graybtn_17.png') no-repeat 0px 0px;
    border: 0px;
}

button.movetobasket:hover {
    background-position: 0px -22px;
}

button.login {
    width: 84px;
    height: 22px;
    background: url('img2/graybtn_5.png') no-repeat 0px 0px;
    border: 0px;
}

button.login:hover {
    background-position: 0px -22px;
}

button.register {
    background: url('/static/img_sp/button_signup.png') left no-repeat;
    width: 167px;
    height: 30px;
    border: none;
    margin-top: 15px;
    margin-right: 30px;
    float: right;
}

/*button.register:hover { background-position: 0px -22px; }*/
button.recalc {
    width: 147px;
    height: 22px;
    background: url('img2/graybtn_1.png') no-repeat 0px 0px;
    border: 0px;
}

button.recalc:hover {
    background-position: 0px -22px;
}

button.next {
    background: transparent url('img/next.png') no-repeat 0px 0px;
    width: 75px;
    height: 20px;
    border: 0px none;
}

button.next:hover {
    background-position: 0px -20px;
}

button.back {
    background: transparent url('img/back.png') no-repeat 0px 0px;
    width: 75px;
    height: 20px;
    border: 0px none;
}

button.back:hover {
    background-position: 0px -20px;
}

button.cancel {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_12.png') no-repeat 0px 0px;
    border: 0px;
}

button.cancel:hover {
    background-position: 0px -22px;
}

button.clear {
    width: 71px;
    height: 22px;
    background: url('img2/graybtn_16.png') no-repeat 0px 0px;
    border: 0px;
}

button.clear:hover {
    background-position: 0px -22px;
}

button.send {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_13.png') no-repeat 0px 0px;
    border: 0px;
}

button.send:hover {
    background-position: 0px -22px;
}

button.find {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_14.png') no-repeat 0px 0px;
    border: 0px;
}

button.find:hover {
    background-position: 0px -22px;
}

button.del {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_9.png') no-repeat 0px 0px;
    border: 0px;
}

button.del:hover {
    background-position: 0px -22px;
}

button.change {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_8.png') no-repeat 0px 0px;
    border: 0px;
}

button.change:hover {
    background-position: 0px -22px;
}

button.edit {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_7.png') no-repeat 0px 0px;
    border: 0px;
}

button.edit:hover {
    background-position: 0px -22px;
}

button.save {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_10.png') no-repeat 0px 0px;
    border: 0px;
}

button.save:hover {
    background-position: 0px -22px;
}

button.canceledit {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_11.png') no-repeat 0px 0px;
    border: 0px;
}

button.canceledit:hover {
    background-position: 0px -22px;
}

button.print {
    width: 77px;
    height: 22px;
    background: url('img2/graybtn_26.png') no-repeat 0px 0px;
    border: 0px;
}

button.print:hover {
    background-position: 0px -22px;
}

button.seltobasket {
    width: 218px;
    height: 22px;
    background: url('img2/graybtn_18.png') no-repeat 0px 0px;
    border: 0px;
}

button.seltobasket:hover {
    background-position: 0px -22px;
}

button.sendeinvoice, .editOrdersFormButtons #dijit_form_Button_0 {
    width: 184px;
    height: 22px;
    background: url('img2/graybtn_19.png') no-repeat 0px 0px;
    border: 0px;
}

button.sendeinvoice:hover, .editOrdersFormButtons #dijit_form_Button_0:hover {
    background-position: 0px -22px;
}

button.sendpinvoice {
    width: 184px;
    height: 22px;
    background: url('img2/graybtn_28.png') no-repeat 0px 0px;
    border: 0px;
}

button.sendpinvoice:hover {
    background-position: 0px -22px;
}

button.pay {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_20.png') no-repeat 0px 0px;
    border: 0px;
}

button.pay:hover {
    background-position: 0px -22px;
}

button.terminate {
    width: 71px;
    height: 22px;
    background: url('img2/graybtn_21.png') no-repeat 0px 0px;
    border: 0px;
}

button.terminate:hover {
    background-position: 0px -22px;
}

button.hidesearch {
    width: 133px;
    height: 22px;
    background: url('img2/graybtn_22.png') no-repeat 0px 0px;
    border: 0px;
}

button.hidesearch:hover {
    background-position: 0px -22px;
}

button.searchagain {
    width: 136px;
    height: 22px;
    background: url('img2/graybtn_23.png') no-repeat 0px 0px;
    border: 0px;
}

button.searchagain:hover {
    background-position: 0px -22px;
}

button.generatereport {
    width: 142px;
    height: 22px;
    background: url('img2/graybtn_29.png') no-repeat 0px 0px;
    border: 0px;
}

button.generatereport:hover {
    background-position: 0px -22px;
}

button.showinvoice {
    width: 142px;
    height: 22px;
    background: url('img2/graybtn_30.png') no-repeat 0px 0px;
    border: 0px;
}

button.showinvoice:hover {
    background-position: 0px -22px;
}

button.goback {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_24.png') no-repeat 0px 0px;
    border: 0px;
}

button.goback:hover {
    background-position: 0px -22px;
}

button.save2, .editOrdersFormButtons #dijit_form_Button_1 {
    width: 58px;
    height: 22px;
    background: url('img2/graybtn_25.png') no-repeat 0px 0px;
    border: 0px;
}

button.save2:hover, .editOrdersFormButtons #dijit_form_Button_1:hover {
    background-position: 0px -22px;
}

button.editpersonalinfo {
    width: 147px;
    height: 22px;
    background: url('img2/graybtn_27.png') no-repeat 0px 0px;
    border: 0px;
}

button.editpersonalinfo:hover {
    background-position: 0px -22px;
}

/******************** formularze ********************/
table.form {
    /*margin: 0px auto;*/
}

table.form td:first-child {
    text-align: right;
    font-style: italic;
    width: 160px;
}

table.form td + td {
    width: 240px;
}

table.form td img {
    vertical-align: middle;
}

/******************** konferencja ********************/
.contactMid {
    margin-right: 5px;
}

.contactLeft {
    float: left;
    margin-left: 25px;
    margin-right: 40px;
    margin-top: 15px;
}

.contactRight {
    margin-right: 25px;
    margin-top: 15px;
}

.targi {
    margin: 0px 5px 0px 5px;
}

.targi .date {
    text-align: center;
    font-style: italic;
    margin: 15px 0px 15px 0px;
}

.targi h2 {
    margin: 0px;
    padding: 10px;
    text-align: center;
}

.targi h3 {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.targi h4 {
    font-size: 9pt;
}

.targi h4 a, .targi h4 a:visited {
    color: #1010f0;
}

.targi h4 a:hover {
    color: orange;
}

.targi h5 {
    font-size: 9pt;
    margin: 0px;
    padding: 20px 0px 10px 0px;
}

.targi .listing td {
    vertical-align: top;
}

.targi p {
    margin: 10px 0px 15px 0px;
}

.targi .ml20 {
    margin: 5px 0px 5px 20px;
}

.targi small {
    font-size: 1.025em;
}

/******************** special book ********************/
.specialBookRead {
    background-image: url('img/bbookbtns.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: right;
    margin: 0px 0px 5px 10px;
    border: 0px;
    width: 95px;
    height: 44px;
}

.specialBookRead strong {
    display: none;
}

/******************** mgmt ********************/
#order_filter legend {
    font-weight: bold;
}

#order_filter label {
    font-style: italic;
}

.pseudo_link {
    cursor: pointer;
}

.top_links {
    padding: 3px;
    border-left-color: white;
    border-left-style: dotted;
    border-left-width: thin;
}

.top_links_first {
    padding: 3px;
}

.top_links_last {
    padding: 3px;
    border-left-color: white;
    border-left-style: dotted;
    border-left-width: thin;
    padding-right: 0px;
}

div.format_download {
    width: 209px;
    height: 45px;
    line-height: 35px;
    background: url('/static/img4/product_details/format.png') no-repeat;
    float: left;
    color: #7e7e80;
    font-weight: bold;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #9d9d9f;
    padding-left: 15px;
}

div.format_download a {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #9d9d9f;
}
  
.info_box {
       width: 100%;
       font-weight: bold;
       font-size: 17px;
       padding: 20px;
       text-align: certer; 
}

.contactForm textarea {
	
	border: none;	
	width: 412px;
	max-width: 412px;
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;

}
.contactForm .textarea .lt {
    background: url('/static/img_sp/inputbox_01_lt.png') right bottom no-repeat;
    border: none;
	width: 5px;
	height: 5px;
}

.contactForm .textarea .lc {
    background: url('/static/img_sp/inputbox_01_lc.png') right center repeat-y;
    border: none;
	width: 5px;
	height: 5px;
}

.contactForm .textarea .lb {
    background: url('/static/img_sp/inputbox_01_lb.png') right top no-repeat;
    border: none;
	width: 5px;
	height: 5px;
}

.contactForm .textarea .ct {
    background: url('/static/img_sp/inputbox_01_ct.png') center bottom repeat-x;
    border: none;
	width: 5px;
	height: 5px;
}
  
.contactForm .textarea .cc {
    background: url('/static/img_sp/inputbox_01_cc.png')  repeat;
    border: none;
	width: 5px;
	height: 5px;
}  

.contactForm .textarea .cb {
    background: url('/static/img_sp/inputbox_01_cb.png') center top repeat-x;
    border: none;
	width: 5px;
	height: 5px;
}


.contactForm .textarea .rt {
    background: url('/static/img_sp/inputbox_01_rt.png') left bottom no-repeat;
    border: none;
	width: 5px;
	height: 5px;
}

.contactForm .textarea .rc {
    background: url('/static/img_sp/inputbox_01_rc.png') left center repeat-y;
    border: none;
	width: 5px;
	height: 5px;
}

.contactForm .textarea .rb {
    background: url('/static/img_sp/inputbox_01_rb.png') left top no-repeat;
    border: none;
	width: 5px;
	height: 5px;
}

.contactForm .buttons {
	float: right;
}


.rowDiv {
	clear: both;
}