/* reset margins and paddings */
html, body {margin: 0; padding: 0;}
div, a, p, ul, ol, li, dl, dt, dd, img, table, h1, h2, h3, h4, h5, hr, form, fieldset, legend, label, input, select, textarea {margin: 0; padding: 0; box-sizing: border-box;}

body {text-align: center;}
body, input, select, textarea {color: #000; font-family: Tahoma, Helvetica, sans-serif; font-size: 12pt;}

p {line-height: 1.5em; margin-bottom: 0.5em;}
.mb {margin-bottom: 1em;}
img, a img {border: 0;}
a {font-weight: bold; text-decoration: underline; color: #06c;}

table {border-collapse: collapse;}
h1 {margin: 15px 0; font-size: 2em; line-height: 1.5em; font-weight: normal; clear: both;}
h2 {margin: 0 0 10px 0; font-size: 1.5em; line-height: 1.5em; font-weight: normal;}
h3, h4 {margin: 15px 0 10px 0; font-size: 1.3em; line-height: 1.3em;}
h5 {margin: 10px 0 0 0; padding-bottom: 5px; font-size: 1.2em; border-bottom: solid 1px #eaeaea;}
hr {clear: both; visibility: hidden; height: 0; border: 0;}
details {padding: 15px 15px 0 15px;}
details:after { content: details-content; display: block;}
summary {cursor: pointer; outline:none; margin-bottom: 15px; text-decoration: underline;}
summary:hover {color: #E13D39;}
input, select, textarea {border: solid 3px #eaeaea; padding: 3px; height: 36px; line-height: 1.5em;}
textarea {height: 100px;}
input:focus, select:focus, textarea:focus {background-color: #f8f8f8;}
fieldset {border: none; margin: 0 0 15px 0; padding: 0;}
fieldset p {width: 100%; max-width: 300px; float: left; margin-right: 20px;}
fieldset p.tarea {max-width: 620px;}
fieldset p input, fieldset p select, fieldset p textarea {width: 100%;}
legend {font-weight: bold; font-size: 1.2em; margin: 0 0 5px 0; padding: 10px 0; width: 100%; border-bottom: solid 1px #eaeaea;}
label {cursor: pointer;}
fieldset label {display: block; margin: 5px 0;}
fieldset span.dropdown {width: 100%;}
select {text-transform: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
span.dropdown {position: relative; display: inline-block; cursor: pointer;}
span.dropdown:before {content: '\25bc'; color: #E13D39; font-weight: bold; font-size: 0.9em; line-height: 30px; text-align: center; right: 2px; top: 2px; width: 32px; height: 32px; box-sizing: border-box; position: absolute; border-left: solid 2px #eaeaea; pointer-events: none; display: block;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:before {border: solid 3px #eaeaea; background-color: #ffffff; content: "\00a0"; display: inline-block; width: 20px; height: 20px; box-sizing: border-box; margin-right: 10px; vertical-align: top;}
input[type="checkbox"]:checked + label:before {font-weight: bold; font-size: 1.5em; line-height: 10px; color: #E13D39; content: "\2714"; text-align: center;}
input[type="radio"] {display: none;}
input[type="radio"] + label:before {border: solid 3px #eaeaea; background-color: #ffffff; content: "\00a0"; display: inline-block; width: 20px; height: 20px; box-sizing: border-box; margin-right: 10px; vertical-align: top; border-radius: 10px;}
input[type="radio"]:checked + label:before {font-weight: bold; font-size: 1.2em; line-height: 11px; color: #E13D39; content: "\2022"; text-align: center;}
.req {background-color: #F0BBBA;}

#head, #left, #pages, #lazypagination, .bottominfo, .btn, .btn-inline, a.ico, #err, #slidebox, #slider, #selection2, #foot, ul#nav, #selectoption, .productorder {display: none;}

.holder {width: 100%; max-width: 1200px; position: relative; margin: 0 auto; padding: 0 15px; text-align: left;}
#right {width: 100%; padding-top: 30px; position: relative; z-index: 1; line-height: 1.5em;}
#right ul {margin-bottom: 15px; list-style-type: circle; margin-left: 15px; padding-left: 15px; line-height: 1.5em;}

#right ul.cat {list-style-type: none; color: #E13D39; margin: 10px 0; padding: 0;}
#right ul.cat li {display: block; float: left; width: 283px;}
#right ul.cat a {color: #000; display: block; padding: 5px 10px 5px 10px; width: 100%; height: 100%; background-color: #f8f8f8; border: solid 1px #eaeaea; font-weight: bold; text-decoration: none;}
#right ul.cat a:hover {background-color: #eaeaea;}
#right ul.cat a.active {color: #E13D39;}

.clear, .clear10, .clear15 {clear: both; height: 0;}
.clear10 {height: 15px;}
.clear15 {height: 15px;}

.small {font-size: 0.9em; font-weight: normal;}
.hidden {display: none;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.product {border: solid 2px #EAEAEA; padding: 20px; margin-top: -2px; clear: both; position: relative; z-index: 1; background-color: #FFF;}
.product p {position: relative; z-index: 2; clear: both;}

.productimage {position: relative; width: 200px; float: left; z-index: 5;}
.productimage img {float: none; margin: 0; z-index: 6; position: relative; width: 100%;}
.productimage img.full {z-index: 7; position: absolute; top: 0; left: 200px; display: none; width: auto; border: solid 3px #EAEAEA;}
.productimage img.thumb, #basket img.thumb {width: 97px;}
.productimage a img {border: solid 3px #EAEAEA;}
.productimage a:hover img {border-color: #E13D39;}
.productimage p {margin-top: 10px; text-align: center; position: relative;}

.productdetails {float: left; position: relative; z-index: 2; margin: 0 0 15px 30px;}
.productdetails td, .productdetails th {border-top: solid 1px #f1f1f1; padding: 0 5px;}
.productdetails tr:first-child td, .productdetails tr:first-child th {border-top: none;}
.productdetails th {padding-right: 15px; font-weight: normal;}

.productprice, .contactbox, #nostockoptions {margin: 10px 0; padding: 15px; z-index: 3; position: relative; background-color: #f1f1f1; box-shadow: 0 1px 2px 0 rgba(99, 99, 99, 0.4);}
.productprice td:nth-child(2) {text-align: right;}
.product p.commonprice {color: #555;}
.product p.customerprice {font-size: 1.1em;}
.product form {font-weight: bold; margin-top: 15px;}
.product iframe {border: none; width: 450px; height: 25px; margin: 10px 0 0 0;}

 td {padding-right: 5px;}
.productcount {width: 76px;}
.productcount a {display: block; float: left; font-weight: bold; padding: 0; width: 20px; text-align: center;}
.productcount input {display: block; float: left; width: 36px; height: 36px; margin: 0; border-left: none; text-align: center; border-right: none;}

span.stock, span.days, span.request {padding: 2px 4px; color: #FFF; background-color: #98BF00; font-weight: bold;}
span.days {background-color: #ED6E00;}
span.request {background-color: #E90004;}

#basket {margin-bottom: 20px;}
#basket table {width: 100%;}
#basket td, #basket th {padding: 5px; border: none;}
#basket table thead th {border-bottom: solid 2px #E13D39; white-space: nowrap;}
#basket table tbody td {position: relative; vertical-align: middle;}
#basket table tbody td img {border: solid 2px #eaeaea;}
#basket table tbody td img.full {float: none; position: absolute; top: 0; left: 64px; display: none; padding: 0; z-index: 100; border: solid 2px #eaeaea;}
#basket table tr.phe td {border: none; font-size: 0.9em; padding-top: 0; margin-top: -15px; vertical-align: top;}
#basket table tr.price td {border-top: solid 1px #eaeaea;}
#basket table td.taxes {padding: 0 5px;}
#basket table td.taxes div {padding: 5px 0;}
#basket table td.taxes span {float: right;}
#basket table tr.totalprice td {border-top: solid 2px #eaeaea; border-bottom: solid 2px #eaeaea;}

.tableBasket {float: right; font-weight: bold;}
.tableBasket a img {border: none;}
.inlineForm {float: right;}
.note {font-size: 0.87em; color: #555;}
.news {margin-bottom: 20px; padding: 10px 0; text-align: center;}
.news p {text-align: left;}
.news table {text-align: left;}
.news ul {margin-left: 15px; padding-left: 15px; text-align: left;}
.news h2 span.date {font-size: 0.9em; color: #555; float: right; font-weight: normal;}
.news2 {margin-bottom: 20px; padding: 30px 40px 20px 40px; text-align: center; background: transparent url('../__img/n_bg_download.gif') no-repeat;}
.news2 p {text-align: left;}
.news2 table {text-align: left;}
.news2 ul {margin-left: 15px; padding-left: 15px; text-align: left;}
.news2 h2 {text-align: left; padding-bottom: 15px;}
.news2 h2 span.date {font-size: 0.9em; color: #555; float: right; font-weight: normal;}
.silver {background: transparent url('../__img/n_bg_download.gif') no-repeat;}
.black {background: transparent url('../__img/n_bg_download2.gif') no-repeat;}
.pink {background: transparent url('../__img/n_bg_download3.gif') no-repeat;}
.red {background: transparent url('../__img/n_bg_download4.gif') no-repeat;}
.download {float: left; width: 290px; border: solid 2px #E13D39; padding: 15px; margin: 0 15px 15px 0;}
.download2 {width: 680px; padding: 30px 40px 20px 40px; margin: 0 0 20px 0; background: transparent url('../__img/n_bg_download.gif') no-repeat;}
.partner {text-align: center;}
.partner img {margin: 20px auto 10px auto;}
.partner p {margin: 0 0 20px 0;}

.boost span {border: solid 1px #E13D39; padding: 15px; display: block; margin-bottom: 15px;}

#ctrl1 {position: absolute; z-index: 18; bottom: 10px; right: 20px; list-style-type: none;}
#ctrl1 li {float: left; width: 6px; height: 6px; margin-right: 6px;}
#ctrl1 a {width: 6px; height: 6px; display: block; float: left; margin: 0; background: transparent url('../__img/slider-puntik.png') no-repeat 0 0; text-decoration: none;}
#ctrl1 a:hover {background-position: -6px 0;}
#ctrl1 .current a {background-position: -6px 0;}
#slidebox2 {width: 220px; height: 155px; position: relative; margin-bottom: 25px;}
#slider2 {width: 220px; height: 155px; position: absolute; top: 0; margin: 0; padding: 0; z-index: 10;}
#slider2 ul {list-style-type: none; margin: 0; padding-left: 0;}
#ctrl2 {position: absolute; z-index: 18; bottom: 5px; right: 20px; list-style-type: none;}
#ctrl2 li {float: left; width: 6px; height: 6px; margin-right: 6px;}
#ctrl2 a {width: 6px; height: 6px; display: block; float: left; margin: 0; background: transparent url('../__img/slider-puntik.png') no-repeat 0 0; text-decoration: none;}
#ctrl2 a:hover {background-position: -6px 0;}
#ctrl2 .current a {background-position: -6px 0;}

div.bico {width: 106px; float: left; margin: 20px 50px 0 0;}
div.bico p {text-align: center;}
div.bico a img {border: solid 1px #EAEAEA; padding: 2px;}
div.bico a:hover img {border: solid 1px #E13D39;}

#producer {background-color: #f1f1f1; border: solid 2px #EAEAEA; padding: 15px 15px 10px 15px; margin-bottom: 10px;}
#producer ul {list-style-type: none; margin: 0; padding: 0;}
#producer li {width: 270px; float: left; line-height: 20px; margin-bottom: 5px;}