/* Quick.Cart WebStyle009-responsive stylesheet */ /* GLOBAL STYLES */ body, body *{margin:0;padding:0;border:0;} body,table{color:#666;font-size:0.75em;font-family: open_sansregular, 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:#132530;} .input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#cccccc #cccccc #cccccc #cccccc;font-size:1em;font-family:Verdana;} .submit{padding:5px 14px;border-width:0px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:#1f6cec;color:#fff;font-weight:bold;font-size:1em;font-family:Verdana;} .submit:hover{background:#1f6cec;cursor:pointer;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form{background:#f0f0f0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;} .form label{font-size:1em;color:#000000;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;} a{color:#000;text-decoration:none;font-size:1.15em;} a:hover{color:#666;text-decoration:none;} .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 10px;overflow:hidden;} #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:100%;margin:0 auto;text-align:left;} #head2 .container, #head3 .container, #body .container{border-left:0px solid #c9c9c9;border-right:0px solid #c9c9c9;} /* 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{width:100%;float:right;margin:5px 20px 0px 10px;list-style:none;background:#041a24;} #menu1 li{float:right;padding:8px 0 0px 20px;}/*modrhh*/ #menu1 li a{padding-left:10px;background:url('img/menu3_sub.gif') no-repeat left 5px;font-weight:normal;text-decoration:none;color:#FFF;text-transform:none;font-size:1.1em;} /*modrhh*/ #menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{text-decoration:underline;color:#f85a00;} #menu1 li.lBasket{padding:8px 30px 5px 55px;background:url('img/cart.png') no-repeat 20px 0;} #menu1 li.lBasket a{position:relative;padding:2px 0 0 2px;background:none;color:#FFF;} #menu1 li.lBasket a:hover{color:#f85a00;} #menu1 li.lBasket span{color:#FFF;font-size:1.1em;padding:2px 0 0 25px ;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2{clear:both;} #head2 .container{position:relative;height:60px;padding:12px;background:#132530 url('') no-repeat;border-top:0px solid #c9c9c9;} #logo{float:left;padding:20px 0px 0px 0px;height:50px;} #logo #title{float:left;} #logo #title a{color:#666;font:bold 2em 'arial black';text-decoration:none;} #logo #title a span{color:#c10000;background:inherit;} #logo #title a strong{color:#2e6996;background:inherit;} #logo #title a em{color:#c10000;font-style:normal;} #logo #slogan{float:left;clear:left;padding:0 0 0 15px;background:inherit;color:#164a71;font-size:1em;} * html #logo #slogan{width:100%;} /* IE 6 hack */ /* HEADER WITH TOP MENU BELOW LOGO */ #head3 .container{background:#041a24;overflow:hidden;height:40px;box-shadow:0 10px 5px -8px rgba(0,0,0,.15);border-color:#474848;border-top:0px solid #000000;border-bottom:0px solid #000000;margin-top:1px;margin-bottom:5px;} /*modrhh*/ /* MENU TOP 2 */ #menu2 ul{float:left;height:100%;margin:0px;list-style:none;border-right:0px solid #fff;}/*modrhh*/ #menu2 li{float:left;padding:0;border-right:0px solid #000;border-left:0px solid #fff;} /*modrhh*/ #menu2 li:hover, #menu2 .selected{border-right:0px solid #000;border-left:0px solid #fff;} #menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;} #menu2 li a{float:left;height:43px;padding:9px 20px 0;color:#CCC;font-size:1.2em;text-decoration:none;} #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:#041a24;color:#f85a00;text-decoration:none;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;margin:0;} #body .container{overflow:hidden;background:#fff url('') no-repeat left bottom;border-bottom:1px solid #c9c9c9;} /* LEFT COLUMN STYLES */ #column{float:left;width:0%;padding:0px 0 10px 0;background:url('') repeat-x left top;} .order #column{display:none;} #searchForm{padding:10px 15px;text-align:center;} #searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #searchForm .input{min-width:120px;width:35%;padding:11px;} #searchForm .submit{padding:11px 10px 13px;font-size:1.1em;font-style:normal;border:0;background:#0068d7;border-top:0px solid #5B717C;} #searchForm .submit:hover{background:#3988dd;border-top:0px solid #C10000;cursor:pointer;} *:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */ * html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */ #column .type{margin-top:0px;padding:7px 13px 9px;font-size:1.5em;letter-spacing:1px;color:#fff;background:#6D6D6D;box-shadow:0 10px 5px -5px rgba(0,0,0,.15);} #menu4 .type{background:#000;} /* LEFT MENU */ #menu3{padding:0 0px 0px;text-align:center;} #menu3 ul{padding:10px 0;list-style:none;background:#fff;} #menu3 li{padding:1px 0 1px 15px;background:url('img/menu_kwadrat_3.png') no-repeat 13px 10px;} #menu3 a{display:block;width:100%;height:34px;padding:5px 0% 4px 6%;color:#002d41;font-size:1.2em;text-align:left;text-decoration:none;background:none;box-shadow:0 10px 5px -8px rgba(0,0,0,.15);} #menu3 a:hover, #menu3 .sub1 a:hover{color:#E62808;background:none;text-decoration:none;} #menu3 .selected > a:first-child{color:#E62808;background:none;} #menu3 .sub1{margin:0;padding:0;border:0;background:none;} #menu3 .sub1 li{padding:2px 0 0px 15px;background:url('img/menu_arrow.png') no-repeat 4px 18px;} #menu3 .sub1 a{display:block;width:100%;padding:8px 0;font-weight:normal;} #menu4{padding:0 0px 0px;} #menu4 .type{background:132530;} #menu4 ul{padding:10px 0;list-style:none;background:#fff;} #menu4 li{padding:10px 0 1px 15px;background:url('') no-repeat 13px 10px;;box-shadow:0 10px 5px -8px rgba(0,0,0,.15);} #menu4 a{display:block;width:100%;height:45px;padding:5px 0% 4px 6%;color:#002d41;font-size:1.2em;text-decoration:none;background:none;} #menu4 a:hover, #menu4 .sub1 a:hover{color:#E62808;background:none;text-decoration:none;} #menu4 .selected > a:first-child{color:#E62808;background:none;} #menu4 .sub1{margin:0;padding:0;border:0;background:none;} #menu4 .sub1 li{padding:2px 0 2px 15px;background:url('img/menu_arrow.png') no-repeat 4px 18px;} #menu4 .sub1 a{display:collapse;width:100%;padding:8px 0;font-weight:normal;} #menu5{padding:0 0px 0px;} #menu5 ul{padding:10px 0;list-style:none;background:#fff;} #menu5 li{padding:1px 0 1px 15px;background:url('img/menu_kwadrat_3.png') no-repeat 13px 8px;} #menu5 a{display:block;width:100%;padding:2px 0% 4px 6%;color:#002d41;font-size:1.2em;text-decoration:none;background:none;} #menu5 a:hover, #menu5 .sub1 a:hover{color:#E62808;background:none;text-decoration:none;} #menu5 .selected > a:first-child{color:#E62808;background:none;} #menu5 .sub1{margin:0;padding:0;border:0;background:none;} #menu5 .sub1 li{padding:2px 0 2px 24px;background:url('img/menu_arrow.png') no-repeat 11px 10px;} #menu5 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;} #menu6{padding:0 0px 0px;} #menu6 ul{padding:10px 0;list-style:none;background:#fff;} #menu6 li{padding:1px 0 1px 15px;background:url('img/menu_kwadrat_3.png') no-repeat 13px 8px;} #menu6 a{display:block;width:100%;padding:2px 0% 4px 6%;color:#002d41;font-size:1.2em;text-decoration:none;background:none;} #menu6 a:hover, #menu5 .sub1 a:hover{color:#E62808;background:none;text-decoration:none;} #menu6 .selected > a:first-child{color:#E62808;background:none;} #menu6 .sub1{margin:0;padding:0;border:0;background:none;} #menu6 .sub1 li{padding:2px 0 2px 24px;background:url('img/menu_arrow.png') no-repeat 11px 10px;} #menu6 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;} /* BOXES */ #column .box{width:100%;margin:0 10px 10px;box-shadow:0 10px 5px -4px rgba(0,0,0,.15);} #column .box .type{background:#226ab4;text-align:center;} #column .box .content, #column .box .page-box, #column .box .product-box{padding:8px 0px;list-style:none;border-bottom:1px solid rgba(0,0,0,.15);line-height:1.2em;} .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:#c10000;background:none;} .box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:#c10000;} .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.0em;padding:5px 0;font-weight:bold;} .boxes .box .type{padding:7px 0 7px 10px;color:#c10000;font-size:1.5em;border:0;text-align:center;} .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;font-size:1.20em;} .boxes .box{float:left;width:93%;padding:10px;margin:0 20px 5px 1.8%;background:#fbfbfb;border:1px solid #f3f3f3;font-size:0.8em;-webkit-box-shadow:0 10px 5px -5px rgba(0,0,0,.15);box-shadow:0 10px 5px -5px rgba(0,0,0,.15);} .boxes.footer .box{margin-top:20px;margin-bottom:10px;} #content .boxes .box{min-height:160px} #content #box1 {margin-top:10px;width:96%;min-height:100px;background:#f0f0f0} /* BASKET SUMMARY */ #basketSummary{padding:10px 10px;} #basketSummary .title{margin-top:10px;padding:7px 3px 9px;font-size:1.5em;font-weight:normal;color:#fff;background:#132530;text-align:center;} #basketSummary .title a{color:#fff;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:1.2em;} #basketSummary li a{color:#2e6a97;} #basketSummary li a:hover{color:#c10000;} #basketSummary li div{padding:15px 0 0;font-weight:normal;font-size:0.9em;} #basketSummary li .priceQuantity{color:#c10000;background:inherit;font-size:1.2em;} #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:#c10000;text-align:center;font-weight:bold;} #basketSummary .summary em{background:inherit;color:#666;font-style:normal;font-size:1.2em;} #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 0px;} #promoted .title{margin-top:0px;padding:7px 13px 9px;font-size:1.5em;letter-spacing:1px;color:#fff;background:#226ab4;text-align:center;} #promoted ul{list-style:none;padding-bottom:10px;text-align:center;} #promoted li{padding:13px 0;border-bottom:1px solid #e0e0e0;} #promoted li img{padding:4px;background:inherit;border:1px dotted #ccc;} #promoted li img:hover{border:1px solid #ccc;} #promoted li .name{font-size:1.2em;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:#c10000;} #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:right;width:98%;padding:0px 0 10px;text-align:center;background:url('img/body_bg.png') repeat-x left top;} * html #content{width:70%;} /* IE 6 hack */ .order #content{width:100%;} #page{clear:left;position:relative;float:left;width:95%;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:30px 0 10px;text-align:center;background:inherit;color:#666;font-size:2.25em;font-weight:normal;background:inherit;} /* NAVIGATION PATH - TREE */ #page div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #bebebe;font-weight:normal;font-size:0.917em;} #page div.breadcrumb, #page div.breadcrumb a{background:inherit;color:#666;} #page div.breadcrumb a:hover{background-color:inherit;color:#CB408E;} *: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:15px 0;font-size:1.2em;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:#000000;font-weight:bold;font-family:Arial;} .tS a:hover{color:#c10000;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{padding:4px;background:inherit;border:0px dotted #ccc;-webkit-box-shadow:2px 0px px -5px rgba(0,0,0,.15);} #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:0px solid #ffffff;} #imagesList1{float:left;margin:9px 20px 0 0;width:250px; word-break:break-all;} #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:1px;} .imagesList#imagesListPreview li img:hover{border-width:1px;} /* 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:#c10000;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.7 );z-index:200;} #quick-box .background{height:100%;} #quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;} #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.8 );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:5px 0;list-style:none;} #content .subpagesList li{clear:left;float:left;width:90%;margin:5px 0;padding:5px 2.5%;background:#f9f8f8;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:5px;} #content .subpagesList li h2, #content .subpagesList li h2 a{color:#c10000;font-size:1.15em;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{clear:left;float:left;width:100%;margin:10px 0;padding:18px 2.5%;background:#fff;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.08em;font-weight:normal;color:#000;background:#fff;width:100%;} #subpagesGallery h2 a:hover{color:#000;text-decoration:underline;background:none;} /* SOCIAL BUTTONS */ #plusOne{position:absolute;top:200px;right:-40px;} #socialButtons{clear:both;float:left;width:100%;margin:10px 0;padding:6px 0 4px;text-align:left;list-style:none;background:#f0f0f0;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:#f0f0f0;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:#c000000;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:#c10000;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 17px;} #commentForm dd{margin-bottom:8px;} #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:#f0f0f0;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;} #options a:hover{color:#c10000;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:#c10000;font-weight:normal;font-size:2.4em;line-height:1.7em;} .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:50px 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:220px;margin-left:100px;padding:40px 0;border-top:0px solid #e0e0e0;text-align:center;} #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:70;} #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.1em;} #products li h2 a{text-decoration:none;color:#666;} #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:#c10000;} #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:#241e1e;} #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:#c10000;font-weight:normal;text-decoration:none;} #products li .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style:normal;} #products li .price strong{font-size:1.177em;color:#666;} #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:180px;margin:10px auto 0;padding-left:3px;font-size:1.1em;font-weight:normal;} /*#products li .basket a{display:block;padding:5px 32px 8px 7px;color:#fff;background:#c10000;text-decoration:none;}*/ #products li .basket a{display:block;padding:5px 7px 8px 7px;color:#fff;background:#1f6cec url('') no-repeat;;text-decoration:none;} #products li .basket a:hover{} #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:90%;margin:0 75px;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #product h1{padding:15px 0 5px;background:inherit;color:#000000;font-size:2.25em;font-weight:normal;} #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:#c10000;} #product div.breadcrumb em{padding:0 5px;} #product #box{float:right;width:260px;margin:40px 70px 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:#f0f0f0;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:5px 0;border-bottom:1px solid #bebebe;background-color:transparent;color:#666;font-size:1.417em;text-align:center;} #product #box #noPrice{color:#c10000;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.176em;color:#000000;font-weight:bold;} #product #box #available{padding:16px 2px 0;background-color:transparent;color:#666;font-weight:bold;font-size:1.1em;} #product #box #addBasket{padding:20px 0 25px;background:none;border:none;} #product #box #addBasket .submit{width:71%;padding:5px 25px 8px 5px;border:0;background:#1f6cec;color:#fff;font-size:1.2em;font-weight:normal;} #product #box #addBasket .submit:hover{} #product div.content{clear:left;padding:10px 0 10px;font-size:1.2em;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{float:center;width:260px;margin:23px 23px 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:#f0f0f0;text-align:center;-webkit-box-shadow:0 0 15px rgba(48,47,47,.3);box-shadow:0 0 15px rgba(48,47,47,.3);} #features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #features thead td{padding:5px;background:#1f6cec;text-align:center;font-weight:bold;color:#ffffff;border:1px solid #e8eaee;} #features tbody td, #features tbody th{padding:7px;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:#000000;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:left;} #orderedProducts thead td{padding-bottom:11px;background:#1f6cec;color:#fff;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f0f0f0;border-bottom:1px solid #e0e0e0;} #orderedProducts tbody th{text-align:left;} #orderedProducts tbody th a{background:inherit;} #orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:left;color:#666;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:left;} #orderedProducts tbody .quantity label{position:left;clip:rect(1px, 1px, 1px, 1px);font-size:0em;} #orderedProducts tbody a:hover{background:inherit;color:#666;} #orderedProducts tfoot{background:#f0f0f0;text-align:left;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;color:#666;} #orderedProducts tfoot .nextStep .submit{background:#1f6cec;} #orderedProducts tfoot .nextStep .submit:hover{background:#1f6cec;} #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:#c10000;} #basket .summaryProducts{font-size:1.10em;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:#c10000;} #basket .buttons #continue{text-align:left;} #basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;background:#1f6cec;} #basket #pageDescription{margin-top:20px;} #basket #save{padding:2px;} #basket #save .submit{margin-right:5px;padding:4px 9px;background:#1f6cec;color:#fff;border:0px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#154a72;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:#c10000;font-weight:bold;} #orderedProducts tfoot #discountVoucher{color:#666;} #order form{background:none;border:none;} #order legend{position:static;clip:auto;padding:40px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#000000;} #order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#f0f0f0;overflow:hidden;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#000000;} #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:8px;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:#1f6cec;font-size:14px;color:#c10000;} #order tfoot td, #orderPrint tfoot td{color:#c000000;} #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;} *: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:#c10000;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#000000;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:#f0f0f0;} #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:normal;} #foot .container{margin:0 auto;padding:15px 0;color:#555;overflow:hidden;} #foot a{background:inherit;color:#555;text-decoration:underline;font-weight:normal;} #foot a:hover{color:#c10000;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 - media queries */ @media screen and (max-width:1023px){ #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:100%;} #column{width:30%;padding:10px 0;} #column .type{padding:3px 10px;background:#c10000;text-shadow:none;} #column .box{margin:0 0 15px;} #column .box .type{background:#6b6b6a;} #column #box1 .type, #basketSummary .title, #promoted .title{padding:3px 20px;background:#334D66;} #basketSummary, #promoted{padding:25px 0;} #menu1 ul{width:100%;float:right;margin:2px 0px 10px 10px;list-style:none;background:#4e4f53;} #menu1 li{float:left;padding:18px 0 20px 30px;}/*modrhh*/ #menu1 li a{padding-left:10px;background:url('') no-repeat left 0px;font-weight:normal;text-decoration:none;color:#FFF;text-transform:none;font-size:1.1em;} /*modrhh*/ #menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{text-decoration:underline;color:#8fd330;} #menu1 li.lBasket{padding:5px 30px 5px 35px;background:url('img/cart.png') no-repeat 10px 0;} #menu1 li.lBasket a{position:relative;padding:2px 0 0 2px;background:none;color:#FFF;} #menu1 li.lBasket a:hover{color:#2e6a97;} #menu1 li.lBasket span{color:#FFF;font-size:1.1em;padding:2px 0 0 25px ;} #menu3{padding:0px;} #menu3 ul{padding:0px;} #menu3 .sub1 li{padding:5px 22px;background-position:7px center;} #content{width:100%;} #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:800px){ img{max-width:100%;} #head3 .container{height:auto;border-bottom:none;} #menu2{float:left;width:100%;} #menu2 ul{width:100%;} #menu2 li, #menu2 li:hover, #menu2 .selected{width:5%;border:none;} #menu2 li a{width:100%;height:auto;padding:10px 5%;border:0px solid #797879;border-left:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #content .imagesGallery table img{max-width:110px;} } @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;} #content .imagesGallery table img{max-width:96px;} } @media screen and (max-width:481px){ #menu2 li{width:100%;margin-top:2px;border-bottom:0px solid #585757} #menu2 li:hover, #menu2 .selected{width:100%;} #menu2 li a{border:0px solid #797879;border-left:none} 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;} } @media screen and (max-width:360px){ #head2 .container{height:30px;padding:45px;} #logo #title a{font-size:2em;} #logo #slogan{padding-left:20px;} #lang{position:absolute;top:0px;right:10px;padding:0;} #searchForm{padding:15px 15px;text-align:left;} #products .list li{float:left;width:250px;margin-left:40px;padding:30px 0;border-top:0px solid #e0e0e0;text-align:center;font-weight:bold;font-size:1.2em;color:#000;} #subpagesGallery{clear:left;float:left;width:85%;margin:10px 0;padding:18px 2.5%;background:#fff;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 h2, #subpagesGallery h2 a{font-size:1.0em;color:#000;background:#fff;width:100%;} #orderedProducts td{padding:2px;} #orderedProducts #recount td{padding:2px 0px;} #orderedProducts #recount .submit{font-size:0.8em;} #orderedProducts thead .name{padding-left:7px;} #orderedProducts thead .price span{display:none;} #continue .submit{width:130px;} #basket #save{padding:6px 4px 0;} #orderedProducts tbody .quantity input{width:25px;} #orderedProducts .del{overflow:hidden;width:16px;padding:10px;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:1.17em;} #product{clear:left;float:right;display:block;width:86%;margin:2px 27px 0px 0px;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #product h1{padding:5px 0 5px;background:inherit;color:#2e6a97;font-size:2.00em;font-weight:normal;} #product #box #price, #product #box #noPrice{padding:5px 0;border-bottom:1px solid #bebebe;background-color:transparent;color:#666;font-size:1.2em;text-align:center;} #product #box{float:right;width:260px;margin:20px 7px 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:#f0f0f0;text-align:center;-webkit-box-shadow:0 0 15px rgba(48,47,47,.3);box-shadow:0 0 15px rgba(48,47,47,.3);} #features{float:right;width:298px;margin:28px 8px 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:#f0f0f0;text-align:center;-webkit-box-shadow:0 0 15px rgba(48,47,47,.3);box-shadow:0 0 15px rgba(48,47,47,.3);} } @media screen and (max-width:320px){ } /* PLUGINS */ /* ASK ABOUT PRODUCT */ #product #askAboutProduct{ display:block; margin-top:10px; padding:7px 10px; font-size:0.95em; font-weight:bold; text-align:center; border:1px solid #ccc; background:#f5f5f5; color:#333; text-decoration:none; border-radius:3px; } #product #askAboutProduct:hover{ background:#e9e9e9; text-decoration:none; } @media print{ #askAboutProduct{display:none;} } #download{width:100%;background:#e0e0e0;font-size:1em;margin:15px 0 5px;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);} #download td{padding:5px;} #download .ico{padding:5px 0;text-align:center;width:30px;} #download .date-file{width:120px;} #download thead td{background:#f0f0f0;} #download tbody td{background:#fff;} #download tbody p{padding-top:2px;color:#666;} @media screen and (max-width:360px){ #download{font-size:0.875em;word-wrap: break-word;} } #imagesList7{height:450px;} #imagesList7 .galleria-stage{height:360px;border:2px solid #2e6896;background:#000} #imagesList7 .galleria-thumbnails .galleria-image{border:2px solid #2e6896;} #imagesList7 .galleria-thumb-nav-left, #imagesList7 .galleria-thumb-nav-right, #imagesList7 .galleria-info-link, #imagesList7 .galleria-info-close, #imagesList7 .galleria-image-nav-left, #imagesList7 .galleria-image-nav-right{} @media screen and (max-width:1023px){ .galleria-info{width: 96%;} } @media screen and (max-width:900px){ .galleria-info{width:95%;} } @media screen and (max-width:700px){ .galleria-info{width:94%;} } @media screen and (max-width:600px){ .galleria-info{width:93%;} } @media screen and (max-width:360px){ .galleria-info{width:91%;top:27px;} } .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{position:center;margin-bottom:15px;box-shadow:0 0 8px rgba(48,47,47,.4);} .content-slider .description{top:10px;left:80px;min-width:150px;width:45%;margin-top:10px;} .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;} @media print{ #content .content-slider{display:none;} } #column #eventCalendar{width:230px;margin:25px auto;} #column .eventCalendar-wrap{background:#fff url('img/menu2_items_bg.png') repeat-x left bottom;border-bottom:2px solid #666465;} #column .eventCalendar-wrap .arrow{top:2px;} #column .eventsCalendar-currentTitle{background:#fff url('img/menu2_bg.png') repeat-x left bottom;} #column .showAsWeek .eventsCalendar-day a{} #column .showAsWeek .eventsCalendar-day a:hover{} #column .eventsCalendar-daysList.showAsWeek{} #column .dayWithEventsSelected a{background-color:#014973;} #column .eventsCalendar-daysList li.dayWithEvents a{background:#666465;} /* SUBPAGES LIST - NEWS */ #content .subpagesList li h6{padding:0 0 5px;font-weight:bold;font-size:1.5em;} #page h6.date{position:absolute;top:-5px;right:0px;padding:2px 0;font-size:1em;font-weight:normal;} *:first-child+html #page h6.date{top:-5px;} /* IE 7 hack */ * html #page h6.date{top:-5px;} /* IE 6 hack */ @media screen and (max-width:815px){ #column #eventCalendar{width:98%;margin:1% auto;} } .youtube{width:420px;height:315px;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);} .youtube:hover{border:4px solid #c9cdce;} @media screen and (max-width:675px){ .youtube{width:97%;} } /* 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:#c22463 url('img/button_bg.png') no-repeat right bottom;border-top:2px solid #faf9f9;} * 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;} } /* TAGS */ #tags{margin:10px 0;padding:0;list-style:none;} #tags li{display:inline-block;padding:0 5px 0 0;} #tags li a{font-weight:bold;} #noticeLayer{display:none;padding:7px 0;background:#fff;font-weight:bold;border-bottom:1px solid #555;} #noticeLayer .close{font-size:0.917em;color:#999;font-weight:normal;text-decoration:none;} #noticeLayer .close:hover{color:#f00;} #darkBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:999;} #noticeLayer.darkNotice{position:fixed;top:10px;left:30%;z-index:1000;width:60%;margin-left:-25%;padding:30px 10%;text-align:center;background:#fff;border:5px solid #fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-sizing:border-box;} #noticeLayer.darkNotice .close{display:block;margin-top:20px;text-align:center;} /* 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:0px;} #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:0px 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:#f0f0f0;color:#666;} #orderForm, #orderLoginForm{clear:both;} #order #orderLogin div, #orderRegisterForm div{padding:12px 3%;background:#f0f0f0;border-top:0px 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:#c00;font-size:1em;} #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:#f0f0f0;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;} #order #deliveryAddress{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#f0f0f0;color:#2e6a97;} #order #deliveryAddress label{display:block;font-weight:normal;padding:2px 0;} #order #deliveryAddress .input{width:45%;margin:0 0 5px;} #order dl#notRequiredAddress{display:none;} #order dd.not-required-address{display:block;} #order #iNotReguiredAddress {float:left;height:20px;margin-right:5px;} #sideTab{z-index:51;position:fixed;right:-65px;top:50%;border:2px solid #5B717C;border-top-left-radius:0px;border-top-right-radius:0px;background:#5B717C;border-bottom:none;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} * html #sideTab{display:none;} *:first-child+html #sideTab{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);border-bottom:2px solid #5B717C;right:0px;} #sideTab{margin-right:-55px \ ;border:2px solid #5B717C \ ;} #sideTab a{display:block;padding:13px;text-decoration:none;color:#fff;font-size:1.633em;} @media screen and (max-width:1050px){ #sideTab a{padding:9px;font-size:1.6em;} } @media screen and (max-width:800px){ #sideTab{display:none} /*modrhh+*/ } @media screen and (max-width:400px){ #sideTab{right:-60px;display:none} /*modrhh*/ #sideTab a{padding:6px;font-size:1.5em;} } #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;} @media screen and (max-width:410px){ #product #box{width:95%;} } #product .recommended, #products .recommended{padding-left:5px;} #products li .price ins{padding-right:3px;text-decoration:none;font-weight:normal;} #products li .price ins em{padding-right:3px;background:inherit;color:#c10000;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:#c10000;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;} } /* SCROLL BACK TO TOP */ #backToTop{position:fixed;bottom:30px;right:1.5%;} #backToTop a{display:block;width:80px;text-align:center;color:#666;text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.6;} #backToTop a:hover{opacity:1;color:#C10000;text-decoration:none;} #backToTop a:before{content:'';display:block;width:100%;height:90px;margin-bottom:7px;background:#607380 url('img/back_to_top.png') no-repeat center center;border-radius:15px;transition:1s;} #backToTop a:hover:before{background-color:#C10000;} @media screen and (max-width:1280px){ #backToTop{right:0.5%;} #backToTop a{opacity:0.3;} } @media screen and (max-width:800px){ #backToTop a{width:40px;} #backToTop a:before{height:40px;border-radius:22px;background-position:center top;border:2px solid #607380;} #backToTop a:hover:before{border-color:#0093dd;} #backToTop .description{display:none;} } #simpleNews{margin:0 0px 15px;} #simpleNews .type{background:#c10000;} #simpleNews .content{padding:8px 10px;list-style:none;border-bottom:2px solid #757575;line-height:1.5em;} #simpleNews li{padding:7px 0;border-bottom:1px solid #e7eaee;} #simpleNews li .name{font-size:1em;} #simpleNews li .date{padding:3px 0 0;font-size:0.9em;color:#666;} #simpleNews li .description{padding:2px 0 0 5px;} #simpleNews li .photo{text-align:center;padding:2px 0 0 5px;} #simpleNews li .photo img{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);} #simpleNews li .photo img:hover{border:4px solid #c9cdce;} #simpleNews .lL{border-bottom:0;padding-bottom:0;} @media screen and (max-width:1023px){ #simpleNews{margin:0 0 15px;} #simpleNews .type{padding: 5px 13px 10px;} } /* SUBPAGES LIST - NEWS */ #content .subpagesList li h6{padding:0 0 5px;font-weight:normal;font-size:1em;} /*#page h6.date{position:absolute;top:-5px;right:0px;padding:2px 0;font-size:1em;font-weight:normal;}*/ #page h6.date{position:relative;bottom:3px;left:0;color:#fff;font-size:1em;font-weight:normal;background:#585858;padding:5px;width:97px} *:first-child+html #page h6.date{top:-5px;} /* IE 7 hack */ * html #page h6.date{top:-5px;} /* IE 6 hack */ #basket .image img{padding:1px;background:#fff;border:0px solid #000;height:150px} #basket .image a:hover img{border:1px solid #c7c9cd;} #basket tbody td, #basket tbody th{vertical-align:middle;} @media screen and (max-width:481px){ #basket .image{display:none;} } #noticesAccepts{text-align:left;padding:0px;margin:0px;} #noticesAccepts li{margin-bottom:10px;list-style:none;} #noticesAccepts li span{margin-left:4px;} #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;} /* PRODUCTS SLIDER - jContent */ div.jContent{float:left;} div.slides{} div.jContent p{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;} div.jContent a.prev, div.jContent a.next{float:left;display:block;} div.jContent a.hide{visibility:hidden;} div.jc-horizontal{margin:10px 10px 20px 10px;} div.jc-horizontal a.prev, div.jc-horizontal a.next{width:35px;height:34px;opacity:0.5;filter:alpha(opacity=50);} div.jc-horizontal a.prev{margin: 55px 10px 0px 0px;background:url('img/slider-left.png') no-repeat;} div.jc-horizontal a.next{margin: 55px 0px 0px 10px;background:url('img/slider-right.png') no-repeat;} div.jc-horizontal a.prev:hover,div.jc-horizontal a.next:hover{opacity:1;filter:alpha(opacity=100);} div.jc-auto{margin:0;} #productsSlider{width:97%;margin:0 0 15px 20px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:url( 'img/slider-bg.png' ) repeat-y top center;} #productsSlider .title{width:50%;margin:0 auto;padding:7px;font-weight:bold;font-size:1.25em;border:1px solid #e0e0e0;border-width:0px 1px 1px;-moz-border-radius:3px;border-radius:3px;background:#f5f5f5;} #productsSlider div.slides{text-align:left;padding-top:8px;} #productsSlider div.slides h2{float:center;width:100%;padding:0;font-weight:bold;font-size:1.333em;} #productsSlider div.slides h2 a{text-decoration:none;} #productsSlider div.slides h2 a:hover{text-decoration:underline;} #productsSlider div.slides .photo{float:left;margin:0 15px 5px 0;font-size:0px;line-height:0px;} #productsSlider div.slides .photo img{height:90px;padding:1px;border:4px solid #e0e0e0;max-width:180px;max-height:150px} #productsSlider div.slides .photo a:hover img{border:4px solid #d5d5d2;} #productsSlider div.slides div.description{float:left;width:60%;margin:5px 0 0;text-align:left;display:none} /*modrhh*/ #productsSlider div.slides div.description a{color:#666;} #productsSlider div.slides div.description a:hover{color:#c10000;} #productsSlider div.slides div.description ul, #productsSlider div.slides div.description ol{margin:5px 0 0 25px;padding:0;} #productsSlider div.slides .price, #productsSlider div.slides .noPrice{float:left;width:60%;margin:7px 0 5px 0;background-color:inherit;color:#c10000;font-weight:bold;text-decoration:none;} #productsSlider div.slides .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style:normal;} #productsSlider div.slides .price strong{font-size:1.25em;} #productsSlider div.slides .priceNetto{padding-top:3px;font-size:0.9em;color:#2e6a97;font-weight:normal;} #productsSlider div.slides .priceNetto strong{padding:0 3px 0 0;font-size:1em;} #productsSlider div.slides .priceNetto em{color:#666;} #productsSlider div.slides .priceNetto span{font-weight:normal;padding-right:5px;color:#666;} #productsSlider div.slides .price ins{padding-right:5px;text-decoration:none;font-weight:bold;} #productsSlider div.slides .price ins em{padding-right:8px;background:inherit;color:#c10000;text-decoration:line-through;font-size:1.13em !important;} #productsSlider div.slides .noPrice strong{font-size:1.083em;} #productsSlider div.slides .price span{padding-left:4px;font-size:1.083em;color:#666;} #productsSlider div.slides .basket{float:left;width:25%;margin:7px 0 0;font-size:0.917em;font-weight:bold;} #productsSlider div.slides .basket a{display:block;padding:7px 12px;color:#fff;background:#c10000;text-decoration:none;-moz-border-radius:5px;border-radius:5px;} #productsSlider div.slides .basket a:hover{} #productsSlider div.pscont{width:100%;height:170px;float:right;display:block;} /*modrhh+ */ @media screen and (max-width:800px){ div.jContent a.prev, div.jContent a.next{display:none} #productsSlider div.slides div.description{width:54%;/*word-break:break-all;*/} #productsSlider div.slides .price, #productsSlider div.slides .noPrice{width:54%} #productsSlider div.slides .photo img{max-width:150px;max-height:150px;margin-left:10px;} } @media screen and (max-width:736px){ #productsSlider div.slides .photo img{max-width:130px;max-height:130px;margin-left:10px} #productsSlider div.slides div.description{width:54%;/*word-break:break-all;*/} #productsSlider div.slides .price, #productsSlider div.slides .noPrice{width:54%;} #productsSlider div.slides .basket{float:right;width:28%} } @media screen and (max-width:640px){ #productsSlider div.slides .photo img{max-width:120px;max-height:120px;margin-left:10px} #productsSlider div.slides div.description{width:54%;/*word-break:break-all;*/} #productsSlider div.slides .price, #productsSlider div.slides .noPrice{width:60%;padding-left:10px;} } @media screen and (max-width:568px){ #productsSlider{display:true;padding:15px;} } #page{clear:both;padding-top:5px;} #page div.breadcrumb{top:-3px;} /* BANNERS */ #banner0{text-align:center;padding-bottom:15px;} #banner1{text-align:center;margin:10px 0;} @media print{ #banner0, #banner1{display:none;} } .content-slider{height:300px;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;} .content-slider{position:center;max-width:1342px;margin:0 0 10px 0px;} .content-slider .description{top:20px;left:10%;min-width:150px;width:80%;margin-top:10px;font-size:1.00em;} #column .content-slider .description{top:0;left:0;width:100%;text-align:center;} #column .content-slider{max-width:230px;box-shadow:0 0 8px rgba(48,47,47,.4);} @media screen and (max-width:800px){ #content .content-slider{max-width:180%;} } @media only screen and (max-width:600px){ #features{ float:none; width:100%; margin:15px 0 10px; box-sizing:border-box; } #features thead td{ padding:4px; } #features tbody td, #features tbody th{ padding:5px; } } #defaultDescription{ display:none; } /* Универсален традиционен фикс за Quick.Cart меню */ #head3, #head3 .container { height: auto !important; min-height: 40px !important; overflow: hidden !important; } #menu2 { float: none !important; width: 100% !important; height: auto !important; } #menu2 ul { float: none !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; } #menu2 li { float: left !important; display: block !important; height: auto !important; margin: 2px 4px !important; } #menu2 li a { float: none !important; display: block !important; height: auto !important; line-height: 20px !important; padding: 8px 12px !important; white-space: nowrap !important; } /* Адаптиране на менюто за таблети (masla-bg.com) */ @media screen and (max-width: 1024px) { #menu2 li a { padding: 6px 8px !important; font-size: 11px !important; } } @media screen and (max-width: 768px) { #menu2 ul { display: block !important; } #menu2 li { float: none !important; display: block !important; width: 100% !important; text-align: center !important; margin-bottom: 2px !important; } #menu2 li a { display: block !important; font-size: 13px !important; padding: 8px 0 !important; background: #111 !important; /* Тъмен background за по-добра видимост */ } }