#wrap {
    border: 1px solid #CCC;
    padding: 20px;
}

body div.overlay{background: #000; width: 100%; height: 100%; position: absolute; opacity: 0.8; z-index: 3;}

/* Header and navigation */
#header{width: 100%; height: 190px; background: url("/images/top_bg.gif") repeat-x scroll;}

#header #logo{height: 131px; background: url("/images/top_bg.gif") repeat-x scroll;}
#header #logo .left{background: url("/images/top_fire_left.jpg") left top no-repeat; height: 131px;}
#header #logo .right{background: url("/images/top_fire_right.jpg") right top no-repeat; height: 131px;}
#header #logo .l_switcher{margin: 12px 0 0 30px; float: left;}
#header #logo .right .pic{background: url("/images/top_wheel.jpg") right top no-repeat; height: 131px;}
#header #logo .right .pic img{margin: 20px 70px;}

#header #navigation{height: 59px; background: url("/images/menu_bg.gif") repeat-x scroll left top;}
#header #navigation .left{ background: url("/images/menu_left.gif") no-repeat scroll left top; height: 59px;}
#header #navigation .right{ background: url("/images/menu_right.gif") no-repeat scroll right top; height: 59px;}
#header #navigation ul{ width: 1000px; height: 50px;}
#header #navigation ul li{  float:left; padding: 10px 0 0; text-align: center; vertical-align: top; width: 16%;}

/* Content */
#container{background: #000000 url("/images/bot_asfalt.jpg") repeat-x scroll left bottom; width: 100%; margin: auto; max-width: 1200px; clear: both;}

#container div.block{ background: #000000 url("/images/block_bg.gif") repeat-x scroll left bottom; border: 1px solid #666666; margin: 0 0 10px;}
#container div.block div.l{/* background: url("/images/block_tlc.gif") no-repeat; left: -1px; top: -1px; /*position: relative;*/ height: 100%;}
#container div.block div.r{/*background: transparent url("/images/block_trc.gif") no-repeat scroll right top; left: 2px;/* position: relative;*/ height: 100%;}
#container div.block div.br{/*background: url("/images/block_brc.gif") no-repeat right bottom; top: 2px; /*position: relative; */height: 100%;}
#container div.block div.bl{/*background: url("/images/block_blc.gif") no-repeat left bottom; left: -2px; /*position: relative; */height: 100%;}
#container div.block div.inner{padding: 12px; }
#container div.block p{text-align: center;}

#container div.vote {height: 50px; float: right;}
#container div.vote span{display: block; text-align: center; font-size: 10px;}
#container div.vote a{float: left;}
#container div.rating{width: 100px; height: 20px; background: url("/images/rating_stars_blank.gif") no-repeat; float: left; padding: 0;}
#container div.rating div.inner{height: inherit; float: left; position: absolute; background: url("/images/rating_stars_filled.gif") no-repeat; padding: 0;}

#container #sidebar{float: left; width: 18%; padding: 10px 1%;}

#container #sidebar ul.categories li a{background: url("/images/menu_switcher.gif") no-repeat left center; padding-left: 16px; color: #999; text-decoration: none; font-size: 14px;}
#container #sidebar ul.categories li a:hover, #container #sidebar ul.categories li ul li a.hover{background: url("/images/menu_switcher_hover.gif") no-repeat left center; color: #fff; font-weight: bold;}
#container #sidebar ul.categories li a.active{background: url("/images/menu_switcher_active.gif") no-repeat left top; color: #fff; font-weight: bold;}
#container #sidebar ul.categories li ul li{ padding: 0 0 0 20px;}
#container #sidebar ul.categories li ul li a{ font-size: 100%;}


#container #content{float: left; width: 60%; padding-top: 10px; min-height: 400px;}

#container #content #navibar{font-size: 10px;}

#container #content #big_teaser{text-align: center; width: 100%; overflow: hidden;}


#container #content .uwaga{font-weight: bold; color: red;}

#container #content div.big_photo{position: absolute; top: 5%; left: 25%; background: #222; text-align: center; padding: 5px 0 0 0; border: #666 5px solid; z-index: 4;}
#container #content div.big_photo a.close{float: right; text-decoration: none; color: #fff; margin:0 4px 0 0; font-size: 11px; background: url("/images/button_close.gif") no-repeat right center; padding-right: 17px;}
#container #content div.big_photo #big_photo{display: block; padding-bottom: 5px;}

#container #content ul.catalog{clear: both;}
#container #content ul.catalog li{float: left; margin: 10px; height: 180px; background: #111; padding: 10px 10px 5px; border: 1px solid #333; width: 100px; cursor: pointer;}
#container #content ul.catalog li span.image{display: block; /*margin: auto;*/ width: 99px;}
#container #content ul.catalog li img{border: 1px solid #333;}

#container #content div.catalog_item ul.title{border-bottom: solid 1px #333; margin: 0px; width: 100%; height: 35px;}
#container #content div.catalog_item ul.title li{float: left; height: 21px; padding: 7px;}
#container #content div.catalog_item ul.title li a{border-bottom: 1px dotted #666666; color: #666666; margin: 7px; text-decoration: none;}
#container #content div.catalog_item ul.title li.active{background: #333333 none repeat scroll 0 0; font-weight: bold; color: #333; padding: 7px; }
#container #content div.catalog_item ul.title li.active a{border: none;}


#container #content div.add_basket h1{margin: 0; display: inline;}
#container #content div.add_basket a#add_basket{float: right;}
#container #content div.add_basket span.price{font-weight: bold; margin-left: 15%;}
#container #content div.add_basket #params select{margin-right: 5px;}

#container #content div.catalog_item div.photos{float: left; width: 250px; clear: both;}
#container #content div.catalog_item div.photos div.thumb{float: left; margin-right: 7.5px;}
#container #content div.catalog_item div.info{margin-left: 250px; width: auto;}
#container #content div.catalog_item div.info p, #container #content div.catalog_item div.info div.review{padding: 0.8em 10px; }
#container #content div.catalog_item div.info div.review{display: none;}
#container #content div.catalog_item div.info .uwaga{border: 1px solid #222; color: #dfdfdf; padding-left: 45px; margin-top: 10px; display: block; background: url("/images/uwaga.gif") top left no-repeat; min-height: 40px;}


#container #content div.basket_details table{width: 100%; text-align: center;}
#container #content div.basket_details table input.count_change{width: 20px;}
#container #content div.basket_details table td{padding: 2px; }
#container #content div.basket_details table thead{background: #111;}
#container #content div.basket_details table tfoot{text-align: right;}
#container #content div.basket_details table tbody th{text-align: left; font-weight: normal;}
#container #content div.basket_details table tbody td.price{ white-space: nowrap;}

#container #content div.vcard{padding: 10px 20px; font-size: 12px;}
#container #content div.vcard div div{padding-left: 10px;}

#container #content dl{border-bottom : dashed 1px #222; padding-bottom: 10px;}
#container #content dl dt{font-weight: bold; background: #111;}

#container #content #delivery_form input,#container #content #delivery_form select,
#container #content #reg_user input,#container #content #reg_user select,
#container #content #edit_user input,#container #content #edit_user select,
#container #content #faq input, #container #content #faq select, #content #faq textarea,
#container #content #shop_contact input, #container #content #shop_contact select, #content #shop_contact textarea{display: block; width: 300px;}
#container #content #delivery_form label,  #container #content #reg_user label,   #container #content #edit_user label{width: 150px;}
#container #content #faq label, #container #content #shop_contact label{display: block; width: 100%;}

#container #userbar{float: left; width: 18%; padding: 10px 1%; clear: right;}
#container #userbar div.login{font-size: 11px;}
#container #userbar #basket ul.basket{margin-bottom: 10px;}
#container #userbar #basket ul.basket li{border-bottom: 1px dashed; padding: 10px 0;}
#container #userbar #basket ul.basket li.empty{border: none; padding: 0;}
#container #userbar #basket ul.basket li a img{float: right;}
#container #userbar #basket table{width: 100%;}
#container #userbar #basket table th{white-space: nowrap; font-weight: normal;}

/* Footer */

#footer{ background: #181818 url("/images/bot_line.gif") center top repeat-x; height: 80px; padding: 40px; width: auto; clear: both;}
#footer div.copyright{ color: #999; float: left; font-size: 10px; width: 20%;}
#footer span.note{ color: #444;}
#footer div.banner{float: left; text-align: center; width: 59%;}