/**
 * frontend BCC Apeks shop layout
 * @author: Arkadiusz Kondas <arkadiusz.kondas@gmail.com>
 * @version $Rev: $
 */

/* Import Global Reset */
@import url("reset.css");

/* Background Properties */
body{background:#E6E6E6;}

/* Website Default Text & Text Color */
body,th,td,input,selecte,textarea{font-family:Arial;font-size:11px;color:#666;}

/* Default Link Style*/
a{color:#666;text-decoration:none;outline:none;}
a:hover{color:#999999; text-decoration: underline;}

/* Website Wrap & Layout */
.wrapper {width:974px; padding: 8px; background: #FFF; margin:0 auto; padding-bottom:10px; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7;}
.header {height: 145px; border-bottom: 2px solid #FFF100; position: relative;}
.content_wrapper {clear: both; padding: 10px 0 0 0;}
.left_column {width: 203px; float: left;}
.right_column {width: 746px; float: right;}
.footer {margin: 10px auto 20px auto; height: 50px; padding-top: 10px; border-top: 1px solid #D7D7D7;}
.clear {clear: both;}
.clearfix {clear: both; margin-bottom: 10px;}

/* Header Styles */
.logo_karcher {width: 185px; display: block; height: 97px; 
/*background: url(img/logo_new.jpg) top left no-repeat; */}
.telemarket {float:right;width: 485px; display: block; height: 118px; background: url(img/telemarket.png) top left no-repeat; }
.logo_bcc {width: 228px; margin-left: 30px; height: 108px; display: block; float: right; background: url(img/logo_bcc_karcher.jpg) top left no-repeat;}
.shopping_cart {width: 153px; position: absolute; top: 15px; right: 205px;}
.shopping_cart .submit {display: block; line-height: 16px; float: right; margin-top: 7px; width: 95px; background-position: 90px 6px; padding-top: 2px;}
.shopping_cart table {width: 100%;}
.shopping_cart td {padding: 2px 0 0 0;}
.shopping_cart .bb {border-bottom: 1px solid #F2F2F2; padding: 0 0 4px 0;}
.shopping_cart .center {text-align: center;}
.login_box {width: 160px; position: absolute; top: 15px; right: 8px;}
.login_box input.text {width: 84px; border: 1px solid #E6E6E6;}
.login_box label {width: 38px; display: block;}
.login_box .submit {margin-left:5px;}
.login_box td {padding-bottom: 4px;}
.login_box form {margin-bottom: 7px;}
.login_box .spacer {padding: 0 10px;}
.header .title {font-weight: bold; color: #000; margin-bottom: 7px;}
.header .title a {color: #000;}
.main_menu {margin-top: 5px; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; background: #EEE; overflow: auto;}
.main_menu li {float: left;}
.main_menu li a {line-height: 26px; padding:0px 13px; display: block; color: #333; text-align: center;}
.main_menu li a.active {font-weight: bold;}
.main_menu .link_1 {width: 72px;} .main_menu .link_2 {width: 145px;} .main_menu .link_3 {width: 114px;}
.main_menu .link_4 {width: 98px;} .main_menu .link_5 {width: 79px;} .main_menu .link_6 {width: 151px;}
.main_menu .link_7 {width: 103px;} .main_menu .link_8 {width: 79px;} .main_menu .link_9 {width: 109px;}

/* Left Column Styles */
.share_shop {display: block; height: 14px; width: 160px; text-decoration: underline; background: url(img/btn_arrow_bottom.gif) center right no-repeat;}
.search_box input.text {width: 160px; margin-right: 6px; border: 1px solid #E6E6E6; float: left;}
.search_box .title {font-weight: bold; margin-bottom: 5px; color: #000; text-transform: uppercase;}
.category_box {margin: 16px 0 30px 0; border-bottom: 8px solid #FFF100;}
.category_box a {font-size: 12px; color: #333; background: url(img/icon_arrow.png) 185px center no-repeat; border-left: 10px solid #FFF; padding: 6px 0 6px 10px; display: block;}
.category_box a:hover {border-left: 10px solid #FFF100;}
.category_box a.open {background: url(img/icon_arrow_bottom.gif) 185px center no-repeat;}
.category_box li {border-bottom: 1px solid #E6E6E6;}
.category_box li.nb {border: none;}
.category_box ul {border-top: 1px solid #E6E6E6; margin-bottom: 3px;}
.category_box ul ul {margin-bottom:0px; display: none;}
.category_box ul ul li {margin-left: 10px;}
.category_box ul ul a {background: url(img/icon_arrow.png) 0px center no-repeat !important;}
.category_box ul ul a.open {background: url(img/icon_arrow_bottom.gif) 0px center no-repeat !important;}
.category_box ul ul a.product {background: none !important; font-size: 11px;}
.category_box ul ul a.active {font-weight: bold;}
.category_box .title {font-weight: bold; margin-bottom: 7px; color: #000; font-size: 12px;}

.info_box {margin-bottom: 30px;}
.info_box .title {font-size: 12px; margin-bottom: 5px;}
.info_box strong {color: #666;}

.bestsellers {margin-bottom: 10px;}
.bestsellers h2 {font-size: 12px; margin:0px 10px; padding: 5px 0px; color:#000; border-bottom: 1px solid #CCC; text-transform: uppercase; font-weight: bold; text-align: center;}
.bestseller_product {text-align: center; color:#333;}
.bestseller_product .title {margin: 5px 0;}
.bestseller_product .title a {font-weight: bold; color:#333; font-size: 14px;}
.bestseller_product .image {width: 150px; height: 150px; margin: 0 auto; overflow: hidden;}

/* Right Column Styles */
.left_banner {float: left;}
.right_banner {background: url(img/banner_karcher.jpg) top left no-repeat; float: right; margin-top: 1px; width: 393px; height: 143px;}
.breadcrumbs {color: #999; margin-top: 10px;}
.breadcrumbs a {color: #999;}
.breadcrumbs_separator {background: url(img/icon_arrow.png) center center no-repeat; padding: 0 3px;}
.page_title {font-size: 16px; color: #666; margin: 10px 0 5px 0; font-weight: bold;}

/* Products List Styles */

.product_box {border-top: 1px solid #CCC; padding: 7px 0 0 0; width: 355px; float: left; margin:0 20px 20px 0;}
.cat_box {width: 230px;}
.cat_box .cimage {float: left; margin:0px 10px 7px 0px;}
.cat_box.clist_3 {margin-right: 0px;}
.product_box.list_2 {margin-right: 0px;}
.product_box .img {float: left; width: 135px; overflow: hidden;}
.cat_box .img {width: 80px; overflow: hidden; margin-right: 10px;}
.product_box h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.product_box h6 {color: #333; font-size: 13px; font-weight: bold; margin-bottom: 10px;}

#polecane_s1 {margin-top:20px; color: #333; font-size: 13px; font-weight: bold; margin-bottom: 10px;}

.product_box h2 a {color: #333;}
.product_box .detail {margin-left: 135px;}
.product_box .desc {margin-bottom: 20px;}
.product_box .price {font-weight: bold; font-size: 12px; margin: 5px 0;}
.product_box .read_more {display: block; margin-top: 10px;}
.pagination {margin: 10px 0 0 0; font-size: 12px; border-top: 1px solid #CCC; padding: 10px 0 0 0;}
.pagination .current {font-weight: bold;}

/* Product Page Styles */
.product_info {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.product_gallery {width: 350px; position: relative; float: left; padding:10px 10px 0 0; border-right: 1px solid #CCC;}
.product_description {float: right; width: 360px; padding:10px 0; min-height: 240px; position: relative;}
.full_description {padding-bottom: 110px;}
.product_description .bottom {position: absolute; bottom: 0px; height: 110px; width: 100%;}
.bottom .catalog {font-size: 12px;}
.bottom .catalog span {color: #000;}
.bottom .cart {height: 28px; position: relative; margin-top: 5px;}
.cart .question_link {position: absolute; display: block; bottom: 3px; right: 5px; width: 160px; height: 21px; line-height: 21px; border: 1px solid #FFF; background: url(img/icon_arrow.png) 10px 7px no-repeat; background-color: #FFF100; color: #666; text-align: center; font-weight: bold; cursor: pointer;}
.cart .price {font-weight: bold; font-size: 12px; margin: 10px 0 0 20px;}
.cart .price span {font-size: 14px;}
.cart .old_price {font-size: 11px !important; font-weight: normal; padding-left: 10px;}
.cart .add_to_cart {display: block; border: 1px solid #FFF; font-weight: bold; margin: 11px 0 0 20px; padding:0 7px; width: 130px; height: 26px; line-height: 26px; background: url(img/btn_add_to_cart.png) 110px 3px no-repeat; background-color: #FFF100; cursor: pointer;}
#big_image_container {float: left; margin-bottom: 10px;}
.gallery_thumbs {float: right;}
.gallery_thumbs .thumb {border: 1px solid #CCC; margin-bottom: 7px; text-align: center; width: 56px; height: 56px; overflow: hidden;}
#product_question_dialog textarea, #review_dialog textarea {width: 99%; height: 200px;}
.product_gallery .enlarge {position: absolute; bottom: 5px; right: 10px; line-height: 16px; cursor: pointer; padding-left: 20px; background: url(img/btn_enlarge.gif) top left no-repeat;}
.availability {margin: 15px 0px 0px 0px; font-size: 12px;}

.technical_data {margin: 20px 0; border-bottom: 1px solid #CCC; padding-bottom: 30px; position: relative;}
.technical_table {width: 360px; float: left;}
.technical_table_wide {width: 730px;}
.technical_table .title {font-size: 14px; color: #000; margin: 10px 0;}
.technical_table td.lineundertd {border-bottom: 1px solid #CCC; padding: 5px 0;}
.technical_data .reviews {position: absolute; cursor: pointer; top: 5px; right: 0px; text-decoration: underline;}
.details_info {width: 370px; float: right; padding: 59px 0 0 0;}
.details_info .title {padding:5px 10px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; background: #F3F3F3; color: #666; font-weight: bold;}
.file_list {padding:15px 0 0 30px;}
.file_list li {margin-bottom: 2px;}
.file_list a {color: #666; font-weight: bold; padding-left: 15px; background: url(img/icon_arrow.png) left center no-repeat;}
.standard_equipment .title {font-size: 14px; color: #000; margin: 10px 0;}
.standard_equipment .list {padding-left: 15px;}
.standard_equipment ul {list-style-image: url(img/icon_bullet_supply.gif);}
.standard_equipment li {color: #000; margin-right: 15px;}
.standard_equipment table {float: left; width: 470px;}
.standard_equipment .feature_icons {float: right; width: 230px;}
.standard_equipment .feature_icons table {border: none; width: 100%;}
.standard_equipment .list p {display: block;}
.standard_equipment .standard_equipment_icons {float: right; width: 240px;}
.standard_equipment .standard_equipment_icons img {margin:0px 10px 10px 0px;}

.accessories {margin: 10px 0 0 0; border-top:  1px solid #CCC;}
.accessories .title {font-size: 14px; color: #000; margin: 10px 0;}
.accessory {width: 140px; float: left; margin:0 45px 20px 0;}
.accessory.last {margin-right: 0px;}
.accessory .image {width: 130px; height: 130px; overflow: hidden;}
.accessory .link {font-weight: bold; display: block; padding-left: 10px; color: #666; background: url(img/icon_arrow.png) left center no-repeat;}

.product_reviews {display: none; margin-bottom: 10px; overflow: hidden;}
.product_reviews .bb {border-bottom: 1px solid #CCC; margin-top: 20px;}
.product_reviews .title {font-weight: bold; margin-bottom: 7px; color: #333; font-size: 12px;}
.product_reviews .submit_yellow {width: 100px; margin-top: 10px;display:none;}
.review_item {color: #333; margin-bottom: 10px;}
.review_item table {width: 99%; margin-bottom: 5px;}
.review_item td {border-top: 1px solid #D9D9D9; color: #333; padding: 3px 6px; border-bottom: 1px solid #D9D9D9; background: #F3F3F3;}
.review_item .left {font-weight: bold; font-size: 12px;}
.review_item .right {text-align: right;}

/* Basket Styles */
.basket {border-top: 1px solid #CCC; padding: 10px 0 0 0;}
#basket_table {width: 100%; border-bottom: 1px solid #CCC; margin-bottom: 10px; border-spacing: 5px; border-collapse: separate;}
#basket_table th {font-weight: bold; text-align: center; color: #333; font-size: 12px;}
#basket_table td {border: 1px solid #D2CEC8; padding: 0 7px; font-size: 12px !important;}
#basket_table .numeric {width: 50px; font-size: 12px !important;}
#basket_table .center {text-align: center;}
#basket_table .right {text-align: right;}
#basket_table .nb {border: none;}
#basket_table .title {padding-left: 10px;}
#basket_table .sum {padding-top: 15px; font-size: 14px;}
.basket_buttons input {background: #FFF100; cursor: pointer; float: right; border: none; padding: 4px; margin-left: 10px; font-size: 11px; font-weight: bold; color: #666; text-align: center;}

/* Footer Styles */
.footer ul {float: left; list-style: disc;}
.footer ul li {float: left; margin-left: 20px;}
.footer ul li.first {list-style: none; margin-left: 5px;}
.footer ul li a {text-decoration: underline;}
.footer .created_by {float: right; width: 140px;}
.footer .created_by a {}

/* Bredcrum */
.bredcrum{color:#999;}
.bredcrum a{color:#999;text-decoration:none;}
.bredcrum a:hover{color:#000;text-decoration:underline;}

/* Form Styles */
.submit {background: url(img/icon_arrow.png) 25px center no-repeat; background-color: #E6E6E6; color: #000; font-size: 11px; line-height:13px; padding: 0px 5px; display: block; height: 16px; cursor: pointer; border: none; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6;}
.customer_form {border-top: 1px solid #CCC; padding: 10px 0 0 0;}
.submit_yellow {float: right; margin: 0px 0 0 0; background: url(img/icon_arrow.png) 10px center no-repeat; cursor: pointer; background-color: #FFF100;  display: block; border: none; padding: 2px 30px; font-size: 11px; font-weight: bold; color: #666; text-align: center;}
.input_wrapper {padding: 13px 0 8px 0; position: relative;}
.textarea_wrapper {padding: 0px 0px 8px 0px;}
.input_wrapper label {width: 120px; color:#2F3031; line-height: 24px; display: block; float: left;}
.input_wrapper label.long {width: 190px;}
.input_wrapper .text {border: none; line-height: 24px; height: 24px; width: 174px; padding:0 3px; display: block; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; background: #EDEEEF;}
.input_wrapper em {color: #F00;}
.input_wrapper textarea.text {width: 99%; height: 200px;}

.form_section_title {font-weight: bold; color: #2F3031; margin:10px 0 3px 0;}
.left_section {width: 360px; float: left;}
.right_section {width: 360px; float: right;}
.platnosci_submit {margin: 0px auto; float: none; margin-bottom: 20px;}
.yellow_link {width: 150px; margin-top: 20px; background: url(img/icon_arrow.png) 10px center no-repeat; cursor: pointer; background-color: #FFF100;  display: block; border: none; padding: 2px 30px; font-size: 11px; font-weight: bold; color: #666; text-align: center;}
.checkbox_wrapper {float: right; position: relative; padding-left: 143px;}
.checkbox_wrapper a {text-decoration: underline; color:#999999;}

/* message stack styles */
#messages {width: 500px; padding:20px 0; margin: 0 auto;}
.message {padding: 15px 0 15px 45px; margin-bottom:10px; position:relative; border: 1px solid; background-repeat: no-repeat; background-position:5px center;}
.message a {font-weight: bold; text-decoration: underline;}
.message .close {position:absolute; cursor:pointer; top:2px; right:2px; width:16px; height:16px; background:url(img/close.png) no-repeat; }
.message.info {background-image: url(img/info.png); background-color:#DFFAFF; border-color: #3CB5C4; color: #6CC2CF;}
.message.warning {background-image: url(img/warning.png); background-color:#FFF3CF; border-color: #EB8A12; color: #EB8A12;}
.message.error {background-image: url(img/error.png); background-color:#FFE1DF; border-color: #BD221B; color: #BD221B;}
.message.error a {color: #BD221B;}
.message.ok {background-image: url(img/ok.png); background-color:#EBFFBF; border-color: #81C026; color: #81C026;}
.message.ok a {color: #81C026;}

/* customers styles */
.customer_create .submit_yellow, .customer_login .submit_yellow {float: right;}
.customer_login {width: 350px; margin: 0 auto; padding-top: 20px;}
.customer_create_success {margin:20px 0 0 0; background: url(img/accept_big.png) no-repeat; padding:20px 0 50px 200px;}
#customer_box .sf-menu a {padding: 7px 40px 7px 5px;}
.customer_login .text {width: 250px;}

#customer_zone {border-top: 1px solid #CCC; padding-top: 20px;}
#customer_zone a {display: block; height: 48px; float: left; width: 180px; margin: 0 0 20px 0; line-height: 48px; font-size: 12px; color: #4687AA;}
.customer_icon {padding: 0 0 0 60px; background-position: left center; background-repeat: no-repeat;}
.customer_icon_orders {background-image: url(img/customer_orders_history.png);}
.customer_icon_email {background-image: url(img/customer_email_change.png);}
.customer_icon_password {background-image: url(img/customer_passwrod.png);}
.customer_icon_owner {background-image: url(img/customer_owner.png);}
.customer_icon_phone {background-image: url(img/customer_phone.png);}
.customer_icon_address {background-image: url(img/customer_address.png);}
.customer_icon_logout {background-image: url(img/customer_logout.png);}

.table {width: 100%; margin: 10px 0;}
.table th {color: #000; font-weight: bold; font-size: 12px; padding: 3px 0;}
.table td {font-size: 12px; padding: 3px 0;}
.table_login_or_register {margin-top: 40px;}
.table_login_or_register td {vertical-align: top; width: 50%; padding:5px 30px;}
.table_login_or_register .bl {border-left: 1px solid #CCC;}
.table_login_or_register .login_button {float: none; margin-left: 100px;}
.table_login_or_register .forgot {margin-left: 100px;}
.sub_title {font-weight: bold; font-size: 14px; text-align: center; margin-bottom: 20px;}

/* page text style */
#page_text {padding: 10px 0 0 0; font-size: 12px; border-top: 1px solid #CCC;}
#page_text p {margin-bottom: 10px;}
#page_text ul {padding-left: 30px; list-style-type: disc;}
#page_text ol {list-style: decimal; line-height:17px; margin:0px 0px 10px 25px;}
#page_text .images {clear: both; padding-top: 10px;}
#page_text .image {width: 230px; margin:0px 25px 10px 0px; height: 230px; text-align:center; overflow: hidden; float: left;}
#page_text .last {margin-right: 0px;}
.compatibleproducts a:hover {text-decoration: none; color: #666;}

/* js validator styles */
.validator {display: block; position: absolute; top: 0px; left: 100px; line-height:10px; padding:0 0 0 15px; font-size: 10px; font-weight:bold; background-position: 0px 0px; background-repeat: no-repeat;}
.input_wrapper_textarea .validator {top: 20px;}
.textarea_wrapper .validator {top:8px} 
.input_wrapper_delivery_method .validator {top: 0px; left: 148px;}
.checkbox_wrapper .validator {top: 1px; left: 0px;}
.checkbox_wrapper .validator.positive {left: 110px;}
.validator.positive {background-image: url(img/positive.png); color: #71B42B;}
.validator.negative {background-image: url(img/negative.png); color: #C0211A;}
.validator.loader {background-image: url(img/loader.gif); color: #32BAF1;}

/* page map styles */
.page_map {padding: 10px 0 0 10px; border-top: 1px solid #CCC;}
.page_map li {list-style-type:circle; margin:0 0 0px 30px;}
.page_map li li {list-style-type:disc;}
.page_map .no_link:hover {text-decoration: none; color:#666; cursor: default;}

/* dialogs */
.dialog_window {display: none;}
.ui-dialog {z-index: 99999999 !important;}
.ui-widget-overlay {z-index: 9999 !important;}
.ico_dialog {display: block; width: 32px; height: 32px; float: left; padding:5px; background-repeat: no-repeat;}
.ico_dialog.warning {background-image: url(img/warning.png);}
.ico_dialog.error {background-image: url(img/error.png);}
.ico_dialog.question {background-image: url(img/question.png);}
.ico_dialog.trash {background-image: url(img/trash.png);}
.ui-button-icon-primary {margin:0;!important}
.slider_left  {float:left;position:relative;width:745px;height:262px;top:2px;}


#text-front {
padding:10px; 
text-align:justify; 
border-top: 1px solid #CCCCCC;
}

h1#naglowek_top {
color:#333; 
font-weight:bold; 
font-size:13px
}

#dane {display:inline}
#adress {display:inline}

#dane2 {display:inline}
#adress2 {display:inline}

#dane3 {display:inline}
#adress3 {display:inline}

.mikro-li {list-style: none outside none; margin-left:46px !important}