/* Quick.Cart.Ext default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design */ /* GLOBAL STYLES */ body, body *{margin:0;padding:0;border:0;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body,table{color:#363636;font-size:0.75em;font-family: 'Montserrat', sans-serif;} table{border-collapse:collapse;border-spacing:0;font-size:100%;font-family: 'Roboto', sans-serif;} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:top;} body{padding:0;background:#fff;text-align:center;} .input, select, textarea{padding:8px;border-width:1px;border-style:solid;border-color:#cccccc;font-size:1em;font-family: 'Roboto', sans-serif;outline:0} .input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;outline:0} .input:focus, select:focus, .textarea:focus{text-shadow:none;outline:0} .submit{padding:5px 14px;border-width:0;border-style:solid;border-color:#cccccc;background:#009948;color:#fff;font-weight:bold;font-size:1em;font-family: 'Roboto', sans-serif;} .submit:hover{background:#034fbd;cursor:pointer;outline:0} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form{} .form label{font-size:1.25em;color:#555555;font-weight:normal;font-family: 'Roboto', sans-serif;} .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:#363636;text-decoration:none;transition: all 0.5s ease} a:hover{color:#3cb878;text-decoration:none;transition: all 0.5s ease} .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;overflow:hidden;} #body, #foot, #foot-boxy, #foot-welcome{float:left;width:100%;margin:0 auto;padding:0;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container, #foot-boxy .container, #foot-welcome .container, #head3 .container{width:1140px;margin:0 auto;text-align:left;display:table} #page6 #head3 .container{width:1366px;} #head2 .container, #head3 .container, #body .container{} /* 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:0;list-style:none;width:26%;border-left:1px solid #e1e1e1;border-bottom:6px solid #e1e1e1} #menu1 li{float:left;padding:0;} #menu1 li a{padding:12px 22px;background:url('img/menu3_sub.gif') no-repeat right 5px;font-weight:bold;text-decoration:none;color:#3cb878;text-transform:lowercase;} #menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{color:#034fbd;} #menu1 li.lBasket{margin-top:30px;padding:13px 8px 43px 20px;background:url('img/cart.png') no-repeat 40px 10px;} #menu1 li.lBasket a{position:relative;padding:2px 0 4px 80px;background:none;color:#363636;font-weight:900;text-transform:uppercase;font-size:1.25em} #menu1 li.lBasket a:after{content:'';background:#e1e1e1;width:48px;height:2px;position:absolute;left:80px;bottom:0} #menu1 li.lBasket a:hover{color:#3cb878;} #menu1 li.lBasket span{display:block;color:#444;font-size:1.1em;padding:10px 0 0 80px;font-family: 'Roboto', sans-serif;} #menu1 li.lBasket strong{background:#ebebeb;padding:6px 12px;border-radius:18px;margin-left:6px;font-size:1.1em} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2{clear:both;background: rgb(3,80,190); background: -moz-linear-gradient(left, rgba(3,80,190,1) 0%, rgba(0,155,254,1) 100%); background: -webkit-linear-gradient(left, rgba(3,80,190,1) 0%,rgba(0,155,254,1) 100%); background: linear-gradient(to right, rgba(3,80,190,1) 0%,rgba(0,155,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0350be', endColorstr='#009bfe',GradientType=1 );} #head2 .container{position:relative;} #head1 .tel-header{float:left;margin-top:48px} #head1 .tel-header a{font-size:2.25em;color:#008ef3;font-weight:700;line-height: 1em;} #head1 .tel-header a:before{content:url('img/tel.png');float: left;margin-right:14px} #logo{float:left;padding:10px 10px 0px 0px;} #logo #title{float:left;} #logo #title a{color:#034fbd;font:bold 4em 'arial black';text-decoration:none;} #logo #title a span{color:#034fbd;background:inherit;} #logo #title a strong{color:#2e6996;background:inherit;} #logo #title a em{color:#034fbd;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 */ #page6 #head3{padding:0} #head3{background: #e1e1e1;padding:30px 0} /* MENU TOP 2 */ #menu2 ul{float:left;height:100%;margin:0;list-style:none} #menu2 li{float:left;padding:0;} #menu2 li:hover, #menu2 .selected{} #menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;} #menu2 li a{float:left;padding:36px 18px;color:#fff;font-size:1em;text-decoration:none;text-transform:uppercase;font-weight:700} #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{color:#3cb878} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;margin:20px 0 0 ;} #body .container{overflow:hidden;} /* LEFT COLUMN STYLES */ #column{float:left;width:26%;padding:20px 0;} .order #column{display:none;} #searchForm{padding:15px 5px;text-align:center;float: right;width:28%;margin-right:2%;margin-top:20px} #searchForm fieldset{border-width:1px;border-style:solid;border-color:#cccccc;padding:8px 0} #searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #searchForm .input{min-width:120px;width:85%;padding:10px 20px;border:0;font-size:1.25em;float: left;} #searchForm .submit{padding:10px 0;font-size:0.917em;font-style:normal;border:0;background:#fff url('img/search.png') no-repeat center center;border-top:2px solid #faf9f9;border-left:1px solid #ccc;width:15%} #searchForm .submit:hover{background:#fff url('img/search-h.png') no-repeat center center;transition: all 0.5s ease} *: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;} #column .type, #promoted .title, #basketSummary .title{padding:25px;font-size:1.667em;color:#363636;background:#ebebeb;float:left;width:100%;text-transform:uppercase} #promoted .title, #basketSummary .title{font-weight:800;} #column .type span{font-weight:500;float:left;clear:left} #column .type strong{font-weight:800;float:left;clear:left;font-size:1.188em} /* LEFT MENU */ #menu3 ul{padding:15px 25px 35px;display:table;list-style:none;background: rgb(45,128,248); background: -moz-linear-gradient(top, rgba(45,128,248,1) 0%, rgba(4,80,190,1) 100%); background: -webkit-linear-gradient(top, rgba(45,128,248,1) 0%,rgba(4,80,190,1) 100%); background: linear-gradient(to bottom, rgba(45,128,248,1) 0%,rgba(4,80,190,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d80f8', endColorstr='#0450be',GradientType=0 );} #menu3 li{margin:0;padding:0;border-bottom:1px solid #5395f5;} #menu3 a{display:block;width:100%;padding:16px 0;color:#fff;font-weight:700;text-decoration:none;background:none;text-transform:uppercase;line-height:1.75em} #menu3 a:hover, #menu3 .sub1 a:hover{color:#3cb878;background:none;} #menu3 .selected > a:first-child{color:#3cb878;background:none;} #menu3 .sub1{margin:0;padding:0;border:0;background:none;} #menu3 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;} #menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;} /* BOXES */ #column .box{margin:0 20px 15px;} #column .box .type{background:#326e9c;} #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:#034fbd;background:none;} .box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:#034fbd;} .box .price strong{padding:0 2px 0 5px;font-weight:bold;} .box .price em{padding:0;background:inherit;color:#034fbd;font-style:normal;} .box .price span{color:#034fbd;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;} /* BASKET SUMMARY */ #basketSummary{margin:20px 0;padding:0;border:1px solid #e0e0e0;display: table;width: 100%;} #basketSummary .title a{color:#363636;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:15px 18px;border-bottom:1px solid #e0e0e0;float: left;width: 100%;} #basketSummary .lL{border:0;} #basketSummary li span.name{display:block;font-weight:bold;font-size:1.1em;} #basketSummary li a{color:#363636;} #basketSummary li a:hover{color:#034fbd;} #basketSummary li div{padding:5px 0 0;font-weight:normal;font-size:1.1em;} #basketSummary li .priceQuantity{color:#525252;background:inherit;} #basketSummary li strong{padding:0 2px 0 5px;font-weight:bold;} #basketSummary li em{color:#525252;background:inherit;font-style:normal;} #basketSummary .summary{margin:10px 0;padding:10px;border-top:1px solid #e0e0e0;color:#363636;text-align:center;font-weight:bold;float: left;width: 100%;} #basketSummary .summary em{background:inherit;color:#363636;font-style:normal;} #basketSummary .summary strong{padding:0 3px;font-weight:bold;} #basketSummary .summary span{color:#363636;font-weight:bold;} /* PROMOTED PRODUCTS */ #promoted{margin:20px 0;padding:0;border:1px solid #e0e0e0;display: table;width: 100%;} #promoted ul{list-style:none;padding-bottom:10px;text-align:center;} #promoted li{padding:13px 0;} #promoted li img{margin:10px 0} #promoted li img:hover{} #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:#363636;text-decoration:underline;} #promoted li .price, #promoted li .noPrice{padding:2px 0 0;background:inherit;color:#363636;} #promoted li .price strong{padding:0 2px 0 5px;font-weight:bold;} #promoted li .price em{padding:0;background:inherit;color:#363636;font-style:normal;} #promoted li .price span{color:#363636;font-weight:bold;padding-left:5px;} /* RIGHT COLUMN STYLES */ #content{float:right;width:71%;padding:20px 0 10px;text-align:center;} * html #content{width:658px;} /* IE 6 hack */ .order #content{width:100%;} #page{position:relative;float:right;width:100%;margin:0 0 30px;text-align:left;border:1px solid #d7d7d7;padding:25px} #page.product{position:relative;float:right;width:100%;margin:0;text-align:left;padding:0;border:0} * html #page{float:none;width:96%;} /* IE 6 hack */ * html .order #page{width:94%;} /* IE 6 hack */ #page div.content h2, #page div.content h3{margin:10px 0 20px;background:inherit;color:#034fbd;font-size:2em;font-weight:300;background:inherit;font-family: 'Montserrat', sans-serif;line-height:1em;} #page div.content h2, #page div.content h3{border-bottom:1px solid #0b5db4;padding:0 0 25px 0;margin:0 0 35px 0} /* PAGE TITLE */ h1.page, h1.product{margin:10px 0 0;background:inherit;color:#034fbd;font-size:3.25em;font-weight:300;background:inherit;} /* NAVIGATION PATH - TREE */ .breadcrumb{padding:2px 0;font-size:1.188em;font-weight:normal;font-family: 'Roboto', sans-serif;} .breadcrumb span:before{content:'\25cf';color:#b7b7b7;padding:0 14px;font-size:0.75em} .breadcrumb a{text-decoration:none;} .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.contact{width:50%;float:right;padding:0} #page div.content.contact p{padding-bottom:4px} #page div.content.contact .title{font-weight:800;color:#034fbd;line-height:1.25em;font-family: 'Montserrat', sans-serif;font-size:1.1em;padding-bottom:25px;border-bottom:1px solid #0450bc;margin-bottom:15px} #page #contactPanel .title{font-weight:800;color:#034fbd;line-height:1.25em;font-family: 'Montserrat', sans-serif;font-size:1.35em;padding-bottom:25px;border-bottom:1px solid #0450bc;margin-bottom:15px} #page .title.all{font-weight:800;color:#034fbd;line-height:1.25em;font-family: 'Montserrat', sans-serif;font-size:1.35em;padding:35px 0 30px;border-top:1px solid #0450bc;margin-top:45px;clear:both;width:100%} #page div.content{padding:5px 0;font-size:1.25em;line-height:1.5em;font-family: 'Roboto', sans-serif;} #page div.content ul, #content .subpagesList li ol{margin:0 0 0 30px;padding:0;list-style:none} #page div.content li{margin:8px 0;padding:0;border-left:0;} #page div.content li:before{content:'▪';color:#d7d7d7;padding:0 14px;font-size:1.45em} #page div.content p{padding-bottom:16px;} #page div.content a.button{float:left;background:#3cb878;color:#fff;padding:14px 22px;font-weight:700;font-size:0.875em;text-transform:uppercase;position:relative;z-index: 1;font-family: 'Montserrat', sans-serif;} #page div.content a.button:after{content:'\2192';margin-left:10px;color:#fff;font-size:1.5em} #page div.content a.button:before{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;background: linear-gradient(to right, rgba(61,184,120,1) 0%,rgba(142,178,99,1) 100%);-webkit-transition: all 250ms linear;content: ".";text-indent: -99999px;border-radius:8px;outline:0;} #page div.content a.button:hover:before, #page div.content a.button:focus:before, #page div.content a.button:hover:before, #page div.content a.button:focus:before {opacity: 1;} #page div.content > p > img{float:left;padding:0 26px 40px 0} .tS{float:right;margin:17px 0 3px;} .tS div{display:inline;} .tS a{margin:0 4px;text-decoration:none;background:inherit;color:#3cb878;font-weight:bold;font-family:Arial;} .tS a:hover{color:#034fbd;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{} #content .imagePreview img, .imagesList#imagesListPreview li img{border:1px solid #d7d7d7} #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-color:#3cb878;transition: all 0.5s ease} #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:10px;} /* 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:#034fbd;background:inherit;} #filesList li a:hover{color:#034fbd;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:7px 0;list-style:none;} #content .subpagesList li{clear:left;float:left;width:95%;margin:10px 0;padding:18px 2.5%;background:#fff;border: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:10px 0;} #content .subpagesList li h2, #content .subpagesList li h2 a{color:#034fbd;font-size:1.33m;font-weight:500;background:none;} #content .subpagesList li h2 a:hover{color:#034fbd;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;} #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:#034fbd;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;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:#034fbd;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:#034fbd;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:#3cb878;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:#0277df;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:#0277df;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{float:left;width:45%;margin:0 auto 30px} #contactPanel fieldset{padding:25px 0;} #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, #contactPanel select{width:99%;padding:12px;font-size:1.25em;} #contactPanel #captcha{width:20%;} #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;} #contactPanel .file{padding:10px 0 20px} #contactPanel .save {float:left;background:#3cb878;color:#fff;font-size:1.1em;text-transform:uppercase;position:relative;z-index: 1;font-family: 'Montserrat', sans-serif;} #contactPanel .save input{background:none;font-weight:800;font-family: 'Montserrat', sans-serif;font-size:0.938em;cursor:pointer;color:#fff;text-transform:uppercase;padding:14px 18px 14px 22px;} #contactPanel .save:after{content:'\2192';margin-right:16px;color:#fff;font-size:1.5em} #contactPanel .save:before{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;background: linear-gradient(to right, rgba(61,184,120,1) 0%,rgba(142,178,99,1) 100%);-webkit-transition: all 250ms linear;content: ".";text-indent: -99999px;border-radius:8px;outline:0;} #contactPanel .save:hover:before, #contactPanel .save:focus:before, #contactPanel .save:hover:before, #contactPanel .save:focus:before {opacity: 1;} /* ------------- */ #contactPanel.wycena{float:left;width:100%;margin:0 auto 30px;background:rgba(1, 169, 240, 0.02);padding: 20px;} #contactPanel.wycena .min:nth-child(odd){width:49%;margin:10px 0;float:left;margin-left:0;} #contactPanel.wycena .min:nth-child(even){width:49%;margin:10px 0;float:left;margin-left:2%} #contactPanel.wycena .input, #contactPanel.wycena textarea, #contactPanel select.wycena{width:100%} #contactPanel.wycena .box{display:table;/*background:#f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;*/} #contactPanel.wycena .captcha{margin-top:15px} #contactPanel.wycena .file input{background:#fff;padding:8px 20px;border:1px solid #ccc} .select-container { display:inline-block; position:relative; overflow:hidden; padding:14px;background:#fff;border-width: 1px; border-style: solid; border-color: #cccccc;} .select-container select { font-size:12px; position:absolute; right:0; top:0; bottom:0; left:0; z-index:2; display:block; cursor:pointer; width:100%; height:100%; } .select-container .select-arrow { background:url('img/arrow-select.jpg') center center no-repeat; width:34px; height:43px; position:absolute; right:14px; top:0; z-index:1; display:block; } /* ------------------ */ #page div.content a.button{float:left;background:#3cb878;color:#fff;padding:14px 22px;font-weight:700;font-size:0.875em;text-transform:uppercase;position:relative;z-index: 1;font-family: 'Montserrat', sans-serif;} #page div.content a.button:after{content:'\2192';margin-left:10px;color:#fff;font-size:1.5em} #page div.content a.button:before{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;background: linear-gradient(to right, rgba(61,184,120,1) 0%,rgba(142,178,99,1) 100%);-webkit-transition: all 250ms linear;content: ".";text-indent: -99999px;border-radius:8px;outline:0;} /* 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:#034fbd;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:#3cb878;background:inherit;} #options a:hover{color:#034fbd;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:#034fbd;font-weight:normal;font-size:2.4em;line-height:1.7em;} .message h2 a{color:#3cb878;background:inherit;} .message h2 a:hover{color:#034fbd;background:inherit;} /* PRODUCTS LIST */ #products{clear:both;float:left;width:100%;margin:10px 0;list-style:none;} #products ul.list{float:left;width:100%;list-style:none;border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:30px} #products .list li{float:left;width:32%;margin:10px 0 10px 2%;padding:20px 0;border:1px solid #e0e0e0;text-align:center;} #products .list li:nth-child(3n+1){clear:left;margin-left:0;} #products li .photo{margin:8px 0;font-size:0px;line-height:0px;} #products li h2{font-weight:800;font-size:1.25em;padding:0 25px;margin-bottom: 10px;display: table;width: 100%;} #products li h2 a{padding:6px 0 15px;text-decoration:none;border-bottom:1px solid #0654b9;width:100%;text-align:left;float:left;margin-bottom:10px} #products li h2 a:hover{} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color:#034fbd;} #products li h3 a:hover{color:#034fbd;} #products li h3 em{padding:0 5px;} #products li div.description{padding:10px 20px;text-align:justify;font-size: 1.1em;} #products li div.description a{color:#034fbd;} #products li div.description a:hover{color:#034fbd;} #products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;} #products li .price, #products li .noPrice{padding:8px 35px;border-radius:18px;background-color:inherit;color:#363636;font-weight:800;text-decoration:none;border:1px solid #d6d6d6;display: table; margin: -18px auto 0;background: #fff;} #products li .price em{padding:0 6px 0 0;background:inherit;color:#363636;font-style:normal;} #products li .price strong{font-size:1.25em;} #products li .noPrice strong{font-size:1.25em;} #products li .price span{padding-left:4px;font-size:1.083em;color:#363636;} #products li .basket{margin:42px auto 0;text-align:center;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f8f8f8} #products li .basket a{display: table;padding: 34px 34px;color:#fff;background: #034fbd url('img/button_cart_list.png') no-repeat center center;text-decoration:none;border-radius: 34px;margin:-34px auto 32px} #products li .basket a:hover{background:#3cb878 url('img/button_cart_list.png') no-repeat center center} #products .pages{float:right;width:100%;margin:20px 0 20px 0;padding:0;border:0;background:none;text-align:right;font-size:1.1em;} #products .pages li{margin:0;padding:0;border:0;background:none;font-weight:500;} #products .pages a, .pages strong{padding:0 12px;font-size:1em;border-left: 1px solid #363636;} #products .pages li:first-child a, #products .pages li:first-child strong{border-left:0} #products .pages .title{padding-left:8px;border:none} #products .pages#pagesBefore{clear:none;width:auto;margin:0 0 20px} #products .pages li a.pPrev, #products .pages li a.pNext{background:#3cb878;padding:8px 15px;color:#fff} #products .pages li:last-child a{border:none;} #products .sort{float:left;width:auto;margin:0 14px 0 0;padding:0;border:0;background:none;text-align:left;font-weight: 500;} #products .sort ul{display:inline;list-style:none;} #products .sort li{display:inline;padding:0 10px;font-weight:bold;border-right:1px solid #034fbd;} #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:100%;margin:0;text-align:left;border:1px solid #e0e0e0;padding:25px 32px} * html #product{margin:0;} /* IE 6 hack */ #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:#034fbd;} #product div.breadcrumb a:hover{background-color:inherit;color:#034fbd;} .breadcrumb em{padding:0 5px;} #product #box{float:right;margin:5px 0 10px 10px;padding:3px 0 20px;text-align:center;} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{padding:7px 0 15px;border-bottom:1px solid #0554ba;background-color:transparent;color:#555555;font-size:1.33em;text-align:center;font-weight:800} #product #box #noPrice{color:#555555;} #product #box #price em{font-style:normal;margin-right:20px} #product #box #price strong, #product #box #price span{padding:0 0 0 6px;font-size:1.65em;color:#034fbd;font-weight:800;} #product #box #available{padding:8px 2px 0;background-color:transparent;color:#034fbd;font-weight:bold;font-size:0.9em;} #product #box #addBasket{padding:10px 0 5px;background:none;border:none;} #product #box #addBasket{margin:42px auto 0;text-align:center;} #product #box #addBasket fieldset{border:1px solid #d6d6d6;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);} #product #box #addBasket .submit{display: table;padding:26px 33px;color:#fff;background: #034fbd url('img/button_cart_list.png') no-repeat center center;text-decoration:none;border-radius: 34px;margin:-34px auto 14px} #product #box #addBasket .submit:hover{background:#3cb878 url('img/button_cart_list.png') no-repeat center center;transition: all 0.5s ease} #product #box #addBasket .submit2{background:none;color:#363636;font-weight:800;text-transform:uppercase;font-family: 'Montserrat', sans-serif;padding-bottom:10px;} #product #box #addBasket .submit2:hover{cursor:pointer;color:#3cb878;transition: all 0.5s ease} #product div.content{float:left;width:100%;clear:left;padding:40px 0 10px;font-size:1.25em;line-height:1.5em;border-top:1px solid #034fbd;margin-top:40px;color:#555555;font-family: 'Roboto', sans-serif;} #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:16px;} #product div.content h2{font-weight:200;font-size:3em;color:#034fbd;line-height:1.25em;font-family: 'Montserrat', sans-serif;} #product div.content h3{font-weight:800;color:#034fbd;line-height:1.25em;font-family: 'Montserrat', sans-serif;font-size:1.1em;} /* FEATURES */ #features{margin:30px 0 50px;width:100%;background:#e0e0e0;font-size:1.25em;float:left;width:100%} #features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #features thead td{padding:14px 25px;text-align:left;font-weight:bold;border-bottom:1px solid #d7d7d7;background: linear-gradient(to right, rgba(4,81,188,1) 0%,rgba(60,183,121,1) 100%);color:#fff;font-weight:700} #features tbody td, #features tbody th{padding:14px 25px;background:#fff;font-weight:normal;text-align:left;border-bottom:1px solid #d7d7d7;} #features .l0 td, #features .l0 th{background:#f0f0f0;} #features tbody td{font-weight:bold} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1.188em;color:#034fbd;} #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:#0277df;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:#f7f7f7;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: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:#034fbd;} #orderedProducts tfoot{background:#f7f7f7;text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep .submit{background:#034fbd;} #orderedProducts tfoot .nextStep .submit:hover{background:#009948;transition: all 0.5s ease} #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:#034fbd;} #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:#034fbd;} #basket .del a:hover{background:inherit;color:#034fbd;} #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:#f2f2f2;color:#034fbd;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#009948;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:#034fbd;font-weight:bold;} #orderedProducts tfoot #discountVoucher{color:#034fbd;} #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:#535353;} #order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#f7f7f7;overflow:hidden;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#535353;} #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:#f7f7f7;font-size: 1.25em;} #order tfoot td, #orderPrint tfoot td{color:#034fbd;} #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:#034fbd;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:#034fbd;font-weight:bold;text-align:right;} #order #rulesAccept th, #order #nextStep th{border:0;text-align:right;} *: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:#034fbd;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#535353;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:#f7f7f7} #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;border-top:1px solid #636363;background: rgb(70,70,70); background: -moz-linear-gradient(left, rgba(70,70,70,1) 0%, rgba(84,84,84,1) 100%); background: -webkit-linear-gradient(left, rgba(70,70,70,1) 0%,rgba(84,84,84,1) 100%); background: linear-gradient(to right, rgba(70,70,70,1) 0%,rgba(84,84,84,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#545454',GradientType=1 );} #foot .container{margin:0 auto;padding:45px 0;color:#fff;overflow:hidden;font-family: 'Roboto', sans-serif;font-size:1.2em} #foot a{background:inherit;color:#fff;font-weight:bold;padding-right:20px;} #foot a:hover{color:#ccc;background:inherit;} #foot .foot{float:left;margin-top:15px} #foot .social{float:right;} #foot .social span{vertical-align: middle;display: inline-block;} #foot .social span:first-child{margin-right:10px} #foot .social a{padding:0 0 8px 0} #foot-boxy{background: rgb(70,70,70); background: -moz-linear-gradient(left, rgba(70,70,70,1) 0%, rgba(84,84,84,1) 100%); background: -webkit-linear-gradient(left, rgba(70,70,70,1) 0%,rgba(84,84,84,1) 100%); background: linear-gradient(to right, rgba(70,70,70,1) 0%,rgba(84,84,84,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#545454',GradientType=1 );} #foot-boxy .container{display:table;color:#fff;padding:45px 0} #foot-boxy .container .left{width:60%;float:left;} #foot-boxy .container .right{width:40%;float:right;padding-top:16px} #foot-boxy .container .left span:nth-child(1){float:left;width:29%;margin:14px 1% 14px 0} #foot-boxy .container .left span:nth-child(2){float:left;width:34%;margin:14px 1% 14px 1%} #foot-boxy .container .left span:nth-child(3){float:left;width:29%;margin:14px 0 14px 1%} #foot-boxy .container .left ul{list-style:none} #foot-boxy .container .left ul li a{line-height:1.45em;font-size:1.188em;color:#fff;font-family: 'Roboto', sans-serif;padding:6px 0;float:left;width:100%} #foot-boxy .container .left ul li a:before{content:'\25b8';float: left;margin-right:6px;color:#7d7d7d} #foot-boxy .container .left .type, #foot-boxy .container .boxes .box .type{font-size:1.25em;font-weight:700;padding-bottom:10px;color:#fff;text-transform:uppercase;position:relative;margin-bottom:14px} #foot-boxy .container .left .type:after, #foot-boxy .container .boxes .box .type:after{content:'';background:#3cb878;width:48px;height:2px;position:absolute;left:0;bottom:0} #foot-boxy .container .boxes .box{width:100%;margin:0;padding:0;color:#fff} #foot-boxy .container .boxes .box table{color:#fff;font-family: 'Roboto', sans-serif;font-size:1.188em;margin-top:2px;} #foot-boxy .container .boxes .box table td p{padding:3px 0} #foot-boxy .container .boxes .box table td a{color:#fff;font-weight:bold} #foot-boxy .container .boxes .box table td:nth-child(1):before{content:url('img/ico1.jpg');float:left;margin:0 12px 90px 0} #foot-boxy .container .boxes .box table td:nth-child(2):before{content:url('img/ico2.jpg');float:left;margin:0 12px 90px 0} #foot-welcome:before{content: "";display: block;position: absolute; left: 0;top:0;height:29px; width:100%;box-shadow:inset 2px 15px 29px -8px rgba(0, 0, 0, 0.26);z-index:9999;} #foot-welcome{background:#f4f4f4;position:relative} #foot-welcome .container{padding:70px 0;text-align:center} #foot-welcome .container .name a{font-size:4em;color:#034fbd;font-weight:300;padding:0 20px 20px;display:table;position:relative;margin:0 auto;background:#f4f4f4;z-index: 99;} #foot-welcome .container .name{position:relative;} #foot-welcome .container .name:after{content:'';display:block;position:absolute;top:30px;margin:auto;width:100%;height:1px;background:#3cb878;transition:all 0.5s ease;} #foot-welcome .container .description{font-family: 'Roboto', sans-serif;font-size:1.25em;line-height:1.5em} #kalkulator{margin-top:20px;background: #297bf2;display:table;width:100%;float:left;padding:30px;font-size:1.25em;font-weight:500;color:#fff;text-align:center} #kalkulator .column1{margin-bottom:40px} #kalkulator .title{text-transform:uppercase;font-size:1.1em;margin-bottom:40px;position:relative;display: inline-block;padding-bottom:18px;font-weight:700} #kalkulator input{padding:10px;margin:0 10px;text-align:center;font-size:1.25em;width: 200px;font-weight:800} #kalkulator .box-left{float:left;width:100%;border: 1px solid #38ff00;padding: 15px;} #kalkulator .box-right{float:left;width:100%;margin-top:40px;border: 1px solid #38ff00;padding: 15px;} #kalkulator span{margin:0 3px 0 6px;font-weight:700;font-size:1.33em} #kalkulator .color{color:#38ff00;font-weight:700;font-size:1.33em} #kalkulator .box-right .title:after{display:none} #kalkulator .title:after{content:'';background:#38ff00;width:1px;height:30px;position:absolute;left:0;top:28px;right:0;margin:0 auto} #kalkulator input{background:none;border:0;border-bottom:3px solid #38ff00;color:#fff} ::-webkit-input-placeholder{color: #fff; opacity: 1;} :-moz-placeholder{color: #fff; opacity: 1;} ::-moz-placeholder{color: #fff; opacity: 1;} :-ms-input-placeholder {color: #fff; opacity: 1;} #kalkulator .select-container-kalkulator input{padding-right:40px} .select-container-kalkulator { display:inline-block; position:relative; overflow:hidden; padding:0;background:none;width:200px !important} .select-container-kalkulator select {position:absolute; right:0; top:0; bottom:0; left:0; z-index:2; display:block; cursor:pointer; width:100%; height:100%;font-size:1.1em} .select-container-kalkulator .select-arrow:after{content:'\276f';position:absolute; right:18px; top:10px; z-index:1; display:block;transform: rotate(90deg);} #kalkulator .select-container-kalkulator span{margin:0} @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;} } /* PLUGINS */ #product #box #attributes{margin:0 0 10px;width: 100%;} #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, #attributesSelects{text-align:left;margin:0 auto 60px;border:0;padding:10px 10px 15px 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:100%;} @media screen and (max-width:410px){ #product #box{width:95%;} } /*PACZKOMATY*/ @media screen and (max-width:500px){ .class_inpost_machines_dropdown{max-width:240px;} } #imagesList7{height:450px;clear: both;} #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;} } /* BANNERS */ #banner0{text-align:center;padding-bottom:15px;} #banner1{text-align:center;margin:25px 0;} @media print{ #banner0, #banner1{display:none;} } .content-slider{height:443px;overflow:hidden;} .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;} #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;} #noticeAboutCookies{display:none;padding:7px 0;background:#fff;font-weight:500;} #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:1em;color:#0352c0;font-weight:700;text-decoration:none;} #noticeAboutCookies .close:hover{color:#009843;} #noticeAboutCookies.left-corner .close{display:block;margin:10px 0 0;} /* RESPONSIVE WEB DESIGN - media queries */ @media screen and (max-width:1360px){ #page6 #head3 .container, #slider2, #slider2 li img{width:100%;height:auto} #head3 .container .quick-slider-slide .description{width:75%;} #head3 .container .quick-slider-slide .description h2{font-size: 2.75em;} } @media screen and (max-width:1160px){ #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container, #foot-boxy .container, #foot-welcome .container, #head3 .container{width:95%;} #head1 .container{width:100%;} #menu2 li a{padding: 36px 13px;} #searchForm{width: 19%;} #menu1 ul{width: 28%;} } @media screen and (max-width:1023px){ #menu1 ul{width:280px} #menu1 li.lBasket{background: url(img/cart.png) no-repeat 30px 10px;} #menu1 li.lBasket span{padding: 10px 0 0 70px;} #menu1 li.lBasket a{padding: 2px 0 4px 70px;} #menu1 li.lBasket a:after{left:70px} #searchForm fieldset{padding: 0;border:0} #searchForm{position:absolute;top:132px;left:0;margin: 0;width:240px} #searchForm .submit{height:38px} #head2 .container{width:100%} #menuResponsive{float:right;width:38px;height:37px;background:url('img/menu-rwd.png') no-repeat center center;cursor:pointer;margin:8px 40px 8px 0 ;z-index:9999} #header #menu2{float:right;top:46px;position:absolute;list-style:none;width:100%;display:none;z-index:99999;padding:0;margin:0;background: rgb(3,80,190); background: -moz-linear-gradient(left, rgba(3,80,190,1) 0%, rgba(0,155,254,1) 100%); background: -webkit-linear-gradient(left, rgba(3,80,190,1) 0%,rgba(0,155,254,1) 100%); background: linear-gradient(to right, rgba(3,80,190,1) 0%,rgba(0,155,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0350be', endColorstr='#009bfe',GradientType=1 );} #header #menu2 ul{padding-left:0;float:left;width: 100%;} #header #menu2 ul li, #header #menu2 li, #header #menu2 > ul > li:first-child{width:100%;margin:0;padding:0} #header #menu2 > ul > li:hover > ul, #header #menu2 > ul > li > ul > li:hover ul, #header #menu2 > ul > li:after{display:none;} #header #menu2 ul ul, #header #menu2 > ul > li > ul > li > ul{position:relative;top:0;width:100%;left:0;white-space:normal;padding:0} #header #menu2 ul li a{padding:14px 20px;border-bottom: 1px solid #d7d7d7;width:100%} #header #menu2 .level-1-el a{padding:6px 26px;font-size:0.75em;} #header #menu2 ul li li li a{padding:12px 36px} #header #menu2 li:hover:after, #header #menu2 .selected:after, #header #menu2 .selected-parent:after{display:none} #header #menu2 > ul > li > ul > li > ul{box-shadow:none} #header #menu2 li.drop-down:before{top:10px;} #header #menu2 .level-0-el:hover .level-1-menu, #header #menu2 .level-0-el:hover .level-2-menu{display:none} #foot-boxy .container .left{margin-bottom:20px;border-bottom: 1px solid #636363;} #foot-boxy .container .left, #foot-boxy .container .right{width:100%;float:left} #head3 .container .quick-slider-slide .description{width:80%;top:10%;left:10%} #head3 .container .quick-slider-slide .description table{margin: 3px 0 24px;} #head3 .container .quick-slider-slide .description a{padding: 10px 18px;} #banner1 img{width:100%;height:auto;max-width:300px} #contactPanel, #page div.content.contact{width:100%} #page div.content.contact{margin-bottom:30px} #body #page img{max-width:95%;height:auto} #page51 #column{display:none} #page51 #content{width:100%;} } @media screen and (max-width:800px){ #head3 .container .quick-slider-slide .description h2{font-size:1.75em;} #head1{height:139px} img{max-width:100%;height:auto} #head1 .tel-header{margin-top:10px} #head1 .tel-header a{font-size:1.75em;} #head1 .tel-header a:before{content:'';background:url(img/tel.png) no-repeat;width:14px;height:20px;background-size: contain;margin-right:8px;} #menu1 ul{border:0} #menu1 li.lBasket{margin-top:0px;padding: 13px 8px 10px 20px;} #head1 .tel-header{clear: both;float:right;margin:-40px 20px 0 0} #content .imagesGallery table img{max-width:110px;} #column, #content, #menu3 ul{width:100%;} #column .type, #promoted .title, #basketSummary .title{padding: 10px 25px;} #column{padding-top:0} #menu3 a{padding: 8px 0;} #foot-welcome .container .name a{font-size:2.5em;} #foot-welcome .container .name:after{top: 20px;} h1.page, h1.product{font-size:2.25em;} #kalkulator input, .select-container-kalkulator {display: block;margin: 8px auto;} #kalkulator .box-right .title{margin-bottom:0px;padding-bottom:0} } @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;} #head3 .container .content-slider .quick-slider-nav-dots-wrapper, #head3 .container .quick-slider-nav-arrows-prev, #head3 .container .quick-slider-nav-arrows-next{display:none} #head3 .container .quick-slider-slide .description{width:90%;top:5%;left:5%} #products .list li:nth-child(3n+1){clear:none;margin-left:0;} #products .list li:nth-child(2n+1){clear:both;} #products .list li:nth-child(even){margin-left:2%;} #products .list li{width:48%;margin: 10px 0 10px 0;} #products .pages#pagesBefore{display:none} #contactPanel.wycena .min:nth-child(odd), #contactPanel.wycena .min:nth-child(even), #contactPanel.wycena .file input{width:100%;margin:0} #contactPanel .file{margin:0} #kalkulator{padding:20px 0} #page51 #page{padding:20px 0} #page51 #page .breadcrumb{padding-left:20px} } @media screen and (max-width:600px){ #logo img{width:180px;padding:20px 0 0 10px} #menu1 ul{width:188px} #menu1 li.lBasket span{font-size:0.938em;} #menu1 li.lBasket{background-size: 25px;} #menu1 li.lBasket span{padding: 10px 0 0 0;} #menu1 li.lBasket a{padding: 2px 0 4px 46px;} #menu1 li.lBasket a:after{left:46px} #head1 .tel-header{margin:-30px 20px 0 0} } @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;} #copy, .foot{float:none;width:100%;text-align:center;padding:0 0 20px;} #head3 .container .quick-slider-slide .description h2{font-size: 1.25em; } #head3 .container .quick-slider-slide .description td{padding:4px 25px 0 0;font-size:0.938em} #head3 .container .quick-slider-slide .description a{padding:4px 12px;font-size:0.75em;} #head3 .container .quick-slider-slide .description table{margin: 3px 0 10px;} #basket #orderedProducts table, #orderedProducts table{width: 100%; table-layout: fixed; font-size: 1em;} #order #personalData #setBasic, #order #personalData #setExtend, #oShippingPayment{width:100%;} #order #personalData #oComment{height:80px;} } @media screen and (max-width:479px){ #foot-boxy .container .left, #foot-boxy .container .right{width:96% !important;margin:10px 2%} #foot-boxy .container .left span:nth-child(1), #foot-boxy .container .left span:nth-child(2), #foot-boxy .container .left span:nth-child(3){width:100%;margin:10px 0} #foot-boxy .container .boxes .box table td{display:block;width:100% !important;margin:10px 0} #products .list li{width:100%;margin: 10px 0 10px 0;} h1.page, h1.product{font-size:1.5em;} } @media screen and (max-width:380px){ #logo img{width:140px;padding:26px 0 0 4px} #head1 .tel-header a{font-size: 1.45em;} #head1 .tel-header a:before{margin-top: -2px;} #menu1 li.lBasket span{font-size: 0.875em;} #menu1 ul{width: 165px;} #menu1 li.lBasket{padding: 13px 8px 10px 12px;} #head1 .tel-header{margin:-20px 20px 0 0} #menuResponsive{margin: 8px 22px 8px 0;} } @media screen and (max-width:360px){ #head3 .container .quick-slider-slide .description table{display:none} #head3 .container .quick-slider-slide .description a{margin-top:10px} #products .list li{width:98%;margin:1%;} #product #box #addBasket .submit{width:96%;padding:10px 2%;background:#b51d5a;} #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;} #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;} #content .imagesGallery table img{max-width:70px;} #comments span.date{font-size:0.917em;} #products .pages li:last-child{display: block;margin-top: 18px;} } @media screen and (max-width:320px){ }