body {
    background: #F6F6F6;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #828282;
}

a {
    color: #004160;
}

a:hover {
    color: #FFCC33;
}

#mainContainer {
    position: absolute;
    background: url(../gfx/background.jpg) center top no-repeat;
    width: 100%;
    height: 100%;
}

#pageContainer {
    width: 960px;
    text-align: left;
}

.pageElement {
    position: relative;
    float: left;
    width: 960px;
    /*overflow: hidden;*/
}

#topContainer {
    height: 135px;
    background: url(../gfx/top.jpg) left top no-repeat;
}

#subContainer {
    height: 34px;
    background: url(../gfx/top_sub_e.jpg) left top no-repeat;
}

#subContainer.open {
    background: url(../gfx/top_sub_f.jpg) left top no-repeat;
}

#navContainer {
    height: 31px;
    background: url(../gfx/top_nav.jpg) left top no-repeat;
}

#contentContainer {
    background: url(../gfx/content.jpg) left top no-repeat;
}

#leftContainer {
    float: left;
    width: 750px;
    overflow: hidden;
}

#rightContainer {
    float: left;
    width: 210px;
    /*overflow: hidden;*/
}

#bottomContainer {
    height: 110px;
    background: url(../gfx/bottom.jpg) left top no-repeat;
}

#footerContainer {
    height: 99px;
    background: url(../gfx/footer.jpg) left top no-repeat;
}

#topLogin {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 205px;
    height: 33px;
    overflow: hidden;
}

#topOrder {
    position: absolute;
    right: 5px;
    top: 33px;
    width: 187px;
    height: 23px;
    overflow: hidden;
    background: url(../gfx/top_order.gif) left top no-repeat;
}

#topForm {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 469px;
    top: 72px;
    width: 483px;
    height: 27px;
    overflow: hidden;
}

#topMenu {
    position: absolute;
    left: 0px;
    top: 99px;
    width: 960px;
    height: 36px;
    overflow: hidden;
}

.searchText {
    color: #7F7F7F;
    width: 365px;
    margin: 0px;
    border: 0px;

    position: absolute;
    left: 10px;
    top: 5px;
}

.searchSubmit {
    position: absolute;
    left: 389px;
    top: 0px;
    width: 93px;
    height: 27px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../gfx/button_szukaj.jpg);
}

.searchSubmit:hover {
    background-position: left bottom;
}

#topMenu {
    font-size: 16px;
    color: #80A1B1;
}

#topMenu a {
    display: inline-table;
    padding: 7px 0px 7px 8px;
    margin: 0px 7px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

#topMenu a span {
    padding: 7px 8px 7px 0px;
}

#topMenu a:hover {
    color: #FFCC33;
}

#topMenu a.active {
    color: #004160;
    background: url(../gfx/top_active.jpg) left top no-repeat;
}

#topMenu a.active span {
    color: #004160;
    background: url(../gfx/top_active.jpg) right top no-repeat;
}

#navContainer {
    font-size: 11px;
    color: #004160;
}

#navContainer a {
    font-size: 11px;
    color: #004160;
    font-weight: normal;
    text-decoration: none;
}

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

#subContainer {
    color: #004160;
    font-size: 12px;
}

#subContainer a {
    color: #004160;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
}

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

#topLogin {
    color: #004160;
    font-size: 11px;
}

#topLogin a {
    color: #004160;
    font-weight: bold;
    text-decoration: none;
}

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

#footerContainer, #footerContainer a {
    color: #004160;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

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

#bottomContainer .bottomBox {
    position: absolute;
    top: 28px;
    width: 210px;
    height: 78px;
    padding-left: 5px;
    overflow: hidden;
}

.bottomBox a {
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.bottomBox a:hover {
    color: #FFCC33;
}

#topOrder a {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
}

#topOrder a:hover {
    color: #FFCC33;
}

.productBox {
    display: inline;
    float: left;
    position: relative;
    margin: 0px 10px 10px 0px;
    width: 240px;
    height: 230px;
    overflow: hidden;
    background: url(../gfx/product_box.gif);
}

.productBox .photo {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 230px;
    height: 100px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

.productBox .text {
    position: absolute;
    left: 15px;
    top: 108px;
    width: 210px;
    height: 72px;
    padding: 0px;
    overflow: hidden;
}

.productBox .text .category {
    display: block;
    height: 15px;
    overflow: hidden;

    color: #9F9F9F;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.productBox .text .name {
    display: block;
    height: 25px;
    overflow: hidden;

    color: #00264A;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;

}

.productBox .text .category:hover, .productBox .text .name:hover {
    text-decoration: underline;
}

.productBox .text .info {
    color: #939393;
    font-size: 11px;
    text-decoration: none;
}

.productBox .text .info:hover {
    text-decoration: underline;
}

.productBox .price {
    position: absolute;
    left: 15px;
    top: 181px;
    width: 98px;
    height: 40px;
    overflow: hidden;

    font-size: 11px;
    color:  #939393;
}

.productBox .price .value {
    padding-top: 3px;

    color: #B50404;
    font-size: 19px;
    font-weight: bold;
}

.productBox .price .value span {
    font-size: 12px;
    font-weight: normal;
}

.productBox .buy {
    position: absolute;
    left: 135px;
    top: 197px;
    width: 101px;
    height: 29px;
    overflow: hidden;

    background: url(../gfx/product_box_button.jpg) left top no-repeat;
}

.productBox .buy:hover {
    background-position: left bottom;
}

.pageContent {
    float: left;
    display: inline;
    position: relative;
    margin: 0px 10px 10px 0px;
    width: 740px;
    background: url(../gfx/content_middle.jpg) left top repeat-y;
}

.pageContent .bgTop {
    float: left;
    width: 740px;
    background: url(../gfx/content_top.jpg) left top no-repeat;
}

.pageContent .bgBot {
    float: left;
    width: 740px;
    background: url(../gfx/content_bottom.jpg) left bottom no-repeat;
}

h1.title {
    margin: 0px;
    padding: 10px 10px 10px 20px;
    color: #00416B;
    font-size: 12px;
    font-weight: bold;
    background: url(../gfx/title_line.gif) left bottom no-repeat;
}

.text {
    color: #00416B;
    padding: 20px 50px 20px 50px;
}

img.title_bar {
    display: inline;
    margin-bottom: 10px;
}

.orderBar {
    position: relative;
    float: left;
    display: inline;
    margin: 1px 0px 0px 1px;
    height: 37px;
    width: 739px;
    overflow: hidden;
    background: url(../gfx/order_bar.gif) left top no-repeat;
}

.orderBar .step {
    float: left;
    height: 24px;
    padding: 11px 0px 0px 30px;
    margin: 0px 0px 0px -12px;
    overflow: hidden;
    font-size: 11px;
    color: #A7A7A7;
    background-image: url(../gfx/order_step.gif);
    background-repeat: no-repeat;
}

.orderBar .step span {
    padding: 11px 30px 11px 0px;
    background-image: url(../gfx/order_step.gif);
    background-repeat: no-repeat;
}

.orderBar a.step span {
    font-weight: bold;
    text-decoration: none;
}

.orderBar a.step:hover span {
    text-decoration: underline;
}

.orderBar .blank {
    background-position: left 0px;
}

.orderBar .blank span {
    background-position: right 0px;
}

.orderBar .active {
    color: #FFFFFF;
    font-weight: bold;
    background-position: left -35px;
}

.orderBar .active span {
    background-position: right -35px;
}

.orderBar .done {
    background-position: left -70px;
}

.orderBar .done span {
    background-position: right -70px;
}

.orderBar .last {
    width: 50px;
    background-position: left -105px;
}

.orderBar .last span {
    background-position: right -105px;
}


.orderArea {
    float: left;
    width: 740px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.orderArea .orderLeft {
    float: left;
    width: 305px;
    background: url(../gfx/order.gif) right center no-repeat;
}

.orderArea .orderRight {
    float: left;
    width: 435px;
}

.orderArea .orderBottom {
    float: left;
    width: 740px;
}

.orderTable {
    font-size: 11px;
}

.fieldName {
    text-align: right;
}

.fieldValue {
    text-align: left;
}

.fieldValue input {
    width: 200px;
    border: 1px solid #CCCCCC;
}

a.button img {
    border: 0px;
}

a.button {
    float: left;
    height: 27px;
    width: 100px;
    background-position: left top;
    background-repeat: no-repeat;
}

a.button:hover {
    background-position: left bottom;
}

img.promocja {
    position: absolute;
    top: 0px;
    left: 0px;
}

.cartTable {
    font-size: 12px;
}

.cartTable thead {
    background: url(../gfx/cart_line.gif) center bottom no-repeat;
}

.cartTable thead td {
    color: #024160;
    font-size: 11px;
    font-weight: bold;
}

.cartTable tbody td {
    border-bottom: 1px solid #F2F2F2;
}

.cartTable tbody td.lp {
    width: 25px;
    color: #004169;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.cartTable tbody td.name {
    width: 240px;
}

.cartTable tbody td.name .product {
    display: block;
    color: #004065;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.cartTable tbody td.name .category {
    display: block;
    color: #828282;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.cartTable tbody td.price {
    width: 70px;
    color: #BC0207;
    text-align: right;
}

.cartTable tbody td.count {
    text-align: right;
}

.cartTable tbody td.count input {
    width: 40px;
    color: #014167;
    text-align: right;
    border: 1px solid #014167;
}

.cartTable tbody td.sum {
    color: #BC0207;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.cartTable tbody td.action {
    text-align: center;
}

.cartTable tbody td.action a {
    color: #828282;
    font-size: 11px;
    text-decoration: none;
}

.cartTable tbody td.action a:hover {
    text-decoration: underline;
}

.cartTable tfoot {
    height: 39px;
    background: url(../gfx/cart_bottom.gif) right bottom no-repeat;
    color: #004066;
    font-weight: bold;
}

.cartTable tfoot td.price {
    text-align: right;
}

.cartTable tfoot td.count {
    text-align: right;
}

.cartTable tfoot td.sum {
    text-align: right;
    color: #BC0207;
    font-size: 16px;
    font-weight: bold;;
}

.cartTable tfoot td.action {
    text-align: center;
    padding: 0px;
}

.cartTable tfoot td.action a {
    display: inline-table;
    margin: 0px;
    width: 69px;
    height: 29px;
    padding: 4px 14px 0px 0px;
    background: url(../gfx/cart_action.gif) left top no-repeat;
    overflow: hidden;

    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}

.actionBar {
    float: left;
    width: 740px;
    height: 63px;
    background: url(../gfx/action.gif) left top no-repeat;
    overflow: hidden;
}

div.pagination {
    clear: both;
    text-align: center;
    font-size: 12px;
    padding: 13px 0px 20px 0px;
    background: url(../gfx/pagination.gif) center top no-repeat;
}

div.pagination a {
    color: #004160;
    font-weight: bold;
    text-decoration: none;
}

div.pagination a:hover {
    text-decoration: underline;
}

div.pagination span {
    color: #999999;
}

div.pagination a span.pre, div.pagination a span.nxt {
    color: #004363;
    font-weight: bold;
}

div.productPhoto {
    float: left;
    width: 230px;
    text-align: center;
    padding: 20px 0px;
}

div.productText {
    float: left;
    width: 460px;
    padding: 20px 25px;
    color: #00416B;
}

div.productPhoto a {
    display: block;
    text-align: center;
    text-decoration: none;
}

div.productPhoto a img {
    width: 180px;
    border: 0px;
    margin-bottom: 8px;
    /*border: 1px solid #004262;*/
    /*padding: 2px; */
}

div.productPhoto a span {
    display: block;
    padding: 4px 0px 5px 8px;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    background: url(../gfx/image_big.gif) center top no-repeat;
}

div.productPhoto a:hover span {
    text-decoration: underline;
}

div.productText h1 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #044062;
}

div.productText .category {
    /*display: block;*/
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #848484;
}

div.productText .category:hover {
    text-decoration: underline;
}

div.productText .price {
    padding: 15px 0px 10px 0px;
}

div.productText .price strong {
    font-size: 18px;
    color: #A50000;
}

.rightBoxDark {
    display: inline;
    margin-bottom: 10px;
    float: left;
    width: 210px;
    color: #FFFFFF;
    background: #004160 url(../gfx/right_box_dark_bottom.gif) left bottom no-repeat;
}

.rightBoxCart {
    float: left;
    width: 210px;
    padding-top: 25px;
    font-size: 10px;
    background: url(../gfx/right_box_koszyk.jpg) left top no-repeat;
}

.rightBoxCart a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.rightBoxCart ol {
    padding: 5px 20px 5px 30px;
    margin: 0px;
}

.rightBoxCart li {
    margin: 0px;
    padding: 1px 0px;
}

.rightBoxCart li span {
    float: right;
}

.rightBoxCart a:hover {
    color: #FFCC33;
    text-decoration: underline;
}

.rightBoxLight {
    display: inline;
    margin-bottom: 10px;
    float: left;
    width: 210px;
}

.rightBoxLight .rightBoxText {
    float: left;
    width: 210px;
    background: #FFFFFF url(../gfx/right_box_light.gif) left top no-repeat;
}

.rightBoxLight .rightBoxBottom {
    float: left;
    width: 210px;
    background: url(../gfx/right_box_light_bottom.gif) left bottom no-repeat;
}

.styleTable {
    color: #666666;
}

.styleTable .valueName {
    font-weight: bold;
    text-align: right;
}

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

.textField {
    border: 1px solid #848484;
    margin: 1px;
}

input.button {
    border: 1px solid #000000;
    background: #004160;
    color: #FFFFFF;
    font-weight: bold;
}

.message {
    height: 26px;
    overflow: hidden;
    margin: -8px 0px 10px 0px;
    background: url(../gfx/message.jpg) left top no-repeat;
}

.titleBar {
    display: inline;
    margin-bottom: 10px;
}

form#userForm a.button {
    width: 127px;
    height: 29px;
}

form#userForm a.create {
    background-image: url(../gfx/button_create.jpg);
}

form#userForm a.edit {
    background-image: url(../gfx/button_save.jpg);
}

form#loginForm a.button {
    width: 127px;
    height: 29px;
    background-image: url(../gfx/button_login.jpg);
}

form#resetForm a.button, form#remindForm a.button {
    width: 127px;
    height: 29px;
    background-image: url(../gfx/button_reset.jpg);
}

.rightBoxCartEmpty {
    float: left;
    width: 210px;
    height: 31px;
    overflow: hidden;
    margin-bottom: 10px;
    background: url(../gfx/right_box_koszyk_pusty.gif) left top no-repeat;
}

.paymentTable {
}

.paymentTable .lp {
    width: auto;
}

.paymentTable .data {
    width: auto;
}

.paymentTable .kwota {
    width: auto;
}

.paymentTable .status {
    width: auto;
}

.paymentTable .akcja {
    width: 75px;
}

.paymentTable thead {
    font-weight: bold;
    font-size: 11px;
    color: #004160;
    background: url(../gfx/payment_table.gif) center bottom no-repeat;
}

.paymentTable tbody .akcja a {
    color: #808080;
    font-size: 11px;
    text-decoration: none;
}

.paymentTable tbody .akcja a:hover {
    text-decoration: underline;
}

.paymentTable tbody .lp, .paymentTable tbody .data, .paymentTable tbody .kwota {
    color: #004160;
    font-weight: bold;
}

.paymentTable tbody .status {
    font-weight: bold;
}