* { margin: 0; padding: 0;}

body{ font: 12px Arial; color: #333333; background-color: #042043;}

.body-login { background: #11284A url(../images/bgd_top.png) repeat-x scroll top;}
.body-login #main-wrapper { background-color: #11284A;}

#main-wrapper{/*width: 1000px;*/ margin: 0 auto; background-color: #F0F0F0;}
#content{margin: 20px 0;}

a {color: #024E8A; text-decoration: none; outline: none; cursor: pointer;}
a:visited { outline: none; text-decoration: none; cursor: pointer;}
a:hover{ outline: none; text-decoration: underline; cursor: pointer;}

ul {list-style: none outside none;}

.left{ float:left !important;}
.right{ float:right !important; }
.overdue {color: #ff0000; }
.clear{ clear:both; }
.center {margin: 0 auto;}
.text-center {text-align: center;}
body .hide {display: none;}
.left-text {text-align: left;}

.radio_list {}
.radio_list input{ width: 20px !important; margin: 3px;}
.green {background-color: #CFFFBF !important; color: #5C9E4B !important; border: 1px solid #5C9E4B !important;}
/*.form .error{background-color: #FCDDD7;}
.form .active{border-color: #A4CF08;}*/

/*Komunikaty*/
#flash_success {background-color: #CFFFBF; border: 1px solid #5C9E4B; font-size: 16px; font-weight: bold; margin: 30px 0; padding: 10px; text-align: center; color: #5C9E4B;}
#flash_notice {background-color: #DDDBDC; border: 1px solid #BDBDBD; font-size: 16px; font-weight: bold; margin: 30px 0; padding: 10px; text-align: center;}
#flash_error {background-color: #e7928d; border: 1px solid #c82820; font-size: 16px; font-weight: bold; margin: 30px 0; padding: 10px; text-align: center; color: #c82820;}

/*ikony*/
.icon {display: block; width: 16px; height: 16px;}
.ico_accept {background: url(../images/backend/accept.png) no-repeat;}
.ico_edit {background: url(../images/backend/edit.png) no-repeat;}
.ico_date {background: url(../images/date.png) no-repeat;}
.ico_alert {background: url(../images/alert.png) no-repeat;}
.ico_sett {background: url(../images/gear.png) no-repeat;}

/* buttony */
a.button { background: transparent url(../images/button_l.png) no-repeat 100% -30px; display: block; float: left; height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ padding-right: 13px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ color:#F1EFF0; text-shadow: 1px 1px 0 #000000; text-transform: uppercase;}
a.button.grey { background: transparent url(../images/button_l.png) no-repeat 100% 0; text-shadow: none; color: inherit; }
a.button span {/* Background left image */ background: transparent url(../images/button.png) no-repeat  0 -30px; display: block; line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 7px 0 7px 13px;}
a.button:hover {background-position: 100% 0; text-decoration: none; color: #565555; text-shadow: 1px 1px 0 #FFFFFF;}
a.button:hover span{background-position: 0 0;}
a.button.grey span {background: transparent url(../images/button.png) no-repeat 0 0; }

/*button dodaj do koszyka */
a.add-to-basket {height: 30px; width: 32px; background: transparent url(../images/do_koszyka.png) no-repeat 100% 0px; display: block; float: left; text-indent: -9999px; margin: 0 auto;}
a.add-to-basket:hover {background-position: 100% -30px;}

/*button dodaj do oferty */
a.add-to-offer {height: 30px; width: 32px; background: transparent url(../images/do_oferty.png) no-repeat 100% 0px; display: block; float: left; text-indent: -9999px; margin: 0 0 0 5px;}
a.add-to-offer:hover {background-position: 100% -30px;}

/*button zapytaj o produkt */
a.ask-for-product {height: 30px; width: 32px; background: transparent url(../images/zapytaj.png) no-repeat 100% 0px; display: block; float: left; text-indent: -9999px; margin: 0 auto;}
a.ask-for-product:hover {background-position: 100% -30px;;}

a.button-big{
    float: left; 
    height: 27px; 
    width: 162px;
    display: block; 
    text-indent: -9999px; 
    margin: 0 auto;
}

/*button dodaj do koszyka*/
a.add-to-basket-from-details.button-big { background: transparent url(../images/add_to_basket.png) no-repeat 100% 0px;}
a.add-to-basket-from-details.button-big:hover {background-position: 100% -28px;}

/*button dodaj do oferty*/
a.add-to-offer-from-details.button-big { background: transparent url(../images/add_to_offer.png) no-repeat 100% 0px;}
a.add-to-offer-from-details.button-big:hover {background-position: 100% -28px;}

/*button zapytaj o produkt*/
a.ask-for-product-from-details.button-big { background: transparent url(../images/zapyt_o_prod.png) no-repeat 100% 0px;}
a.ask-for-product-from-details.button-big:hover {background-position: 100% -30px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-bottom .button-box > a.ask-for-product-from-details.button-big {
    margin-bottom: 4px;
    height: 30px;
}

/*button karta produktu*/
a.get-product-card.button-big {background: transparent url(../images/karta_prod_pdf.png) no-repeat 100% 0px;}
a.get-product-card.button-big:hover {background: transparent url(../images/karta_prod_pdf.png) no-repeat 100% -28px;}

/*button zamów*/
a#order-basket-button {height: 28px; width: 167px; background: transparent url(../images/order_butt.png) no-repeat 100% 0px; display: block; text-indent: -9999px; margin: 0 auto;}
a#order-basket-button:hover {background: transparent url(../images/order_butt.png) no-repeat 100% -27px;}

/*button zapisz*/
a#offer-basket-confirm-button {height: 28px; width: 167px; background: transparent url(../images/zapisz.png) no-repeat 100% 0px; display: block; position: relative; float: right; text-indent: -9999px; margin: 0 auto;}
a#offer-basket-confirm-button:hover {background: transparent url(../images/zapisz.png) no-repeat 100% -28px;}

/*button zapisz i utwórz PDF*/
a#offer-basket-confirm-and-print-button {height: 28px; width: 167px; background: transparent url(../images/zapisz_pdf.png) no-repeat 100% 0px; display: block; position: relative; float: right; text-indent: -9999px; margin: 0 auto;}
a#offer-basket-confirm-and-print-button:hover {background: transparent url(../images/zapisz_pdf.png) no-repeat 100% -28px;}

/*button utwórz zamówienie z oferty*/
a#create-order-from-offer-button {height: 28px; width: 167px; background: transparent url(../images/utworz_zam.png) no-repeat 100% 0px; display: block; position: relative; float: right; text-indent: -9999px; margin: 0 auto;}
a#create-order-from-offer-button:hover {background: transparent url(../images/utworz_zam.png) no-repeat 100% -28px;}

span#button-close-bubble-profile{cursor: pointer; width: 16px; height: 16px; display: block; float: right; font-size: 14px; font-weight: bold;}

a.close {float: right; background: transparent url(../images/zamknij.gif) no-repeat scroll 100% 0; display: block; height: 17px; text-align: right; padding-right: 20px;}
a.more {float: right; background: transparent url(../images/wiecej.gif) no-repeat scroll 100% 0; display: block; height: 17px; text-align: right; padding-right: 20px;}
a.zoom {background: transparent url(../images/zoom.gif) no-repeat scroll 100% 0; display: block; float: left; height: 20px; text-indent: -9999px; width: 20px;}

/*button zwiń/rozwiń*/
button.col-button{text-align: left; float: left; border: 0px; cursor: pointer; height: 36px; padding: 3px 40px 3px 3px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #333030;}
button.collapse {background: #FFFFFF url(../images/zwin.gif) no-repeat scroll right center;}
button.expand {background: #FFFFFF url(../images/rozwin.gif) no-repeat scroll right center;}

/*header login*/
#header-login-wrapper {height: 173px;}
#header-login-wrapper #header {width: 1000px; margin: 0 auto; text-align: left; position: relative;}
#header-login-wrapper #header #logo{background: transparent url(../images/jmk_logo.png) no-repeat scroll top center; width: 142px; height: 60px; position: absolute; top: 40px; left: 75px;}

/*content login*/
#main-wrapper #login-wrapper {background: transparent url(../images/bg_login.jpg) no-repeat scroll top center; width: 1000px; height: 496px; margin: 0 auto; position: relative;}
#main-wrapper #login-wrapper #login-box {background: transparent url(../images/bg_login_box.png) no-repeat scroll; width: 552px; height: 260px; left: 60px; position: absolute; top: 182px;}
#main-wrapper #login-wrapper #login-box table {margin: 70px auto; width: 425px; color: #FFFFFF;}
#main-wrapper #login-wrapper #login-box table th{text-align: right; padding:10px 5px; font-size: 15px;}
#main-wrapper #login-wrapper #login-box table td{text-align: left; padding:10px 5px;}
#main-wrapper #login-wrapper #login-box input {width: 200px; color: #FFFFFF; background-color: #000000; border: 1px solid #000000;}


/*header*/
#header-wrapper { background: #fbfafa url(../images/menu.png) repeat-x scroll 0 21px; text-align: center; width: 100%;}
#header-wrapper #header {width: 1000px; height: 130px; margin: 0 auto; text-align: left; overflow: hidden;}
#header-wrapper #header #logo{background: transparent url(../images/jmk_logo.png) no-repeat scroll top center; width: 195px; height: 100px; float: left; margin-top: 15px;}
#header-wrapper #header #logo a {display: block; width: 100%; height: 100%; text-indent: -9999px;}
#header-wrapper #header #logo a.without_logo {text-indent: 0; height: 12px; line-height: 1; margin: 44px auto; text-align: center;}
#header-wrapper #header #info-box{ float: right; width: 800px; overflow: hidden;}
#header-wrapper #header #info-box #left-box{ position: relative; float: left; width: 505px; overflow: hidden; padding-top: 15px;}
#header-wrapper #header #info-box #left-box #user-menu { }
#header-wrapper #header #info-box #left-box #user-menu .contractor_name{font-size: 18px; font-weight: bold;}
#header-wrapper #header #info-box #left-box #user-menu .contractor_person{font-size: 16px;}

#header-wrapper #header #info-box #right-box{
    position: relative;
    float: right; 
    width: 280px;
    overflow: hidden;
}
#header-wrapper #header #info-box #right-box #basket{
    line-height: 3.5; 
    width: 560px; 
    height: 52px; 
    background: transparent url(../images/cart_bgd.png) no-repeat scroll 0 -52px; 
    margin-bottom: 10px;
    color: #024e8a;
}
#header-wrapper #header #info-box #right-box #basket:hover{ 
    background: transparent url(../images/cart_bgd.png) no-repeat scroll 0 0px;
}
#header-wrapper #header #info-box #right-box #basket:hover #offer_basket.vis {
    background: #fbfafa;
}
#header-wrapper #header #info-box #right-box #basket #shopping_basket {
    z-index: 10;
    position: relative;
    float: left;
    cursor: pointer;
}
#header-wrapper #header #info-box #right-box #basket #offer_basket {
    width: 225px;
    height: 46px;
    z-index: 11;
    position: absolute;
    top: 0;
    right: -174px;
    cursor: pointer;
}
#header-wrapper #header #info-box #right-box #basket .icon_wrapper {
    position: relative;
    float: left;
    padding: 12px 10px;
    cursor: pointer;
}
#header-wrapper #header #info-box #right-box #basket #offer_basket.vis{
    background: #f0f0f0;
}
#header-wrapper #header #info-box #right-box #basket #offer_basket.vis:hover{
    background: #fbfafa;
}
#header-wrapper #header #info-box #right-box #basket .icon {
    margin: 0; 
    float: left; 
    display: block; 
    width: 31px; 
    height: 26px;
}
#header-wrapper #header #info-box #right-box #basket #shopping_basket #shopping_icon{
    background: transparent url(../images/cart_ico.png) no-repeat scroll 0 -1px;
}
#header-wrapper #header #info-box #right-box #basket #offer_basket #offer_icon{
    background: transparent url(../images/oferta_ico.png) no-repeat scroll 0 -1px;
}
#header-wrapper #header #info-box #right-box #basket:hover #offer_basket #offer_icon,
#header-wrapper #header #info-box #right-box #basket:hover #shopping_basket #shopping_icon,
#header-wrapper #header #info-box #right-box #basket #offer_basket.vis #offer_icon,
#header-wrapper #header #info-box #right-box #basket #shopping_basket.vis #shopping_icon
{
    background-position: 0 -27px;
}
#header-wrapper #header #info-box #right-box #basket .content{
    position: relative;
    float: left; 
    width: 178px;
    margin: 0;
    text-align: center;
}
#header-wrapper #header #info-box #right-box #basket #offer_basket .content{
    width: 174px;
}
#header-wrapper #header #info-box #right-box #basket .count{font-size: 14px; font-weight: bold;}
#header-wrapper #header #info-box #right-box #basket .value{font-size: 14px; font-weight: bold; color: #B2060D}
#header-wrapper #header #info-box #right-box #search{width: 280px; height: 31px; background: transparent url(../images/small_search_bgd.png) no-repeat scroll top center;}
#header-wrapper #header #info-box #right-box #search:hover {background: transparent url(../images/small_search_bgd.png) no-repeat scroll 0 -32px;}
#header-wrapper #header #info-box #right-box #search #search-field{ background-color: transparent; border: 0 none; height: 23px;margin-left: 6px; margin-top: 5px; width: 240px; padding-left: 5px;}
#header-wrapper #header #info-box #right-box #search #search-button{ width: 23px; height: 23px; background: transparent; border: 0 none; cursor: pointer;}

/*menu*/
#header-wrapper #menu { font-size: 14px; height: 44px; margin: 0 auto; width: 1000px; text-transform: uppercase; color: #FFFFFF; position: relative; z-index: 999;}
#header-wrapper #menu #change-lang-form{float: left; text-transform:lowercase; padding-top: 8px;}
#header-wrapper #menu #change-currency-form{float: left; padding-top: 8px;}
#header-wrapper #menu #change-lang-form select{}
#header-wrapper #menu #change-lang-form span{margin-right: 3px;}
#header-wrapper #menu ul{float: right;}
#header-wrapper #menu ul li{display: block; float: left;}
#header-wrapper #menu ul li a{display:block; float: left; height: 44px; padding: 12px 18px 0; color: #FFFFFF; background: url(../images/menu_divider.png) top right no-repeat; text-shadow: 1px 1px 0 #000000;}
#header-wrapper #header #menu ul a:link, 
#header-wrapper #header #menu ul a:visited {display: block;height: 100%; padding: 0px 10px 0px 6px; color: #FFFFFF; text-shadow: 1px 1px 0 #FFFFFF; font-size: 11px; margin-left: 5px;line-height: 2;}
#header-wrapper #menu ul li.active a:link, 
#header-wrapper #menu ul li.active a:visited, 
#header-wrapper #menu ul li.active, 
#header-wrapper #menu ul li:hover {background: url(../images/m4.png) top center no-repeat; }
#header-wrapper #menu ul li.active a:link, 
#header-wrapper #menu ul li.active a:visited, 
#header-wrapper #menu ul li a:hover,
#header-wrapper #menu ul li a.end:hover {text-shadow: 1px 1px 0 #565555; text-decoration: none; background: url(../images/m1.png) repeat-x; color: #000000;}
#header-wrapper #menu ul li a.end {background: none;}
b
#subpage-wrapper {background: transparent url(../images/pic_bread.jpg) no-repeat scroll top; padding-top: 60px; width: 100%; margin-top: -6px;}
#search-wrapper {background: transparent url(../images/main_car_bread.jpg) no-repeat scroll top; width: 100%; margin-top: -6px;}
#subpage-wrapper #breadcrumbs, 
#search-wrapper #breadcrumbs{ margin: 0 auto; height: 38px; width: 1000px; position: relative; z-index: 777; line-height: 38px; white-space: nowrap;}
#subpage-wrapper #breadcrumbs, #subpage-wrapper #breadcrumbs a {color: #FFFFFF;}
#subpage-wrapper #breadcrumbs a,
#search-wrapper #breadcrumbs a{font-weight: bold;}

/*główna wyszukiwarka*/
#search-wrapper #search-box {
    width: 1000px; 
    height: 260px; 
    position: relative; 
    margin: 0 auto; 
    color: #FFFFFF;
}
#search-wrapper #search-box select {width: 105px; height: 20px; background-color: #000000; color: #CFCFCF; border: 1px solid #000000;}
#search-wrapper #search-box select#search_product_assortment {width: 125px;}
#search-wrapper #search-box select.asortyment {height: 26px; border: 3px solid #00AEFF;}
#search-wrapper #search-box input.quick-field { 
    width: 244px; 
    height: 24px; 
    border: 3px solid #00AEFF; 
    font-size: 14px; 
    background-color: #000000; 
    color: #FFFFFF; 
    padding: 0 10px;
    margin: 0 13px 0 5px;
}
#search-wrapper #search-box table {}
#search-wrapper #search-box p, #search-wrapper #search-box label {font-size: 14px;}
#search-wrapper #search-box p.main-label {font-size: 15px; color: #66D4FD; font-weight: bold;}
#search-wrapper #search-box #search-box-wrapper {
    width: 727px;
    height: 250px;
    position: absolute;
    top: 10px;
    right: 0;
    background: url(../images/wysz_inne_tlo.png) no-repeat bottom;
}
#search-wrapper #search-box #search-box-wrapper.wide{
    width: 1000px;
    background: url(/images/wysz_opony_tlo.png) no-repeat scroll center bottom;
}
#search-wrapper #search-box #search-box-wrapper table {
    border-collapse: collapse;
    width: 100%;
}
#search-wrapper #search-box #search-box-wrapper #main-search {
    width: 725px;
    height: 248px;
    margin: 1px;
}
#search-wrapper #search-box #search-box-wrapper #main-search td {
    padding: 0;
    margin: 0;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-left{
    width: 200px;
    height: 248px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-left #assortment-box-wrapper{
    width: 150px;
    position: absolute;
    top: 92px;
    left: 1px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-left #assortment-box-wrapper #assortment-box {
    float: right;
    width: auto;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center {
    height: 222px;
    padding: 13px 0;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper th,
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper td:not(#eu_labels):not(.up):not(.down){
    height: 66px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper td {
    width: 297px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper #eu_labels {
    display: none;
    width: 204px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #advanced_search_wrapper #parameters-wrapper {
    height: 156px;
    position: relative;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #advanced_search_wrapper td div,
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper td#eu_labels div {
    position: relative;
    width: 105px;
    height: 78px;
    margin: 0 40px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #advanced_search_wrapper td div#additional_parameters {
    width: 150px;
    height: 142px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: none;
    padding-top: 15px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #advanced_search_wrapper td div .parameter-wrapper,
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper td#eu_labels div .parameter-wrapper{
    height: 100%;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #advanced_search_wrapper td div .parameter-wrapper .up,
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper td#eu_labels div .parameter-wrapper .up{
    vertical-align: bottom;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #advanced_search_wrapper td div .parameter-wrapper .down,
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-center #simple_search_wrapper td#eu_labels div .parameter-wrapper .down{
    vertical-align: top;
    padding-top: 2px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-right{
    width: 152px;
    position: relative;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-right a.button {
    position: absolute;
    top: 106px;
    left: 39px;
}
#search-wrapper #search-box #search-box-wrapper #main-search #main-search-right #clean-form{
    display: block; 
    position: absolute;
    bottom: 10px;
    left: 22px;
    margin: 0; 
    color: #FFFFFF;
    text-decoration: none;
    background: transparent url(../images/clean.png) no-repeat left center;
    padding-left: 25px;
    width: 80px;
    cursor: pointer;
}
#search-wrapper #search-box #search-loader {
    display: none; 
    background: transparent url(../images/bg_transparent.png) repeat scroll 0; 
    height: 250px; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 727px; 
    z-index: 998;
}

/*content wrap*/
#main-wrapper #content-wrapper {width: 1000px; margin: 0 auto;}
#main-wrapper #content-wrapper #inner-wrapper {}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box {float: right; height: 36px; line-height: 3;}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box form{float: right; height: 36px; line-height: 3;}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box .per-page{border: 1px solid #DADADA; width: 35px; text-align: right; padding: 0px 5px;}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box .current-page{font-weight: bold; font-size: 16px;}

/*symbole*/
#main-wrapper #content-wrapper #inner-wrapper span.symbol {display: block; width: 24px; height: 24px; margin: 0 auto;}
#main-wrapper #content-wrapper #inner-wrapper span.s-zimowe {background: transparent url(../images/zimowe.png) no-repeat scroll left center;}
#main-wrapper #content-wrapper #inner-wrapper span.s-letnie {background: transparent url(../images/letnie.png) no-repeat scroll left center;}
#main-wrapper #content-wrapper #inner-wrapper span.s-caloroczne {background: transparent url(../images/caloroczne.png) no-repeat scroll left center;}

/*slidebar*/
#main-wrapper #content-wrapper #inner-wrapper #slidebar {width: 215px; float: left;}

/*menu left*/
#main-wrapper #content-wrapper #inner-wrapper #slidebar #menu-left {list-style: none; text-transform: uppercase; margin-bottom: 40px;}

/*content*/
#main-wrapper #content-wrapper #inner-wrapper #content {width: 745px; float: left; padding-left: 40px; padding-top: 15px;}
#main-wrapper #content-wrapper #inner-wrapper #content h2 {font-size: 24px; color: #473919;}

/*content2*/
#main-wrapper #content-wrapper #inner-wrapper #content2 {width: 1000px; float: left; padding: 15px 0px; min-height: 300px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper {min-height: 50px; padding: 5px; background-color: #FFFFFF; margin-bottom: 10px; overflow: hidden;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper #list-legend{overflow: hidden; width: 350px; float: left;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper #list-legend span{display: block;overflow: hidden;margin: 5px 10px; height: 40px;line-height: 3;float: left; width: 70px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper #list-legend span.promo{background: url("/images/promocja.png") no-repeat scroll 0 0 transparent;padding-left: 46px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper #list-legend span.alert{background: url("/images/excl.png") no-repeat scroll 0 6px transparent;padding-left: 36px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper #message-files{margin: 10px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper #message-files li{padding: 2px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .list-wrapper .loader {height: 50px; width: 100%;background: transparent url(../images/ajax-loader.gif) no-repeat scroll top center;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list {width: 100%; margin-bottom: 10px}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.markup-calculate,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.offer-data{width: 100%;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.markup-calculate td#markup-calculate-switch {text-align: center;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.markup-calculate td#markup-calculate-value {text-align: right; width: 740px; padding: 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.markup-calculate td#markup-calculate-submit {text-align: right; padding: 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.markup-calculate td#markup-calculate-submit a {float: right;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.offer-data td,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.offer-data th {
    text-align: left;
    padding: 10px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.offer-data th{
    width: 100px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .promotion{background-color: #FFFFD3;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .recommended_this_group{background-color: #ecfcbf;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .recommended_other_group{background-color: #fcfad6;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list th.show {width: 120px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr:hover {background-color: #DDE8FB; cursor: pointer;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr.active {background-color: #e0e0e0; }
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list th,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list td {border-left: 1px solid #DADADA; border-top: 1px solid #DADADA; padding: 3px; float: none !important;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list td.right {text-align: right;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content table.list td {text-align: center; float: none !important;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content table.list td.right {text-align: right;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content table.list td#basket-total-qty {text-align: center;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content table.list tr:last-child td {text-align: left;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content table.list tr:last-child td:last-child {border-right: 1px solid #DADADA;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list th { height: 40px; color: #231F20; text-shadow: 1px 1px 0 #FFFFFF; background: #E2E1E1 url(../images/tab_bgd.gif) repeat-x;  }
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr.filters th, 
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr.filters td {background: #f0f0f0;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr.filters td {border-right: 1px solid #dadada;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr.filters th {text-align: left;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list tr.filters select {width: 74px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list th a {color: #231F20;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .end {border-right: 1px solid #DADADA;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .center {text-align: center;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .bold {font-weight: bold;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .lp {width: 20px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .icount {width: 20px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .bottom td{border-bottom: 1px solid #DADADA;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .red {color: #B2060D;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .alert {color: #B2060D; background-color: #FCECEA;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .alert td{padding: 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .ozn {color: #B2060D; text-align: center; font-weight: bold;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-title {color: #024E8A;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list span.code {font-size: 10px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .order-count,  
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .offer-count,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .price-netto,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .price-brutto,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .markup-amount,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .markup-percent { border: 1px solid #DADADA; padding: 0px 3px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .order-count,  
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .offer-count {width: 35px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .price-netto,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .price-brutto,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .markup-amount {width: 60px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .markup-percent {width: 50px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .navi-wrapper,
#main-wrapper #content-wrapper #inner-wrapper #content2 .filters-wrapper{overflow: hidden;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .filters-wrapper .price-filter{float: right;}

#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details {}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .details-wrapper.ajax_loader_big {background: transparent url("../images/ajax-loader.gif") no-repeat center center; height: 300px; }
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .photo-box {float: left; width: 240px; text-align: center;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .photo-box img {}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .photo-box .zoom {margin-top: 180px; margin-left: 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .desc-box {float: left; width: 370px; padding: 10px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .desc-box h3 {font-size: 18px; height: 100%; font-weight: bold; color: #024E8A; background-color: transparent; padding: 0;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .desc-box .producent {margin-bottom: 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box {float: left; width: 340px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box {
    width: 274px;
    height: 158px; 
    float: right; 
    margin: 10px 0;
    padding: 20px;
    background: #f0f0f0;  
    border: 1px solid #cfcfcf;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-top {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 20px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-top p {
    text-align: left; 
    font-size: 18px; 
    font-weight: bold;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-top  p span {
    color: #B2060D; 
    font-size: 30px; 
    padding: 0 0 0 30px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-bottom {
    width: 100%;
    position: relative;
    float: left;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-bottom .count-box {
    margin: 0;  
    width: 112px;
    position: relative;
    float: left; 
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-bottom .button-box {
    position: relative;
    float: left; 
    width: 162px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-bottom .button-box > a:not(:last-child) {
    margin-bottom: 5px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box .price-box .price-box-bottom .count-box input {
    margin-left: 5px; 
    width: 30px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details .buy-box ul {float: left; margin: 0px 15px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .item-details td {padding: 10px 0; background-color: #FFFFFF; border-top: 0px; border-bottom: 2px solid #00AEEF; border-left: 2px solid #00AEEF; border-right: 2px solid #00AEEF;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected{background-color: #DDE8FB;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected.filters {background: none;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected > td{border-top: 2px solid #00AEEF;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected.filters > td {border-style: solid; border-color: #dadada; border-width: 1px 1px 0 1px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected .first-child{border-left: 2px solid #00AEEF;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected .last-child{border-right: 2px solid #00AEEF;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .selected:hover{background-color: #DDE8FB;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .order-notes {height: 15px; overflow: hidden;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.list .order-notes .bt-notes-show{float: right; border: 0px solid #DADADA; height: 15px; cursor: pointer; font-size: 12px; padding: 0 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .disabled  {background-color: #F9F9F9;}

#main-wrapper #content-wrapper #inner-wrapper #content2 table.inner {width: 100%;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.inner td{border-bottom: 1px solid #E4E3E3 !important; border-top: none !important; border-left: none !important; border-right: none !important;  padding: 5px !important;}

/*profil*/
#main-wrapper #content-wrapper #inner-wrapper #content2 #profile-content {width: 470px; float: left;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #password-change {width: 470px; float: right;}

/*kontentr formularzy*/
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper { width: 470px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper input,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper textarea { width:200px; border: 1px solid #C4C0C0; padding: 3px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper th,
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper td {padding: 10px; text-align: left;  border-bottom:1px solid #D4D3D3;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper th { height: 26px; color: #666666; text-shadow: 1px 1px 0 #FFFFFF; font-weight: bold;}
#main-wrapper #content-wrapper #inner-wrapper #content2 table.form-wrapper .bottons { text-align: center; border: 0px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 h3 {padding:7px; background-color: #E7E6E6; height: 18px; text-transform: uppercase; font-size: 18px; color: #333030;}
/*lista błędów w formularzu*/
#main-wrapper #content-wrapper #inner-wrapper #content2 .form-wrapper .error_list{margin-left: 10px; color: red; font-style: italic;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .form-wrapper .error_list li{ display: block; float: left; list-style: none;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .form-wrapper .error { border: 1px solid red;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .form-wrapper .offer-data .error_list li{ float: none; }


/*koszyk*/
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content {width: 690px; float: left;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #offerCreate #basket-list-content {width: 100%;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #offerCreate #basket-list-content h1,
#main-wrapper #content-wrapper #inner-wrapper #content2 #offerCreate #basket-list-content h2 {display: inline;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #offerCreate #basket-list-content h1 {font-size: 18px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content .message_box {display: none;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content textarea {width: 685px; height: 120px; margin-bottom: 20px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content table.offer-data textarea {width: 400px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 #basket-list-content h3 {margin-top: 20px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .basket-box {
    width: 220px; 
    height: 222px; 
    float: right; 
    background: #FFF;
    text-align: center;
    border: 1px solid #cfcfcf;
    padding: 20px;
}
#main-wrapper #content-wrapper #inner-wrapper #content2 .basket-box #basket-total-qty{font-size: 24px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .basket-box p{font-size: 12px; font-weight: bold; margin-top: 20px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .basket-box span{font-size: 12px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 h1{color:#B2060D; font-size: 30px; margin-bottom: 28px; margin-top: 5px;}
#main-wrapper #content-wrapper #inner-wrapper #content2 .basket-box h2{font-size: 18px; margin-top: 25px;}

/*moduł wiadomości, okno wiadomości z alertem*/
.title {text-align: left; margin-bottom: 15px; overflow: hidden; padding: 10px 10px 10px 70px; background: #DDE8FB url(../images/message.png) no-repeat scroll 10px 6px; border: 2px solid #024E8A;}
.talert {background-color: #FCECEA; border: 2px solid #D30E00;}
/*.message-alert-list {text-align: left; width: 100%; font-size: 12px;}
.message-alert-list td {padding: 3px 0;}
.message-alert-list tr.even {background-color: #DDE8FB;}
.message-alert-list tr.odd {background-color: #E8E8E8;}*/
#dialog_message_alert .show-details {float: right; font-weight: bold;}

/*footer*/
#footer-wrapper {height: 257px; background: transparent url(../images/footer.gif) repeat-x scroll; clear: both;}
#footer-wrapper #footer {font-size: 11px; color: #FFFFFF; width: 1000px; margin: 0 auto; padding-top: 235px;}
#footer-wrapper #footer #copyright {text-align: center;}
#footer-wrapper #footer #copyright a {color: #FFFFFF;}

.scrollable {position:relative; overflow:hidden; width: 269px; height: 75px;float: left;}
.scrollable .items {width:20000em; position:absolute;}
.scrollable .items div {float:left;}
.scrollable .items div img { margin: 0 4px 0 0; cursor: pointer;}
a.browse { cursor:pointer; display:block; float:left; font-size:1px; height:20px; width:20px; margin-top:28px; margin-left: 3px;}
a.prev { background:url("../images/pagination/prev.png") no-repeat scroll 0 -20px transparent}
a.next { background:url("../images/pagination/next.png") no-repeat scroll 0 -19px transparent}
a.disabled { background-position:  0 0;}
#zoom_box { float: left; width: 414px; text-align: right; margin-top: 5px;}
#zoom_box a.zoom { text-align: center; float: right;}

/* stronnicowanie */
.pagination{margin: 15px 0px; overflow: hidden; float: right;}
.pagination a, .pagination span{display: block; float: left; margin: 0; width: 20px; text-align: center; padding-top: 5px;}
.pagination a{color: #024E8A; font-size: 14px;}
.pagination span{font-size: 18px; font-weight: bold; color: #565555;}
.pagination a.first, .pagination a.last, .pagination a.prev, .pagination a.next{text-indent: -9999px; height: 15px;}
.pagination a.first{background: url(../images/pagination/first.png) no-repeat 0 0;}
.pagination a.last{background: url(../images/pagination/last.png) no-repeat 0 0;}
.pagination a.prev{background: url(../images/pagination/prev.png) no-repeat 0 0;}
.pagination a.next{background: url(../images/pagination/next.png) no-repeat 0 0;}
.pagination a:hover{background-position: 0 -19px; color: #005598}
.pagination a.prev:hover{background-position: 0 -20px;}
/*fix cufon*/
.pagination cufon{float: left;}

/* loadery */
.cms_loader_small {background: transparent url(../images/backend/indicator.gif) no-repeat scroll 0 0;display: inline-block;height: 16px;margin: 0 2px 0 0; width: 16px;}
/*list sort*/
span.sort-nav {width: 26px; display: block; margin: 0 auto;}
span.sort-nav a{background: transparent url(../images/filtr_arrow.gif) no-repeat scroll 0 0; display: block; width: 13px; height: 7px; float: left;}
span.sort-nav a.arrow-up {background-position: 0 0; }
span.sort-nav a.arrow-down {background-position: 0 -8px;}
span.sort-nav a.arrow-up:hover {background-position: -13px 0; }
span.sort-nav a.arrow-down:hover {background-position: -13px -8px;}
span.sort-nav a.arrow-up-selected {background-position: -13px 0; }
span.sort-nav a.arrow-down-selected {background-position: -13px -8px;}

.price-filter label{
    cursor: pointer;
}


#main-wrapper #content-wrapper #inner-wrapper #content2 #config_form table.form-wrapper input[type="checkbox"]{
    width: 20px;
}

a.offer-button {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 2px;
}
a.offer-button:hover {
    background-position: 0 -26px;
}
a.print-offer-button{
    background: url(../images/drukuj.png) no-repeat 0 0;
}
a.edit-offer-button{
    background: url(../images/edytuj.png) no-repeat 0 0;
}
a.preview-offer-button{
    background: url(../images/podglad.png) no-repeat 0 0;
}

iframe#battery_search_engine {
    border: 1px solid #ccc;
}

#ask_for_product_text {
    width: 600px;
    height: 140px;
}

#dialog_ask_for_product_form imput{
    margin: 5px 0px;
}

#dialog_ask_for_product_form label{
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    max-width: 600px;
    text-align: left;
    clear: both;
}

#dialog_ask_for_product_form label input,
#dialog_ask_for_product_form label select{
    float: right;
}


#popup {

    width: 600px;
    display: block;
    position:absolute;
    top:200px;
    left: 0;
    right:0;
    bottom: 0;
    margin:auto;
    z-index: 1000;
}

#popup img {
width: 600px;
}

#popup .close {
    background: url("../images/close_white.png") no-repeat scroll center center transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-indent: -300px;
    top: 5px;
    width: 20px;
}