/*
Quick.Cart.Ext default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design
*/
@import url(lytebox.css);
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/hHs22WBTTzMhSqc5uBBDKg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/nsLtvfQoT-rVwGTHHnkeJj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=4.0.3');
  src: url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
   font-display: swap;
}
/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#666;font-size:0.75em;font-family:Verdana, Arial, sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}
body{padding:0;background:#f5f5f5 url('img/body.jpg');text-align:center;}
.input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#6c6c6c #cccccc #cccccc #6c6c6c;font-size:1em;font-family:Verdana;text-shadow:1px 1px #e0e0e0;}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}
.submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:#630606;color:#fff;font-weight:bold;font-size:1em;font-family:Verdana;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333}
.submit:hover{background:#7b0404;cursor:pointer;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333}
* html .submit{padding:3px 1px;} /* IE 6 hack */
* html .input{height:21px;} /* IE 6 hack */
.form{background:#fff url('img/body.png');border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;}
.form label{font-size:1em;color:#666;font-weight:bold;}
.form legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}
.hide{display:none;}
/* .autooff{display:none;} */
a{color:#666;text-decoration:none;}
a:hover{color:#949494;text-decoration:underline;}
.clear{clear:both;height:0px;font-size:0em;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}
#container{position:relative;width:100%;margin:0 auto;padding:0 0 30px;overflow:hidden;}
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}
#head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:960px;margin:0 auto;text-align:left;}
#head2 .container, #head3 .container, #body .container{border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;-webkit-box-shadow:0 0 10px rgba(50,50,50,.25);box-shadow:0 0 10px rgba(50,50,50,.25);}
/* HEADER WITH TOP MENU ABOVE LOGO */
#head1 .container{overflow:hidden;}
* html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */
/* MENU TOP 1 */
#menu1 ul{float:right;margin:8px 3px 3px 0;list-style:none;}
#menu1 li{float:left;padding:7px 0 10px 20px;}
#menu1 li a{padding-right:12px;background:url('img/menu1_sub.gif') no-repeat right 5px;font-weight:bold;text-decoration:none;color:#35393C;text-transform:lowercase;text-shadow:0 1px 1px #dbdbdb;}
#menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{text-decoration:underline;color:#7B0404;}
#menu1 li.lBasket{padding:0 8px 5px 20px;background:url('img/cart.png') no-repeat 20px 0;}
#menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#630606;}
#menu1 li.lBasket a:hover{color:#666;}
#menu1 li.lBasket span{display:block;color:#444;font-size:0.917em;font-family:sans-serif;}
/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{clear:both;}
#head2 .container{position:relative;height:130px;background:#fff url('img/top3.jpg') no-repeat left bottom;border-top:1px solid #c9c9c9;}
#logo{float:left;padding:20px 10px 10px 30px;}
#logo #title{float:left;text-shadow:2px 2px 2px #d5d5d5;}
#logo #title a{color:#666;font:bold 4em 'arial black';text-decoration:none;}
#logo #title a span{color:#7B0404;background:inherit;}
#logo #title a strong{color:#2e6996;background:inherit;}
#logo #title a em{color:#7B0404;font-style:normal;}
#logo #slogan{float:left;clear:left;padding:0 0 0 15px;background:inherit;color:#164a71;font-size:1em;text-shadow:2px 2px 2px #d5d5d5;}
* html #logo #slogan{width:100%;} /* IE 6 hack */
/* HEADER WITH TOP MENU BELOW LOGO */
#head3 .container{background:#817f81 url('img/menu2_bg.png') repeat-x;overflow:hidden;height:38px;border-color:#969393;border-top:1px solid #6d6c6c;border-bottom:1px solid #302f2f;}
/* MENU TOP 2 menu ul height:100%;*/
#menu2 ul{float:right;margin:0;list-style:none;border-left:1px solid #6d6c6c;}
#menu2 li{float:right;padding:0;border-left:1px solid #494848;border-right:1px solid #6d6c6c;}
#menu2 li:hover, #menu2 .selected{border-right:1px solid #5d5c5d;border-left:1px solid #525151;}
#menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;}
#menu2 li a{float:left;height:43px;padding:11px 25px 0;color:#fff;font-size:1.17em;text-decoration:none;text-shadow:0 1px 1px #000;}
#menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:#817f81 url('img/menu2_bg_hover.png') repeat-x;color:#fff;text-decoration:none;}
/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;}
#body .container{overflow:hidden;background:#fff url('img/footer_bg.jpg') no-repeat left bottom;border-bottom:1px solid #c9c9c9;}
/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:20px 0;background:url('img/body_bg.png') repeat-x left top;}
.order #column{display:none;}
#searchForm{padding:15px 5px;text-align:center;}
#searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#searchForm .input{min-width:120px;width:46%;padding:3px;}
#searchForm .submit{padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#7B0404 url('img/button_bg.png') no-repeat right bottom;border-top:2px solid #faf9f9;}
*:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */
* html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */
#menu3{padding:0 20px 10px;}
#column .type {
	margin-top: 10px;
	padding: 5px 13px 10px;
	font-size: 1.667em;
	font-weight: bold;
	color: #630606;
	/* background: #7B0404 url('img/menu3_bg.png') no-repeat left bottom; */
	text-shadow: 0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);
}
/* LEFT MENU */
#menu3 ul{padding:10px 0;list-style:none;background:#fff;}
#menu3 li{margin:0 3px;padding:4px 0 4px 13px;border-bottom:1px solid #e0e0e0;}
#menu3 a{display:block;width:100%;padding:4px 0;color:#666;font-weight:bold;text-decoration:none;background:none;text-shadow:0px 1px 1px #fff,0px 2px 3px #eee,0px 3px 4px #ddd;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#7B0404;background:none;text-decoration:underline;}
#menu3 .selected > a:first-child{color:#7B0404;background:none;}
#menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 20px;background:url('img/et_sub_3.jpg') no-repeat 7px 8px;border:0px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}
/* RED MENU */
#menu5{padding:0 20px 10px;}
#column .type {
	margin-top: 10px;
	padding: 5px 13px 10px;
	font-size: 1.667em;
	font-weight: bold;
	color: #630606;
	/* background: #7B0404 url('img/menu3_bg.png') no-repeat left bottom; */
	text-shadow: 0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);
}
#menu5 ul{padding:10px 0;list-style:none;background:#fff;}
#menu5 li{margin:0 3px;padding:4px 0 4px 13px;border-bottom:1px solid #e0e0e0;}
#menu5 a{display:block;width:100%;padding:4px 0;color:#9f0303;font-weight:bold;text-decoration:none;background:none;text-shadow:0px 1px 1px #fff,0px 2px 3px #eee,0px 3px 4px #ddd;}
#menu5 a:hover, #menu3 .sub1 a:hover{color:#666;background:none;text-decoration:underline;}
#menu5 .selected > a:first-child{color:#7B0404;background:none;}
#menu5 .sub1{margin:0;padding:0;border:0;background:none;}
#menu5.sub1 li{padding:2px 0 2px 20px;background:url('img/et_sub_3.jpg') no-repeat 7px 8px;border:0px;}
#menu5 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}
/* LEFT MENU PRODUCENCI */
#menu4{padding:0 20px 10px;}
#column .type {
	margin-top: 10px;
	padding: 5px 13px 10px;
	font-size: 1.667em;
	font-weight: bold;
	color: #630606;
	/* background: #7B0404 url('img/menu3_bg.png') no-repeat left bottom; */
	text-shadow: 0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);
}
/* LEFT MENU */
#menu4 ul{padding:10px 0;list-style:none;background:#fff;}
#menu4 li{margin:0 3px;padding:4px 0 4px 13px;border-bottom:1px solid #e0e0e0;}
#menu4 a{display:block;width:100%;padding:4px 0;color:#666;font-weight:bold;text-decoration:none;background:none;text-shadow:0px 1px 1px #fff,0px 2px 3px #eee,0px 3px 4px #ddd;}
#menu4 a:hover, #menu3 .sub1 a:hover{color:#7B0404;background:none;text-decoration:underline;}
#menu4 .selected > a:first-child{color:#7B0404;background:none;}
#menu4 .sub1{margin:0;padding:0;border:0;background:none;}
#menu4 .sub1 li{padding:2px 0 2px 20px;background:url('img/et_sub_3.jpg') no-repeat 7px 8px;border:0px;}
#menu4 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}
/* BOXES */
#column .box{margin:0 20px 15px;}
#column .box .type{/*background:#326e9c url('img/menu_bg_grey.png') no-repeat left bottom;*/}
#column .box .content, #column .box .page-box, #column .box .product-box{padding:8px 10px;list-style:none;border-bottom:2px solid #757575;line-height:1.5em;}
.box .page-box div, .box .product-box div{padding-top:5px;text-align:center;}
.box .page-box div.description, .box .page-box div.more, .box .product-box div.description, .box .product-box div.more{text-align:left;}
.box .page-box div:last-child, .box .product-box div:last-child{padding-bottom:10px;}
.box ul, .box ol{margin:0 !important;list-style:none;}
.box li{padding:6px 0 2px 15px;background:url('img/menu3_sub.gif') no-repeat 3px 13px;}
.box li a{display:block;width:87%;padding:2px 2% 4px 7%;color:#002d41;font-size:1.083em;background:none;}
.box li a:hover{color:#7B0404;background:none;}
.box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:#7B0404;}
.box .price strong{padding:0 2px 0 5px;font-weight:bold;}
.box .price em{padding:0;background:inherit;color:#666;font-style:normal;}
.box .price span{color:#666;font-weight:bold;padding-left:5px;}
.box .product-box .name{font-size:1.1em;padding:5px 0;font-weight:bold;}
#column #box1 .type{background:#326e9c url('img/menu4_bg.png') no-repeat left bottom;}
#column #box1 .content{border-bottom:2px solid #01476e;}
.boxes .box .type{padding:7px 0 7px 10px;color:#7B0404;font-size:1.5em;border:0;text-align:left;text-shadow:2px 2px 2px #d5d5d5;}
.boxes .box .content, .boxes .box .page-box, .boxes .box .product-box{padding:5px 10px 15px;list-style:none;line-height:1.5em;text-align:left;}
.boxes .box{float:left;width:30%;padding:0;margin:0 0 5px 2%;background:#fbfbfb;border:2px solid #f3f3f3;-webkit-box-shadow:0 0 8px rgba(48,47,47,.4);box-shadow:0 0 8px rgba(48,47,47,.4);}
.boxes.footer .box{margin-top:10px;margin-bottom:10px;}
/* BASKET SUMMARY */
#basketSummary{padding:10px 20px;}
#basketSummary .title {
	margin-top: 10px;
	padding: 5px 13px 10px;
	font-size: 1.667em;
	font-weight: bold;
	color: #630606;
	/* background: #7B0404 url('img/menu3_bg.png') no-repeat left bottom; */
	text-shadow: 0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);
}
#basketSummary .title a{color:#630606;background:none;text-decoration:none;}
#basketSummary .title a:hover{text-decoration:underline;}
#basketSummary ol{margin:6px 0;padding:0 5px;list-style:none;font-weight:bold;}
#basketSummary li{padding:5px 3px 7px;border-bottom:1px solid #e0e0e0;}
#basketSummary .lL{border:0;}
#basketSummary li span.name{display:block;font-weight:bold;font-size:0.9em;}
#basketSummary li a{color:#666;}
#basketSummary li a:hover{color:#949494;}
#basketSummary li div{padding:5px 0 0;font-weight:normal;font-size:0.9em;}
#basketSummary li .priceQuantity{color:#7B0404;background:inherit;}
#basketSummary li strong{padding:0 2px 0 5px;font-weight:bold;}
#basketSummary li em{color:#666;background:inherit;font-style:normal;}
#basketSummary .summary{margin:0 5px;padding:5px;border-top:2px solid #e0e0e0;color:#7B0404;text-align:center;font-weight:bold;}
#basketSummary .summary em{background:inherit;color:#666;font-style:normal;}
#basketSummary .summary strong{padding:0 3px;font-weight:bold;}
#basketSummary .summary span{color:#666;font-weight:bold;}
/* PROMOTED PRODUCTS */
#promoted{margin-bottom:10px;padding:0 20px;}
#promoted .title{margin-top:10px;padding:5px 0px 10px 7px;font-size:1.2em;font-weight:bold;color:#fff;background:#fff;border-radius:4px;border: solid 1px #fff;text-shadow: 1px 1px #fff;text-align:center;}
#promoted ul{list-style:none;padding-bottom:10px;text-align:center;border:1px;border-radius:4px #333;}
#promoted li{padding:13px 0;border-bottom:1px solid #e0e0e0;}
#promoted li img{width:200px;padding:1px;background:#c0bfbf;border:4px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);}
#promoted li img:hover{border:4px solid #c9cdce;}
#promoted li .name{font-size:1.1em;padding:5px 0;font-weight:bold;}
#promoted li a{text-decoration:none;}
#promoted li a:hover{background:inherit;color:#666;text-decoration:underline;}
#promoted li .price, #promoted li .noPrice{padding:2px 0 0;background:inherit;color:#7B0404;}
#promoted li .price strong{padding:0 2px 0 5px;font-weight:bold;}
#promoted li .price em{padding:0;background:inherit;color:#666;font-style:normal;}
#promoted li .price span{color:#666;font-weight:bold;padding-left:5px;}
/* RIGHT COLUMN STYLES */
#content{float:left;width:690px;padding:20px 0 10px;text-align:center;background:url('img/body_bg.png') repeat-x left top;}
* html #content{width:658px;} /* IE 6 hack */
.order #content{width:100%;}
#page{clear:left;position:relative;float:left;width:94%;margin:0 auto 0 21px;text-align:left;}
* html #page{float:none;width:96%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */
/* PAGE TITLE */
#page h1{margin:18px 0 10px;padding-left:10px;background:inherit;color:#666;font-size:1.75em;font-weight:normal;background:inherit;text-shadow:2px 2px 3px #ddd;}
/* NAVIGATION PATH - TREE */
#page div.breadcrumb{position:absolute;top:-5px;left:0px;padding:2px 0;font-size:1em;font-weight:normal;}
#page div.breadcrumb a{text-decoration:none;}
#page div.breadcrumb a:hover{text-decoration:underline;}
*:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */
* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */
/* PAGE CONTENT */
#page div.content{padding:5px 0;font-size:1.083em;line-height:1.5em;}
#page div.content ul, #content .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px;}
.tS{float:right;margin:17px 0 3px;}
.tS div{display:inline;}
.tS a{margin:0 4px;text-decoration:none;background:inherit;color:#2e6a97;font-weight:bold;font-family:Arial;}
.tS a:hover{color:#7B0404;background:inherit;}
.tS0{font-size:0.917em;}
.tS1{font-size:1.083em;}
.tS2{font-size:1.333em;}
.pages{padding:10px 0 8px;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}
ul.options{float:left;width:100%;margin:10px 0;list-style:none;}
ul.options::after{content:"";display:table;clear:both;}
ul.options li{float:left;margin:0 10px 0 0;}
ul.options .edit a, ul.options .delete a{display:inline-block;width:21px;height:21px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
ul.options .edit a{background:url('../admin/img/ico_edit.gif') no-repeat 0px 0px;}
ul.options .delete a{background:url('../admin/img/ico_del.gif') no-repeat 0px 0px;}
ul.options .edit a:hover, ul.options .delete a:hover{opacity:0.6;}
/* IMAGES STYLES */
#content .imagesList{list-style:none;}
#content .imagesList li{margin:0 0 15px 0;text-align:center;}
#content .imagesList li div{text-align:center;}
#content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img, .imagesGallery img, #subpagesGallery img, .box .page-box img, .box .product-box img{width:200px;padding:1px;background:#c0bfbf;border:3px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);}
#content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img, #subpagesGallery img:hover, .imagesGallery img:hover, .box .page-box img:hover, .box .product-box img:hover{border:3px solid #c9cdce;}
#imagesList1{float:left;margin:9px 20px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}
/* IMAGES STYLES - GALLERY */
#imagesGallery4{margin:20px 0 0;}
#imagesGallery5{margin:10px 0 10px;}
#content .imagesGallery{clear:both;}
#content .imagesGallery .pages{clear:both;border-top:1px solid #e7e9ed;}
#content .imagesGallery table{clear:both;width:100%;padding:10px 0;font-size:1em;}
#content .imagesGallery table caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#content .imagesGallery td, #content .imagesGallery th{padding:15px 7px 10px;background:inherit;font-size:0.917em;text-align:center;vertical-align:top;}
#content .imagesGallery div{font-weight:normal;font-size:1.1em;line-height:1.4em;}
.imagePreview div{margin:5px 0 10px;text-align:center;}
#imagesListPreview{float:left;margin:9px 20px 0 0;}
* html #imagesListPreview{margin-top:-5px;}
.imagesList#imagesListPreview li{margin-bottom:3px;}
.imagesList#imagesListPreview li img{border-width:2px;}
.imagesList#imagesListPreview li img:hover{border-width:2px;}
/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #e0e0e0;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:10px;}
#filesList li a{color:#7B0404;background:inherit;}
#filesList li a:hover{color:#666;background:inherit;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;}
/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.9 );z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 1);}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}
#quick-box .description{margin:0;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.6 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}
#quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;}
#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px;border:1px solid #fff;background:#000;}
#quick-box .next span{left:auto;right:0;border-right:none;}
#quick-box .prev span{border-left:none;}
#quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;}
#quick-box .prev{left:0;}
#quick-box .next{right:0;}
#quick-box .close{position:absolute;top:0;right:0;padding:0 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}
/* SUB PAGES LIST STYLES */
#content .subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
#content .subpagesList li{clear:left;float:left;width:95%;margin:10px 0;padding:18px 2.5%;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 10px 5px -5px rgba(0,0,0,.15);box-shadow:0 10px 5px -5px rgba(0,0,0,.15);/**/}
* html #content .subpagesList li{width:100%;} /* IE 6 hack */
#content .subpagesList li .photo{float:left;margin:0 20px 5px 0;}
#content .subpagesList li h2{padding-bottom:10px;text-shadow:2px 2px 3px #ddd;}
#content .subpagesList li h2, #content .subpagesList li h2 a{color:#7B0404;font-size:1.05em;font-weight:normal;background:none;}
#content .subpagesList li h2 a:hover{color:#666;background:none;}
#content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
#content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;}
#content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
#content .subpagesList li ul{list-style:disc;}
#content .subpagesList li ol{list-style:decimal;}
#content .subpagesList li p{padding-bottom:10px;}
#subpagesGallery{width:100%;padding:10px 0;font-size:1em;background:url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 10px 5px -5px rgba(0,0,0,.15);box-shadow:0 10px 5px -5px rgba(0,0,0,.15);}
#subpagesGallery caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#subpagesGallery td, #subpagesGallery th{padding:15px 7px 10px;text-align:center;}
#subpagesGallery h2{margin:5px 0 0;}
#subpagesGallery h2, #subpagesGallery h2 a{font-size:1.2em;font-weight:normal;background:none;}
#subpagesGallery h2 a:hover{color:#666;background:none;}
/* SOCIAL BUTTONS */
#plusOne{position:absolute;top:20px;right:20px;}
#socialButtons{clear:both;float:left;width:100%;margin:10px 0;padding:6px 0 4px;text-align:left;list-style:none;background:url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);}
#socialButtons .title{display:block;float:left;margin:0 0 0 15px;padding:2px 0 0;}
#socialButtons li{float:left;margin:0 10px 0;}
#socialButtons li.social2 img{border:1px solid #ccc;}
#socialButtons a img{vertical-align:middle;}
/* SITE MAP */
#siteMap{margin:5px 0;list-style:none;}
* html #siteMap{float:left;width:100%;}
#siteMap li{margin:0 0 13px;padding:8px 10px 10px;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);}
#siteMap li a{font-weight:bold;font-size:1.1em;color:#7B0404;background:none;}
#siteMap li a:hover{color:#2e6996;background:none;}
#siteMap ul{margin:0;padding:3px 0 0 10px;border:0;list-style:none;}
#siteMap ul li{margin:0;padding:4px 10px;border:0;-webkit-box-shadow:none;box-shadow:none;}
#siteMap ul li a{font-weight:bold;color:#2e6996;background:none;}
#siteMap ul.products li{border:0;background:url('img/menu3_sub.gif') no-repeat 3px 11px;-webkit-box-shadow:none;box-shadow:none;}
#siteMap ul.products li a{color:#333;font-weight:normal;text-decoration:none;}
#siteMap ul.products li{padding-left:15px;margin-left:5px;}
#siteMap li ul li a:hover, #siteMap ul.products li a:hover{color:#7B0404;background:none;text-decoration:underline;}
#siteMap li .price{display:inline;font-size:0.917em;color:#2e6996;padding-left:5px;}
#siteMap li strong{padding:0 5px 0 7px;background-color:inherit;color:#2e6996;}
#siteMap li span{background-color:inherit;color:#2e6996;}
/* COMMENTS */
#commentForm{clear:both;width:100%;margin:10px auto 0;}
#commentForm fieldset{padding:25px 20px;}
#commentForm dl, #commentForm dt, #commentForm dd{margin:0;padding:0;}
#commentForm dt{padding:0 0 7px;}
#commentForm dd{margin-bottom:18px;}
#commentForm dt.vote{color:#2e6a97;font-weight:bold;}
#commentForm .input, #commentForm textarea{width:99%;padding:3px;font-size:1em;}
#commentForm #captcha{width:9%;}
#commentForm .captcha em{font-style:normal;font-weight:bold;}
#commentForm .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}
#commentForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#commentForm .save{text-align:center;}
#commentTitle{overflow:hidden;margin:18px 0 10px;padding-left:10px;background:inherit;color:#2e6896;font-size:2.2em;font-weight:normal;border-left:2px solid #e0e0e0;background:inherit;}
#comments{float:left;width:100%;margin:7px 0;list-style:none;}
#comments li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;border:1px solid #e0e0e0;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);}
* html #comments li{width:100%;}
#comments div{float:left;width:25%;}
#comments span.name{display:block;font-size:1em;color:#2e6896;font-weight:bold;}
#comments span.date{display:block;font-size:1em;margin-top:3px;}
#comments p{font-weight:normal;font-size:1em;line-height:1.4em;width:75%;float:right;}
/* PRODUCTS RATING */
#productRating{margin:10px 0 5px;text-align:center;}
#productRating .results{margin:2px 0 0;font-size:0.9em;}
#productRating .results strong{padding:0 0 0 2px;}
.ratingDisplay{width:80px;height:16px;background: url('img/stars.gif') no-repeat 0 0;font-size:0em;margin:6px auto;}
#comments .ratingDisplay{width:80px;margin-bottom:0;opacity:0.5;}
.rating{float:left;width:80px;height:16px;margin:0;padding:0;list-style:none;position:relative;clear:both;background: url('img/stars.gif') no-repeat 0 0;}
.stars0{background-position:0 0}
.stars1{background-position:0 -96px}
.stars2{background-position:0 -112px}
.stars3{background-position:0 -128px}
.stars4{background-position:0 -144px}
.stars5{background-position:0 -160px}
#commentForm dd.vote{float:left;}
#commentForm dt.vote{float:left;margin-right:5px;}
* html #commentForm dd.vote{margin-bottom:0;}
#commentForm .commentContent{clear:both;}
#commentForm ul.rating li{cursor:pointer;float:left;text-indent:-999em;}
#commentForm ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index: 200;}
#commentForm ul.rating li.one a{left:0}
#commentForm ul.rating li.two a{left:16px;}
#commentForm ul.rating li.three a{left:32px;}
#commentForm ul.rating li.four a{left:48px;}
#commentForm ul.rating li.five a{left:64px;}
#commentForm ul.rating li a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background: url('img/stars.gif') no-repeat 0 0}
#commentForm ul.rating li.one a:hover{background-position:0 -96px;}
#commentForm ul.rating li.two a:hover{background-position:0 -112px;}
#commentForm ul.rating li.three a:hover{background-position:0 -128px}
#commentForm ul.rating li.four a:hover{background-position:0 -144px}
#commentForm ul.rating li.five a:hover{background-position:0 -160px}
/* CONTACT FORM */
#contactPanel{clear:both;width:100%;margin:10px auto 0;}
#contactPanel fieldset{padding:25px 20px;}
#contactPanel fieldset legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#contactPanel dl, #contactPanel dt, #contactPanel dd{margin:0;padding:0;}
#contactPanel dt{padding:0 0 7px;}
#contactPanel dd{margin-bottom:18px;}
#contactPanel .input, #contactPanel textarea{width:99%;padding:3px;font-size:1em;}
#contactPanel #captcha{width:9%;}
#contactPanel .captcha em{font-style:normal;font-weight:bold;}
#contactPanel .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}
#contactPanel .save{text-align:center;}
/* PAYMENTS */
#paymentDescription{margin:10px 30px 20px;padding:20px;text-align:center;border:1px solid #bebebe;background:url('img/body.png');font-weight:bold;}
#paymentOuter{margin:10px 0 0;}
#paymentChannels{padding-left:20px;}
#paymentChannels select, #paymentChannels label, #paymentChannels .zagielInfo{display:none;}
#paymentChannels .zagielInfo label{display:inline;}
a.zagielInfo{margin:0 20px 0 0;}
.zagielInfo a{margin-left:5px;font-weight:normal;}
/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;color:#666;font-size:1em;text-align:right;}
*:first-child+html #options{width:94%;} /* IE 7 hack */
* html #options{width:94%;} /* IE 6 hack */
#options a{padding:0 10px 0;color:#2e6a97;background:inherit;text-shadow:2px 2px 3px #301c1c;}
#options a:hover{color:#7B0404;background:inherit;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #e0e0e0;}
.message{clear:both;padding:50px 0;text-align:center;}
.message h2{background:inherit;color:#7B0404;font-weight:normal;font-size:2.1em;line-height:1.7em;text-shadow: 0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);}
.message h2 a{color:#2e6a97;background:inherit;}
.message h2 a:hover{color:#666;background:inherit;}
/* PRODUCTS LIST */
#products{clear:both;float:left;width:100%;margin:10px 0;list-style:none;border-bottom:1px solid #e0e0e0;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;width:200px;margin-left:20px;padding:20px 0;border-top:1px solid #e0e0e0;text-align:center;}
/* standard products list (not columns) example:
#products .list li{position:relative;clear:both;width:96%;margin:5px 0;padding:5px 2% 10px;text-align:left;} */
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}
#products li.column1{clear:both;margin-left:0;}
#products li .photo{margin-bottom:4px;font-size:0px;line-height:0px;}
#products li h2{padding:5px 0 5px;font-weight:bold;font-size:1.083em;text-shadow:2px 2px 3px #ddd;}
#products li h2 a{text-decoration:none;}
#products li h2 a:hover{text-decoration:underline;}
#products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;}
#products li h3, #products li h3 a{color:#666;}
#products li h3 a:hover{color:#7B0404;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li div.description a{color:#666;}
#products li div.description a:hover{color:#7B0404;}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#7B0404;font-weight:bold;text-decoration:none;text-shadow:2px 2px 3px #ddd;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size:1.083em;}
#products li .price span{padding-left:4px;font-size:1.083em;color:#666;}
#products li .basket{width:150px;margin:10px auto 0;padding-left:3px;font-size:0.917em;font-weight:bold;}
#products li .basket a{
    float: left;
    width: 93%;
    padding: 0 0 0 10px;
    color: #f5f6f7;
    background-color: #630606;
    border: solid 1px #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 23px;
    line-height: 23px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	text-decoration:none;
	text-shadow:1px 1px #630d2f;
}
#products li .basket a:after {
    padding-right: 10px;
    padding-left: 9px;
    content: "\f07a";
    font-family: 'FontAwesome';
    overflow: hidden;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: right;
}
/*{display:block;padding:5px 32px 8px 7px;color:#fff;background:url('img/button_cart_list.png') no-repeat right bottom;text-decoration:none;text-shadow:1px 1px #630d2f;}*/
#products li .basket a:hover{text-shadow:0px 0px 5px #e9c0d1;}
#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;}
#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;}
#products .sort ul{display:inline;list-style:none;}
#products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #666;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}
/* PRODUCTS DETAILS */
#product{clear:left;float:right;display:block;width:650px;margin:0 20px;text-align:left;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:5px 0 5px;background:inherit;color:#6d6c6c;font-size:1.65em;font-weight:normal;text-shadow:2px 2px 3px #ddd;}
#product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #bebebe;font-weight:normal;font-size:0.917em;}
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#666;}
#product div.breadcrumb a:hover{background-color:inherit;color:#7B0404;}
#product div.breadcrumb em{padding:0 5px;}
#product #box{float:right;width:250px;margin:5px 0 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:url('img/body.png');text-align:center;-webkit-box-shadow:0 0 15px rgba(48,47,47,.3);box-shadow:0 0 15px rgba(48,47,47,.3);}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #bebebe;background-color:transparent;color:#666;font-size:1.417em;text-align:center;text-shadow:2px 2px 3px #ddd;}
#product #box #noPrice{color:#7B0404;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:#7B0404;font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#666;font-weight:bold;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px;background:none;border:none;}
#product #box #addBasket .submit{width:71%;padding:5px 25px 8px 5px;border:0;background:#630606;color:#fff;font-size:1.1em;font-weight:bold;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333;}
#product #box #addBasket .submit:after{
    padding-right: 10px;
    padding-left: 9px;
    content: "\f07a";
    font-family: 'FontAwesome';
    overflow: hidden;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: right;
}
#product #box #addBasket .submit:hover{text-shadow:0px 0px 5px #e9c0d1;}
#product div.content{clear:left;padding:10px 0 10px;font-size:1.000em;line-height:1.5em;}
#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}
#product div.content li{margin:8px 0;padding:0;border-left:0;}
#product div.content p{padding-bottom:10px;}
/* FEATURES */
#features{margin:0 0 15px;min-width:300px;background:#e0e0e0;font-size:1em;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);}
#features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#features thead td{padding:5px;background:#f0f0f0;text-align:center;font-weight:bold;border:1px solid #e8eaee;}
#features tbody td, #features tbody th{padding:5px;background:#fff;font-weight:normal;text-align:left;border:1px solid #e8eaee;}
#features .l0 td, #features .l0 th{background:#f0f0f0;}
/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#7B0404;text-shadow:1px 1px #e0e0e0;}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{padding-bottom:11px;background:#4e4e4e;color:#fff;text-shadow:1px 1px #17344b;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
/*#orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f0f6fa url('img/body.png');border-bottom:1px solid #e0e0e0;}*/
#orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#fff ;border-bottom:1px solid #fff;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#orderedProducts tbody a:hover{background:inherit;color:#666;}
#orderedProducts tfoot{background:url('img/body.png');text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}
#orderedProducts tfoot .nextStep .submit{background:#630606;text-shadow:1px 1px #630d2f;}
#orderedProducts tfoot .nextStep .submit:hover{background:#7b0404;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333;}
#basket #orderedProducts table{margin:10px 0 0;}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount{background:#fff;border-bottom:2px solid #e0e0e0;}
#basket #recount td{border-bottom:1px solid #e0e0e0;text-align:right;}
#basket #recount .submit{padding:2px 3px;}
#basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:#7B0404;}
#basket .summaryProducts{font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{font-weight:bold;}
#basket .del{padding:0 5px 0 10px;}
#basket .del a{background:inherit;color:#666;}
#basket .del a:hover{background:inherit;color:#7B0404;}
#basket .buttons #continue{text-align:left;}
#basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;}
#basket #pageDescription{margin-top:20px;}
#basket #save{padding:7px;}
#basket #save .submit{margin-right:5px;padding:4px 9px;background:#630606;color:#fff;font-weight:normal;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333;}
#basket #save .submit:hover{background:#7b0404;color:#fff;}
#basket legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
/* DISCOUNT VOUCHERS */
#discountVoucher td{text-align:right;}
#discountVoucher strong{padding-right:3px;}
#incorrectVoucher{margin:7px 0;background:inherit;color:#7B0404;font-weight:bold;}
#orderedProducts tfoot #discountVoucher{color:#666;}
#order form{background:none;border:none;}
#order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#666;text-shadow:1px 1px 3px #e0e0e0;}#order #personalData{padding:10px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#666;text-shadow:1px 1px #e0e0e0;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}
#order #vrn{float:left;width:40%;}
#order #invoice{float:left;height:20px;margin-left:2%;padding-top:18px;text-align:right;}
#order #invoice input{float:left;margin-top:3px;}
#order #invoice label{float:left;margin:0 0 0 5px;font-weight:normal;}
#order #street{clear:both;}
#shippingAndPayments div{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');}
#order tfoot td, #orderPrint tfoot td{color:#7B0404;}
#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;}
#order .summaryOrder, #orderPrint .summaryOrder{color:#666;font-size:1.36em;font-weight:bold;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #e0e0e0;}
#order #rulesAccept th{color:#666;font-weight:bold;text-align:left;}
#order #rulesAccept th, #order #nextStep th{border:0;}
#order #noticeRulesAccept th{color:#666;font-weight:bold;text-align:left;}
#order #noticeRulesAccept th, #order #nextStep th{border:0;}
*:first-child+html .nextStep .submit, *:first-child+html #basket #continue .submit{padding:2px 0px;} /* IE 7 hack */
/* ORDER SUMMARY/PRINT PAGE */
#orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;color:#7B0404;font-weight:normal;font-size:1.5em;}
#orderPrint #pageDescription p{padding:5px 0;}
#orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#2e6a97;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#fff url('img/body.png');}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:2%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}
/* ORDER STATUS LINK */
#orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}#orderPrint .orderStatusLink div{padding:3px 0;}
/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;font-weight:bold;}
#foot .container{margin:0 auto;padding:15px 0;color:#555;overflow:hidden;text-shadow:0 1px 1px #dbdbdb;}
#foot a{background:inherit;color:#555;text-decoration:underline;font-weight:bold;}
#foot a:hover{color:#7B0404;background:inherit;}
#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}
#powered img{vertical-align:middle;}
@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head2 .container, #head2{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}
  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page div.breadcrumb{position:relative;top:0;}
  #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none;}
}
/* RESPONSIVE WEB DESIGN -  PMH */
.menu-trigger {color:#ffffff;background:#6d6c6c;font-size:1.17em;text-decoration:none;text-shadow:0 1px 1px #000;text-transform:;padding:15px;margin:0 0 5px;cursor:pointer;}
menu-trigger ul{float:right;margin:0;list-style:none;border-left:1px solid #6d6c6c;}
menu-trigger li{float:right;padding:0;border-left:1px solid #494848;border-right:1px solid #6d6c6c;}
menu-trigger li:hover, #menu2 .selected{border-right:1px solid #5d5c5d;border-left:1px solid #525151;}
menu-trigger li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;}
menu-trigger li a{float:left;height:43px;padding:11px 25px 0;color:#fff;font-size:1.17em;text-decoration:none;text-shadow:0 1px 1px #000;}
menu-trigger li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:#817f81 url('img/menu2_bg_hover.png') repeat-x;color:#fff;text-decoration:none;}
@media screen and (min-width: 640px) {
.menu-trigger {display:none;}
aside nav {display:block !important;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000;background:#FFC000;padding:8px 20px;}
aside nav ul li a:hover{background:#212121;color:#FFF;}
}
@media screen and (max-width: 639px) {
aside nav {display:none;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;font-size:14px;font-weight:700;text-decoration:none;color:#fff;background:#333;padding:10px 20px;}
aside nav ul li a:hover{background:#7b0404;color:#f5f6f7;}
#randomProduct {display:none;}
#promoted {display:none;}
#menu4 {display:none;}
#column .type {display:none;}
.menu-trigger {display:;}
#column .login {display:none;}
#basketSummary {display:none;}
}
@media screen and (max-width: 800px) {
	img{max-width:100%;}
 #basketSummary {display:none;}
 #basket .image img{padding:1px;background:#fff;border:2px solid #c9cdce;}
 #basket .image a:hover img{border:2px solid #a4aaac;}
 #basket tbody td, #basket tbody th{vertical-align:middle;}
 #head3 .container{height:auto;background:#646262;border-bottom:none;}
  #menu2{float:left;width:100%;}
  #menu2 ul{width:100%;}
  #menu2 li, #menu2 li:hover, #menu2 .selected{width:25%;border:none;}
  #menu2 li a{width:100%;height:auto;padding:10px 5%;background:url('img/menu2_bg.png') repeat-x;border:1px solid #797879;border-left:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:url('img/menu2_bg.png') repeat-x;}
  #content .imagesGallery table img{max-width:110px;}
 }
 img
@media screen and (max-width: 840px) {
 #head2 .container {
	position: relative;
	height: 130px;
	background: #fff url('img/top3_800.jpg') no-repeat left bottom;
	border-top: 1px solid #c9c9c9;
}
}
@media screen and (max-width:864px){
  #basket .image{display:none;}
}
/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1023px){
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:95%;}
  #column{width:30%;padding:10px 0;}
  #column .type{padding:3px 10px;background:#ffffff;text-shadow:none;}
  #column .box{margin:0 0 15px;}
  #column .box .type{background:#fff;}
  #column #box1 .type, #basketSummary .title, #promoted .title{padding:3px 10px;background:#ffffff;}
  #basketSummary, #promoted{padding:10px 0;}
  #menu3{padding:0px;}
  #menu3 ul{padding:0px;}
  #menu3 .sub1 li{padding:5px 22px;background-position:7px center;}
  #content{width:70%;}
  #page {margin:0px 3%;}
  #products .list li{width:48%;margin:1%;padding:10px 0 0;}
  #products .list .i1{clear:left;}
  #products li.column1{clear:none;}
  #product{width:94%;margin:0 3%;}
  #product #box{padding:2px 5px;width:auto;margin-top:10px;}
}

@media screen and (max-width:640px){
  #body.basket-page #column{display:none;}
  #body.basket-page #content{width:100%;}
  #order #vrn{float:none;width:90%;}
  #order #invoice{float:left;height:auto;margin-left:0;padding:0 0 7px;text-align:left;}
 }
@media screen and (max-width:481px){
  #menu2 li{width:100%;margin-top:2px;border-bottom:1px solid #fff}
  #menu2 li:hover, #menu2 .selected{width:100%;}
  #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:#585757;}
  a.zagielInfo{display:block;margin:4px 0 8px;}
  #column, #content{width:100%;}
  #copy, .foot{float:none;width:100%;text-align:center;padding:0 0 20px;}
  .social {display:none;}
}
/* media screen and (max-width:360px) */
@media screen and (max-width:420px){
  #head2 .container{height:131px;}
  #logo #title a{font-size:2em;}
  #logo #slogan{padding-left:0;}
  #lang{position:absolute;top:10px;right:10px;padding:0;}
  #products .list li{width:98%;margin:1%;}
  #product #box #addBasket .submit{width:96%;padding:10px 2%;background:#4e0d02;}
  #orderedProducts td{padding:2px;}
  #orderedProducts #recount td{padding:2px 0px;}
  #orderedProducts #recount .submit{font-size:0.83em;}
  #orderedProducts thead .name{padding-left:7px;}
  #orderedProducts thead .price span{display:none;}
  .social {display:none;}
 /* #continue .submit{width:70px;} */
  #basket #save{padding:6px 4px 0;}
  #orderedProducts tbody .quantity input{width:25px;}
  #orderedProducts .del{overflow:hidden;width:16px;padding:0;vertical-align:center;font-size:1px;line-height:1px;}
  #orderedProducts .del a{display:inline-block;width:16px;height:16px;font-size:0px;line-height:1px;color:transparent;background:url('img/close.png') no-repeat 0px 0px;text-decoration:none;}
  #orderedProducts .del a:hover{color:transparent;background:url('img/close.png') no-repeat 0px -16px;}
  #order #personalData #setBasic, #order #personalData #setExtend{width:100%;}
  #order #personalData #oComment{height:80px;}
  #content .imagesGallery table img{max-width:70px;}
  #comments span.date{font-size:0.917em;}
}
@media screen and (max-width:320px){
}
/* PLUGINS */
/* BANNERS */
#banner0{text-align:center;padding-bottom:15px;}
#banner1{text-align:center;margin:10px 0;}
@media print{ #banner0, #banner1{display:none;} }
.content-slider{height:200px;overflow:hidden;} /* height:200px; is default height, so page will not change its height after slider is loaded, so you should change it if your slider has different height */
.content-slider .quick-slider-nav-dots-wrapper{bottom:10px;margin:0 auto;text-align:center;}
.content-slider .quick-slider-nav-dots-wrapper li{display:inline-block;}
#column .content-slider{max-width:230px;box-shadow:0 0 8px rgba(48,47,47,.4);}
#content .content-slider{max-width:660px;margin-bottom:10px;box-shadow:0 0 8px rgba(48,47,47,.4);}
#column .content-slider .description{top:0;left:0;width:100%;text-align:center;}
#content .content-slider .description{top:10px;left:80px;min-width:150px;width:45%;margin-top:10px;}
#page .pageField{text-align:left;margin:5px 0;}
.pageField strong{padding-left:5px;}
#page .pageField{margin:0 0 10px;}
.tabelarozmiarow  a{display:block;padding:0 5px;font-weight:bold;text-decoration:none;}
.tabelarozmiarow  a:hover{text-decoration:underline;}
#noticesAccepts{text-align:left;padding:0px;margin:0px;}
#noticesAccepts li{margin-bottom:10px;list-style:none;}
#noticesAccepts li span{margin-left:4px;}
#page .googlemap iframe{width:100%;height:350px;margin:0;padding:0;border:1px solid #014973;}
/* STOCK */
#page .stockLevel, #page .stockSold{margin:5px 0;font-size:0.917em;}
#page .stockSold{background:inherit;color:#7B0404;font-weight:bold;}
#page .stockLevel strong{margin:0 0 0 2px;}
#product .stockLevel, #product .stockSold{margin:8px 10px 4px;padding:5px 0 6px;font-weight:bold;font-size:0.917em;}
#product .stockSold{color:#7B0404;}
#product .stockLevel strong{margin:0 0 0 4px;background:inherit;color:#7B0404;}
#basket #productsOverStock h5{margin-top:10px;padding:8px 0;font-size:1em;font-weight:bold;border-top:1px solid #e0e0e0;}
#basket #productsOverStock strong{display:block;padding:2px 10px;background:inherit;color:#7B0404;}
#basket #productsOverStock div{margin:0 0 10px;padding:5px 0 10px;font-size:1em;font-weight:normal;border-bottom:1px solid #e0e0e0;}
#noticeAboutCookies{display:none;padding:7px 0;background:#fff;font-weight:bold;}
#noticeAboutCookies.slide, #noticeAboutCookies.top{border-bottom:1px solid #555;}
#noticeAboutCookies.bottom, #noticeAboutCookies.top, #noticeAboutCookies.left-corner{position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);}
#noticeAboutCookies.top{top:0px;}
#noticeAboutCookies.bottom{bottom:0px;border-top:1px solid #555;}
#noticeAboutCookies.left-corner{width:200px;left:0px;bottom:0px;padding:10px;border:1px solid #bbb;}
#noticeAboutCookies .close{margin-left:20px;font-size:0.917em;color:#999;font-weight:normal;text-decoration:none;}
#noticeAboutCookies .close:hover{color:#f00;}
#noticeAboutCookies.left-corner .close{display:block;margin:10px 0 0;}
#randomProduct .content{text-align:center;}
#randomProduct img{width:200px;padding:1px;background:#c0bfbf;border:3px solid #e8e8e7;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);}
#randomProduct img:hover{border:3px solid #d5d5d2;}
#randomProduct .name{font-size:1.1em;padding:5px 0;font-weight:bold;}
#randomProduct a{text-decoration:none;}
#randomProduct a:hover{background:inherit;color:#666;text-decoration:underline;}
#randomProduct ul{border:1px;border-radius:4px #333;}
#randomProduct .price, #randomProduct .noPrice{padding:2px 0 0;background:inherit;color:#848a8d;}
#randomProduct strong{padding:0 2px 0 5px;font-weight:bold;}
#randomProduct .price em{padding:0;background:inherit;color:#666;font-style:normal;}
#randomProduct .price span{color:#666;font-weight:bold;padding-left:5px;}
#randomProduct .price ins{text-decoration:none;font-weight:bold;padding-left:5px;}
#randomProduct .price ins em{padding-right:5px;background:inherit;color:#2e6a97;text-decoration:line-through;font-style:normal;}
/* POLL */
#column .poll .content{padding:10px 5px;}
#column .poll span{display:block;padding:10px 0 5px;text-align:center;}
#column .poll form .answer{padding:4px;color:#666;font-weight:bold;background:inherit;}
#column .poll legend{display:none;}
#column .poll .result{font-style:italic;padding:3px 0 7px;}
#column .poll .result .answer{padding-bottom:2px;}
#column .poll .result strong{font-style:normal;}
#column .poll .graph{clear:both;width:95%;height:10px;padding:0;background:url('img/poll_bg_g.gif') repeat-x;font-size:1px;line-height:1px;}
#column .poll .graph div{clear:both;float:left;width:1px;height:10px;padding:0;background:url('img/poll_bg.gif') repeat-x;font-size:1px;line-height:1px;}#column .poll .submit{font-size:0.917em;}
#product .recommended, #products .recommended{padding-left:5px;}
/* ASK ABOUT PRODUCT */
#product #askAboutProduct{font-size:0.917em;}
#product #askAboutProduct:hover{background:none;}
@media print{
  #askAboutProduct{display:none;}
}
#products li .price ins{padding-right:5px;text-decoration:none;font-weight:bold;}
#products li .price ins em{padding-right:8px;background:inherit;color:#7B0404;text-decoration:line-through;font-size:1.13em !important;}
#product #box #price .priceOld{padding-bottom:3px;background:inherit;font-size:0.7em;}
#product #box #price .priceOld em{background:inherit;padding-right:5px;}
#product #box #price .priceOld #priceOldValue{text-decoration:line-through;}
#siteMap li ins{text-decoration:none;font-weight:bold;}
#siteMap li ins em{padding-right:5px;background:inherit;text-decoration:line-through;font-style:normal;}
#promoted li .price ins{text-decoration:none;font-weight:bold;padding-left:5px;}
#promoted li .price ins em{padding-right:5px;background:inherit;color:#7B0404;text-decoration:line-through;font-style:normal;}
@media screen and (max-width:660px){
  #products li .price{font-size: 0.85em;}
}
@media screen and (max-width:570px){
  #products li .price{font-size: 0.75em;}
}
@media screen and (max-width:481px){
  #products li .price{font-size:0.85em;}
} 
.infoDiscount{color:#666;background:inherit;font-size: 0.9em;padding-bottom:5px;text-align:center;}
#order #deliveryAddress{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');color:#2e6a97;}
#order #deliveryAddress label{display: block;
    padding: 2px 0;
    font-weight: bold;
    color: #666;
    text-shadow: 1px 1px #e0e0e0;}
#order #deliveryAddress .input{width:45%;margin:0 0 5px;}
#order #ceneoAccept label{font-weight:normal;font-size:0.917em;}
/* RELATED PRODUCTS */
#productsRelated{clear:both;float:left;width:100%;border-top:2px solid #e0e0e0;padding-top:10px;}
#productsRelated h3{font-size:1.7em;font-weight:normal;color:#7B0404;}
#productsRelated ul{float:left;width:100%;margin:10px 0;padding:15px 0 10px;list-style:none;border-bottom:2px solid #e0e0e0;}
#productsRelated li{float:left;width:32%;margin-left:2%;padding:5px 0 15px;text-align:center;vertical-align:top;}
#productsRelated li.column1{clear:both;margin-left:0;}
#productsRelated img{width:200px;margin-bottom:5px;padding:1px;background:#c0bfbf;border:4px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);}
#productsRelated img:hover{border:4px solid #c9cdce;}
#productsRelated a{display:block;padding:0 5px;font-weight:bold;text-decoration:none;}
#productsRelated a:hover{text-decoration:underline;}
#productsRelated .price, #productsRelated .noPrice{padding:6px 0 0;color:#2e6a97;}
#productsRelated .price strong{padding:0 2px 0 5px;font-weight:bold;}
#productsRelated .price em{padding:0;background:inherit;font-style:normal;}
#productsRelated .price span{font-weight:bold;padding-left:5px;}
@media print{
  #productsRelated .price em, #productsRelated .price span, #productsRelated .price strong{font-weight:normal;}
  #productsRelated{float:none;width:17.2cm;padding:0;margin:0;}
}
@media screen and (max-width:650px){
  #productsRelated .price em{display:none;}
}
@media screen and (max-width:360px){
  #productsRelated li{width:98%;}
  #productsRelated .price em{display:initial;}
}
/* USERS COLUMN LOGIN BOX */
#column .login{margin:10px 20px;padding:10px 7px;font-size:0.92em;text-align:center;border-top:2px solid #757575;border-bottom:2px solid #757575;}
#column .login label, #column .login legend{display:none;}
#column .login fieldset{padding:0;margin:0;}
#column .login .input{width:70px;margin:0 5px 0 0;}
#column .login .submit{width:50px;padding:3px 0;font-weight:bold;font-size:0.917em;}
* html #column .login{padding:10px 0;}
* html #column .login .input{width:59px;}
/* USERS LOGIN, LOGOUT AND PROFILE */
#log .button{text-align:center;}
#log .forget{margin-top:15px;text-align:center;}
#profile .fb{padding-top:15px;text-align:center;white-space:nowrap;}
#profile .fb img{margin-top:10px;border:1px solid #273b65;}
#profile{clear:both;width:100%;margin:10px auto 0;}
#profile fieldset{padding:25px 20px;}
#profile fieldset legend{display:none;}
#profile dl, #profile dt, #profile dd{margin:0;padding:0;}
#profile dt{padding:0 0 4px;}
#profile dd{margin-bottom:18px;}
#profile dd.not-required{display:none;}
#profile.register dl#notRequired{display:none;}
#profile.register dd.not-required{display:block;}
#profile .input, #contactPanel textarea{width:99%;padding:3px;font-size:1em;}
#profile #captcha{width:50px;}
#profile .captcha em{font-style:normal;font-weight:bold;}
#profile .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}
#profile .save{text-align:center;}
#forgetPasswordForm{margin:10px 0 0;padding:10px 20px;}
#forgetPasswordForm label{padding-right:10px;}
#forgetPasswordForm .input{width:150px;margin-right:5px;}
#resetPasswordForm #profile th label{font-weight:bold;}
#order .tab{float:left;}
#order .tab a{display:block;margin:10px 10px 0 0;padding:10px 15px 10px;border:1px solid #e0e0e0;border-bottom:0;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;background:#fff;font-size:1em;font-weight:bold;color:#a3a3a3;text-decoration:none;}
#order .tab a:hover{color:#2e6a97;}
#order .tab a.selected{border-color:#c9c9c9;background:#fff url('img/body.png');color:#666;}
#orderForm, #orderLoginForm{clear:both;}
#order #orderLogin div, #orderRegisterForm div{padding:10px 3%;background:#fff url('img/body.png');border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;}
#order #orderLogin label, #orderRegisterForm label{padding:0 7px 0 0;}
#order #orderLogin legend, #orderRegisterForm legend{display:none;}
#orderRegisterForm span{display:block;margin-top:7px;color:#949494;font-size:0.917em;}
#userOrdersListLink{text-align:right;}
#userOrders{width:100%;margin:10px 0 0;font-size:1em;text-align:left;}
#userOrders thead td{padding:8px 4px;background:#2e6896;color:#fff;}
#userOrders tbody td{padding:6px 4px;border-top:2px solid #fff;background:#fff url('img/body.png');border-bottom:1px solid #e0e0e0;}
#userOrders a{background:inherit;}
#userOrder .message{display:none;}
#userOrder #orderPrint{padding-top:15px;}
#orderLogin .submit, #forgetPasswordForm .submit{padding:2px 10px;}
/* RANDOM CATEGORY PRODUCTS */
#randomCategoryProducts{clear:both;float:left;width:100%;border-top:2px solid #e0e0e0;padding-top:10px;text-shadow:2px 2px 3px #746464;}
#randomCategoryProducts h3{font-size:1.25em;font-weight:normal;color:#7B0404;}
#randomCategoryProducts ul{float:left;width:100%;margin:10px 0;padding:15px 0 10px;list-style:none;border-bottom:2px solid #e0e0e0;}
#randomCategoryProducts li{float:left;width:32%;margin-left:2%;padding:5px 0 15px;text-align:center;vertical-align:top;}
#randomCategoryProducts li.column1{clear:both;margin-left:0;}
#randomCategoryProducts img{width:200px;margin-bottom:5px;padding:1px;background:#c0bfbf;border:3px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);}
#randomCategoryProducts img:hover{border:3px solid #c9cdce;}
#randomCategoryProducts a{display:block;padding:0 5px;font-weight:bold;text-decoration:none;text-shadow:2px 2px 3px #ddd;}
#randomCategoryProducts a:hover{text-decoration:underline;}
#randomCategoryProducts .price, #randomCategoryProducts .noPrice{padding:6px 0 0;color:#630606;text-shadow:2px 2px 3px #ddd;}
#randomCategoryProducts .price strong{padding:0 2px 0 5px;font-weight:bold;text-shadow:2px 2px 3px #ddd;}
#randomCategoryProducts .price em{padding:0;background:inherit;font-style:normal;color:#666;text-shadow:2px 2px 3px #ddd;}
#randomCategoryProducts .price span{font-weight:bold;color:#666;padding-left:5px;text-shadow:2px 2px 3px #ddd;}
@media print{
  #randomCategoryProducts .price em, #randomCategoryProducts .price span, #randomCategoryProducts .price strong{font-weight:normal;}
  #randomCategoryProducts{float:none;width:17.2cm;padding:0;margin:0;}
}
@media screen and (max-width:650px){
  #randomCategoryProducts .price em{display:none;}
}
@media screen and (max-width:360px){
  #randomCategoryProducts li{width:98%;}
  #randomCategoryProducts .price em{display:initial;}
}
#product #box #attributes{max-width:230px;margin:0 0 10px;}
* html #product #box #attributes{width:230px;}
#product #box #attributesLabel{display:none;}
.attribute{padding:20px;border:1px solid #bebebe;margin:0 50px 20px;background:#efefef;}
.attribute h3{font-size:1.2em;font-weight:bold;}
#product #box dl#attributesSelects{text-align:left;margin:0 10px 10px;border:1px solid #bebebe;padding:0 2px 5px 10px;}
#product #box dl#attributesSelects dd{padding:0 0 5px;margin:0;}
#product #box dl#attributesSelects dt{padding:5px 0 2px;margin:0;}
#product #box dl#attributesSelects select{width:210px;}
/*PMH */
:disabled {text-decoration:line-through;}
@media screen and (max-width:410px){
  #product #box{width:95%;}
}
/* ADVANCED SEARCH */
#searchFormAdvanced{margin:0 6%;padding:10px 0 0;text-align:right;width:225px;}
#searchFormAdvanced .input{width:218px;}
#searchFormAdvanced .phrase label, #searchFormAdvanced .producer label{display:none;}
#searchFormAdvanced select{width:100%;font-size:1em;}
#searchFormAdvanced .hide, #searchFormAdvanced legend{display:none;}
#searchFormAdvanced div{padding:3px 0;}
#searchFormAdvanced .prices .input{width:42px;margin:0 0 0 4px;}
#searchFormAdvanced .prices label{padding-left:4px;}
#searchFormAdvanced .submit{margin-top:5px;padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#630606;border-top:2px solid #faf9f9;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333;}
#searchFormAdvanced .submit:hover{margin-top:5px;padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#7b0404;border-top:2px solid #faf9f9;border-radius:4px;border: solid 1px #333;text-shadow: 1px 1px #333;}
* html #searchFormAdvanced .submit{padding:4px 3px 9px;}
@media screen and (max-width:860px){
  #searchFormAdvanced{width:88%;}
  #searchFormAdvanced .input{width: 100%;}
  #searchFormAdvanced .prices label{width:50%;padding-left:25%;}
  #searchFormAdvanced .submit{margin-left:30%;}
}
@media screen and (max-width:481px){
  #searchFormAdvanced .prices label{padding-left:4px;}
}
/* Basket image  + media PMH */
#basket .image img{padding:1px;background:#c0bfbf;border:3px solid #e8e8e7;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);width: 60%;}
#basket .image a:hover img{border:3px solid #d5d5d2;}
#basket tbody td, #basket tbody th{vertical-align:middle;}
#fbSideTab{z-index:50;position:fixed;top:230px;padding:10px;}
#fbSideTab.left{left:0px;padding-left:0;}
#fbSideTab.right{right:0px;padding-right:0;}
#fbSideTab .button{display:block;float:left;padding:0 10px 30px;}
#fbSideTab .fb{overflow:hidden;background-color:#2a2f34;}
#fbSideTab.left .fb{float:left;-moz-border-radius-topright:10px;border-top-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px;}
#fbSideTab.right .fb{float:right;-moz-border-radius-topleft:10px;border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;}
#fbSideTab .fb.light{background-color:#e6e7e9;}
@media print{
  #fbSideTab{display:none;}
}
/* CROSS SELL */
#crossSell{clear:both;margin:10px 0;padding:8px 10px 10px;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);}
#crossSell h3{color:#7B0404;font-size:1.25em;font-weight:normal;text-shadow:2px 2px 3px #746464;}
#crossSell ul{margin:10px 10px 10px 20px;padding:8px 0 0;list-style:none;}
#crossSell li{padding:0 0 7px;background:url('img/menu3_sub.gif') no-repeat left 5px;padding-left:10px;}
#crossSell li a{color:#666;font-weight:bold;text-decoration:none;}
#crossSell li a:hover{background-color:inherit;color:#7B0404;text-decoration:underline;}
#crossSell .price, #crossSell .name{display:inline;}
#crossSell .price{color:#2e6a97;padding:0 5px 0 15px;}
#crossSell .price em{display:none;}
#crossSell .price span{padding-left:5px;}
/* PMH */
.rozmiary {border:1px solid #c3c2c0;box-shadow:2px 3px 4px rgba(0,0,0,0.3);}
.fontdeliveryadmin{color:#666;font-weight:bold;text-decoration:none;}
.layer {display: none;}
.info {display: block;}
.kom {display: block;}
.vis {display: none;}
.nvis {display: block;}
#shortdescryption #products li div.description{display:none;} /*display:block;height:38%;*/
.menupmh {clear:left;float:left;width:95%;height;20px;margin:1px 0;padding:10px 2.5%;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 10px 5px -5px rgba(0,0,0,.15);box-shadow:0 10px 5px -5px rgba(0,0,0,.15);/**/}
/*PACZKOMATY*/
@media screen and (max-width:500px){
  .class_inpost_machines_dropdown{max-width:240px;}
}
/* =================================================================im
   NOWOCZESNY REDESIGN - WPROWADZENIE (Styl nowoczesny / Clean & Minimal)
   ================================================================ */

/* 1. Odświeżenie tła i ogólnego klimatu strony */
body {
  background: #f8f9fa; /* Jaśniejsze, czystsze tło zamiast starego wzoru */
}

/* 2. Nowoczesne, bardziej miękkie cienie zamiast mocnych, czarnych ramek */
#head2 .container, #head3 .container, #body .container, 
.boxes .box, #product #box, #content .subpagesList li, 
#comments li, #siteMap li, #crossSell {
  border: none !important;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* 3. Nowoczesne przyciski (Flat Design z subtelnym zaokrągleniem) */
.submit, #products li .basket a, #product #box #addBasket .submit {
  background: #49494f !important; /* Głęboka czerń/grafit zamiast starej czerwieni */
  border: none !important;
  border-radius: 6px;
  text-shadow: none !important;
  font-weight: 500;
  transition: background 0.2s ease, transform 0.1s ease;
}

.submit:hover, #products li .basket a:hover, #product #box #addBasket .submit:hover {
  background: #242425 !important;
  transform: translateY(-1px);
}

/* 4. Lista produktów w siatce (Cards) – czysty, nowoczesny grid */
#products .list li {
  background: #ffffff;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#products .list li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

#products li img, #promoted li img, #productsRelated img {
  border-radius: 6px;
  border: none !important;
  box-shadow: none !important;
  background: #f3f4f6;
}

/* 5. Unifikacja kolorów akcentów (zamiana starej bordowej/czerwonej barwy na spójny grafit/akcent) */
#menu1 li.lBasket a, #menu1 li.lBasket span,
#menu3 a:hover, #menu3 .selected > a:first-child,
.box .price, .box .noPrice,
#promoted li .price, #promoted li .noPrice,
#products li .price, #products li .noPrice,
#product #box #noPrice,
#orderedProducts table,
.message h2,
#productsRelated h3,
#randomCategoryProducts h3 {
  color: #848a8d;
}

/* Wyjątek dla cen – zostawiamy subtelny, nowoczesny kolor wyróżniający (np. elegancki granat lub ciemna zieleń) */
#products li .price strong, 
#product #box #price strong {
  color: #848a8d; 
}

/* 6. Lepsza czytelność formularzy i pól tekstowych */
.input, select, textarea {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  text-shadow: none !important;
  padding: 8px 12px;
}

.input:focus, select:focus, textarea:focus {
  border-color: #0284c7;
  outline: none;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}


/* 2. Zapewnienie, że główny obszar roboczy i kolumny dobrze się rozciągają */
#body {
  width: 100% !important;
}

#content {
  /* Jeśli szablon korzysta z pływających kolumn (float), 
     upewniamy się, że treść główna zajmuje odpowiednio więcej miejsca */
  box-sizing: border-box;
}

/* 3. Dostosowanie siatki produktów do szerszego ekranu 
   (automatyczne dopasowanie większej liczby kolumn w rzędzie) */
#products .list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Odstępy między produktami */
}

#products .list li {
  /* Ustawia szerokość kafla tak, aby mieściły się np. 4 produkty w rzędzie na szerokim ekranie */
  flex: 1 1 calc(25% - 20px); 
  min-width: 220px;
  margin: 0 !important; /* Usuwamy stare marginesy blokujące flexboxa */
  box-sizing: border-box;
}
/* Całkowite usunięcie ramek i obramowań wokół obrazków */
#products img, 
#promoted img, 
#product img, 
#content img,
.boxes img,
#randomProduct img,
#productsRelated img,
#randomCategoryProducts img {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* =================================================================
   PRAWIDŁOWE POSZERZENIE UKŁADU I 3 KOLUMNY DLA QUICK.CART.EXT v6.7
   ================================================================ */

/* 1. Przywrócenie wyśrodkowania i poszerzenie całej strony do 1200px */
.container, 
#head2 .container, 
#head3 .container, 
#body .container, 
#foot .container {
  width: 1200px !important;          /* Szerokość całej strony */
  max-width: 95% !important;        /* Ochrona przed wychodzeniem na mniejszych ekranach */
  margin-left: auto !important;     /* Wymuszenie wyśrodkowania (lewy margines) */
  margin-right: auto !important;    /* Wymuszenie wyśrodkowania (prawy margines) */
  box-sizing: border-box !important;
}

/* 2. Przywrócenie blokowego układu głównego obszaru */
#body {
  display: block !important;
  width: 100% !important;
}

/* 3. Kolumna boczna (menu / boxy) */
.boxes.left, 
#body .boxes, 
#columnLeft {
  width: 250px !important;
  float: left !important;
  box-sizing: border-box !important;
}

/* 4. Odblokowanie szerokości 690px – teraz #content zajmuje resztę wolnego miejsca (~920px) */
#content {
  width: calc(100% - 280px) !important; /* 100% szerokości minus kolumna boczna i odstęp */
  float: right !important;              /* Trzyma się po prawej stronie menu */
  box-sizing: border-box !important;
}

/* 5. Czyszczenie i ułożenie dokładnie 3 produktów w rzędzie */
#products .list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

#products .list li {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
/* =================================================================
   POPRAWKI DLA KARTY SZCZEGÓŁÓW PRODUKTU (#product)
   ================================================================ */

/* 1. Odblokowanie pełnej szerokości karty produktu */
#product {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* 2. Przywrócenie i stylizacja ramek wokół zdjęć na karcie produktu */
#product img {
  border: 1px solid #e5e7eb !important; /* Delikatna, nowoczesna ramka */
  border-radius: 8px !important;         /* Subtelnie zaokrąglone rogi */
  padding: 5px !important;               /* Margines wewnętrzny między ramką a zdjęciem */
  background: #ffffff !important;         /* Białe tło pod zdjęciem */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; /* Miękki, nowoczesny cień */
  box-sizing: border-box !important;
}

/* 3. Wykluczenie małych ikonek (np. ikonka polecania, gwiazdki) z ramek */
#product h1 img, 
#product .recommended img, 
#product #productRating img, 
#product .pageField img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}
/* =================================================================
   ODSTĘP DLA ZDJĘCIA NA KARTY PRODUKTU OD LEWEJ KRAWĘDZI
   ================================================================ */

/* 1. Margines wewnętrzny dla całej karty produktu, aby treść nie dotykała brzegów */
#product {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* 2. Odstępy dla kontenerów ze zdjęciami oraz pojedynczych zdjęć w karcie produktu */
#product .images, 
#product .photo,
#product a img,
#product img {
  margin-left: 10px !important;  /* Odstęp od lewej krawędzi */
  margin-right: 25px !important; /* Odstęp z prawej strony (od opisu/boksów) */
  margin-bottom: 15px !important;
}

/* 3. Reset marginesów dla małych ikonek systemowych */
#product h1 img, 
#product .recommended img, 
#product #productRating img, 
#product .pageField img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* =================================================================
   NAPRAWA SIATKI PRODUKTÓW (3 W RZĘDZIE) I UKŁADU STRONY
   ================================================================ */

/* Główna rama strony */
#body .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 1200px !important;
  max-width: 95% !important;
  margin: 0 auto !important;
}

/* Kolumna boczna i treść główna na liście produktów */
#column {
  width: 270px !important;
  flex: 0 0 270px !important;
}

#content {
  width: 900px !important;
  flex: 0 0 900px !important;
  max-width: 900px !important;
  box-sizing: border-box !important;
}

/* Wyłączenie kolumny bocznej na karcie produktu */
#column:empty,
#column[style*="display: none"],
#column[style*="display:none"] {
  display: none !important;
}

/* Pełna szerokość 1200px dla karty produktu gdy brak kolumny */
#column:empty + #content,
#column[style*="display: none"] + #content,
#column[style*="display:none"] + #content {
  width: 100% !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
}

/* Wymuszenie układu 3 produktów w rzędzie */
#products .list,
.products.list,
#productsList {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

#products .list > li,
.products.list > li,
#productsList > li {
  width: calc(33.333% - 10px) !important;
  max-width: calc(33.333% - 10px) !important;
  flex: 0 0 calc(33.333% - 10px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
/* =================================================================
   WYRÓWNANIE PRZYCISKÓW "DO KOSZYKA" DO DOLNEJ KRAWĘDZI
   ================================================================ */

/* Ustawienie karty produktu w pionowy układ flexbox */
#products .list > li {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* Ujednolicenie miejsca na nazwę produktu (rezerwacja na 2 linijki) */
#products .list > li .name,
#products .list > li h3,
#products .list > li .title,
#products .list > li a {
  min-height: 2.4em !important; /* Rezerwuje miejsce na drugą linię nawet przy krótkiej nazwie */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important; /* Przycina zbyt długie nazwy do 2 linijek */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Zepchnięcie formularza/przycisku zakupu na sam dół kafelka */
#products .list > li > form,
#products .list > li > .buy,
#products .list > li > .basket,
#products .list > li > .button {
  margin-top: auto !important;
}
/* =================================================================
   GWARANTOWANE ODSTĘPY (10px) W KARTACH PRODUKTÓW
   ================================================================ */

/* Wymuszenie równego odstępu 10px między wszystkimi elementami kafelka */
#products .list > li {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important; /* Odstęp między zdjęciem, tytułem, ceną i przyciskiem */
}

/* Wymuszenie wyświetlania blokowego dla tytułów/linków */
#products .list > li h2,
#products .list > li h3,
#products .list > li > a {
  display: block !important;
  margin: 0 !important;
}

/* Zepchnięcie bloku ceny i koszyka na dół, gdy karta jest wyższa */
#products .list > li .price,
#products .list > li form,
#products .list > li .buy {
  margin-top: auto !important;
}
/* =================================================================
   RESPONSYWNOŚĆ (RWD) - NAPRAWA 2 KOLUMN NA TABLETACH (712px)
   ================================================================ */

/* Główny kontener strony */
#body .container {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Wymuszenie elastcznej siatki produktów i usunięcie starych odstępów */
#products .list,
.products.list,
#productsList {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important; /* Odstęp między kafelkami */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

/* Zabezpieczenie obrazków w produktach przed rozpychaniem kafelka */
#products .list > li img,
.products.list > li img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Stopka zawsze na samym dole */
#foot, 
#footer, 
footer, 
#bottom,
#body .container > :not(#content):not(#column) {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  order: 99 !important;
}

/* 1. TABLETY (od 601px do 1024px) - ODBLOKOWANIE 2 KOLUMN */
@media (min-width: 601px) and (max-width: 1024px) {
  #body .container {
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* Zoptymalizowana szerokość bocznego menu (195px) */
  #column {
    width: 195px !important;
    flex: 0 0 195px !important;
    max-width: 195px !important;
    order: 1 !important;
    margin: 0 !important;
  }

  /* Obszar z produktami */
  #content {
    width: calc(100% - 210px) !important; /* Pozostałe miejsce minus 15px odstępu */
    flex: 0 0 calc(100% - 210px) !important;
    max-width: calc(100% - 210px) !important;
    order: 2 !important;
    margin-left: 15px !important;
    padding: 0 !important;
  }

  /* KAFELKI PRODUKTÓW: Dokładnie 2 w rzędzie z usuwaniem blokad */
  #products .list > li,
  .products.list > li,
  #productsList > li {
    /* Wzór matematyczny: dokładnie połowa dostępnej szerokości minus połowa przerwy */
    width: calc((100% - 12px) / 2) !important;
    flex: 0 0 calc((100% - 12px) / 2) !important;
    max-width: calc((100% - 12px) / 2) !important;
    
    /* Kluczowe resetowanie blokad i przełamań z Quick.Cart */
    min-width: 0 !important; /* Pozwala kafelkowi zmniejszać się elastycznie */
    clear: none !important;  /* Kasuje stary podział wierszy w CSS */
    float: none !important;
    box-sizing: border-box !important;
  }
}

/* 2. SMARTFONY (poniżej 600px) - UKŁAD 1-KOLUMNOWY */
@media (max-width: 600px) {
  #body .container {
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  #column, 
  #content {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  #column {
    order: 1 !important;
    margin-bottom: 20px !important;
  }

  #content {
    order: 2 !important;
  }

  #products .list > li,
  .products.list > li,
  #productsList > li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    clear: none !important;
    float: none !important;
  }
}
/* =================================================================
   RESPONSYWNOŚĆ CZCIONEK I NAGŁÓWKÓW (TABLETY I SMARTFONY)
   ================================================================ */

/* 1. TABLETY (601px do 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  h1, #content h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  h2, #content h2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  /* Tytuły produktów na tabletach */
  #products .list > li .name,
  #products .list > li h2,
  #products .list > li h3,
  #products .list > li a {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  /* Cena w kartach */
  #products .list > li .price,
  .price, strong.price {
    font-size: 16px !important;
  }
}

/* 2. SMARTFONY (poniżej 600px) */
@media (max-width: 600px) {
  /* Nagłówki stron */
  h1, #content h1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
  }

  h2, #content h2 {
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  h3, #content h3 {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  /* Tytuły produktów w siatce */
  #products .list > li .name,
  #products .list > li h2,
  #products .list > li h3,
  #products .list > li a {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  /* Główny tekst opisów i akapitów */
  body, #content, #content p, #content li {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Cena produktów */
  #products .list > li .price,
  .price, strong.price {
    font-size: 16px !important;
  }

  /* Zgrabniejsze przyciski zakupu */
  #products .list > li input[type="submit"],
  #products .list > li input[type="button"],
  #products .list > li button,
  #products .list > li .button,
  #products .list > li .buy {
    font-size: 13px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 16px !important;
  }
}