/* CLASSIC SKIN */
/* separated colors and layout */

/* font awesome */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Base */

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}
.ui-autocomplete {
    box-sizing: content-box;
}
input.input-text, select, textarea, button, {
    border-radius: 0 0 0 0;
    box-shadow: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance:none;
}
select { height: 26px;border:1px solid; }
textarea {
    resize: vertical;
    padding: 10px;
}
body, tt {
    font-family:"Open Sans", Arial;
    font-size: 13px;
}
img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
a {
text-decoration:none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0;
}
h1 {
    font-size: 24px;
    font-weight:normal;
    padding-bottom: 17px;
}
h2 {
    font-size: 20px;
    margin-bottom: .45em;
    font-weight:normal;
}
h3 {
    font-size: 18px;
    margin-bottom: .45em;
    font-weight:normal;
}
h4 {
    font-size: 16px;
    margin-bottom: .45em;
    font-weight:normal;
}
h5 {
    font-size: 14px;
    margin-bottom: .45em;
    font-weight:normal;
}
h6 {
    font-size: 13px;
    font-weight:normal;
    margin-bottom: 1em;
}
input {
    border:1px solid;
    padding: 5px;
    font-family: "Open Sans";
}
fieldset {
    border: 0;
}
legend {
    display: none;
}
table {
    border: 0;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}
caption, th, td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}
p {
    margin: 0 0 1em;
}
strong {
    font-weight: bold;
}
address {
    font-style: normal;
}
cite {
    font-style: normal;
}
h1 q {
    font-style: italic;
}
blockquote {
    quotes: none;
}

small {
    font-size: 1em;
}
big {
    font-size: 1.15em;
}
ul {
    list-style-type:square;
    padding-left: 12px;
}

.err {
    border: 1px solid #d00;
    font-weight: bold;
    padding: 0 5px;
}
span.err {
    display:inline-block;
}

.link:hover, .link2:hover {
    text-decoration: underline;
}
.nobrd {
    border: none !important;
}
.nobold {
    font-weight: normal !important;
}
th div.ta_right,
th.ta_right {
    text-align: right !important;
}
.link.right,
div.right,
span.right {
    float:right;
}
div.left,
span.left {
    float:left;
}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
div.clear {clear: both;}

span.btn {
    display: inline-block;
}

.productstats-showall a,
input.upd,
#body .basket .wrapmod a,
.box.minibasket .tocart input,
#body .product .tocart input,
#body .product .fromlist input,
#body .basket .frombasket a,
#body .basket .frombasket input,
#body .box.compare .fromcompare input,
#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright input,
span.btn input, span.btn a,
#test_basketVoucherAdd  {
    font-size:13px;
    border:0 none;
    outline:0;
    display:inline-block;
    padding:5px 10px;
    margin:0;
    font-weight: normal;
    cursor:pointer;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor:pointer;
}
#body div.bar.prevnext .arrowright input {
    padding: 20px 96px 20px 70px;
}

#body div.bar.prevnext .arrowright,
#body div.bar.prevnext .stepback,
.productstats-showall,
input.upd,
#body .basket .wrapmod,
.box.minibasket .tocart,
#body .product .tocart,
#body .product .fromlist,
#body .basket .frombasket,
#body .basket .frombasket,
#body .box.compare .fromcompare,
#body div.bar.prevnext .right,
#body div.bar.prevnext .arrowdown,
#body div.bar.prevnext .arrowright,
span.btn,
span.btn,
#test_basketVoucherAdd,
.erpbuttons #body .evidenceheader .box ul li a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

#body div.bar.prevnext .arrowright:hover,
#body div.bar.prevnext .arrowright:focus,
#body div.bar.prevnext .stepback:hover,
#body div.bar.prevnext .stepback:focus,
.productstats-showall:hover,
input.upd:hover,
#body .basket .wrapmod:hover,
.box.minibasket .tocart:hover,
#body .product .tocart:hover,
#body .product .fromlist:hover,
#body .basket .frombasket:hover,
#body .box.compare .fromcompare:hover,
#body div.bar.prevnext .right:hover,
#body div.bar.prevnext .arrowdown:hover,
#body div.bar.prevnext .arrowright:hover,
span.btn:hover,
#test_basketVoucherAdd:hover {
    -webkit-filter: brightness(88%);
    -moz-filter: brightness(88%);
    -o-filter: brightness(88%);
    -ms-filter: brightness(88%);
    filter: brightness(88%);
}
span.btn input, span.btn a {
    padding:5px 10px;
    text-transform: uppercase;
    cursor:pointer;
    text-transform: uppercase;
    border:0 none;
    position: relative;
}
#body div.bar.prevnext .stepback a,
#body div.bar.prevnext .arrowdown a,
#body div.bar.prevnext .arrowright a,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright input {
    font-size: 18px;
    line-height: 24px;
}
#body div.bar.prevnext .arrowright:after {
    content:"\f101";
    font-family: FontAwesome;
    font-size: 24px;

    position: absolute;
    top: 20px;
    right: 45px;
    z-index: 1;
    padding: 0;
}
#body div.bar.prevnext .stepback:before,
#body div.bar.prevnext .backtoshop:before {
    content:"\f100";
    font-family: FontAwesome;
    font-size: 24px;
    padding-left: 10px;
}
#body div.bar.prevnext .stepback a {
    padding: 5px 10px 5px 35px;
}
#body div.bar.prevnext .stepback:before {
    position: absolute;
    top: 4px;
    left: 10px;
    z-index: 1;
    padding: 0;
}
#body div.bar.prevnext .cancel:after {
    content: none;
    padding-right: 0;
}
#body div.bar.prevnext .cancel:before {
    content:"\f0e2";
    font-family: FontAwesome;
    font-size: 20px;
    padding-left: 10px;
}
#body div.bar.prevnext .left {
    margin-right: 10px;
}
#body div.bar.prevnext .right {
    margin-left: 10px;
}
#body div.bar.prevnext .arrowright,
#body div.bar.prevnext .stepback {
    position: relative;
}
#body .product .tocart {
    display: inline-block;
    vertical-align: middle;
}
#body .product .tocart:hover {
}
#body .product .moreinfo {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
#body .product .moreinfo a {
    float: left;
}
#body .product .tocart + .moreinfo {
    display: none;
}
#body .product .tocart:before {
    content: "\f07a";
    display: block;
    float: left;
    font-family: "FontAwesome";
    font-size: 16px;
    padding: 6px;
    width: 32px;
    text-align: center;
}
#body .product .tocart input {
    background:none transparent;
    position: relative;
    left: -32px;
    padding-left: 38px;
    margin-right: -32px;
    font-weight: bold;
    color: #fff;
}
#body .product.details .tocart input {
    font-size: 16px;
    padding-left: 44px;
    line-height: 28px;
    left: -35px;
    height: 38px;
}
#body .product.details .tocart:before {
    font-size: 26px;
    width: 36px;
}

#body .box.compare .fromcompare,
#body .product .fromlist,
#body .basket .frombasket {
    float: left
}

#body .basketsummary .action-row .action-buttons .btn.remove:after,
#body .box.compare .fromcompare:after,
#body .product .fromlist:after,
#body .basket .frombasket:after {
    content:"\f00d";
    font-family: "FontAwesome";
    display: inline-block;
    margin: 2px 10px 0 -6px;
    font-size: 16px;
    line-height: 24px;
}

#body .basketsummary .sumrow.voucherrow .btn.remove a:after {
    content:"\f00d";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 16px;
    padding-left: 9px;
}

#body .basketsummary .action-row .action-buttons .btn.refresh:after,
#body .basket .frombasket + .btn:after {
    content:"\f021";
    font-family: "FontAwesome";
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 24px;
}
#body .basket .frombasket a {display: block;}

input.chbox {
    vertical-align:middle;
    margin-top: 0px;
}
input.chk {
    margin: 1px 5px 1px 0px;
}
input.fullsize {
    width: 100%;
}
textarea.fullsize {
    width: 100%;margin-bottom: 10px;
}
input.openid {
    background: #fff url(images/openid-icon-small.gif) no-repeat scroll 0 50%;
    padding-left:20px;
}

/* Tables .....*/
table {
    border-collapse: collapse;
}
th {
    text-align: left;
    padding: 0 5px 0 0;
    font-weight: normal;
}
table.min_width {
    width:auto
}
tr.row_sep td hr {
    display:none;
}
tr.row_sep td div {
    margin: 0;
    height: 15px;
}

/* Navigation - bars */
div.bar .right {float:right;}
div.bar.links .right {float:left;}

/* Navigation - menues */
#header .bar:not(.links) + div.bar.categories {
    min-height: 58px;
}
#header .categories ul.menue.horizontal {
    display: block;
    width:1280px;
    margin: 0 auto;
    float: none;
    text-align: center;
}
ul.menue,
ul.menue ul {
    padding:0;
    margin:0;
    list-style:none;
}
ul.menue li {
    margin:0;
    position: relative;
}
ul.menue li a {
}
ul.menue.horizontal {
    float:left;
}
ul.menue.horizontal li {
    float:left;
}
ul.menue.vertical li {
    float:none;
    height: 100%;
}
ul.menue.horizontal > li {
    display: inline-block;
    float: none;
    font-weight: 600;
    text-decoration: none;
}
ul.menue.horizontal > li a {
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    padding: 20px 14px ;
}
ul.menue.vertical > li a {
    display: block;
    width: 100%;
}
ul.menue.vertical > li {
    width: 100% !important;
}

.bar .dropdown {
    position: absolute;
    left: 0;
    top:100%;
    display: none;
    width: 256px;
    padding: 0 3px 3px;
    z-index: 1100;
}
.bar .dropdown.level2 {
    left:100%;
    top: 0;
}
.bar .horizontal .cat-more > .dropdown {
    left: auto;
    right: 0;
}
.bar .open > .dropdown {
    display:block;
}
.bar .open > .dropdown li:hover > .dropdown {
    display: block;
}

/* Layout */
#page {
    width:auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#header {
    clear:both;
    margin:0 auto 15px auto;
    width: 100%;
    max-width: 1280px;
    position: relative;
}
#header .links-wrap {
    width:1280px;
    margin:0 auto;
    float: none;
}
body.start-page #header {
    border-bottom: 0px solid #FFF;
    margin-bottom: 20px;
}
#content {
    clear:both;
    margin:0 auto 15px auto;
    width: 1280px;
    position:relative;
    padding: 24px;
}
body.start-page #content {
    position:relative;
    padding: 0;
}
body.start-page #content.twocolumns {
    padding: 24px;
}
#body {
    margin:0;
    padding:0;
    width: 100%;
    float: left;
}
#left + #body {
    float: none;
    width: auto;
    overflow: hidden;
}
#left {
    float:left;
    width:220px;
    margin:0 25px 0 0;
}

/* Blank pages, popups */
#body.plain {
    margin: 0;
    padding: 10px 20px;
    min-width: 100%;
    width: auto;
    min-height: 200px;
    height: auto !important;
}
#body.plain ol,
#body.plain ul {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 2em;
}

/* path */
#path {
    padding:0 4px;
    overflow: hidden;
    width: 1280px;
    margin:0 auto 15px auto;
}
.start-page #path {
    display: none;
}
#path .loader a {
    padding-left: 16px;
}
#path a:before, #path .path-not-a:before {
    font-family: "FontAwesome";
    color: #333;
    position: absolute;
}
#path .loader a:before {
    content:"\f015";
    font-size: 1.1em;
    left: 0;
    top: .15em;
}
#path .path-location a:before,
#path .path-not-a:before {
    content:"\f054";
    left: 0;
    top: .2em;
}
#path a,
#path .path-not-a {
    font-weight: normal;
    position: relative;
    padding: 0 5px 0 13px;
}
#path a.last {
    padding-right:0;
}
#path a.dinfo {
    font-weight: normal;
    padding-right:0;
}
#path .sep {
    display:none;
}

/* + layout - header */
#header div.oxid {
    clear: both;
    background: none;
    margin: 0 auto;
    width: 1280px;
    position: relative;
    padding: 15px 0;
}
#header div.oxid .logo {
    display: block;
    text-align: center;
}
body.logoleft #header div.oxid .logo {
     float:left;
     text-align: left;
     width: 33%;
     margin-top: -53px;
}

#header div.oxid .customheader {float:left;}
#header div.oxid .customheader p {margin: 0;}

/* idosocomplete */
body .ui-autocomplete.ui-corner-all {
    border-radius: 0;
    box-shadow: none;
}
body .ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #ddd;
    min-height: 20px;
}
body .ui-autocomplete.ui-corner-all a {
    border: 1px solid transparent;
}
body .ui-autocomplete .ui-menu-item:nth-child(2n) {
    background: transparent none repeat scroll 0 0 !important;
}
body .ui-autocomplete.ui-corner-all .ui-state-hover {
    background: none;
    border-radius: 0;
}
body .ui-autocomplete.ui-corner-all.ui-menu .ui-menu-item a.ui-state-hover {
    margin: auto;
    border: 1px solid #999;
}
body .ui-autocomplete .ui-autocomplete-more {
    border-radius: 0 !important;
}
body .ui-autocomplete.ui-corner-all.ui-menu .ui-menu-item.cy.ui-menu-item a {
    padding: 10px 0.4em;
}

body .ui-autocomplete.ui-corner-all.ui-menu {
    border: 1px solid #e0e0e0 !important;
}

#header #tm.basket.dd, #basket_menu, #top_basket .tb-productcount, #top_basket .tb-delivery {
    display: none !important;
}

body .ui-autocomplete.ui-widget-content .ui-menu-item.pt {
    padding: 0;
}

body .ui-menu .ui-menu-item a {
    padding: 0.3em 0.4em;
}

/* BASKET IN BAR OXID conf:baskettofixed=false */
.oxid #top_basket {
    cursor:pointer;
    float: right;
    padding: 0 8px 0 60px;
    position: relative;
    height: auto;
    min-height: 48px;
    margin: 10px 0 0 0;
}
.oxid #top_basket:before {
    content: "\f07a";
    font-family: "FontAwesome";
    font-size: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 12px;
    background: #656565;
    color: #FFF;
    text-align: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.oxid #top_basket #test_TopBasketHeader {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 3px;
    display: inline-block;
}

.oxid #top_basket dd {
    line-height: 1.2;
    font-size: 16px;
}

.oxid #top_basket .tb-itemcount th {
    display: none;
}
.oxid #top_basket #test_TopBasketItems, .oxid #top_basket .tb-total th {
    display: none;
}

.oxid #top_basket.full #test_TopBasketItems {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #231F20;
    position: absolute;
    left: 28px;
    top: 4px;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    font-size: 10px;
}

/* BASKET IN TOP FIXED BAR */
.fixedbar #top_basket {
    position:absolute;
    top:0;
    z-index:99;
    right:0;
    padding: 0;
    height: 48px;
    left: auto;
    width: auto;
}

.fixedbar #top_basket dd {
    float: left;
    padding: 15px 15px 15px 0;
}
.fixedbar #top_basket dt {
    overflow:hidden;
    height: 48px;
    padding:0;
    float:left;
}
.fixedbar #top_basket dt a {
    text-transform: none;
    display: inline-block;
    padding: 15px 5px 15px 15px;
}
.fixedbar #top_basket dt:before {
    content: "\f07a";
    display: block;
    float: left;
    font-family: "FontAwesome";
    font-size: 24px;
    height: 48px;
    line-height: 0.8;
    padding: 15px 5px;
    text-align: center;
    width: 45px; }

.fixedbar #top_basket .tb-productcount,
.fixedbar #top_basket .tb-itemcount th,
.fixedbar #top_basket  .tb-total th {
    display: none;
}
.fixedbar #top_basket .tb-itemcount {
    position: absolute;
    left: 25px;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    display: block;
    padding-top: 1px;
    display: none;
}
.fixedbar #top_basket.full .tb-itemcount {display: block;}
.fixedbar #top_basket .tb-itemcount td {
    display: inline;
    font-size: 9px;
}
.fixedbar #top_basket .tb-total td { font-weight: bold; text-transform: none;}
.fixedbar #top_basket .tb-delivery { display:none; }




/* SEARCH */
#test_searchCategorySelect, #test_searchManufacturerSelect, #box-search strong { display:none; }
#box-search {position: relative; height:36px;}
#box-search form {width: 100%; float: left; clear: both;}
#box-search form .txt { border: 0 none; float: left; width: 100%; padding-right: 55px; height: 36px; padding-left: 10px;}
#box-search span.btn {display: block; float:right; width: 48px; height: 36px; padding: 0; position: absolute; top: 0; right: 0; cursor: pointer; margin: 0; border: 0 solid; border-left-width: 1px;}
#box-search span.btn input {border:0; background:none; height: 36px; color:transparent; cursor:pointer;}
#box-search span.btn:after {content: "\f002"; display: inline-block; font-family: "FontAwesome"; position: absolute; left: 16px; top: 10px; cursor:pointer; font-size: 16px;}

/* SEARCH IN HEADER */
#header div.oxid #box-search { float: left;width: 26%; margin: 10px 1% 0 5%;height: 48px;}
#header div.oxid #box-search form .txt {height: 46px;}
#header div.oxid #box-search span.btn,
#header div.oxid #box-search span.btn input {height: 48px;}
#header div.oxid #box-search span.btn:after {left: 14px; top: 12px; font-size: 22px;}
#header div.oxid #box-search .searchhint2 {
    position: absolute;
    right: 0px;
    margin-top: 5px;
    width: 50%;
    font-size: 14px;
    text-align:right;
    top:100%;
    font-weight: 600;
}
#header div.oxid #box-search .searchhint1{
    position: absolute;
    left: 0px;
    margin-top: 5px;
    width: 50%;
    font-size: 14px;
    text-align:left;
    top:100%;
}

#header #box-search p { margin-bottom:0px; }

/* SEARCH IN TOPMENU */
#header .fixed #box-search,
#header .fixed #box-search span.btn,
#header .fixed #box-search span.btn input,
#header .fixed #box-search form .txt {height:48px;}
#header .fixed #box-search span.btn:after {top: 15px;}
#header .fixed #box-search .searchhint1,
#header .fixed #box-search .searchhint2 {display: none;}

/* SEARCH IN TOPMENU3 */
#header div.links #box-search {float: right; margin-top: 10px;}
#header div.links #box-search .searchhint1,
#header div.links #box-search .searchhint2 {display: none;}

/* NEW SEARCHBOX - BORDER AND WHITE BACKGROUND */
.bordered-searchbox #header div.oxid #box-search { width: 34%; margin: 10px 1% 0 4%; border-width: 1px; border-style: solid; }
.bordered-searchbox #header div.oxid #box-search form .txt { padding-left: 15px; }
.bordered-searchbox #header div.oxid #box-search span.btn { top: -1px; right: -1px; background-color: #5da1f6;}

/* FIXED TOPBAR */
#header div.bar.fixedbar {width: 100%; min-height:48px; float: left;}
#header div.bar.fixedbar .left {float: right;}
#header div.bar.fixedbar.fixedtopage {position: fixed;z-index: 100;top: 0;left: 0; background-color: #fff;}
#header div.links.fixedtopage,
#header div.categories.fixedtopage {position: fixed;z-index: 999;left: 0;top: 48px;border-bottom-width:2px;}
#header div.links,
#header div.categories  {padding:0; width:100%; margin: 0 auto; position: relative; z-index: 100;}
#header div.links {z-index: 101;}
#header div.links a {cursor: pointer;}
#header div.links a:hover {text-decoration: underline;}
#header .fixed {width: 1280px;margin: 0 auto;text-transform: uppercase;position: relative;}
#header .fixed > div {height: 48px;float: left;}
#header .fixed  #header-compare a {padding-left:15px; padding-right: 15px;}
#header .fixed  #header-compare a:before {content:"\f080";display: inline-block;font-family:"FontAwesome";padding-right: 10px;}
#header .fixed > div div {float: left;}
#header .fixed > div a {display: block;float: left;padding: 15px;text-align: center;}

/* new fixedtopage */
body.fixedtopage .fixedtopage {position: fixed !important;z-index: 999;left: 0;top: 0;}
body.fixedtopage #header div.categories.fixedtopage {top: 0;}

/* fixed links to right side - customclass fixedright */
.fixedright #header .fixed > div {float: right;}
.fixedright #header .fixed .box-small-account a:first-child {padding-left: 15px;}
.fixedright #header .fixed .box-small-account a:last-child {padding-right: 0;border-right: 0 none;}

#header .fixed div.language {overflow:hidden;position: relative;width: 120px; white-space: nowrap;}
#header .fixed div.language a { width: 120px;text-transform: none;opacity:0.6; position: absolute;left: -9999px;  }
#header .fixed div.language a.act { left: 0; }
#header .fixed div.language:hover .lang-wrap { height: auto;position: absolute;z-index: 999; }
#header .fixed div.language img { display: none; }
#header .fixed div.language:hover { overflow:visible; }
#header .fixed div.language:hover a { border-right:0 none;margin-right:1px; opacity:1;position: static; color: #fff;}
#header .fixed div.language:hover a.act:after { content:"";padding-left: 0;  }
#header .fixed div.language a.act:after{  content: "\f078";font-family: "FontAwesome";display: inline-block; padding-left: 10px; }

#header .fixed div.currency {overflow:hidden;position: relative;width: 77px; white-space: nowrap;}
#header .fixed div.currency:hover { overflow:visible; }
#header .fixed div.currency a { width: 77px;opacity:0.6;position: absolute;left: -9999px; }
#header .fixed div.currency a.act { left: 0; }
#header .fixed div.currency:hover a { border-right:0 none;margin-right:1px;opacity:1;position: static; color: #fff; }
#header .fixed div.currency:hover a.act:after { content:"";padding-left: 0; }
#header .fixed div.currency:hover .currency-wrap { height: auto;position: absolute;z-index: 999; }
#header .fixed div.currency a.act:after{  content: "\f078";font-family: "FontAwesome"; padding-left: 10px; }

#header .fixed div.fixed-phone a { border-right:0 none; }
#header .fixed div.fixed-phone a:before {  content: "\f095";font-family: "FontAwesome"; padding-right: 10px; }

#header .fixed .box-small-account a:first-child { padding-left: 0; }
#header .fixed .box-small-account #header-compare + div a { padding-left: 15px; }

#header .fixed .box-small-account a.login:before { content: "\f13e";font-family: "FontAwesome";display: inline-block; padding-right: 10px;}
#header .fixed .box-small-account a.myaccount:before { content: "\f007";font-family: "FontAwesome";display: inline-block; padding-right: 10px;}
#header .fixed .box-small-account a.register:before { content: "\f007";font-family: "FontAwesome";display: inline-block; padding-right: 10px;}
#header .fixed .box-small-account a.logout:before { content: "\f09c";font-family: "FontAwesome";display: inline-block; padding-right: 10px;}

#header .fixed .box-small-account .sep {display:none;}
#header .fixed #header-compare {height: 48px;}
#header div.links .right a {padding:0 10px;}
#header div.links .right .menue a,
#header div.links .left .menue a,
#header div.links .right > a,
#header div.links .left > a {font-weight: bold;text-transform: uppercase;display: block;padding: 20px 14px; float: left;}

/* fixed bar menu */
#header .fixedbar div.links,
#header .fixedbar div.categories {border: 0 none; width: auto; min-width: 0; z-index: 105;}
#header .fixedbar div.links .right .menue a,
#header .fixedbar div.links .left .menue a,
#header .fixedbar div.links .right > a,
#header .fixedbar div.links .left > a {height: 48px; padding-top: 14px; padding-bottom: 14px; font-weight: normal;}

/* structured cms */
#header div.bar.links ul.menue.dropdown.level1 {top: 100%;left: 0px;}
#header div.bar.links ul.menue.vertical li {float:none; display: block;position: relative;}
#header div.bar .right ul.menue.vertical li > a,
#header div.bar .left ul.menue.vertical li > a,
#header div.bar ul.menue.vertical li > a {min-width:50px; text-align:left; padding: 8px 12px; display: block;position: relative;float: none;line-height: normal;height: auto;}
#header div.bar ul.menue.vertical li > a:hover { text-decoration: none; }

/* top navigation */
#header div.categories a#test_HeaderHome {display: none;}

/* + layout - footer */
#footer {position: relative; width: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 10px; border-top: 12px solid #e0e0e0;}
#content #footer {margin-top: 20px;}
#footer .wrapper {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
#footer p {margin: 0;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer div.box-wrapper,
#footer div.footer-box,
#footer div.bar {margin:0; padding: 10px 0 0; text-align: center; width: 100%; float: left;}
#footer div.shop a {margin:0;}
#footer .shopicons {padding: 0 150px;}
#footer .footertext .street,
#footer .footertext .phone {white-space: nowrap;}
#footer div.bar.copy {opacity: .6;}
#footer div.bar.copy .text-center {text-align: center;}

/* + layout - new content in footer */
#footer #box-infobox { margin: 0 auto; }
#footer ul.info {padding: 10px 0 0; margin: 0;}
#footer ul.info li {display: inline-block; float: none; margin: 0 15px;}

/* + layout - new content in footer - news list */
#footer #box-news .single-news {width: 100%; float:left; padding: 10px 0 0; text-align: left;}
#footer #box-news .news-head {float:left; margin-right: 15px;}
#footer #box-news .newsitem-title {display: block; font-weight: bold; margin-bottom: 10px;}
#footer #box-news .news-readmore {float: right; margin-left: 15px;}
#footer #box-news .news-readmore:after {content: "...";}
#footer #box-news .news-more {float:right; font-weight: bold;}
#footer #box-news .news-more a:after {content: "...";}

/* + layout - new content in footer - news list columned */
body.footer-news-2 #footer #box-news .single-news {width:50%;}
body.footer-news-2 #footer #box-news .single-news:nth-child(2n+1) {padding-right: 15px; clear: both;}
body.footer-news-2 #footer #box-news .single-news:nth-child(2n+2) {padding-left: 15px;}

body.footer-news-3 #footer #box-news .single-news {width:33%;}
body.footer-news-3 #footer #box-news .single-news:nth-child(3n+1) {padding-right: 15px; clear: both;}
body.footer-news-3 #footer #box-news .single-news:nth-child(3n+2) {padding-left: 15px; padding-right: 15px;}
body.footer-news-3 #footer #box-news .single-news:nth-child(3n+3) {padding-left: 15px; }

/* + layout - columned footer */
body.footer-columned #footer .wrapper {padding-left: 10px; padding-right: 10px;}
body.footer-columned #footer div.box-wrapper,
body.footer-columned #footer div.footer-box,
body.footer-columned #footer div.bar {width: 25%; padding-left: 10px; padding-right: 10px; text-align: left;}
body.footer-columned #footer div.box-wrapper:nth-child(4n+1),
body.footer-columned #footer div.footer-box:nth-child(4n+1),
body.footer-columned #footer div.bar:nth-child(4n+1) {clear: both;}

body.footer-columned.wide-social #footer div.box-wrapper,
body.footer-columned.wide-social #footer div.footer-box,
body.footer-columned.wide-social #footer div.bar {width: 20%;}
body.footer-columned.wide-social #footer #footer-social {width: 40%;}

body.footer-column-2 #footer div.box-wrapper,
body.footer-column-2 #footer div.footer-box,
body.footer-column-2 #footer div.bar {width: 50%;}
body.footer-column-2 #footer div.box-wrapper:nth-child(4n+1),
body.footer-column-2 #footer div.footer-box:nth-child(4n+1),
body.footer-column-2 #footer div.bar:nth-child(4n+1) {clear: none;}
body.footer-column-2 #footer div.box-wrapper:nth-child(2n+1),
body.footer-column-2 #footer div.footer-box:nth-child(2n+1),
body.footer-column-2 #footer div.bar:nth-child(2n+1) {clear: both;}

body.footer-column-3 #footer div.box-wrapper,
body.footer-column-3 #footer div.footer-box,
body.footer-column-3 #footer div.bar {width: 33.33333%;}
body.footer-column-3 #footer div.box-wrapper:nth-child(4n+1),
body.footer-column-3 #footer div.footer-box:nth-child(4n+1),
body.footer-column-3 #footer div.bar:nth-child(4n+1) {clear: none;}
body.footer-column-3 #footer div.box-wrapper:nth-child(3n+1),
body.footer-column-3 #footer div.footer-box:nth-child(3n+1),
body.footer-column-3 #footer div.bar:nth-child(3n+1) {clear: both;}

body.footer-column-5 #footer div.box-wrapper,
body.footer-column-5 #footer div.footer-box,
body.footer-column-5 #footer div.bar {width: 20%;}
body.footer-column-5 #footer div.box-wrapper:nth-child(4n+1),
body.footer-column-5 #footer div.footer-box:nth-child(4n+1),
body.footer-column-5 #footer div.bar:nth-child(4n+1) {clear: none;}
body.footer-column-5 #footer div.box-wrapper:nth-child(5n+1),
body.footer-column-5 #footer div.footer-box:nth-child(5n+1),
body.footer-column-5 #footer div.bar:nth-child(5n+1) {clear: both;}

body.footer-columned #footer .automatic-links {color: transparent;}
body.footer-columned #footer .shop.automatic-links a {display: block; padding: 0; margin-bottom: -0.60em;}
body.footer-columned #footer .automatic-links br {display: none;}

body.footer-columned #footer div.bar.copy {width: 100%;}
body.footer-columned #footer div.bar.mobile-desktop-switch {clear: both;}
body.footer-columned #footer div.bar.mobile-desktop-switch {width: 30%;}
body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy {width: 70%; clear: none;}
body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy .left {width: 50%; text-align: center; padding-right: 10px;}
body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy .right {width: 50%; text-align: right; padding-left: 10px;}

body.footer-columned #footer ul.info li {display: block; margin: 0;}

/* + layout - wide footer */
body.wide-footer #footer {max-width: none;}
body.wide-footer #footer .wrapper {padding-left: 0; padding-right: 0;}

/* + layout - custom flat footer */
#foot-copy {width: 1280px; margin:8px auto; position: static;}

/* + layout - footer - newsletter */
#footer .newsletter-form {width: 100%; float: left; margin-bottom: 10px;}
#footer .newsletter-form label {display: none;}
#footer .newsletter-form .checkbox  {clear: both;}
#footer .newsletter-form .checkbox label.checkbox-label {display: inline;}
#footer .newsletter-form label.checkbox-label {line-height: 30px;}
#footer .newsletter-form .txt,
#footer .newsletter-form span.btn {float: left;}
#footer .newsletter-form .txt {width: 57%; margin-right: 3%;}
#footer .newsletter-form span.btn {max-width: 40%;}
#footer .newsletter-form span.btn input {width: 100%;}

/* + layout - prefooter */
#prefooter {clear: both;margin: 0 -10px;padding: 10px 20px;}
#prefooter a {text-decoration: none;}
#prefooter a:hover {text-decoration: underline;}


/* + layout - left */
#left div.box-wrapper {background: transparent; margin-bottom: 10px;}
#left #box-categorytree,
#left #box-vendortree,
#left #box-manufacturertree {background: transparent; margin-bottom: 10px;}
#left form.search {padding: 3px 0 10px;}
#left ul.info,
#left dl.news,
#left div.box {padding:5px; background: transparent;}
#left .unifiedfilterFilters div.box.catfilter {padding: 0 5px 5px; margin: 0;}
.box-wrapper span.btn {clear: both;display: block;text-align: right;}
#left strong.h2 {display: block; background: none 0;text-align:left;overflow: hidden;position: relative;font-weight:normal;margin-bottom:10px;text-transform: uppercase;padding: 6px 6px 6px 10px;}
#left strong.h2 a {text-decoration: none;}
#left strong.h2 a:hover {text-decoration: none;}
#left p {padding:0; margin:0; position: relative;}

body .search input.txt.ui-autocomplete-loading,
body #left .search input.txt.ui-autocomplete-loading,
body #fsearch .search input.txt.ui-autocomplete-loading,
body #topsearch input.txt.ui-autocomplete-loading {
    background-position: 70% center;
}

#left .search select {width:220px; margin:0 0 5px;}
#left hr {margin: 3px 10px 3px 0;}
#left #box-search {border: 0 none; height: auto;}

/* information list */
ul.info {margin:10px 0 0; padding:0;}
ul.info li {list-style: none; padding: 0px 0px 10px 0px; margin: 0;text-align: left;}
ul.info li a {display: block;}

/* news list */
#body #box-news .single-news { width:50%;float:left;padding:15px}
#body #box-news .single-news:nth-child(2n+2) { width:50%;margin-right:0%; }
#body #box-news .news-head { float:left;margin-right:2%; }
#body #box-news .news-more { float:right;margin-right: 15px;margin-bottom: 15px;text-decoration: underline;}
#body #box-news .news-content { line-height: normal; color:#999; }
#body #box-news .newsitem-title, #body #box-news .newsitem-date { float:none; }
#body #box-news .news-readmore { background:none;font-size:11px; white-space:nowrap;}
#body #box-news .newsitem-text { color:#999; display:block;min-height:100px;}
#body #box-news .newsitem-text:hover { text-decoration:none; }
#body #box-news .newsmorelink { background:none;font-size:15px; }
#body #box-news .newsitem-title a { font-size:16px;line-height:100%;display:block;margin-bottom:5px; }
#body #box-news .newsitem-date {float: left; padding-right: .3em;}

/* Navigation - tree */
ul.tree {padding:0; margin:0;}
ul.tree ul {padding:0; margin:0;}
ul.tree li {margin:0; list-style: none;margin-bottom:10px;display: none;}
#box-manufacturertree ul.tree li, #box-vendortree ul.tree li { display: block; }
ul.tree li.act, ul.tree li.act li,ul.tree li.exp li, ul.tree li.exp  { display: block; }
ul.tree li a {display:block;font-size: 14px;}
ul.tree li a:before { content: "\f054";font-family: "FontAwesome";padding-right: 5px;font-size: 13px; display: inline-block; }
ul.tree li li a {padding-left: 10px;}
ul.tree li li li a {padding-left: 25px;}
ul.tree li li li li a {padding-left: 40px;}
ul.tree li li li li li a {padding-left: 55px;}
ul.tree li li li li li li a {padding-left: 70px;}
ul.tree li li li li li li li a {padding-left: 85px;}
ul.tree li li li li li li li li a {padding-left: 100px;}
ul.tree li li li li li li li li li a {padding-left: 115px;}
ul.tree li li li li li li li li li li a {padding-left: 130px;}
ul.tree li a.exp {margin-bottom: 10px;}
ul.tree li.root.exp > .exp {display: none;}

/* smaller */
.smallerdeepnav ul.tree li li li li a,
.smallerdeepnav ul.tree li li li li a:before {font-size: 98%;}

/* blocknav bodyclass to different left menu */
.blocknav ul.tree li a::before {display:none;}
.blocknav ul.tree li {margin: 0;}
.blocknav ul.tree li.root {margin: 0 0 3px 0;}
.blocknav ul.tree li.root.ext {margin-bottom: 0;}
.blocknav ul.tree li ul {padding-bottom: 3px;}
.blocknav ul.tree li a {padding: 8px 10px;}

.blocknav ul.tree li li a {padding: 3px 5px 3px 10px;font-size: 13px;}
.blocknav ul.tree li li li a {padding-left: 15px;}
.blocknav #left strong.h2.categorytree {margin-bottom: 3px;}
.blocknav ul.tree li.root.exp a.exp {margin-bottom: 0;border-bottom: 3px solid;}

#left div.box p {margin: 0;}


#left div.form label {width: 50px;float: left;clear: both;padding-top: 5px;}
#left div.form label.rightloginkeeplogggedin {width: auto;padding-bottom: 10px;}
#left div.form label.rightloginkeeplogggedin input {position: relative; top: 2px;}
#left div.form input.txt {float: left;margin-bottom: 5px;width: 160px;}
#left div.form label.gdpr-label {
    width: auto;
    float: left;
    margin-bottom: 10px;
}

#left .listitem {margin: 0px 0 10px; padding-left: 75px; position: relative; min-height: 80px; height: auto !important; height: 70px; width: 215px;border-bottom: 1px solid;}
#left .listitem .picture {position: absolute; display: block; left: 0; top: 0; text-align:center;}
#left .listitem .picture {width: 70px; height: 70px; line-height: 67px; overflow:hidden; text-align: center; vertical-align: middle;}
#left .listitem .picture img {margin-top: 14px;}
#left .listitem .picture span {width: 70px; height: 70px; display: block; vertical-align: middle;}
#left .listitem .picture span img {margin-top: 0;max-width:100%;}

#left .listitem a {text-decoration: none;}
#left .listitem a.arttitle,
#left .listitem a.title {font-weight: normal;text-transform: uppercase;min-height:51px;text-align: right;display: block;}
#left .listitem a.title {overflow:hidden; width:108px; display:block;}
#left .listitem a:hover {text-decoration: underline;}
#left .listitem tt {display: none;}
#left .actions {margin: 3px 0 5px;display: none;}
#left .actions a {display: block;}

#left .listitem.rightlist {height:auto;}
#left .listitem.rightlist.lastinlist {margin-bottom: 3px;}
#left .listitem.rightlist .price {font-size: 12px; font-weight: bold; position: relative; text-align: right;}
#left .listitem.rightlist .price a {font-weight: normal;}
#left .listitem.rightlist .price .tocart {display: none;}
#left .listitem.rightlist .link {padding-left:14px; text-decoration:none; line-height:1.1em;}
#left .listitem.rightlist .link:hover {text-decoration: underline;}


/* RSS */
#left .box {position:relative;}
a.rss {float: right; text-decoration: none !important;}
strong a.rss {margin-right: 10px;}
h1 ~ a.rss {position: relative; top: -33px;}
a.rss:after {font-family: "FontAwesome"; content: "\f09e"; color: #8c8c8c;}
#body strong.head a.rss, #body strong.head2 a.rss, #body .product strong.h4 a.rss {bottom:8px; right: 7px;left: auto;top: auto;}
body.start-page #body strong.head,body.start-page  #body strong.head2 {position:relative; }
#body strong.head2.newest { visibility:visible; font-size:1.6em; line-height:2.1em;height:auto; }

/* Path */
#path {position:relative;}
#path a {text-decoration: none;}
#path a:hover {text-decoration: underline;}
#path a.dinfo {position:absolute; right:21px;}

/* Content */
#body a {text-decoration: none;}
#body a:hover {text-decoration: underline;}
#body #test_catLongDesc a, #body .longdesc a, .content-page #body a{ text-decoration: underline; }
#body #test_catLongDesc a:hover, #body .longdesc a:hover, .content-page #body a:hover  { text-decoration: none; }

body.start-page #body .boxhead,
#body strong.head2 { display:block;width:100%;clear:both;font-size:1.2em;line-height:2.1em; }
body.start-page #body .boxhead,
#body strong.head2 {position: relative; text-transform:uppercase;font-weight: normal;}
body.start-page #body strong.boxhead,
body.start-page #body strong.head2 {padding-left: 15px;}
body.start-page #body strong.boxhead,
#body strong.head2 {padding-top: 20px;}
body.oldstrong.start-page #body strong.boxhead,
body.oldstrong #body strong.head2 {padding: 0;}
body.oldstrong.start-page #body strong.boxhead,
body.oldstrong #body strong.head2 {text-align: center;}
body.oldstrong.start-page #body .boxhead:before,
body.oldstrong.start-page #body .boxhead:after,
body.oldstrong #body strong.head2:before, body.oldstrong #body strong.head2:after {
    border-top: 1px solid;    content: " ";    display: block;    height: 1px;
    left: 0%;    position: absolute;    top: 1.2em;    width: 25%;}
body.oldstrong.start-page #body .boxhead:after,
body.oldstrong #body strong.head2:after { right: 0%; left: auto; }
body.oldstrong.start-page #body .boxhead:before,
body.oldstrong.start-page #body strong.head2:before { left: 15px; }
body.oldstrong.start-page #body .boxhead:after,
body.oldstrong #body strong.head2:after { right: 15px; }
body.start-page #body .boxhead,
body.start-page #body strong.head2 {font-weight: normal; width:100%; position: relative;font-size:1.5em; float:left;}


#body .boxhead {  width:100%;float:left; display: block;font-weight: normal;font-size: 22px;}
#body #test_VoucherHeader {font-size: 1.5em; margin-bottom: .5em; font-weight: normal;}
#body #test_VoucherHeader + .box {float: left;width: 60%;clear: none;}
#body #test_VoucherHeader + .box .err {border:0 none;padding: 0 0 5px 0;}
#body #test_VoucherHeader + .box br {display: none;}
#body #test_specsHeader { display: none; }
#body #test_variantHeader { font-size: 18px;margin-top: 10px; }
#body .boxhead em {font-style: normal; font-weight: normal; font-size: .75em;}
#body .boxhead h1 {margin: 0; padding: 5px 1em 5px 0; display: block; font-weight: normal;margin-bottom: 10px;width: 100%;line-height: 1;}
#body .boxhead small {padding-left: 1em; font-weight: normal;}
#body .box {padding: 5px 0 10px; width:auto; margin: 0 0 10px 0;clear:both;}
#body .box:after {content: ""; display:block; clear:both;}
#body .box.variantslist {overflow:hidden;margin: 0;padding: 0;}
#body .box.variantslist .separator.inbox {display: none;}

#body .box.variantslist > form .product.thinest .cost {float: right; min-width: 95px; margin: 0;}
#body .box.variantslist > form .product.thinest .amount {display: block; float: right;}
#body .box.variantslist > form .product.thinest .description {width: 30%;}

#body .box.empty {display: none;}
#body .listdetails {padding:0; margin:0 0 10px; width: 100%;}
#body .listdetails #test_catLongDesc {margin: 0 0 20px;}
#body .listdetails .listdetails-content hr {display: none;}
#body .listdetails .listdetails-content .listdetails-subcats {display: none;}
#body .listdetails .listdetails-content .list {margin: 0 0 15px; padding: 0; width: 100%; float: left;}

#body #box-news { width:100%;clear:both; }
/* category list header mod */
#body .boxhead.cattitle {padding: 0;margin:0;width:100%;}
/* #test_catArtCnt */
#body .boxhead.cattitle em {display: none;}
/* #test_catDesc */
#body .boxhead.cattitle small {display: none;}

#body .box img {border:none; padding:0; margin:0;}
#body .box p {margin: 0 0 1em; padding: 0; font-size: 13px;}
#body #test_catLongDesc p { margin-bottom: 0; padding: 0;}
#body .box .categorythumb {float: right; margin: 0 0 20px 20px;}
#body .box img.captcha-refresh {
    max-height: 36px;
    margin-top: 2px;
}

/* media */
#body .media p.micon {background: transparent url(images/icons/file.png) no-repeat scroll left top; min-height: 16px; height: auto !important; height: 16px; padding:1px 0 0 22px; margin-bottom: 5px;}
#body .media p.micon.mdoc {background-image: url(images/icons/doc.png);}
#body .media p.micon.mfile {background-image: url(images/icons/file.png);}
#body .media p.micon.mlink {background-image: url(images/icons/link.png);}
#body .media p.micon.mpdf {background-image: url(images/icons/pdf.png);}
#body .media p.micon.mpic {background-image: url(images/icons/picture.png);}
#body .media p.micon.mxls {background-image: url(images/icons/xls.png);}
#body .media p.micon.mzip {background-image: url(images/icons/zip.png);}
#body .media p.myoutube object {margin-top: 5px;}

#body .media p.myoutube {
    max-width: 700px;
    display: block;
    margin: 0 auto;
}
#body .media .embed-container {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
#body .media .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
}

/* subcategories list */
#body .box ul.list li a {text-decoration: none;}
#body .box ul.list li a:hover {text-decoration: underline;}
#body .box ul.list li.icon {background: transparent;}
#body .box ul.list li.icon img {vertical-align: middle;}

/* subcategories image list - only for subcategories, not for vendors nor manufacturers */

/* subcategories list */
#body .box .subcatnocol li {float:left; position: relative;margin:0px 6px 6px 0; display:table;width:185px;height:72px;cursor:pointer;border-radius:0px;background-position:top center;-webkit-transition: opacity 0.2s linear;transition:opacity 0.2s linear;padding: 5px;background: none transparent;
    border: 1px solid ;overflow:hidden;}
#body .box .subcatnocol li img {
    display: inline-block;
    vertical-align: middle;
    max-width: 60px;
    max-height: 60px;}
#body .box .subcatnocol li .subcattitle {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    max-height: 60px;
    text-align: center; }
#body .box .subcatnocol li br + .subcattitle {
    width: 105px;
    margin-left: 12px;
    margin-right: -5px;
    text-align: left;}
#body .box .subcatnocol li a { display: table-cell; vertical-align: middle; }
#body .box .subcatnocol li br { display: none; }
#body .box .subcatnocol .subcaticon { clear:both;display:block; }
#body .box ul.list {margin:0; padding:10px 0;}
#body .box .unifiedfilterFilters ul.list {padding: 0;}
#body .box ul.list li a {text-decoration: none;}
#body .box ul.list li a:hover {text-decoration: underline;}
#body .box ul.list li.icon img {vertical-align: middle;}

/* category filter */
#body .catfilter .singlefilter {float:left; width: 24%; margin:0 1% 10px 0; position: relative;}
body #body .box .catfilter.attrfilter .ondemand .catfilterlist { width: 100%; }
#body .catfilter .singlefilter .attrslider {margin-top: 25px; padding-left: 5px;}
#body .unifiedfilterFilters .attrslider {min-height: 2.1em;}
body #body .box .catfilter.attrfilter .ondemand .filteropen { height: 25px;width: 100%; background-color: #fff; }
#body .box .catfilter {clear: both; margin: 0 0 15px;}
#body .box .catfilter.attrfilter {margin-bottom: 5px;}
#body .box .catfilterwrapper {margin: 0;}
#body .box .filterwrap:after,
#body .box .catfilter:after {
    content: "";
    display: table;
    clear: both;
}
#body .box .catfilter.enhanced img.productstats-icon, #body .product .productstats.enhanced img.productstats-icon, #left .catfilter.enhanced img.productstats-icon { display: none; }
#body .catfilterwrap {clear: both;}
#body .parameterswitch {padding:10px 0; cursor:pointer; font-size: 15px; font-weight: bold; text-transform: uppercase; position: relative; clear: both;}
#body .parameterswitch:before {font-family: "FontAwesome"; content: "\f103";font-size: 24px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-weight: normal;}
#body .parameterswitch.active:before {content: "\f102";}
#body .parameterswitch .plus-button { display: none; }
#body .box .catfilter .boxhead {font-size: 14px; width: 100%; margin: 0 0 5px; font-weight: bold;}

#body .catfilterwrap .state-noitems a,
#left .catfilter .state-noitems a { text-decoration: none; cursor: default; }

body.filterlabel2left #body .box .catfilter .boxhead {padding: 0; width: 15%; float: left;}
body.filterlabel2left #body .box .catfilter.attrfilter strong.multiboxhead {display: none;}
body.filterlabel2left #body .box .catfilter .boxhead + .list,
body.filterlabel2left #body .box .catfilter .boxhead + .productstats-legend,
body.filterlabel2left #body .box .catfilter .boxhead + #pricefilterform {width: 85%; float: left;}
body.filterlabel2left #body .box .catfilter .boxhead + #pricefilterform #pricefilterinfo {margin-top: 0 !important;}

#body .box .catfilter table {width: 100%; border-collapse: collapse;}
#body .box .catfilter label {margin-right: 10px;}
#body .box .catfilter select {margin: 3px;}
.catfilter.manufacturerfilter input {margin: 0 -20px 3px 0; vertical-align: middle;}
#body .box .catfilter.manufacturerfilter label {margin: 0 10px 0 0; padding: 0 0 0 20px; display: inline-block; vertical-align: top;}
#left .catfilter.manufacturerfilter label {margin: 0; padding: 0 0 0 20px; display: inline-block; vertical-align: top;}
#body .box .catfilter.manufacturerfilter ul.list {line-height: 1.5em;}
#body .box .catfilter.manufacturerfilter ul.list {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: block; margin: 0;}
#body .box .catfilter.manufacturerfilter ul.list li {background: transparent; padding: 0; margin: 0; display: inline-block; width: 95%;}
#body .box .catfilter.ondemand span.btn { margin:0px 0px 20px 0px !important; }
#pricefilterslider {margin-left: 10px !important;}
.attrslider .attrfilterslider,
#pricefilterslider {border-radius: 0; background: #f0f0f0;}
.attrslider .attrfilterslider,
#pricefilterslider,
.attrslider .attrfilterslider .ui-slider-handle,
#pricefilterslider .ui-slider-handle {border: 0 none;}
.attrslider .attrfilterslider .ui-slider-range,
#pricefilterslider .ui-slider-range {background: none #ccc; position: relative;}
.attrslider .attrfilterslider .ui-slider-handle,
#pricefilterslider .ui-slider-handle {background: #4A5456;  margin-top: 1px;}

#body.plain .boxhead {margin: 5px 5px 0 0; width: auto; float:none;}
#body.plain .box {width: auto; float:none;}

#body div.bar.prevnext {margin:5px 0; padding:0; float: left; width:100%;}
#body div.bar.prevnext.order {margin-bottom: 20px;}
#body div.bar.prevnext.bottom {margin-bottom:0px;}

.unifiedfilterFilters .singlefilter label.descriptioned {
    float: none !important;
}

#body .box .attributes td.title .qicon, .unifiedfilterFilters .qicon {
    position: relative !important;
    display: inline-block !important;
}

/* FORMS FORM */
#body .form th {text-align: left; padding: 7px 0; font-weight: bold; font-size:14px; }
#body .form th.mid {padding-top:3em;}
#body .form th small {font-weight: normal; font-size: 10px;}
#body .form td {padding: 3px 0;}
#body small {font-weight: inherit; font-size: 11px;}

#body table.form {
    max-width: 100%;
}
#body table.form textarea,
#body table.form input {
    max-width: 95%;
    box-sizing:border-box;
}
#body table.form .btn input {
    max-width: none;
}
#body table.form .nl-subscriberadio label {
    margin-right: 20px;
}
#body #questionmail table.form,
.contact-page #body table.form {
    width: 100%;
    table-layout: fixed;
}
#body #questionmail table.form td:first-child,
.contact-page #body table.form td:first-child {
    width: 20%;
}

#body .custom-shipment-address .custom-shipment-address-item {
    font-size:14px;
}

/* Other */
#body .dot_sep { margin-bottom:0px; margin-top:5px;}
#body .dot_sep.mid {margin: 5px 0;}
#body .errorbox {font-weight:bold; border:1px solid #d00; padding: 5px 15px; margin:5px 0 10px 0; width:100%; float: left;border-radius:0px;}
#body .errorbox p {margin: 5px;}
#body .errorbox.inbox {float: none;}
body.account_wishlist-page #body .dot_sep {background: transparent;}

body.account_savedbasket-page #body .savedbasket tr.itemodd,
body.account_savedbasket-page #body .savedbasket tr.itemeven {
    border-bottom: 1px solid #ccc;
}

body.account_savedbasket-page #body .savedbasket tr.itemlast {
    border: none;
}

body.account_savedbasket-page #body .savedbasket .basket th:first-child {
    text-align: left;
}

body.account_savedbasket-page #body .savedbasket .basket tbody td[align="right"] {
    text-align: right;
}

body.account_savedbasketlist-page #body .savedbasketlist tbody tr .btn {
    margin: 1px 0;
}

body.account_savedbasketlist-page #body .savedbasketlist tbody td,
body.account_savedbasketlist-page #body .savedbasketlist tbody th {
    vertical-align: middle;
    text-align: left !important;

}

body.account_savedbasketlist-page #body .savedbasketlist table {
    border-spacing: 30px 0;
    border-collapse: separate;
}

body.account_savedbasketlist-page #body .savedbasketlist tbody th {
    font-weight: bold;
}

.savedbasketlist .table {
    width: 100%;
}
.savedbasketlist .add-type-select select {
    margin-left: 5px;
    padding-right: 10px;
}
.savedbasket .add-type-select {
    float: right;
    padding-top: 19px;
}
.savedbasket .add-type-select select {
    padding-right: 10px;
}
@media screen and (max-width: 799px) {
    .savedbasket .add-type-select select {
        width: 100%;
    }
    .savedbasket .add-type-select {
        float: none;
    }
}

/* Plain errors*/
#body.plain .errorbox a {text-decoration: underline;}
#body.plain .errorbox .errhead {padding: 5px 15px;}
#body.plain .errorbox .errbody {border: 1px solid #d00; padding: 15px;}

/* Locator */
#body .locator {margin: 0; padding: 0; width:100%; float: left; position: relative; z-index: 10; border-bottom: 1px solid; clear: both;}
#body .locator.bottom .lochead { display:block;}
#body .locator.bottom { border-bottom:0 none;border-top:1px solid;text-align:center; }
body.details-page #body .locator.top {display: none;}
#body .locator .lochead {padding:0; float: left; width: 100%;z-index: 30;}
#body .locator.top .lochead {  }
#body .locator .lochead strong.h4 {font-weight:normal; float: left;}
#body .locator .locbody { text-align: right; float: left; width:100%; overflow: visible;z-index: 20;}
#body .locator, #body .locator a {font-size: 14px;line-height: 24px;}
#body .locator.bottom .locbody a.pagenum { display: inline-block;margin: 0 5px; }
#body .locator a.active {font-weight: bold;}
#body #test_NextPageBottom,#body #test_PrevPageBottom { border:0px solid #FFF; }
#body .locator .sep {padding: 0 2px; color: inherit;}
#body .locator .locbody #selID_ArticleNavTop,
#body .locator .locbody #selID_ArticleNavBottom {display: inline-block;}

body.details-page #body .locator .lochead {display: none;}
body.details-page #body .locator .lochead .right {float: right;}
body.details-page #body .locator .lochead .right a {padding-left: 10px;}
body.details-page #body .locator .locbody {padding: 0 0 10px;}

#body .locator .lochead .right a {display: inline-block; vertical-align: middle;}
#body .locator .arrow {display: inline-block; position: relative; font-weight: normal; height: 24px;}
#body .locator .arrow.next:after {content:"\00bb"; font-size: 22px; line-height: 18px; display: inline-block; padding-left: 3px;}
#body .locator .arrow.prev:before {content:"\00ab"; font-size: 22px; line-height: 18px; display: inline-block; padding-right: 3px;}

#body .locator .arrow.off { display: none; }
#body .locator #test_link_nextArticleTop:after {content:"\f061";    display: inline-block;    font-family: "FontAwesome";
    font-size: 16px;    line-height: 16px;    padding-right: 10px;}
#body .locator #test_link_prevArticleTop:before, #test_BackOverviewBottom:before { content:"\f060";      display: inline-block;    font-family: "FontAwesome";
    font-size: 16px;    line-height: 16px;    padding-right: 0px; }
#test_BackOverviewBottom:before { padding-right: 10px; }

#body .locator .listlayoutswitch {float: left; margin-right: 15px;}
#body .locator .listlayoutswitch a.active {border-radius: 0px !important; padding:0 !important;}
#body .locator .listlayoutswitch a {padding: 0; display: inline-block; width: 19px; height: 24px; vertical-align: middle;}
#body .locator .listlayoutswitch a + a {margin-left: 5px;}
#body .locator .listlayoutswitch a:before {content:"\f00a"; font-family: "FontAwesome"; display: inline-block; font-size: 19px;}
#body .locator .listlayoutswitch a.big:before {content:"\f04d";}
#body .locator .listlayoutswitch a.half:before {content:"\f009";}
#body .locator .listlayoutswitch a.third:before {content:"\f00a";}
#body .locator .listlayoutswitch a.thin:before {content:"\f00b";}
#body .locator .listlayoutswitch a.thinest:before {content:"\f03a";}
#body .locator .listlayoutswitch a span {display: none;}

#body .locator .sort_row a + a {margin-left: 10px;}
#body .locator .sort_row a:before {content:"\f175"; font-family: "FontAwesome"; display: inline-block; padding-right: 5px;}
#body .locator .sort_row a.desc:before {content:"\f176";}
#body .locator .sort_row a.asc:before{content:"\f175";}

#body .locator .btn {margin-bottom: 6px;}

#body .locator.compare .locbody {height: auto;}
#body .locator.compare .locbody .left form {margin-top: 10px;}

#body .locator .btn.loadpage {
    text-align: center;
    margin: 40px 0;
    padding: 7px 45px;
    display: inline-block;
}

#body .locator .btn.loadpage:hover {
    color: #fff;
}

/* Products */
.start-page #body .product { margin: 15px; background:#FFF; }
.start-page .twocolumns #body .product { margin: 10px; }
#body .product .productbox-tags {display: none;}
#body .product {float:left; width:226px; height:400px; margin:10px; padding:3px; position:relative;text-align: center;}
#body .product .stock {font-weight: bold; line-height: 1.2em;display: block;position: static;margin: 5px auto;width: 120px; padding: 5px;}

#body .product .picture {display:inline-block; width: 200px; text-align: center; overflow: hidden;margin-bottom: 6px;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#body .product .picture span {width: 200px;height: 200px;vertical-align: middle;display: table-cell;}
#body .zoomWrapperImage img {max-width: none; max-height: none;}
#body .product strong.h3 {margin:0 0 10px; display: block;}
#body .product strong.h3 { padding-top: 5px; }
#body .product strong.h3 a {display: block; font-size: 1.2em; line-height: 1.2em; min-height:40px;font-weight: 400;}
#body .product tt {display:block; font-weight: normal;}
#body .product .type { font-weight: bold; }
#body .product .flag {width:12px; height: 12px; border:1px solid #888; float:left; margin:1px 8px 0 0;border-radius:2px;}
#body .product .actions { display: none; }
#body .product .actions a {text-decoration: none;white-space: nowrap; margin: 0;  outline: 0 none;display: inline-block;}
#body .product .actions a:hover {text-decoration: underline;}
#body .product .variants label {display:block; }
#body .product .variants select {width: 180px;}
#body .product .variants select option.act {font-weight: bold;}
#body .product .variants-empty {display: none !important;}
#body .product.thin .variants {display: none !important;}
#body .product .amprice {clear: left; margin-top: 5px;}
#body .product .amount label {font-size: 11px;display: none; }
#body .product form {text-align: right;}
#body .product .discount,
#body .product .variants {text-align: center;}
#body .product .cost {text-align: right;display: inline-block;vertical-align: middle; margin: 0 10px 0 0;}
#body .product .cost .only { display: none; }
#body .product .cost .old {position: relative; top:-2px; display: block; margin-bottom: -3px; font-weight: normal;}
#body .product .description {line-height: 1.3em;}
#body .product .cost .desc,
#body .product .cost .desc + br {
    display: none;
}
#body .product .cost big {white-space:nowrap;font-size: 14px;font-weight: bold;line-height: 1em;display: inline-block;}

#body .product.third {float:left; width:calc(33% - 27px); min-width: 260px; height:469px; margin:15px; padding:15px; position:relative;text-align: center; border:2px solid #fff; border-bottom:2px solid #e0e0e0;}
#body .product.third:hover {border:2px solid #5da1f6;}

#body .product.third form {position: absolute; left: -10px; bottom: 10px; width: 100%; padding: 0 3px;}
#body .product.third .discount {position: absolute; top: auto; bottom: 400px; right: 0; z-index: 99;}

body.discountcircle.productheightmax #body .product.third .discount {bottom: 420px;}
body.discountcircle.productheightmin #body .product.third .discount {bottom: 325px;}

#body .product.thinest .cost .old,
#body .product.third .cost .old {text-indent: -9999px; text-align: left; line-height: 1em; display: block;}
#body .product.thinest .cost .old del,
#body .product.third .cost .old del {display: block; text-indent: 0; margin-top: -1em; text-align: right;}
#body .product.third .installment,
#body .product.third .unformatted {display: none;}
#body .product.third .variants {opacity: 0; padding: 5px 0 10px; background: #fff; box-shadow: 0 -5px 10px 2px #fff;}
#body .product.third .variants {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
#body .product.third .variants label {padding: 10px 0 0;}
#body .product.third:hover .variants {opacity: 1;}

#body .product.third tt {width: 100%; float: left; display: none;}
body.oldidentifier #body .product.third tt .type {width: 40%; margin-right: 10%; text-align: right; float: left;}
body.oldidentifier #body .product.third tt .value {width: 50%; text-align: left; display: inline-block}
#body .product.third tt .type {width: auto; float: none; margin-right: 0;}
#body .product.third tt .value {display: inline; width: auto;}

#body .product.third .deltime .type {
    width: auto;
}

body.product-hover #body .product.third {height:310px;}
body.product-hover #body .product.third .description,
body.product-hover.compare-page .product .description {position: absolute;bottom:132px;width: 226px;left: 0;padding: 5px; display: none;pointer-events:none;}
body.product-hover #body .product.third .description:empty,
body.product-hover.compare-page .product .description:empty {padding: 0;}
body.product-hover #body .product.third:hover .description {display: block;}
body.product-hover #body .product.third:hover .picture {opacity:0.3;}
body.product-hover #body .product.third .stock {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 105px;
    display: none;
    font-weight: normal;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 226px;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
body.product-hover #body .product.third .stock b {
    font-weight: normal;
}

#body .promorotator .product.third{
	width: 255px;
}

@media only screen and (min-width: 1300px){
	.crosssellhead-wrapper .promorotator,
	.accessories-wrapper .promorotator,
	.lastseen-wrapper .promorotator,
	.alsobought-wrapper .promorotator,
	.similarhead-wrapper .promorotator {
		margin: 0 -25px !important;
	}	
}

body.product-hover #body .product.third:hover .description,
body.product-hover #body .product:hover .stock {display: block; pointer-events:none;}

#body .product.details .stock { font-weight: normal; }
#body .product.details form,
#body .product.details .cost,
#body .product.details .discount,
#body .product.details .variants {text-align: left;}
#body .product.details .particulars .stock.status .value:before {content: " ";}

#body .product.thinest {width: 100%;height: auto;margin: 5px 0;}
#body .product + .product.thinest {border-top: 1px solid #ddd; padding-top: 8px;}
#body .product.thinest .picture { float: left;width: 90px;height: 90px;margin-right: 20px; }
#body .product.thinest .picture span { width: 90px;height: 90px; }
#body .product.thinest strong.h3 { text-align: left;border-top:0;padding: 0;margin: 0;float: left;width: 30%; }
#body .product.thinest strong.h3 a { min-height:40px; }
#body .product.thinest .description { position: static;display: block;width: auto;text-align: left;padding: 0;float: left;width: 30%;height: 51px;overflow:hidden; }
#body .product.thinest .stock { position: static;display: block;width: auto; text-align: left;padding:0;    }
#body .product.thinest .cost {min-width: 80px;}
#body .product.thinest .amount { float: left; }
#body .product.thinest .amount input { float: left;margin-right: 10px;width: 32px;text-align: center; }
#body .product.thinest .amount label { display: none; }
#body .product.thinest form { float: right; }
#body .product.thinest .type {display: inline-block; width: auto;}
body.start-page #body .product.thinest {padding: 9px 15px;}

#body .product.thin { width: 100%;min-height: 105px;height: auto;margin: 5px 0;border-bottom: 1px solid #ddd; }
#body .product.thin .picture { float: left;width: 90px;height: 90px;margin-right: 20px; }
#body .product.thin .picture span {width: 90px; height: 90px;}
#body .product.thin .picture img {max-height: 90px; max-width: 90px; height: auto; width: auto;}
#body .product.thin strong.h3 { text-align: left;border-top:0;padding: 0;margin: 0;float: left;width: 30%; }
#body .product.thin strong.h3 a { min-height:40px;font-weight: bold; }
#body .product.thin .desc { position: static;display: block;width: auto;text-align: left;padding: 0;float: left;width: 30%;overflow:hidden; }
#body .product.thin .stock { position: static;display: block;width: auto; text-align: left;padding:0;   }
#body .product.thin .cost  { float: none;text-align: right; }
#body .product.thin .amount { float: left; }
#body .product.thin .amount input { float: left;margin-right: 10px;width: 32px;text-align: center; }
#body .product.thin .amount label { display: none; }
#body .product.thin .tocart { float: right; }
#body .product.thin form { float: right; }
#body .product.thin .cost big {line-height: 2;display: inline-block;margin-bottom: 5px; }
#body .product.thin .cost .nettoprice + big {line-height: 1;}
#body .product.thin:last-child, #body .product.thin:last-of-type { border: none; }
#body .product.thin .type {display: inline-block; width: auto;}
#body .product.thin .zoomPad .zoomWrapperImage img {max-height: none; max-width: none;}

#fancybox-wrap { box-sizing:content-box; }

#body .product.details .picture span {display: inline; width: auto; height: auto; position: static;}
#body .product.details .picture br + span {display: block; width: 40px; height: 40px; position: absolute; left: 0; bottom: 0; text-align: left; text-indent: -99999px;}
#body .product.details .picture br + span:after {text-indent: 0; content: "\f00e"; font-family: "FontAwesome"; color: #ccc; font-size: 22px; display: block; position: absolute; left: 15px; bottom: 15px;}
#body .product.details .picture .paging { width: 100%; }
#body .product.details .picture .paging .page { display: none; }
#body .product.details .picture .paging .arrow.l { float: left; }
#body .product.details .picture .paging .arrow.r { float: right; }
#body .product.details .picture .paging .arrow { z-index: 99; }

/* výška produktových boxíků */
.productheightmin #body .product.third { height: 355px; }
.productheightmin #body .product.third .discount .discount-list { bottom: 243px; }

.productheightmax #body .product.third { height: 430px; }
.productheightmax #body .product.third .productbox-tags { margin: 10px 0; }
.productheightmax #body .product.third .discount { padding-bottom: 10px; }
.productheightmax #body .product.third .discount .discount-list { bottom: 347px; }

/* variants as simple images */
body.image-variants #body .variantslist .product.thinest strong.h3,
body.image-variants #body .variantslist .product.thinest .desc,
body.image-variants #body .variantslist .product.thinest form { display: none; }
body.image-variants #body .variantslist .product.thinest .picture,
body.image-variants #body .variantslist .product.thinest .picture span { width: 90px;height: 90px;display: block;margin: 0;padding: 0; }
body.image-variants #body .variantslist .product.thinest .picture span img { max-width:100%; max-height: 100%; width: auto; height: auto;}
body.image-variants #body .variantslist .product.thinest { width: auto;height: auto;border:0 none;margin: 6px; }

#body .product.big .cost big {font-weight: bold;}
#body .product .cost sup.dinfo {vertical-align:super; margin:0; padding:0;}
#body .product .cost sup.dinfo a {color: inherit; text-decoration: none; font-weight: bold; font-size: 13px;}
#body .product .cost sup.dinfo a:hover {text-decoration: underline; color: inherit;}
#body .product .cost small {font-weight: inherit; font-size:69% ;}

#body .product.head {margin-top:30px; border-top:none;}
#body .product.head strong.h4 {display: block;}
#body .product.head strong.h4 small {display:block; position:absolute; top:6px; left:44%; font-size:11px; font-weight: normal;}

#body .product.head strong.h4.big {width: 100%;margin:0 0 10px 0; padding:5px 0; font-size: 15px;}
#body .product.details strong.h4.big {padding:0 0 5px;position: relative; top: 0;}

#body .product.head strong.h4 {margin:0; padding:5px 0 1px 0; height:20px; position:absolute; top:-30px; left:0; width:100%; line-height:20px; font-size: 15px; font-weight: bold;}
#body .product.head strong.h4.half a {padding-left:15px;}
#body .product.head strong.h4.thin {font-size:15px; text-indent: 15px;}
#body .product.head strong.h4.small {line-height:1.1em; padding:2px 0 1px;}

#body .product.head strong.h4.thinest {width: 556px; padding:1px 5px 8px 7px;}

#body .couple-table {width: 100%;}


/* productstats */
#body .product .productstats { position: absolute;left: 10px;top: 10px; }
#body .product .productstats .productstats-item { display: block;text-align: left;margin-bottom: 3px;position: relative; }
#body .product .productstats .productstats-item .productstats-title { padding: 3px 5px; }
body #body .product .enhanced span.productstats-item { height: 20px;pointer-events:none; }
body #body .box .catfilter.enhanced .productstats-item,
body #left .catfilter.enhanced .productstats-item { height: 24px; }
body #left .catfilter.enhanced .productstats-item { margin-bottom: 5px; }
body #body .box .catfilter.enhanced .productstats-item.item0,
body #left .catfilter.enhanced .productstats-item.item0 {margin-left: 0;}
body #body .product span.productstats.enhanced {pointer-events:none; opacity:0.7;}
body #body .product.thinest .productstats.enhanced,
body #body .product.thin .productstats.enhanced { position: static; position: static; height: auto; width: 100%; display: inline-block; margin-top: 3px; }

#body .separator {height: 10px; margin:0; float:left; width:100%;}
#body .separator.inbox {width:100%; border: none; margin: 0;}
#body .txtseparator {height: 10px; margin:0 5px; float:left; width: 100%; border:1px solid #ddd; border-top:none; border-bottom: none;}
#body .txtseparator.inbox {margin:0; width: 100%; border: none; border-bottom:1px solid #ddd;}
#body .variantslist .txtseparator {border: 0 none;}
body.account_noticelist-page #body .separator,
body.recommlist-page #body .separator {display: none;}

#body .product.details {height:auto;width: 100%; padding: 0; margin:0; border: 0 none; background: transparent;text-align: left;}
#body .product.details:hover, #body .product.moredetails:hover { box-shadow:0 0 0 transparent;  }
#body .product.details strong.h4 {padding:1px 5px 8px 7px; display: block;}
#body .product.details h1 {margin:0px 0 10px; padding:0;  font-weight: normal;font-size: 28px;text-transform: uppercase;border-bottom:0 none;line-height: 1.2;}
#body .product.details tt {margin:5px 0 0px;}
#body .product.details .desc {margin:10px 0 ;line-height:normal; width:auto;text-align:left;padding:10px;position: static;display: block;}

#body .product.details:hover .picture { opacity: 1; }
#body .product.details .picturewrap { float: left;width: 50%;padding-right: 30px; }
#body .product.details .particularswrap { float: right;width: 50%; }
#body .product.details .picture { height: auto; width: 100%;}
#body .product.details .particulars {position: relative;width: 100%;}

#body .product.details .reviewstars-br,
#body .product.details .actions + br {display: none;}
#body .product.details .particulars #star_rating_text + div {clear: both;}
#body .product.details .particulars .reviewstars-standard {margin-bottom: 5px;}
#body .product.details .particulars .reviewstars-undertitle {margin-bottom: 10px;}
#body .product.details .particulars ul.rating {margin-right: 71px;}
#body .product.details .particulars ul.reviewstars-particularsbottom {margin-right: 0;}
#body .product.details .particulars .reviewstars-link-undertitle,
#body .product.details .particulars .reviewstars-link-particularsbottom {display: none;}

#body .product.details .exturls {text-align: left; clear: both; margin-top: 10px;}
#body .product.details .exturls a {display: block;}
#body .product.details .exturls a:before { content: "\f08e"; display: inline-block; font-family: "FontAwesome"; font-size: 16px; margin-right: 5px; }
#body .product.details .exturls a b { font-weight: normal; }
#body .product.details .picture a.zoom:hover { text-decoration: none; }
#body .product.details .picture a.zoom img { max-width: none }

#body .product.item .customdetailnote { padding:10px;float: right;}
#body .product.item .customdetailnote.none { padding: 0; }
#body .product.item .customdetailnote hr { display:none; }

/* cursor */
#body .product.details .picture a.zoom {cursor: pointer; cursor:-moz-zoom-in; padding: 10px;}

/* photo360 */
#body .product.details .picture a.zoom.photo360:before {
    font-family: FontAwesome;
    content: '\f021';
    display: block;
    font-size: 40px;
    color: #ccc;
    position: absolute;
    left: 15px;
    top: 15px;
}

#body .product.details .picture a.zoom.photo360:after {
    content: '360';
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ccc;
    position: absolute;
    left: 15px;
    top: 55px;
}

/* image set */
#body div.imgcont-on {display: block;}
#body .product.details .picture > a,
#body div.imgcont-on a {display: block; position: relative; border: 1px solid;}
#body div.imgcont-off {display: none;}

#body .details .zoom .zoomWindow { left: auto !important;right: -425px !important;top: 0 !important;     }

#body .product.details .cats {margin:5px 0 0 0; }

#body .product.details .cats img {margin: 0 0 0 10px; float: right; clear: right;}

#body .product tt {clear: left;}
.product.details .discount-list .discount-title,
#body .product.details .status .label, #body .product.details .variants.simple label, #body .product .type { display: inline-block; width: 160px; float:none;}
#body .product tt .value { display: inline-block; }

body #body .product.details .status {margin: 5px 0 0 0;display: block;position: static;background:none;padding: 0;margin: 5px 0;text-align: left;width: auto;cursor:default;}
body #body .product.details .status .value { font-weight: normal; }
 #body .product.details .status .pstxt b { font-weight: normal; }

#body .product.details .variants {margin: 5px 0;}
#body .product.details .variants label {padding-top: 5px;}
#body .product.details .variants.simple label {display: inline-block;}
#body .product.details .variants.simple select {width: auto; max-width: 330px;min-width: 200px;height: 30px;border-radius:0;border:1px solid;padding: 0 5px;}
#body .product.details .variants.simple .variants-simple-wrapper { width: 100%;display: block;margin-bottom: 10px;float: left; }
#body .product.details .variants ul { list-style-type:none;margin: 0;padding: 0;}
#body .product.details .variants ul li { display: inline-block; }
#body .product.details .variants ul li a {display: block; padding: 4px 8px;background-color: #DBE8F4;color:#000;margin: 0 5px 5px 0;text-decoration: none; }
#body .product.details .variants ul li a:hover { background-color:#00009A ;color:#FFF;  }
#body .product.details .variants ul li.active { font-weight:normal; }
#body .product.details .variants ul li.active a { background-color:#00009A ;color:#FFF; }

#body .product.details .actions {display:block; position: static; float:right; margin:0; text-align: right;}
#body .product.details .actions a {white-space: normal;}
#body .product.details .actions script + a,
#body .product.details .actions a + a {margin-left: 17px;}
#body .product.details .actions a:before {display: inline-block;margin-right: 5px;font-family: FontAwesome; font-size: 16px;}
#body .product.details .actions a.compare-add:before  { content:"\f080";}
#body .product.details .actions a.compare-remove:before { content:"\f00d";}
#body .product.details .actions a#test_suggest:before { content:"\f1d9";}
#body .product.details .actions a#test_QuestionMail:before { content:"\f003";}
#body .product.details .actions a#slist:before,
#body .product.details .actions a#wlist:before {content:"\f022";}

#body .product.details .particulars form {width: 100%;display: block;overflow:hidden;margin-bottom: 15px;}
#body .product.details .cost {float: left;position: relative;}
#body .product.details .cost br { display: none; }
#body .product.details .cost big {display:inline-block;font-size:36px;font-weight: 700;float: none;line-height: normal;padding-top: 20px;}
#body .product.details .cost .only + big { padding-top: 0; }
#body .product.details .cost .old {font-weight: normal; font-size: 18px;position: relative;bottom:-5px;top:auto;}
#body .product.details .cost .old .oldpricenote, #body .product.details .cost .desc, #body .product.details .cost sub.only { display: none; }
#body .product.details .cost .unitname { font-size: 25px; font-weight: 700; }

#body .product.details .cost sup.dinfo {font-size:10px; font-weight: normal; vertical-align:top; float:left; line-height: inherit; width:120px;display:none;}
#body .product.details .cost sup.dinfo a {font-size: 12px; font-weight: bold;}

#body .product.details .packing {clear:left; padding-top:10px;}
#body .product.details .deltime {clear:left; padding-top:10px;}
#body .product.details .stock + .deltime { padding-top: 0; margin-bottom: 5px;}

#body .product.details .pperunit {float: left; padding: 26px 10px 0;}
#body .product.details .amopricebox .pperunit {padding: 0 10px; }

#body .product.details .amprice th {font-weight: bold;}
#body .product.details .amprice td {padding: 0;}
#body .product.details .amprice .am {padding-right: 5px;}
#body .product.details .amprice .pr {font-weight: bold;}

#body .product.details .amopricebox { float: right;margin-top: 29px; }
#body .product.details .amount {float:left;margin-right: 10px;}
#body .product.details .amount input { height: 39px; text-align: center;border:1px solid;width: 39px;}
#body .product.details .amopricebox .indivisibleamountinfo {text-align: right;}

#body .plusminus-wrap {width: 20px; cursor: pointer; position: relative; padding: 0; display: inline-block;}
#body .plusminus-wrap .key {display: block; float: none; padding: 0; font-size: 14px; line-height: normal; margin: 0;}
#body .plusminus-wrap .plus:before { content:"\f067";font-family: FontAwesome;cursor:pointer; }
#body .plusminus-wrap .minus:before { content:"\f068";font-family: FontAwesome;cursor:pointer; }
#body .plusminus-wrap .dummy {position: absolute; left: -9999px; display: block; width: 1px; height: 1px;}

#body .product .amount .plusminus-wrap {float: left;}
#body .product .amount .plusminus-wrap .key {margin: 5px 0;}

#body .basketsummary .amount .plusminus-wrap {float: none; position: absolute; margin-left: -20px;}
#body .basketsummary .amount .plusminus-wrap .key {margin: 2px 0;}
#body .basketsummary .amount input + .unitname {margin-left: 3px;}

#body .product.details .pricealarm {float: left; margin-top: 2px; clear: both;}
#body .product.details .persparam {clear: left; padding-top: 7px;}
#body .product.details .persparam label { margin-right: 10px;}
#body .box .pricealarm .refresh img  {height: 38px;}

#body .product.details .tocart {clear: none;display:inline-block;float: right;}
body.master-product #body .product.details .tocart { left:0px; }
#body .product.details .socialbookmarks {    float: left;    margin: 20px 0;    z-index: 1;}
#body .product.details a.sbookmarks {border-right:1px solid #888; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;}
#body .product.details a.sbookmarks.noborder {border:none; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;}

#body .product.moredetails {margin:0 0 10px 0; height: auto; width:100%; padding:0; background: transparent;text-align: left;}
#body .product.moredetails .morepics {margin-top: 10px; padding: 5px 0; height: 44px; border-top: 1px dotted #eee;}
#body .product.moredetails .morepics a {border: 1px dotted #aaa; width: 56px; height: 42px; margin: 0 11px 0 2px; float: left;}

#body .product .picture .morepics a {height: 100px; display: inline-block; background: transparent; text-align: center;}
#body .product .picture .morepics a img {position: relative;top: 50%;transform:translateY(-50%);
-ms-transform:translateY(-50%); /* IE 9 */
-webkit-transform:translateY(-50%); /* Opera, Chrome, and Safari */ }
#body .product .picture .morepics { margin: 5px 0; }
#body .product .picture .morepics,
#body .product .picture .morepics .ul,
#body .product .picture .morepics .window {width: 100%; position: relative;height: 110px;width: calc(100% - 60px); margin: 0 auto;}
#body .product .picture .morepics .window {top: 0px; left: 0px; overflow: hidden; position: relative;}
#body .product .picture .morepics .paging {padding: 0;height: 0; }
#body .product .picture .morepics .paging .page {display: none; }
#body .product .picture .morepics .paging .arrow {display: block; cursor: pointer; position: absolute; top: 40px; width: 20px; height: 22px; margin: 0px; padding:0;opacity:0.45 !important; }
#body .product .picture .morepics .paging .arrow.off { display: none !important; }
#body .product .picture .morepics .paging .arrow.off {cursor: default;}
#body .product .picture .morepics .paging .arrow.l {left: 0px;}
#body .product .picture .morepics .paging .arrow.l:before { content:"\f053";font-family: "FontAwesome";padding: 5px;background-color: #D5D5D5; }
#body .product .picture .morepics .paging .arrow.r { right: 4px; }
#body .product .picture .morepics .paging .arrow.r:before { content:"\f054";font-family: "FontAwesome";padding: 5px; background-color: #D5D5D5; }


#body .product.moredetails .longdesc {margin-top: 0px; padding: 5px 0px;}
#body .product.moredetails .longdesc .longdesc-plus-attributes .longdesc-wrap { width: 50%;padding-right: 30px; }
#body .product.moredetails .longdesc .longdesc-plus-attributes .attributes-wrap { width: 50%;margin:0; }
#body .product.moredetails .longdesc .longdesc-plus-attributes .longdesc-wrap.alone, #body .product.moredetails .longdesc .longdesc-plus-attributes .attributes-wrap.alone { width: 100%;padding: 0; }
#body .product.moredetails .longdesc strong.h3 { display: none;}
#body .product.moredetails .longdesc p {padding:0;margin:10px 0;}
#body .product.moredetails .longdesc .question {margin: 10px 0 1px; padding-top: 11px; background: transparent url(images/dotted_line.png) no-repeat scroll center top;}
#body .product.moredetails .longdesc .question a { font-weight: bold;}

table.attributes {width: 100%;}
#body .box .attributes td { padding:.5em 0}
#body .box .attributes tr:nth-child(odd) { }
#body .box .attributes .last td {border-bottom:none}

#body .box .pricealarm {border-top:1px dotted #ddd;}
#body .box .pricealarm th {padding-top:.5em;}
#body .box .pricealarm th label {font-weight: bold; }

body.start-page #body .box,
#body .welcome {width: 100%; padding:15px;}
#body .welcome p, .start-page .cmsrotator p{ margin: 0; }
#body .box .guestbook {margin-top: 9px;}
#body .box .guestbook .head td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0;}
#body .box .guestbook .body td { padding: 5px 0;}

/* News list */
#body dl.news {margin: 0;}
#body dl.news dt {margin-bottom: 12px;}
#body dl.news dt a {font-weight: bold;}
#body dl.news dt a:hover {text-decoration: none;}
#body dl.news dd {margin: 0 0 15px 0;}

/* Compare */
#body .box.compare {margin-bottom: 20px; overflow-x: auto;}
#body .box.compare .reorder {margin-bottom: 5px; height: 10px; clear: both;}
#body .box.compare .reorder a { font-weight: bold; line-height: 10px; width: 10px; display: block; font-size: 14px;}
#body .box.compare .reorder a:hover {text-decoration: none;}

#body .box.compare .product {border: none; float: none; display: block; height: auto;}
#body .box.compare .product .picture {top:0; left:6px;}
#body .box.compare .product.small {margin: 0 auto;}
#body .box.compare .product.small strong.h3 a {height:auto; left:0; top:0; position: relative;}
#body .box.compare .product.small form {bottom:0; margin-top: 10px;}
#body .box.compare .product.small .type {width: auto;}
#body .box.compare .actions {margin: 0 auto 5px; width:100%; text-align:center; float: left;}
#body .box.compare .actions a {text-decoration: none; display:inline-block; white-space: nowrap;}
#body .box.compare .actions a:hover {text-decoration: underline;}
#body .box.compare td > .actions a + a { margin-left: 7px; }
#body .box.compare td > .actions a:before { font-family: "FontAwesome"; display: inline-block; text-decoration: none; margin-right: 5px; content: "\f022"; }
#body .box.compare .fromcompare { display: inline-block; float: none; margin-top: 3px; }
#body .box.compare .actions + form .fromcompare { margin-bottom: 10px; }

#body .box.compare table.cmp_tbl {margin-left: auto; margin-right: auto; width: 100%; border-collapse: collapse;}
#body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th { padding: 3px 6px 3px 6px; border:1px solid #e0e0e0; border-top: 0 none;}
#body.plain .box.compare table.cmp_tbl td, #body.plain .box.compare table.cmp_tbl th {border-top:1px solid #e0e0e0;}
#body .box.compare table.cmp_tbl th {font-weight: bold;}
#body .box.compare .no_left_brd {border-left: none !important;}
#body .box.compare table.cmp_tbl .no_bot_brd td, #body .box.compare table.cmp_tbl .no_bot_brd th {border-bottom: 0 none; border-top: 1px solid #e0e0e0;}
#body .box.compare td { text-align: center; }
#body .box.compare table.cmp_tbl td.no_left_brd { border-top: none; }
#body:not(.plain) .box.compare tr:hover { background-color: #f5f5f5; }
#body:not(.plain) .box.compare tr:nth-child(2):hover,
#body .box.compare tr:nth-child(1):hover { background-color: #fff; }

#body.plain .box.compare table.cmp_tbl {margin: 0 auto; width: auto;}
#body.plain .box.compare .product.small {height: auto;}
#body.plain .box.compare .actions {display: none;}
#body.plain .box.compare .tocart {display: none;}
#body.plain .box.compare table.cmp_tbl th {width: 226px; vertical-align: bottom; border-top-width: 0px;}
#body.plain .box.compare table th .btn {display: block; margin-bottom: 10px;}
#body.plain .box.compare form div {text-align: center;}
#body.plain .box.compare .price sup.dinfo {display: none;}

/* ORDER */
/* block standard validation error labels */
label.invalid-input, label.valid-input { display: none !important; }
.validateit input.valid, .validateit select.valid { border-color:green;box-shadow:0px 0px 5px rgba(0, 128, 0, 0.5); }
#body .basketsummary .errorbox + .itemrow .amount input,
.validateit input.invalid-input { border-color: #D00;box-shadow:0 0 5px rgba(221, 0, 0, 0.5); }
.validateit input.invalid-input[type="checkbox"] ~ span{ color: #D00; }


/* Order steps */
#body .ordersteps {margin:0; width: 100%; float:left;margin-bottom: 6px;border-bottom: 1px solid; }
#body .ordersteps dl {width: 14.666666666666%;margin: 0;float: left;display: block;position: relative;margin-right: 6.6666666666666%;border-top:6px solid;}
#content #body .ordersteps dl {padding: 10px;}
#content #body .ordersteps.steps3 dl {width: 28%; margin-right: 8%;}
#content #body .ordersteps.steps4 dl,
#content #body .ordersteps.nofinalstep dl {width: 20%;}
#content #body .ordersteps dl.lastinrow {margin-right: 0;}
#content #body .ordersteps dt {padding:20px 0 15px 0; margin: 0;}
#content #body .ordersteps dt,
#content #body .ordersteps dt a,
#content #body .ordersteps dl big {font-size: 14px; line-height: 14px;font-weight: normal;text-align: center;}
#content #body .ordersteps dl big { font-size:2.5em;display:block;height:30px;text-align: center; }
#content #body .ordersteps dd,
#content #body .ordersteps dd a {font-size: 9px; margin: 0;clear:both;display: none;}


/* Order back/next step button */
#body div.bar.prevnext .minorderprice { font-weight: bold; text-align: center; width: auto; padding: 10px 12px; }
#body .termsconfirm a {text-decoration: underline;}
#body .termsconfirm .chkbox {vertical-align: middle;}
#body div.bar.prevnext.terms {height: auto; margin-bottom: 10px;}

/* Basket */
#body .basket { margin:0; border: 0 none; empty-cells: show; width:100%;overflow:auto;float: left;font-size: 13px;}
#body .basket tbody td {padding-top: 10px;text-align:center;}
#body .basket input { text-align: center; }
#body .basket th {font-weight: bold; height: 25px; padding: 6px; text-align: center;text-transform: uppercase;}
#body .basket th.brd {padding: 0;}
#body .basket th .brd_line {height: 25px;}
#body .basket th.lastcol {padding-left: 0;}

#body .basket .bsk_sep td {height: 5px; padding-top: 0;}

#body .basket .picture {border: 0 none; text-align: center; display: block;}
#body .basket .art_title a {font-weight: bold;}
#body .basket .art_num {display: none;}
#body .basket .variants select {width: 136px; margin-top: 2px;}

#body .basket .btn, #body .basket .amount {margin-bottom: 7px;float:left;}
#body .basket .price {text-align: center;}
#body .basket .orderprice {padding-right: 20px; text-align: right;}
#body .basket .vat {text-align:right;}
#body .basket .vat_order {padding-left: 15px;}
#body .basket .amount {padding-right: 20px;}
body.order-page #body .basket .amount { float:none;padding-left:40px;padding-right:0; }
#body .basket .totalprice {padding-right: 6px; text-align: right;}
#body .basket .notice td {padding-top: 5px; }
#body .basket .sumrow td {padding-top: 5px;text-align:right;vertical-align: middle; }
#body .basket .sumrow td:first-child { text-align: center; }
#body .basket .sumrow.total td {padding: 7px 0 4px;font-size: 15px;}
#body .basket .sumdesc {padding-right: 15px !important; text-align: right;}
#body .basket .bottrow {height: 14px;}

#body .basket .wrapmod {display:block; width: 85px; background-position: right -100px;float: left}
#body .basket .wrapmod a {text-align: center; width: 63px; background-position: 0 -100px;padding: 0 0 0 22px;}
/* uprava darkovych baleni */
#body .basketsummary .wrapmod:after {content: "\f06b"; font-family: 'FontAwesome'; color: #000; font-size: 16px;}
#body .basketsummary .wrapmod a {font-weight: bold; text-decoration: underline;}
body.wrapping-page #body table.wrapping {width: 100%;}
body.wrapping-page table.wrapping > thead th:nth-child(1) {width: 5%;}
body.wrapping-page table.wrapping > thead th:nth-child(2) {width: 15%;}
body.wrapping-page table.wrapping > thead th:nth-child(3) {width: 25%;}
body.wrapping-page table.wrapping > thead th:nth-child(4) {width: 25%;}
body.wrapping-page table.wrapping > thead th:nth-child(5) {width: 25%;}
body.wrapping-page table.wrapping > thead th:nth-child(6) {width: 5%;}
body.wrapping-page table.wrapping > tbody tr td:nth-child(3) {width: 25%; padding-right: 15px}
body.wrapping-page table.wrapping > td[colspan="2"] td:last-child {text-align: right;}
body.wrapping-page table.wrapping > td[colspan="2"] td[colspan="2"] img {float: left;}

#body .basketsummary .item-img {
    text-align: center;
}

#body .basketsummary-header .item-general {
    text-align: center;
}

/* user options step */
#body .useroption {width: 33.333333333%; float: left;}
#body .useroption-last {background: transparent;}
#body strong.useroptboxheadbig,
#body strong.useroptboxhead {margin:10px 0; font-size: 18px; font-weight: bold; display: block; text-align: center;text-transform: uppercase;}
#body .useroptboxbig,
#body .useroptbox {margin:10px 0; position:relative;text-align: center;}
#body .useroptboxbig {width: 340px;}
#body .useroptboxbig b,
#body .useroptbox b {font-size: 12px;}
#body .useroptbox .err {margin-bottom: 10px;}
#body .fs11 li { margin-bottom:5px; }
.useroption #test_UsrOpt2_forgotPwd { text-decoration: underline;}

#body .userdata .user-section-title,
#body .box .registerboxhead,
#body .box .userboxhead,
#body .box .paymentboxhead {text-transform: uppercase; font-size: 16px; font-weight: bold;}
.payment-page #body p {padding: 0; margin: 0;}
#body div.payment-wrap .boxhead {margin-top: 5px;}


/* adresses */
.user-page .btn.mojeid .btn {margin: 0; padding: 0 10px 5px;}
body span.btn.mojeid input {border:0px solid; cursor:pointer;}
body span.btn.mojeid {display:inline-block;}
body .btn.mojeid input {padding-top: 0;}

/* new addresses - userdata forms */

/* user forms - ala bootstrap */
.payment-page #body .box select#inv_country_select,
#body .userdata .form-group .form-control[type="text"],
#body .userdata .form-group .form-control[type="password"],
#body .userdata .form-group select.form-control {padding: 10px;}

#body .userdata .form-group .btn a,
#body .userdata .form-group .btn input {padding-top: 10px; padding-bottom: 10px;}
#body .userdata .form-group .btn.mojeid input {padding-top: 0;}
#body .userdata .form-group .control-wrap {position: relative !important;}

/* user forms - check agb */

/* user forms - in one row elements */

/* user forms - element widths */

/* user forms - form-horizontal */

/* user forms - layout */
#body .sub-main {margin: 0; padding: 0;}

/* payment step */

/* new new payment step - new layout */

/* new new payment step - look */

#body .payment-wrap {margin-bottom: 2em; width: 100%; float: left;}
#body .payment-wrap .item-row + .control-row {border-top: 1px solid #ddd; padding-top: 1em;}
#body .payment-wrap .item-row .control-cell {padding-top: .5em;}
#body .payment-wrap .item-row .title-cell b,
#body .payment-wrap .item-row .shipping-price,
#body .payment-wrap .item-row .payment-price {font-size: 1.5em; font-weight: normal; line-height: normal;}
#body .payment-wrap .item-row .item-desc,
#body .payment-wrap .item-row .price-text {color: #aaa;}
#body .basketsummary .sumrow.voucherrowdesc {color: #888;}

#body .box.form-delivery-country-wrap {padding-top: 0;}

#body .userdata .user-section-title,
#body .box .boxhead.registerboxhead,
#body .box .boxhead.userboxhead,
#body .box .boxhead.paymentboxhead {padding: .5em 1.5em; margin-bottom: 1em; background-color: #ddd;}
.payment-page #body .box #inv_country_select {margin-left: 2em;}


/* change payment - iframe  */
.change-payment-popup h1.boxhead:before {
    content:"\f06a";
    font-family: FontAwesome;
    padding-right: 10px;
}

/* basket summary */
#body .basketsummary .art_title {font-size: 1.5em; font-weight: normal;}
#body .basketsummary .item-action {padding-top: 2px;}
#body .basketsummary .action-row .item-action {padding-top: 8px;}

/* basket summary - sum prices */
#body .basketsummary .sumrow.total,
#body .basketsummary .sumrow.grossrow {background-color: #ddd; width: 104%; margin-left: -2%; margin-right: -2%; padding-top: .5em; padding-bottom: .5em; border: 0 none; box-sizing: border-box;}
#body .basketsummary .sumrow.total .sumdesc,
#body .basketsummary .sumrow.grossrow .sumdesc {margin-left: 2%;}
#body .basketsummary .sumrow.total .sumprice,
#body .basketsummary .sumrow.grossrow .sumprice {margin-right: 2%;}
#body .basketsummary .voucheradd {float: left; max-width: 50%;}

#body .basketsummary .sumrow.voucherrow .btn.remove {color: #fff; margin-bottom: 5px;}

/* basket summary - order */

/* basket summary - review (basket) */
#body .basketsummary.review .sumrow.total,
#body .basketsummary.review .sumrow.grossrow {width: 102%; margin-right: 0;}
#body .basketsummary.review .sumrow .sumprice {margin-right: 2em;}

/* basket summary - order header */

/* order step */

#body .etrustlogocol {float: left; width: 100px;}
#body .etrustdescocol {float: left; width: 443px;}

/* Wrapping */
#body .wrapping {margin: 0 0 10px;empty-cells: show;width: 756px;float: left;}
#body .wrapping tbody td {padding-top: 10px;}
#body .wrapping th {font-weight: bold; height: 25px; padding-left: 6px;border-bottom: 2px solid #888;}
#body .wrapping th.brd {padding: 0;}
#body .wrapping th .brd_line {width: 7px; height: 25px;}
#body .wrapping .wrp_sep td {height: 10px; padding-top: 0;}
#body .wrapping .wrp_sep .line {border-bottom: 1px solid #eee;}
#body .wrapping .picture {text-align: center; display: block; width: 60px;}
#body .wrapping .art_title a {font-weight: bold;}
#body .wrapping .wrapping_items td {padding-top: 0;}
#body .wrapptop {margin-top: 10px;}
#body .giftbigimg {padding-right: 12px;}

#body dl.orderinfocol.greetingcard {width: 100%; margin: 0;}
#body .cardbox {width: 257px; float: left; margin: 0 10px 5px 0;}
#body .cardbox .card_body {padding: 5px 0 5px 25px;}
#body .card_sep {clear: both;}
#body .giftmessage {width: 100%; height: 100px;}

/* More categories */
#body .morecats {margin: 0; width: 100%; float: left;}
#body .morecats dl {margin: 0 0 25px;}
#body .morecats dt {border-bottom: 1px solid #fff;}
#body .morecats dd {border-bottom: 1px solid #fff; margin: 0; padding: 0;}
#body .morecats dl a {font-weight:bold; padding: 4px 10px; display: block;}
body.morecats-page #left {
    display: none;
}

/* Account header */

body form[name="login"] input.chbox {margin-top: -2px;margin-right: 5px;}
body form[name="login"] .link {position: relative;padding-left: 20px;display: inline-block;margin-bottom: 5px;}
body form[name="login"] .link:before {font-family: "FontAwesome";position: absolute;left: 0;top: 1px;font-size: 13px;color: #333;}
body form[name="login"] #test_LoginRegister:before {content:"\f234";}
body form[name="login"] #test_LoginLostPwd:before {content: "\f084";}

#body form[name="login"] table.form input[type="text"],
#body form[name="login"] table.form input[type="password"] {
    margin-right: 5px;
}

#body .box.account_header {padding-bottom: 20px;}
#body .account_header dl {margin: 10px 0; padding-bottom: 5px; width: 97%;position: relative;padding-left: 45px;}
#body .account_header dl:before {font-family: "FontAwesome";position:absolute;left:0;top:3px;font-size: 30px;cursor:default;}
#body .account_header dl.ah-personal:before {content:"\f21b";left: 6px; }
#body .account_header dl.ah-newsletter:before {content: "\f1ea";}
#body .account_header dl.ah-billship:before {content:"\f0f2";left: 3px; }
#body .account_header dl.ah-gdpr:before {content:"\f02d";left: 3px; }
#body .account_header dl.ah-history:before {content: "\f1da";left: 5px;}
#body .account_header dl.ah-wishlist:before {content:"\f06b";left: 2px; }
#body .account_header dl.ah-comparelist:before {content: "\f080";}
#body .account_header dl.ah-recommlist:before {content: "\f022";left: 2px;}
#body .account_header dl.ah-logout:before {content:"\f09c";left: 5px;}
#body .account_header dl.lastInCol {border-bottom: 0; margin: 0; padding-bottom: 0px;}
#body .account_header dl.ah-noticelist::before {content: "\f03a";}
#body .account_header dl.ah-savedbasket::before {content: "\f07a";}

#body .account_header dt a {font-weight: bold;  text-decoration: none;font-size: 14px;}
#body .account_header dt a:hover {text-decoration: underline;}
#body .account_header dd {margin: 2px 0;color: #666; }

.evidencelist table.table {width: 100%; line-height: normal;}
.evidencelist tr.head th {font-weight: bold; border-bottom: 1px #eee solid; padding-bottom: 2px;}
.evidencelist tr.head th.aright {padding-right: 0;}
.evidencelist table.table tr.itemlast td {border-bottom: 1px #eee solid;}
.evidencelist .aright {text-align: right;}

.evidencedetail table {width: 100%;}
.evidencedetail table.table {width: 100%; line-height: normal;}
.evidencedetail tr.head th {font-weight: bold; border-bottom: 1px #000 solid; padding-bottom: 2px;}
.evidencedetail tr.head th.aright {padding-right: 0; padding-left: 5px;}
.evidencedetail table.table td {padding: 1px 5px 3px 0; vertical-align: top;}
.evidencedetail table.table td.aright {padding: 1px 0 3px 2px;}
.evidencedetail table.table tr.itemfirst td {padding-top: 3px;}
.evidencedetail table.table tr.itemlast td {border-bottom: 1px #000 solid;}

.evidencedetail table.total {margin-top: 10px;}
.evidencedetail .aright {white-space: nowrap; text-align: right;}
.evidencedetail td.sumvalue {white-space: nowrap; text-align: right; font-weight: bold;}

/* Account pages */
#body .account strong.h4 {font-size: 12px; font-weight: bold; margin: 0; padding: 0; display: block;}

/* Account remove from list button */
#body .product .fromlist {position: absolute; bottom: 4px;right: 2px;}

/* Account wishlist */
#body .wishlist .separator {display: none;}
#body .wishlist .dot_sep {clear: both;}

body.account_wishlist-page .box form th { clear: both; width: 100%; display: block; }
body.account_wishlist-page .box form td { text-align: left; display: block; width: 100%; float: left; }
body.account_wishlist-page .box form td + td { display: inline-block; width: auto; margin-right: 10px; }
body.account_wishlist-page select { height: 30px; padding: 0px 10px 0px 4px; }
body.account_wishlist-page #body .dot_sep { margin-bottom: 10px; margin-top: 10px; border-top: 1px solid #ddd; clear: both;}
body.account_wishlist-page #body #selID_LoginBox .dot_sep { margin-bottom: 0; margin-top: 5px; border: none; }
body.account_wishlist-page .box form[name="login"] td { display: table-cell; float: none; width: auto; }

/* Account order history */
#body .form.orderhistory td { padding: 2px 0;}
#body .form.orderhistory th {font-weight: bold;  border: none; background: transparent; padding: 2px 0;}
#body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 12px;}
#body .form.orderhistory a.tocart {height:19px; width: 19px; margin:0; border: none; padding:0; display: block;}
#body .form.orderhistory a.artlink {margin-right: 7px; }
#body .form.orderhistory .amount {padding-right: 7px;}

#body .evidenceheader .box ul { list-style-type: none; }
#body .evidenceheader .box ul li { display: inline-block; margin-right: 10px; }
#body .evidenceheader .box ul li a { text-transform: uppercase; font-size: 14px; position: relative; margin-right: 30px; }
#body .evidenceheader .box a:before { font-family: "FontAwesome"; margin-right: 10px; position: relative; top: 1px; font-size: 15px; display: inline-block; font-weight: normal; }

#body .evidenceheader .box ul li.order a:before { content: "\f07a"; }
#body .evidenceheader .box ul li.deliverylist a:before { content: "\f0d1"; }
#body .evidenceheader .box ul li.invoice-idoklad a:before { content: "\f1da"; }
#body .evidenceheader .box ul li.invoice a:before { content: "\f09d"; }

.erpbuttons #body .evidenceheader .box ul li a { padding: 15px 30px; border-width: 1px; border-style: solid; margin-right: 0px; font-weight: bold; }
.erpbuttons #body .evidenceheader .box ul li a:hover { text-decoration: none; }
.erpbuttons #body .evidenceheader a:before { margin-right: 20px; top: 2px; font-size: 20px; }

/* Account reccomend list */
#body .recommendlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;}
#body .recommendlist .product.thin {width: 413px;}
#body .recommendlist .separator {margin: 0; width: 541px; border: none;}
#body .recommendlist .dot_sep {clear: both;}

/* Suggest */
#body ul.suggest {margin: 0;}

/* Mall shops start page */
#body .mallbox {width: 1280px; margin: 15px auto;padding: 0 4px;}
#body .mallbox .mallhead {position: relative; clear: both; height: 75px;}
#body .mallbox .mallhead .mallmenu {position: absolute; right: 7px; top: 55px; margin: 0; padding: 0; list-style-type: none;}
#body .mallbox .mallhead .mallmenu li {float: left; margin: 0 5px; padding-right: 10px; border-right: 1px solid #999;}
#body .mallbox .mallhead .mallmenu li.last {border: none;}
#body .mallbox .langbox {border-bottom: 1px solid #fff; padding: 8px 7px;}
#body .mallbox .langbox a.lang_active {font-weight: bold;}
#body .mallbox .locationbox {padding: 15px 0 2px 0; margin: 0 0 15px 15px;  border-bottom: 1px solid #CBCBCB;}
#body .mallbox .welcomebox {position: relative; margin-left: 15px; width: 480px;}
#body .mallbox .welcomebox .shopselectbox {position: absolute; left: 510px; top: 7px; width: 240px; }
#body .mallbox .welcomebox #demoAdminLink {position: absolute; left: 760px; top: 7px; width: 202px;}
#body .mallbox .mallfooter {margin: 55px 0 0; position: relative;}
#body .mallbox .mallfooter .copyright {height: 15px; margin: 2px; padding: 6px 0px; text-align:right;}

/* Basket popup */
#mask {visibility: hidden; display:none;}
#mask .message {position: absolute; width: 100%; left: 0; bottom: 50%; margin-bottom: 70px; font-size: 24px; line-height: 1.1em; text-align: center; opacity: .5;}
#mask iframe {visibility: hidden; border:none;}
.loading #mask,
.unloading #mask,
#mask.on {visibility: visible; display:block; position:fixed; color: #fff; background-color: #000; opacity: .6; top:0; left:0; width:100%; height: 100%; z-index: 1500;}
.loading #mask,
.unloading #mask,
#mask.loading {background: #000 url(images/loading.gif) no-repeat scroll center; cursor: wait !important;}
.loading #mask.white,
.unloading #mask.white,
#mask.white {background-color: #fff;}
.loading #mask.white,
.unloading #mask.white,
#mask.loading.white {background-image: url(images/loading2.gif);}
body #fancybox-wrap.loading #fancybox-content {color: #000; background: #fff url(images/loading2.gif) no-repeat scroll center;}

div.popup {visibility: hidden; display:none;}
div.popup strong {display: block; margin: 9px 0; font-size: 12px;}
div.on.popup {visibility: visible; display:block; position:fixed; top:50%; left:50%; width:400px; height: 200px; z-index: 2000; margin-top:-100px; margin-left:-200px; border:1px solid #aaa; padding:15px;}

div.on.popup.load {background: #fff url(images/ajax-loader.gif) center center no-repeat;}
div.on.popup input:hover {
    -webkit-filter: brightness(88%);
    -moz-filter: brightness(88%);
    -o-filter: brightness(88%);
    -ms-filter: brightness(88%);
    filter: brightness(88%);
    cursor: pointer;
}

.popup .exit { position: absolute; top: -11px; right: -11px; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; border-width: 3px; border-style: solid; border-color: #333; background-color: #FFF; }
.popup .exit:before { font-family: "FontAwesome"; content: "\f00d"; font-size: 1.2em; position: absolute; top: 4px; left: 7px; color: #333; }

body div.popup[title] .msg.incentive {background-color: #f26522; color: #fff; }
body div.on.popup[title] span.btn.bl input { padding-left: 30px }
body div.on.popup[title] span.btn.bl:after { font-family: 'FontAwesome'; display: block; position: relative; color: white; font-size: 16px; padding: 7px; position: absolute; content: "\f07a"; top: 0; left: 0; }

div.fbMsg.on.popup { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px;}
div.on.popup span.btn a{padding:3px 8px 2px; position:relative;}
div.fbMsg.on.popup .popupMsg {font-size: 12px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
div.fbMsg.on.popup .popupFooter {position: absolute; bottom: 15px; left: 15px;}

#zoom {padding:0; overflow:auto; min-width:250px; min-height: 150px;}
#zoom ul.tabs {padding:0; margin:0; height: 28px; width:100%;}
#zoom ul.tabs li {list-style: none; margin:1px; float:left;}
#zoom a {display:block; padding:5px; width:20px; text-align: center; border:1px dotted #ddd; font-weight: bold;}
#zoom li.active a {border:1px solid #f40;}
#zoom ul.tabs li.close {float:right;}

/* Message boxes */
#body .msg {float:left; width:100%; margin:0 0 10px 0; padding: 5px;border-radius: 0px;padding:5px 1%;font-size: 14px;}
#body .msg a { text-decoration: underline; }
#body .msg p {margin: 0;}
#body .msg .err {font-weight: bold;}
#body .msg.incentive {padding: 10px 15px;font-weight: bold;font-size: 120%;text-align: center;}
#body .msg.basket-empty {padding: 0; margin-top: 20px;}

/* Tags */
#body .box .tags {text-align: center;}
#body .box .tags a {line-height: 100%; padding:0 .2em; cursor: pointer;}
#body .box .tags + a {display: block; text-align: right;}
#body .box .tags a.sel {color:green; font-weight: bold;}
#body a.tagitem_100 {white-space: nowrap; font-size: 100%;}
#body a.tagitem_200 {white-space: nowrap; font-size: 200%;}
#body a.tagitem_300 {white-space: nowrap; font-size: 300%;}
#body a.tagitem_400 {white-space: nowrap; font-size: 400%;}

/* Ratings */
#write_review {display: none;}
#body td.rating { width:89px; height:16px; margin:0; padding:0; background: url(images/stars.png) no-repeat 0 0;}
#body td.rating.s1 {background-position:-72px -38px;}
#body td.rating.s2 {background-position:-54px -38px;}
#body td.rating.s3 {background-position:-36px -38px;}
#body td.rating.s4 {background-position:-18px -38px;}
#body td.rating.s5 {background-position:0 -38px;}
#body ul.rating {width:89px; height:16px; margin:0; padding:0; list-style:none; position:relative; background: url(images/stars.png) no-repeat left top;float: left;}
#body ul.rating li {cursor: pointer; float:left;}
#body ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;}
#body ul.rating li a b {display: none;}
#body ul.rating li.s1 a {left:0;}
#body ul.rating li.s2 a {left:17px;}
#body ul.rating li.s3 a {left:34px;}
#body ul.rating li.s4 a {left:51px;}
#body ul.rating li.s5 a {left:68px;}
#body ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(images/stars.png) no-repeat 0 -18px;}
#body ul.rating li.s1 a:hover {background-position: -72px -18px !important;}
#body ul.rating li.s2 a:hover {background-position: -54px -18px !important;}
#body ul.rating li.s3 a:hover {background-position: -36px -18px !important;}
#body ul.rating li.s4 a:hover {background-position: -18px -18px !important;}
#body ul.rating li.s5 a:hover {background-position: 0 -18px !important;}
#body .rating_review_input {margin:0; height:16px;}
#body .rating li.current_rate {background: url(images/stars.png) left bottom; position: absolute; height: 16px; z-index: 1;}

#body dl.review {margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #ddd;}
#body dl.review dt {margin-bottom: 7px; height: 1em;}
#body dl.review dd {clear: both; margin: 0;}
#body dl.review .param {margin-left: 20px; font-weight: bold;}
#body dl.review .param b {font-weight: normal;}

/* Recommendation lists */
#body dl.recommlistdesc {margin: 0 0 10px;}
#body dl.recommlistdesc dt { padding: 3px 0 7px; }
#body dl.recommlistdesc dd { margin: 3px 0;}

#body .recommitems .article {width: 25%; padding-right: 9px; display: block; float: left; vertical-align: top; margin-bottom: 9px; }
#body .recommitems .article .picture {width: 56px; min-height: 60px; text-align: center; border: 0 none; margin-bottom: 3px;}

#body .recomm_author {font-weight: normal;}
#body .recomlistdesc {float: left; width: 415px;}

.verification_code {border: 1px solid #000; padding: 2px; text-align:center; width:80px;}

.promotionsRow {float:left;width:580px;position:relative;margin: 0 0 5px 0;padding:0}
.promotionsRow .promotion {border:1px solid #ccc;float:left;width:268px;height:157px;margin:0px 5px 5px 5px;padding:5px;position:relative;background:#fff;overflow:hidden;}
.promotionsRow .promotion .timeouttext{font-style:italic;position:absolute;bottom:5px;}
.promotionsRow .promotion .activationtext{font-style:italic;position:absolute;bottom:5px;}

.promotionsRow .promotionFinished .timeouttext{display:none;}
.promotionsRow .promotionFinished .activationtext{display:none;}
.promotionsRow .promotionCurrent .activationtext{display:none;}
.promotionsRow .promotionFuture .timeouttext{display:none;}

.promotionsRow .promotion .finishedText{display:none;top:0;left:0;width:100%;height:100%;position:absolute;}
.promotionsRow .promotion .finishedText img{display:block; bottom:7px;right:7px;position:absolute;}
.promotionsRow .promotionFinished .finishedText{display:block;z-index:500;visibility: visible; }

.promotionsRow .promotion .upcomingText{display:none;top:0;left:0;width:100%;height:100%;position:absolute;}
.promotionsRow .promotion .upcomingText img{display:block; top:7px;right:7px;position:absolute;}
.promotionsRow .promotionFuture .upcomingText{display:block;z-index:500;visibility: visible; }

.promotionsRow .promotionCurrent .promoTimeout {font-weight:600;}

body.account_recommlist-page #body .product.thin div.desc {float: none;}
body.account_recommlist-page #body .product.thin div.desc.description {float: left;}
body.account_recommlist-page #body .product.thin form[name^="tobasket"] {position: absolute; top: 0; right: 0;}

/* SLEVY */
.product .discount-list { padding:5px;color:#000;position:absolute; font-weight: bold;}
.product .discount-list { top:10px;right:10px; }
.discountcircle .product .discount-list { height: 55px;width: 55px;padding: 0;pointer-events:none; border-radius:50%;opacity:0.8; }
.discountcircle .product .discount-list .discount-item { padding: 17px 0; color: #FFF;font-weight: normal;pointer-events:none;  }

.product.details .discount-list,
.discountcircle .product.details .discount-list {position: static; top: auto; right: auto; padding: 0; height: auto; width: auto; opacity: 1;}
.product.details .discount-list .discount-item,
.discountcircle .product.details .discount-list .discount-item {padding: 0; margin: 5px 0; color: inherit; font-weight: bold;}
.product.details .discount-list .discount-title,
.discountcircle .product.details .discount-list .discount-title {font-weight: normal;}

/* SLEVY -- need class body.discountround */
.discountround #body .product .discount {position: relative; bottom: auto; top: auto; left: auto; right: auto;}
.discountround #body .product .discount .discount-list { position: absolute; padding: 0; vertical-align: middle; padding: 0; line-height: 15px; border-radius: 0; background: none; box-shadow: none; }
.discountround #body .product .discount .discount-list .discount-item { font-weight: bold; text-align: center; opacity: .8; }
.discountround #body .product .discount .discount-list,
.discountround #body .product .discount .discount-list .discount-item { width: 50px; height: 50px; font-size: 13px; }

.discountround #body .product.thinest .discount .discount-list,
.discountround #body .product.thin .discount .discount-list,
.discountround #body .product.thinest .discount .discount-list .discount-item,
.discountround #body .product.thin .discount .discount-list .discount-item { width: 40px; height: 40px; font-size: 11px; }

.discountround #body .product .discount .discount-list .discount-item { border-radius: 50%; }
.discountround #body .product .discount .discount-list .discount-item + .discount-item { margin-top: 5px; }
.discountround #body .product .discount .discount-list .discount-title { box-sizing: border-box; padding: 0 5px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; display: block; text-align: center; }
.discountround #body .product .discount .discount-list .discount-sum,
.discountround #body .product .discount .discount-list .discount-type { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto; display: inline-block; }
.discountround #body .product .discount .discount-list { top: auto; right: 0; bottom: 317px;}
.discountround #body .product .discount .discount-before,
.discountround #body .product .discount .discount-saved { font-size: 12px; width: 100%; display: block; text-align: center; }

.discountround #body .product.thinest .discount,
.discountround #body .product.thin .discount { position: absolute; left: 3px; top: 3px; width: 100%; height: 0; }
.discountround #body .product.thin .discount .discount-list,
.discountround #body .product.thinest .discount .discount-list { top: 0; left: 0; }

.discountround #body .product.details .discount { position: static; }
.discountround #body .product.details .discount .discount-list { top: 10px; right: auto; left: -90px; bottom: auto; }
.discountround #body .product.details .discount .discount-saved b,
.discountround #body .product.details .discount .discount-before b { width: 160px; display: inline-block; }
.discountround #body .product.details .discount .discount-saved { font-size: 120%; margin-top: 5px; }
.discountround #body .product.details .discount .discount-before,
.discountround #body .product.details .discount .discount-saved { text-align: left; }

/* STAVY */
body #body .product .enhanced span.productstats-item, body #body .box .catfilter.enhanced .productstats-item, body #left .enhanced span.productstats-item, body #left .catfilter.enhanced .productstats-item { border-radius:0px; }
#body .product.big span.productstats.enhanced { display:none; }
#body .product.big.item span.productstats.enhanced { display:block; overflow:hidden;}
#body .product.details .productstats { position: static;margin: 5px 0;display: block; }

/* gallery */
.gallery { margin: 0px; padding: 0px;}
.gallery li { list-style: none; display: block; float: left; margin: 10px; padding: 0px;}
.gallery li p { height: 40px; overflow: auto;}
.gallery li a, .gallery li img { display: block;}

/* anketa */
.poll-ask {font-weight: bold;}
.poll-amount {white-space: nowrap;}
.poll-answer {margin: 5px 0 2px;}
.poll-answer input.radio {margin: 0 5px 0 0;}
.poll-bar-wrapper {background: transparent url(images/poll-bars.png) no-repeat scroll left -800px; padding-left: 11px;}
.poll-bar {text-align: right; height: 16px; line-height: 16px; background: transparent url(images/poll-bars.png) no-repeat scroll right -300px;}
.poll-bar {min-width: 6px;}
.poll-item1 .poll-bar-wrapper {background-position: left -750px;}
.poll-item1 .poll-bar {background-position: right -250px;}
.poll-item2 .poll-bar-wrapper {background-position: left -550px;}
.poll-item2 .poll-bar {background-position: right -50px;}
.poll-item3 .poll-bar-wrapper {background-position: left -700px;}
.poll-item3 .poll-bar {background-position: right -200px;}
.poll-item4 .poll-bar-wrapper {background-position: left -600px;}
.poll-item4 .poll-bar {background-position: right -100px;}
.poll-item5 .poll-bar-wrapper {background-position: left -500px;}
.poll-item5 .poll-bar {background-position: right 0px;}
.poll-item6 .poll-bar-wrapper {background-position: left -650px;}
.poll-item6 .poll-bar {background-position: right -150px;}
.poll-amount {margin-right: 3px; position: relative; left: -2px;}
.poll-button-wrapper {text-align: right;}
#pollbox .btn {float: right;}
.poll-total {padding-top: 5px; clear: right;}
label {cursor: pointer;}

/* stavy produktu - produkt stats */

.productstats-legend {margin: 0 0 0 0; display: block; float:left; }
.box .productstats-legend {width: 100%;}
.productstats-caption {font-weight: bold;}
.product.details .productstats-item,
.productstats-legend .productstats-item {margin-right: 0.5em;}
.productstats-item {white-space: nowrap;}
img.productstats-icon {vertical-align: top; padding-bottom: 2px;}
.productstats-title {font-weight: bold;}
.productstats-desc {font-weight: normal; font-size: 80%; border-left: 1px solid #aaa; padding-left: 0.5em;}


.product.details div.productstats-wrapper {padding-bottom: 0; padding-top: 0.5em;}
.product.small .productstats-stat {display: none;}
.productstats-none {display: none;}
.productstats-showall {float: right;}

/* rotator homepage */
body.start-page .cmsrotator { width: 100%; float: left; padding: 0; margin-bottom: 15px;}
body.start-page .cmsrotator .paging {clear: both; display: block !important; position: static; bottom: auto; text-align: right; margin-top: -25px;}
body.start-page .cmsrotator .arrow {top: 50%; position: absolute; float: none; z-index: 10; width: auto; height: auto; margin: 0; background-position: 99999px 99999px;}
body.start-page .cmsrotator .arrow:hover {text-decoration: none !important;}
body.start-page .cmsrotator .arrow:before {font-family: "FontAwesome"; font-size: 30px; line-height: 30px; margin-top: -15px; display: block; color: #f6f7f8; text-shadow:  1px 0 #adaeae, -1px 0 #adaeae, 0 1px #adaeae, 0 -1px #adaeae;}
body.start-page .cmsrotator .arrow.l {left: 10px; text-align: left;}
body.start-page .cmsrotator .arrow.l:before {content: "\f053";}
body.start-page .cmsrotator .arrow.r {right: 10px; text-align: right;}
body.start-page .cmsrotator .arrow.r:before {content: "\f054";}
body.start-page .cmsrotator .pages {position: relative; z-index: 10; margin-right: 10px;}
body .cmsrotator .page {margin:2px 2px 2px 2px; color:transparent; cursor: pointer; display: inline-block; float: none; margin: 0 5px; width: 10px; height:10px; border:1px solid rgba(0,0,0,0.3);}
body.start-page .cmsrotator .page.active {color:transparent;}

/* Nákup na splátky */
body.details-page #body .details .repayment-head.btn {float: right;}
body.details-page #body .details .repayment-head.btn a:after {border-top-color: transparent; content: none;}


/**********************************************************************
 *
 * SEPARATED COLORS / barvy
 *
 */

/* Base */
body {background-color:#fff;color: #000;}
#header, #content, #header div.links.fixedtopage, #header div.categories.fixedtopage { background-color: #FFF; }
.menue .dropdown li:hover {background-color: rgba(0,0,0,0.3);}
#header div.bar .menue.dropdown li a, #body .morecats dl dt a, #box-search span.btn::after, .fixedbar #top_basket, .fixedbar #top_basket a { color: #FFF; }
#body .product strong.h3 a, #left .listitem a.arttitle, #left .listitem a.title, #body .basket th {color:#000;}
#body .product .picture .morepics .paging .arrow, #body .product.details, #body .product.details .stock, #body .product.details .desc, #body .boxhead { color: #000; }
#header div.links a,
#header div.categories a,
#header .fixedbar div.links a,
#header .fixedbar div.categories a {color: #000;}
body.product-hover #body .product.third .description {background-color: rgba(0,0,0,0.5); color: #FFF;}
#body .product.thin .description {background: transparent; color:#666;}
#body .product.thinest .description {background-color: transparent; color: #000;}
#box-search form .txt, #header #box-search, #body .product.details .description, body .cmsrotator .page{ background-color:#F6F7F8 ; }
.bordered-searchbox #header div.oxid #box-search { border-color: #e0e0e0; }
.bordered-searchbox #header div.oxid #box-search,
.bordered-searchbox #header div.oxid #box-search form .txt { background-color: #fff; }
#footer { background-color: #f8f8f8; }
#footer, #footer a, #left strong.h2, #left strong.h2 a, body.product-hover #body .product .stock, #body .msg a, #header .fixed  #header-compare a:before { color: #FFF; }
#footer, #footer a { color: #000; }
#header .fixed > div a { color: #000; }
#header .fixed a:before, #body .box .subcatnocol li:hover a, #body .box .subcatnocol li a:hover, #body .locator a.active, #body .locator a:hover, #body .locator .listlayoutswitch a.active, #body .locator .locbody a.active { color:#666; }
#body .product.details .cost big {color: #000;}
#header div.links,
#header div.links .menue .dropdown,
#header div.categories .menue .dropdown,
#header .fixedbar #top_basket, #header #header-compare, #left strong.h2, body .cmsrotator .page.active, .discountcircle .product .discount-list, #body .morecats dt { background-color: #5da1f6; }
.discountcircle .product.details .discount-list {background: transparent;}
#header div.fixedbar .menue .dropdown,
.menue .dropdown {background-color: #4A5456;}
#header .fixed div.language:hover .lang-wrap,
#header .fixed div.currency:hover .currency-wrap {background-color: #303738;}
#body .ordersteps dl.active { border-color:#3b965b; }

body.product-hover #body .product.third:hover { box-shadow:0 0 10px #edeaea; }
#top_basket dt:before { background-color:#3d4445 ; }
body.start-page.oldstrong #body .boxhead:before,
body.start-page.oldstrong #body .boxhead:after,
#box-search span.btn, #box-search form .txt, #box-search, body.oldstrong #body strong.head2:before, body.oldstrong #body strong.head2:after, #body .product.details .amount input { border-color:#dddddd;color: #4A5456; }
#header div.links  { border-top-color:#dddddd;border-bottom-color:#dddddd ; }
#header div.categories { border-top: 1px solid #e0e0e0;border-bottom: 5px solid #5da1f6; }
/* sklad */
#body .product .stock.psf-orange,
#body .product .stock.psf-green {color: #fff; background-color:#94bd23;}
#body .product .stock.psf-red {color: #fff; background-color:#ff6b19;}
body.product-hover #body .product .stock.psf-orange,
body.product-hover #body .product .stock.psf-green {background:none rgba(46, 171, 82, 0.71); color: #fff;}
body.product-hover #body .product .stock.psf-red {background:none rgba(255, 119, 1, 0.52); color: #fff;}
body #body .product.details .status.psf-orange .value, body #body .product.details .status.psf-green .value, body #body .product.thinest .status.psf-orange, body #body .product.thinest .status.psf-green, body #body .product.thin .status.psf-green  { color:#2eab52 ;background-color: transparent; }
body #body .product.details .status.psf-red .value, body #body .product.thinest .status.psf-red, body #body .product.thin .status.psf-red, body #body .product.thin .status.psf-orange{ color: #FF7701;background-color: transparent; }
/* vypis */
h1,#body .box .subcatnocol li, #body .product strong.h3, #body .locator,#body .locator.bottom, #body .product.details .picture a, #body .product.details .variants.simple select, #body .product.thinest, #left .listitem, #body .ordersteps, #body .ordersteps dl  { border-color:#dddddd; }
#body .box .subcatnocol li:hover, .userdata tr.th_sep  { border-color:#CCC; }
/* detail */
#body .ordersteps dt { color: #CCC; }
.product.details .discount-list .discount-title,
.discountcircle .product.details .discount-list .discount-title,
#body .product.details .cost .old, #body .locator .listlayoutswitch a, #body .parameterswitch:after, #body .locator .sort_row a, #body .locator .locbody, #body .locator .locbody a, ul.tree li li a:before, #body .amount .plusminus-wrap span, #body .product.details .amount input, #body .product.details .actions a, #body .product.details .status .label, #body .product.details .variants.simple label, #body .product .type, #test_reviewHeader:after, #body .product .cost .old, #body .product.details .exturls a, #body .box.compare td > .actions a { color: #8C8C8C; }
#body .basketsummary .action-row .action-buttons .btn.refresh input,
#body .basketsummary .action-row .action-buttons .btn.remove input,
#body .box.compare .fromcompare input,
#body .product .fromlist input,
#body .basket .frombasket a,
#body .basket .frombasket input {background:none transparent;}

#body .basketsummary .action-row .action-buttons .btn.remove,
#body .box.compare .fromcompare,
#body .product .fromlist,
#body .basket .frombasket,
#body .basketsummary .sumrow.voucherrow .btn.remove a { background:#8C8C8C;color: #FFF; }

#body .box .attributes tr:nth-child(odd) {background-color: #fbfbfb;}
textarea.readonly:focus,
#body select.readonly:focus,
input.readonly[type="text"]:focus,
input.readonly.txt:focus,
#left div.form input.txt, .product .amount input, #body .msg, select, input  {border-color: #e0e0e0;}

#body .product .tocart { background:none #656565; }

/* tlacitka */
#body .basketsummary .action-row .action-buttons .btn.refresh,
span.btn.stepback,
span.btn input, span.btn a, #body .product .tocart:before, #body .basket .frombasket + .btn { background:#5da1f6;color: #FFF; }

/* misc */
#body .msg,
#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown input,
.prevnext span.arrowdown a,
#body div.bar.prevnext .arrowdown,
#body div.bar.prevnext .arrowright input,
#body div.bar.prevnext .arrowright { background-color:#2eab52 ;color: #FFF; }
.fixedbar #top_basket .tb-itemcount {background: red;}
#body div.bar.prevnext .cancel,
#body div.bar.prevnext .cancel input,
#body div.bar.prevnext .cancel a {background-color: #666; color: #fff;}

#body .msg.basket-empty {background-color: transparent; color: #000;}
#body .msg.msg-search {background-color: #ddd; color: #000;}
#body .msg.msg-warning {background-color:#eaa349; color:#fff;}

#body .msg .err {color:red;}

#body .msg.incentive {background-color:#eaa349;color:#fff;}

/* barvy blokoveho menu */

.blocknav ul.tree > li {background-color: #4A5456;}
.blocknav ul.tree li ul {background-color: #686868;}
.blocknav ul.tree li ul ul {background-color:#807F7F;}
.blocknav ul.tree li a {color: #FFF;}
.blocknav ul.tree li a:hover {color: #FFF;}
.blocknav ul.tree li.root.exp a.exp {border-color:#3b965b; }


hr {color:#fff; border-color:#e0e0e0;}
hr.line {border-color:#bbb;}
a {color: #000;}

/* Typography */
.note {color:#b10033;}
.req {color:#d00;}
.err {color:#d00; border-color:#d00;}
.done {color:#0a2;}

/* Forms */
input {color:#000;}
input.readonly,
select.readonly {color: #aaa;}
#left select,
#left select:focus,
#left div.form input.txt:focus {border-color: #bbb;}
#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright input {color: #fff;}
span.btn input, span.btn a {color:#FFF;}
input.btn.hl {border-color:#f40; color:#f40;}
input.openid {background-color:#fff}

textarea:focus,
#body select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input.openid:focus,
input.txt:focus {border-color: #666;}

/* Blank pages, popups */
#body.plain {background:#fff;}

/* path */
#path,
#path a,
#path a.dinfo {color:#000;}

/* + layout - header */
#header div.oxid {background-color:transparent; background-repeat: no-repeat; background-size: cover;}
dl.box dt a:hover {color:#000;}
dl.box.open dd.dropdown ul li a {background-color:#bbb; color:#666;}
dl.box.open dd.dropdown ul li a:hover {background-color:#666; color:#fff;}
dl.box.service dd ul li a {color:#000;}
dl.box.account dd a.logout {color:#000;}
#header div.links .right a.exp,
#header div.links .left a.exp,
#header div.links .right a.active,
#header div.links .left a.active {color:#666;}
#header .fixedbar div.links .right a.exp,
#header .fixedbar div.links .left a.exp,
#header .fixedbar div.links .right a.active,
#header .fixedbar div.links .left a.active {color:#aaa;}

#header .bar #responsive-menu .title,
#header .bar .hamburger-menu:before { color: #000; }
#header #responsive-menu .group { border-top-color: #000; }
.bar .hamburger-menu + select#responsive-menu { color: #000; }
.hamburger-menu + select#responsive-menu { background: transparent; }
.hamburger-menu + select#responsive-menu > * { background: #fff; color: #000;}

.respo-menu-black #header .bar #responsive-menu .title,
.respo-menu-black #header .bar .hamburger-menu:before { color: #000; }
.respo-menu-black #header #responsive-menu .group { border-top-color: #ddd; }
.respo-menu-black .bar .hamburger-menu + select#responsive-menu { color: #000; }

div.bar.categories a.fixed:hover {background-color:#666; color:#fff;}

/* news list */
dl.news dt {border-top-color:#ccc;}
dl.news dt a {color:#444;}
dl.news dd .newsitem-date,
dl.news dd,
dl.news dd a {color:#444;}

/* Navigation - tree */
ul.tree li a {color:#000;}
ul.tree li a.act {font-weight:bold;}
ul.tree li a.act:before {font-weight: normal;}

ul.tree li a:hover {color:#000;}


/* Content */

#body strong.head2 {color:#000;}
#body .boxhead em {color:#333;}

/* Other */
#body .errorbox {border-color:#d00; color:#d00;}

/* Plain errors*/
#body.plain .errorbox {color:#d00;}
#body.plain .errorbox a {color:#d00;}
#body.plain .errorbox a:hover {color:#666;}
#body.plain .errorbox .errhead {background:#d00; color:#fff;}
#body.plain .errorbox .errbody {border-color:#d00;}

/* Locator */
#body .locator,
#body .locator .lochead,
#body .locator .lochead strong.h4,
#body .locator a {color:#8c8c8c;}
#body .locator .sep {color:inherit;}
#body .locator .listlayoutswitch a.active,
#body .locator .sort_row a.asc,
#body .locator .sort_row a.desc {background-color: transparent;}
#body .locator .lochead .right {color:#f4f4f4;}

/* Products */
#body .product .flag {border-color:#888;}
#body .product .flag.red {background-color:#d00;}
#body .product .flag.orange {background-color:#e80;}
#body .product .flag.green {background-color:#0a2;}
#body .product .cost {color:#000;}
#body .product .cost .nettoprice { color:#888; font-size:12px ;}
#body .product .cost sup.dinfo a {color:inherit;}
#body .product .cost sup.dinfo a:hover {color:inherit;}
#body .product.head strong.h4 small {color:#888;}
#body .product.big .cost .desc {color:#000;}
#body .product.head strong.h4 {color:#666;}
#body .product.thinest {border-top-color:#eee;}
#body .product.head strong.h4.thinest {border-color:#888; color:#444; background:#eee;}
#body .separator {background-color:#fff}
#body .txtseparator {border-color:#ddd;}
#body .txtseparator.inbox {border-color:#ddd;}
#body .product.details strong.h4 {border-color:#888; color:#666; background:#eee;}

#body .product.details h1 {color: #000;}

/* image set */
#body .product.details .actions a.reqlogin {display:none;}
#body .product.details .cost sup.dinfo {color:#333;}
#body .product.details .cost .desc {color:#444;}
#body .product.details .packing {color:#777;}
#body .product.details .deltime {color:#777;}
#body .product.details .persparam label {color:#444;}
#body .product.details a.sbookmarks {border-color:#888;}
#body .product.moredetails .morepics {border-color:#eee;}
#body .product.moredetails .morepics a {border-color:#aaa;}
#body .box .attributes td {padding: 5px 1px;}
#body .box .pricealarm {border-top-color:#ddd;}
#body .box .guestbook .head td {border-top-color:#ddd; border-bottom-color:#ddd;}

/* Links */
#body .box dl.links dt a {color:#e31;}
#body .box dl.links dt a:hover {color:#e31;}

/* News list */
#body dl.news dt a {color:#000;}

/* Compare */
#body .box.compare .reorder a {border-color:#888; color:#888;}
#body .box.compare .reorder a:hover {color:#f40; border-color:#f40;}
#body .box.compare .fromcompare input {color:#fff;}
#body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th {border-color:#e0e0e0;}
#body.plain .box.compare table.cmp_tbl td, #body.plain .box.compare table.cmp_tbl th {border-top-color:#e0e0e0;}
#body .box.compare table.cmp_tbl .no_bot_brd td, #body .box.compare table.cmp_tbl .no_bot_brd th {border-top-color:#e0e0e0;}

/* Order back/next step button */
#body div.bar.prevnext .termsconfirm td {color:#444;}
#body div.bar.prevnext .termsconfirm a {color:#000;}
#body div.bar.prevnext .termsconfirm a:hover {color:#000;}

/* Basket */
#body .basket .picture {border-color:#fff; background:#fff;}
#body .basket .notice td {color:#d00;}
#body .basketsummary .couponrow,
#body .basketsummary .discountrow1,
#body .basket .discount,
#body .basket .coupon {color:#d00;}
#body .basket .wrapmod a {color:#333;}
#body .product .fromlist input,
#body .basket .frombasket input {color:#fff;}
#body .basket .frombasket a {color:#fff;}
#body .basketsummary .sumdesc.coupon .title {font-weight: bold;}

/* Min order price */
#body div.bar.prevnext .minorderprice { background-color: #EB4242; color: #fff; }

/* order step */
#body dl.orderinfocol dt {border-bottom-color:#eee;}


.evidencelist tr.head th {border-bottom-color:#eee;}
.evidencelist table.table tr.itemodd td {background:#eee;}
.evidencelist table.table tr.itemlast td {border-bottom-color:#eee}
.evidencedetail tr.head th {border-bottom-color:#000;}
.evidencedetail table.table tr.itemlast td {border-bottom-color:#000;}
.evidencedetail legend {color:#444;}

/* Account wishlist search results */
#body .wishsearchresults .searchitem a {color:#000;}
#body .wishsearchresults .searchitem a:hover {color:#000;}

/* Account order history */
#body .form.orderhistory a.artlink {color:#000;}
#body .form.orderhistory a.artlink:hover {color:#000;}

.erpbuttons #body .evidenceheader .box ul li a { background-color: #eee; border-color: #ccc; }
.erpbuttons #body .evidenceheader .box ul li a:hover { background-color: #ddd; }

/* Mall shops start page */
#body .mallbox .mallhead .mallmenu li {border-right-color:#999;}
#body .mallbox .langbox {background:#555; border-bottom-color:#fff; color:#fff;}
#body .mallbox .langbox a {color:#fff;}
#body .mallbox .locationbox {color:#A7A7A7; border-bottom-color:#CBCBCB;}
#body .mallbox .mallfooter .copyright {background:#555; color:#fff;}
#body .mallbox .mallfooter a {color:#fff;}

/* Basket popup */
div.on.popup {background: #fff; border-color:#aaa;}
div.on.popup.load {background-color:#fff}
div.on.popup input.disabled {color:#aaa; background-color:#eee; border-color:#aaa;}
#zoom ul.tabs {background:#fff;}
#zoom a {background:#fff; border-color:#ddd; color:#777;}
#zoom li.active a {border-color:#f40; color:#f40;}

/* Tags */
#body .box .tags a {color:#000;}
#body .box .tags a.sel {color:green;}

/* Ratings */
#body dl.review {border-top-color:#eee;}
#body dl.review .param {color: #8c8c8c;}

/* Recommendation lists */
#body .recommitems .article {color:#777;}
.verification_code {border-color:#000; color:#000;}

/* anketa */
.poll-amount .amount {color:#666;}

/* stavy produktu - produkt stats */
.productstats-caption {color:#666;}
.productstats-title {color:#aaa;}
.productstats-desc {color:#aaa; border-left-color:#aaa;}

/* Slevy -- need class body.discountround */
.discountround #body .product .discount .discount-list .discount-item { background-color: rgba(227, 35, 30, 0.85); }
.discountround #body .product.details .discount .discount-saved { color: rgb(227, 35, 30); }
.discountround #body .product .discount .discount-list,
.discountround #body .product.details .discount-list .discount-title { color: #fff; }

/* stav faktur */
#body .invoiceblock .notpaid, #body .invoiceblock .notpaid a {color: #d00;}

.evidence-pdf {position: relative; top: -10px; float: right;}

/* cms rotator */
body .cmsrotator .window,
body .cmsrotator .cmsrotatoritem {width: auto;}
body .cmsrotator.responsive .window,
body .cmsrotator .cmsrotatoritem {margin: 0;}

/* promo rotators */

#body .promorotator .promo.arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  height: 40px;
  width: 40px;
  background-image: none;
}

#body .promorotator .arrow{
	display: block !important;
    background-image: none !important; /* old image arrows  */
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    height: 40px !important;
    width: 40px !important;
    text-align: center;
	line-height: 42px;
}

#body .promorotator .arrow.l:before {
  content: "\f053";
    font-family: "FontAwesome", sans-serif;
}
#body .promorotator .arrow.r:before {
  content: "\f054";
    font-family: "FontAwesome", sans-serif;
}
#body .promorotator .arrow:hover {
  opacity: 0.85;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}
#body .promorotator .arrow:before {
  font-size: 30px;
  color: #b3b3b3;
}
#body .promorotator .arrow .off {
  cursor: default;
}
#body .promorotator .arrow.l {
  left: 5px !important;
}
#body .promorotator .arrow.r {
  right: 5px !important;
}

.archive-title {
    color: black;
    font-size: 20px;
    font-weight: bold;
    background-color: #e0e0e0;
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}

/* MM TABS */
#mmtabs .tab .box { padding: 10px 25px; }
#mmtabs .tab .box .box,
#mmtabs .tab .box.listcontent { padding: 0; }
body #body #mmtabs ul.tabheader { width: 100%; }
body #body #mmtabs.responsive ul.tabheader li { border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc; border-radius: 0; float: none; margin: 0; }
body #body #mmtabs.responsive ul.tabheader li:last-child { border-bottom-width: 1px; }
body #mmtabs.responsive ul.tabheader li { display: block; }
body #mmtabs.responsive .tabcontent { border-radius: 0; }
#mmtabs.respotabs ul.tabheader {width: 98%;}
#mmtabs.respotabs ul.tabheader li {border-radius:5px 5px 0px 0px;background-color: #ddd;margin: 0 5px 1px 0;text-align: center;}
#mmtabs.respotabs.cells ul.tabheader li {margin: 0;}
#mmtabs.respotabs.cells ul.tabheader li + li {border-left: 0 none;}
#mmtabs.respotabs ul.tabheader li:hover {background-color: #eee;}
#mmtabs.respotabs ul.tabheader li.act {background-color: #fff; border-bottom-color: #fff}
#mmtabs.respotabs ul.tabheader li a {color: #000;}
#mmtabs.respotabs ul.tabheader li a:hover {text-decoration: none;}
#mmtabs.respotabs .tab {padding:0;margin: 0 -1px;width:97%;}
#mmtabs.respotabs .tabcontent {background-color:#FFF;padding:20px;width:98%;}

/* zobrazeni celeho list kategorii */
body.wholecats ul.tree li.root.exp > .exp, body.wholecats ul.tree li { display: block; }


/* Responzivita */
#responsive-menu {display: none; width: 100%; height: 34px; text-align: left; margin: 10px auto;}
#responsive-menu option.menutitle {display: none;}
#responsive-menu:before,
#responsive-menu:after { content: ""; display: table; }
#responsive-menu:after { clear: both; }
#responsive-menu { zoom: 1; }
#responsive-menu a { display: block; width: 95%; padding: 4px 0; }
#responsive-menu .subcat { padding-left: 10px; }
#responsive-menu a.subcat2 { padding-left: 20px; }
#responsive-menu a.subcat3 { padding-left: 30px; }
#responsive-menu a.subcat4 { padding-left: 40px; }
#responsive-menu a.subcat5 { padding-left: 50px; }
#responsive-menu .root { font-weight: bold; text-transform: uppercase; }
#responsive-menu .selected { font-style: italic; }

#responsive-menu div.group { float: left; display: block; width: 100%; padding: 10px 0; border-top-width: 1px; border-top-style: solid; }
#responsive-menu .title { font-size: 30px; font-weight: bold; opacity: 0.35; }

#header .hamburger-menu:before { font-family: FontAwesome; content: "\f0c9"; padding-left: 10px; float: left; font-size: 22px; margin-right: 16px; height: 100%; display: inline-block; }
#header .hamburger-menu { padding: 15px 0px; font-weight: bold; font-size: 16px; display: none; width: 100%; cursor: pointer; line-height: 28px; float: left; text-decoration: none; }
#header .hamburger-menu.responsive-menu-by-select { position: absolute; width: auto; float: none; padding-top: 7px;}
#header .bar .hamburger-menu.responsive-menu-by-select { z-index: -1; padding-top: 15px; }

.hamburger-menu + #responsive-menu { height: auto; }
.hamburger-menu + select#responsive-menu { width: 100%; border: none; height: 38px; padding-left: 50px; font-weight: bold; font-size: 1.1em; }
.hamburger-menu + select#responsive-menu > * { font-size: 1em; }
.hamburger-menu + select#responsive-menu > option:first-child {display: none;}

/* new cms #DEVRTG-1992 */
body #body .custombasket1left { float: left; }
body #body .customcategoryafterlist  { clear: both; }

/* extend variants */
#body .product.third .variants.extend_variant {
    opacity: 1;
    box-shadow: none;
    background-color: transparent;
}

#body .product .variants.extend_variant ul {
    list-style-type: none;
}

body.alist-page #body .product .variants.extend_variant label {
    padding-left: 10px;
}

body.alist-page #body .product .variants.extend_variant ul li {
    margin-bottom: 5px;
}

#body .product .variants.extend_variant ul li,
#body .product .variants.extend_variant ul li a {
    display: inline-block;
    vertical-align: top;
}

#body .product .variants.extend_variant ul li a {
    background-color: #ddd;
    border: 1px solid transparent;
}

#body .product .variants.extend_variant ul li.active a {
    border: 1px solid #000;
}

#body .product .variants.extend_variant ul li a:hover {
    background-color: #ddd;
    border: 1px solid #999;
}

#body .product .variants.extend_variant_type_color ul li a {
    width: 30px;
    height: 30px;
}

#body .product .variants.extend_variant_type_color ul li.backtomaster a {
    width: auto;
}

#body .product .variants.extend_variant_type_image ul li a {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#body .product .variants.extend_variant_type_image ul li.backtomaster a {
    width: auto;
}

#body .product .variants.extend_variant_type_text ul li a {
    padding: 3px 5px;
}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media screen and (min-width: 1310px) {
    /* first element */
    #header div.links .left > ul.menue > li:first-child > a:first-child,
    #header div.links .left > a:first-child {padding-left: 0;}
    ul.menue.horizontal > li:first-child > a {padding-left: 0;}
    ul.menue.horizontal > li:first-child > a + .dropdown {left: -14px;}
}
@media screen and (max-width: 1309px) {
	#body .promorotator .product.third{
		width: 25%;
	}
	
    #path,
    #header div.bar.oxid {padding-left: 15px; padding-right: 15px;}
    #header div.bar.fixedbar .fixed {padding-right: 15px;}
    #header div.bar.links .menue,
    #header .categories ul.menue.horizontal,
    #path,
    #header,
    #header div.oxid,
    #header div.bar {width: 100%; float: left;}
    #header .links-wrap,
    #header .fixed {width: auto;}
    #header div.bar .left {float: none;}
}

@media screen and (max-width: 1279px) {
 
    #content, #footer, #footer .wrapper, #foot-copy { width: 100%; }
    #header .fixed .box-small-account a:first-child { padding-left: 15px; }
    #header div.oxid .customheader { display: none; }
    #body strong.head2 { float: none !important; }
    #header div.bar.fixedbar {min-height: 48px; float: left; height: auto;}
    #body .product.thinest,
    #body .product.thin {
        height: auto;
    }

    #body .product.thinest .description {
        width: 55%;
        padding-left: 2%;
        margin-bottom: 2%;
    }

    #body .product.thin .desc,
    #body .product.thin .description {
        width: 24%;
        padding: 0 2%;
    }

    #body .product.thinest .picture,
    #body .product.thin .picture {
        float: left;
        width: 11%;
        height: auto;
        margin-right: 2%;
    }

    #body .evidenceheader .box ul li {
        margin-bottom: 10px;
    }

    .erpbuttons #body .evidenceheader .box ul li {
        margin-bottom: 45px;
    } 
}

@media screen and (max-width: 1024px) {
	#body .promorotator .product.third{
		width: calc(100%/3);
	}
  
    #header .searchhint1,
    #header .searchhint2,
    .fixed-phone, #header .fixed .mail { display: none; }
    #body .zoomWindow,
    #body .zoomPreload,
    #body .zoomPup {display: none !important;}
    #body .zoomPad {cursor: zoom-in; max-width: 100%;}
    #body .product.details .picture a.zoom img { max-width: 100%; }

    #content #body .sub-main {width: 100%;}
    #content #body .sub-sidebar {width: 100%; float: left;}
    #content #body .sub-main-userform + .sub-sidebar {margin-left: 0;}
  
    body.footer-columned.wide-social #footer div.box-wrapper,
    body.footer-columned.wide-social #footer div.footer-box,
    body.footer-columned.wide-social #footer div.bar,
    body.footer-columned.wide-social #footer #footer-social,
    body.footer-columned #footer div.box-wrapper,
    body.footer-columned #footer div.footer-box,
    body.footer-columned #footer div.bar {width: 50%;}
    body.footer-columned #footer div.box-wrapper,
    body.footer-columned #footer div.footer-box,
    body.footer-columned #footer div.bar {clear: none !important;}
    body.footer-columned #footer div.box-wrapper:nth-child(2n+1),
    body.footer-columned #footer div.footer-box:nth-child(2n+1),
    body.footer-columned #footer div.bar:nth-child(2n+1) {clear: both !important;}
    body.footer-columned #footer div.bar.mobile-desktop-switch {width: 100%; text-align: center;}
    body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy {width: 100%; clear: none;}
    body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy .left {text-align: left; width: auto;}
    body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy .right {width: auto;}

    #body .basketsummary .voucheradd label {display: block; width: 100%; margin-bottom: .5em;}

    #body .box .catfilter.manufacturerfilter ul.list {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
    #body .catfilter .singlefilter {width: 32%;}
    body.filterlabel2left #body .box .catfilter .boxhead {width: 20%;}
    body.filterlabel2left #body .box .catfilter .boxhead + .list,
    body.filterlabel2left #body .box .catfilter .boxhead + .productstats-legend,
    body.filterlabel2left #body .box .catfilter .boxhead + #pricefilterform {width: 80%;}

    .bordered-searchbox #header div.oxid #box-search { width: 30%; }
}
@media screen and (min-width:801px) {
    #header #responsive-menu { display: none !important; }
}

@media screen and (max-width: 800px) {
    #left,
    #body .product.thin .desc { display: none; }
    body.account_recommlist-page #body .product.thin form[name^="tobasket"] {position: static;}
    #body {width: 100%; float: left;}
    .box-small-account a { font-size: 0; }
    #header .fixed .box-small-account a:before { font-size: 17px !important;padding-right: 0 !important; }
    #body #box-news .single-news { width: 100% !important;float: none; }
    #body strong.head2:before, #body strong.head2:after { width: 5%; }
    #body .product.details .picturewrap, #body .product.details .particularswrap { width: 100%;padding: 0;float: none; }
    #body .product.moredetails #test_specsHeader { display: block; }
    #body .product.moredetails .longdesc .longdesc-plus-attributes .longdesc-wrap,
    #body .product.moredetails .longdesc .longdesc-plus-attributes .attributes-wrap,
    #body .longdesc-plus-attributes .longdesc-wrap,
    #body .longdesc .longdesc-plus-attributes .attributes-wrap { width: 100%; float: none; margin: 0; padding-right: 0; }
    #header div.bar .menue li, #header .bar .left { display: none; }
    #header .hamburger-menu { display: block; }
    select#responsive-menu { display: block; }
    #header { height: auto !important; }
    #header div.links.fixedtopage, #header div.categories.fixedtopage { position: relative !important; }

    #header div.links #box-search { width: 100%; margin: 0 0 10px; }

    #header div.links,
    #header div.categories {border-top-width: 0; border-bottom-width: 0; padding-left: 15px; padding-right: 15px;}

    #footer .bar .left,
    #footer .bar .right {float: none; text-align: center;}
    body.footer-columned #footer .bar .left {float: left; text-align: left;}
    body.footer-columned #footer .bar .right {float: right; text-align: right;}
    #body .pricealarm-box,
    #body .watchdog-box {
        overflow-x: auto;
    }
    .filtersleft #left { display: block; width: 100%; margin: 0; }
    .filtersleft #left > * { display: none; }
    .filtersleft #left > #box-unifiedfilters,
    .filtersleft #left > .unifiedfilter { display: block; }
    .filtersleft #body { clear: both; }

    .oxid #top_basket {
        min-height: 0;
    }
}


@media screen and (max-width: 768px) {
	#body .promorotator .product.third{
		width: 50%;
	}
}


@media screen and (max-width: 700px) {
    #body div.bar.prevnext .left, #body div.bar.prevnext .right, #body div.bar.prevnext .arrowdown, #body div.bar.prevnext .arrowright {margin-left: 0; margin-right: 0; width: 100%;}
    #body div.bar.prevnext .arrowright input { padding: 5px 10px; }
    #body div.bar.prevnext .arrowright::after { padding-right: 10px; content: none;}
    #body div.bar.prevnext .right {text-align: right;}
    #body div.bar.prevnext form + form .right,
    #body div.bar.prevnext .left + form .right,
    #body div.bar.prevnext .right + .left,
    #body div.bar.prevnext .left + .right {margin-top: 10px;}
}

@media screen and (max-width: 640px) {
    .fixedbar #top_basket dt a { padding-left: 5px; }
    #header .fixed div.language a,  { padding: 15px 2px !important;width: 100px;font-size: 80%; }
    #header .fixed div.language, #header .fixed div.language a { width: 100px; }
    #content { padding: 10px; }

    body.footer-columned #footer .bar .left,
    body.footer-columned #footer .bar .right,
    body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy .left,
    body.footer-columned #footer div.bar.mobile-desktop-switch + .bar.copy .right {float: none; text-align: center; width: 100%; padding: 0;}

    #body .locator .sort_row label {display: none;}

    #content #body .payment-wrap .item-row .title-cell .title b {max-width: 60%; display: inline-block;}
    #content #body .payment-wrap .item-row .shipping-price,
    #content #body .payment-wrap .item-row .payment-price {min-width: 30%;}

    /* basket summary - order + review */
    #body .basketsummary-header .item-general {display: none;}
    #body .basketsummary-header .item-price {width: 80%; clear: both;}
    #body .basketsummary.order .item-title {width: 80%; margin-right: 0; float: right;}
    #body .basketsummary.order .item-price {width: 80%; clear: right; margin-top: .5em;}
    #body .basketsummary.review .item-title {width: 80%; margin-right: 0; float: right;}
    #body .basketsummary.review .item-price {width: 80%; clear: right; margin-top: .5em;}

    #body .basketsummary .voucheradd {width: 100%; max-width: none; margin-bottom: 1em;}
    #body .basketsummary .voucheradd label {display: inline-block; width: auto;}
    #body .basketsummary .voucheradd span.btn {float: right;}

    /* my account - lists and details */
    #body .invoiceblock .table,
    #body .orderblock .table {
        overflow-x: auto;
        display: block;
    }

    #body .invoiceblock > table > tbody > tr > th + th,
    #body .invoiceblock > table > tbody > tr > td + td,
    #body .orderblock > table > tbody > tr > th + th,
    #body .orderblock > table > tbody > tr > td + td {
        padding-left: 1em;
    }
    #body .product.thinest strong.h3 {
        width: 70%;
        margin-bottom: 10px;
    }

    #body .product.thin strong.h3 {
        width: 40%;
    }

    #body .product.thinest form {
        float: right;
    }

    #body .product.thinest .picture,
    #body .product.thin .picture {
        float: left;
        height: auto;
        width: 20%;
        margin-right: 3%;
    }

    #body .product.thinest .description,
    #body .product.thin .amount,
    #body .product.thinest .amount {
        display: none;
    }

    #body .product.thin {
        clear: both;
    }

    #body .product.thinest .value,
    #body .product.thin .value {
        width: 50%;
    }

    #body .product.thin form {
        min-width: 120px;
        width: 37%;
    }
}

@media screen and (max-width:610px) {
    body.logoleft #header div.oxid .logo {
        float: none;
        width: 100%;
    }

    .bordered-searchbox #header div.oxid #box-search,
    #header div.oxid #box-search {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    #header div.oxid #top_basket {
        max-width: 50%
    }

    #body .morecats,
    #body .morecats tbody,
    #body .morecats tr,
    #body .morecats td {
        display: block;
        padding: 0;
        margin: 0;
    }

    #body .morecats .colsep {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    #body .product.details .amopricebox {float: left; margin-top: 10px; clear: both;}
    #body .product.details .amopricebox .pperunit {float: none; padding: 0 0 5px 20px;}

    #body .box .catfilter.manufacturerfilter ul.list {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
    #body .catfilter .singlefilter {width: 49%;}
    body.filterlabel2left #body .box .catfilter .boxhead {width: 100%;}
    body.filterlabel2left #body .box .catfilter.attrfilter strong.multiboxhead {display: block;}
    body.filterlabel2left #body .box .catfilter .boxhead + .list,
    body.filterlabel2left #body .box .catfilter .boxhead + .productstats-legend,
    body.filterlabel2left #body .box .catfilter .boxhead + #pricefilterform {width: 100%; clear: both;}

    #body .account_header table,
    #body .account_header table tbody,
    #body .account_header table tr,
    #body .account_header table td,
    #body table.form,
    #body table.form tbody,
    #body table.form tr,
    #body table.form td,
    #body table.form td + td,
    #body table.form.forgotpwd-newpwd td + td,
    #body table.form.forgotpwd-email td + td {
        display: block;
        padding-left: 0;
    }
    #body form[name="login"] table.form td br,
    #body form[name="login"] table.form td label strong {
        display: none;
    }
    #body form[name="login"] table.form td a {
        margin-right: 20px;
    }
    #body table.form input[type="text"],
    #body table.form input[type="password"],
    #body table.form .btn input {
        width: 95%;
    }
    #body form[name="login"] table.form input[type="text"],
    #body form[name="login"] table.form input[type="password"] {
        margin-right: 0;
    }
    #body table.form .captcha-image  {
        margin-bottom: 10px;
    }
    #body #questionmail table.form td:first-child,
    .contact-page #body table.form td:first-child {
        width: auto;
    }

    body.details-page #body .details .repayment-head.btn {
        float: left;
    }

    #body table.form textarea, #body table.form input {
    max-width: 90%;
    }

    /* uprava darkovych baleni */
    body.wrapping-page table.wrapping tbody tr td {display: block; float: left;}

    body.wrapping-page table.wrapping,
    body.wrapping-page table.wrapping tbody,
    body.wrapping-page table.wrapping thead,
    body.wrapping-page table.wrapping tbody tr {width: 100% !important; display: block;}

    body.wrapping-page table.wrapping > tbody > tr > td:nth-child(2) {width: 25% !important;}
    body.wrapping-page table.wrapping > tbody > tr > td:nth-child(3) {width: 75% !important;}
    body.wrapping-page table.wrapping > tbody > tr > td:nth-child(4) {width: 100% !important;}

    body.wrapping-page table.wrapping_items > tbody > tr > td:nth-child(1) {width: 20% !important;}
    body.wrapping-page table.wrapping_items > tbody > tr > td:nth-child(2) {width: 50% !important;}
    body.wrapping-page table.wrapping_items > tbody > tr > td:nth-child(3) {width: 30% !important;}
    body.wrapping-page table.wrapping_items > tbody > tr > td[colspan="2"] {width: 100% !important; display: block;}
    body.wrapping-page table.wrapping > tbody > tr.wrp_sep > td {width: 100% !important;}

    body.wrapping-page table.wrapping thead,
    body.wrapping-page table.wrapping tbody td.brd,
    body.wrapping-page table.wrapping tbody td:nth-child(5) {display: none;}
}

@media screen and (max-width: 480px) {
	#body .promorotator .product.third{
		width: 100%;
	}
    body.logoleft #header div.oxid .logo { float: none; }
    #header div.oxid #box-search {width: 48%; margin-left: 1%; margin-right: 1%;}
    #header div.oxid #top_basket {max-width: 50%}
    #top_basket dt a { font-size: 0;padding: 0; }
    #body .product.third { margin:10px auto !important; float: none !important; clear: both;}
    #body .variantslist .product { float: left !important; }
    #header #box-search span.btn:after { position: absolute; }
    #foot-copy { margin: 8px; }
    #body .box .subcatnocol li { float: none;margin:3px auto; }
    #body .basket { display: block; }
    #body .ordersteps dl { margin-right: 5%; }
    #body div.bar.prevnext .arrowdown input, #body div.bar.prevnext .arrowright input { font-size: 16px; }
    #body .useroption { float: none;width: 100%; }
    .userdata tr { float: none; }
    .twocolumns #body .payment-wrap { width: 100% !important;float: none !important; }
    #body ul.reviewstars-particularsbottom {float: right; margin-top: 10px;}

    body.footer-columned.wide-social #footer div.box-wrapper,
    body.footer-columned.wide-social #footer div.footer-box,
    body.footer-columned.wide-social #footer div.bar,
    body.footer-columned.wide-social #footer #footer-social,
    body.footer-columned #footer div.box-wrapper,
    body.footer-columned #footer div.footer-box,
    body.footer-columned #footer div.bar {width: 100%; clear: both;}

    /* basket summary - order + review */
    #body .basketsummary-header .item-price {width: 100%;}
    #body .basketsummary.order .item-price {width: 100%; clear: both;}
    #body .basketsummary.review .item-price {width: 100%; clear: both;}

    #body .userdata .form-group .control-wrap {width: 100% !important; margin-top: .5em;}
    #body .userdata .form-group .control-wrap.labelless {margin-top: 1em;}
    #body .userdata .form-group .control-note {width: 95%; margin-left: 0; margin-top: .5em;}
    #body .userdata .form-group.custom-shipment-address .control-note {margin-top: 1em;}
    #body .userdata .form-group-row .form-group {width: 95% !important; margin-left: 0 !important;}

    #body .product.thin .picture img {
        width: 90%;
        height: auto;
    }
}

@media screen and (max-width: 420px) {
    body #header div.oxid #box-search form .txt,
    body #header div.oxid #box-search,
    body #header div.oxid #box-search span.btn,
    body #header div.oxid #box-search span.btn input,
    body .oxid #top_basket {
        min-height: 35px;
        height: auto;
    }

    #header div.oxid #box-search span.btn::after {
        left: 16px;
        top: 8px;
        font-size: 17px;
    }

    .oxid #top_basket dd {
        line-height: 1;
    }

    .oxid #top_basket::before {
        font-size: 20px;
        height: 36px;
        width: 36px;
    }

    .oxid #top_basket {
        padding-left: 45px;
    }

    .oxid #top_basket #test_TopBasketHeader {
        font-size: 14px;
        line-height: 1;
    }

    .oxid #top_basket.full #test_TopBasketItems {
        left: 27px;
        top: -4px;
        line-height: 1.4;
    }

    .bordered-searchbox #header div.oxid #box-search span.btn,
    .bordered-searchbox #header div.oxid #box-search span.btn input { min-height: 37px; }
    .bordered-searchbox #header div.oxid #box-search,
    #header div.oxid #box-search {width: 100%; margin-left: 0; margin-right: 0;}
    #header div.oxid #top_basket {width: 100%; max-width: none;}

    #content #body .payment-wrap .item-row .title-cell .item-ico-wrap {width: 100%; max-width: none; margin-right: 0;}
    #content #body .payment-wrap .item-row .title-cell .item-ico-wrap + .title {width: 100%; margin-top: .5em; clear: both; float: left;}
    #content #body .payment-wrap .item-row .title-cell .title b {max-width: none; display: inline;}
    #content #body .payment-wrap .item-desc {clear: both;}

    #content #body .payment-wrap .options-row label {width: 100%;}
    #content #body .payment-wrap .options-row input[type="text"],
    #content #body .payment-wrap .options-row select {max-width: 100%; min-width: 100%;}

    #body .basketsummary.summary .item-price .stock {width: 100%;}
    #body .basketsummary.summary .item-price .amount {width: auto; min-width: 40%; text-align: left;}
    #body .basketsummary.summary .bundleitems .item-price .amount {margin-left: 0;}
    #body .basketsummary.summary .item-price .totalprice {width: auto; min-width: 60%;}
    #body .basketsummary.summary .item-price .amount:before {content: attr(title); display: block; float: left; margin-right: .5em;}

    #footer .newsletter-form .txt {width: auto;}
    #footer .newsletter-form span.btn {max-width: none;}
    #body .ordersteps .step-title {display: none;}

    #body .orderblock > table.orderaddress > tbody > tr > th + th,
    #body .orderblock > table.bank > tbody > tr > th + th,
    #body .orderblock > table.orderaddress > tbody > tr > td + td,
    #body .orderblock > table.bank > tbody > tr > td + td {
        padding-left: 0;
    }
    #body .orderblock > table.orderaddress,
    #body .orderblock > table.bank,
    #body .orderblock > table.orderaddress > tbody,
    #body .orderblock > table.bank > tbody,
    #body .orderblock > table.orderaddress > tbody > tr,
    #body .orderblock > table.bank > tbody > tr,
    #body .orderblock > table.orderaddress > tbody > tr > th,
    #body .orderblock > table.bank > tbody > tr > th,
    #body .orderblock > table.orderaddress > tbody > tr > td,
    #body .orderblock > table.bank > tbody > tr > td {
        display: block;
        padding: 0;
        width: 100%;
    }
    #body .orderblock > table.orderaddress > tbody > tr > th,
    #body .orderblock > table.bank > tbody > tr > th,
    #body .orderblock > table.orderaddress > tbody > tr > td,
    #body .orderblock > table.bank > tbody > tr > td {
        padding-bottom: 1em;
    }
    
    #body .product .identifier {
        position: relative;
    }

    #body .product.details .cats img {
        position: absolute;
        right: 0px;
        top: 0px;
        margin-left: 0;
        float: none;
    }

    #body .product.thin form {
        width: 50%;
        float: left;
        clear: both;
    }

    #body .box dl.orderinfocol {
        width: 100%;
    }

    #body .box dl.orderinfocol + dl.orderinfocol {
        margin-left: 0;
        margin-top: 1em;
    }
}

@media screen and (max-width: 360px) {
    #body .box .catfilter.manufacturerfilter ul.list {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    #body .catfilter .singlefilter {width: 100%; margin-right: 0;}

    #body .product.thin strong.h3 {
        width: 75%;
    }
}

@media screen and (max-width: 320px) {
    #body .sub-sidebar table,
    #body .sub-sidebar tbody,
    #body .sub-sidebar tr,
    #body .sub-sidebar th,
    #body .sub-sidebar td {display: block; width: 100%; text-align: center;}

    #body .orderblock table table,
    #body .orderblock table table tbody,
    #body .orderblock table table tr,
    #body .orderblock table table th,
    #body .orderblock table table td {
        display: block;
        padding: 0;
        width: 100%;
    }
    #body .product.thinest .picture img {
        width: 90%;
        height: auto;
    }

    #body .evidenceheader .box ul {
        text-align: left;
    }

    #body .evidenceheader .box ul li a {
        font-weight: normal;
        padding: 5px 10px;
    }

    #body .evidenceheader .box ul li {
        margin-bottom: 10px;
    }

    #body .evidenceheader a:before {
        top: 0;
        margin-right: 15px;
        font-size: 15px;
    }

    .erpbuttons #body .evidenceheader .box ul {
        text-align: center;
    }

    .erpbuttons #body .evidenceheader .box ul li {
        margin-bottom: 35px;
    }

    .erpbuttons #body .evidenceheader .box ul li a {
        margin-bottom: 35px;
        font-size: 12px;
        padding: 10px 20px;
    }
}

@media screen and (min-width: 640px) {
    #body .basketsummary.order .sumrows,
    #body .basketsummary.review .sumrows {width: 50%; float: right;}
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    #body .basketsummary.summary .item-price .amount {text-align: left; width: 20%;}
    #body .basketsummary.summary .item-price .amount:before {content: attr(title); display: block; float: left; margin-right: .5em;}
    #body .basketsummary.summary .item-price .totalprice {width: 20%; float: right; text-align: right;}
}

@media screen and (min-width: 1024px) {
    #body .basketsummary.order .sumrows,
    #body .basketsummary.review .sumrows {width: 30%; float: right;}
    .change-payment-popup #body .payment-wrap {width: 47%; float: left;}
    .change-payment-popup #body .payment-wrap.payment-shipping {margin-right: 6%;}
}

/* oznaceni zbozi v kosiku - inbasket */
.product.inbasket .inbasket-wrapper {
    background: grey;
    opacity: .5;
    display: block;
    z-index: 100;
    font-size: 1em;
    color: white;
    text-align: center;
}

.product.inbasket.half .inbasket-wrapper,
.product.inbasket.third .inbasket-wrapper,
.product.inbasket.small .inbasket-wrapper,
.product.inbasket.fifth .inbasket-wrapper {
    position: absolute;
    width: auto;
    height: auto;
    font-size: 2em;
}

.details-page .product.inbasket .particulars .inbasket-wrapper,
.product.inbasket.thinest .inbasket-wrapper,
.product.inbasket.thin .inbasket-wrapper{
    margin-top: 6px;
    padding: 6px;
}

.details-page .product.inbasket .particulars .inbasket-wrapper {
    width: auto;
    height: auto;
    font-size: 1em;    
}

/* GDPR */
.chck-gdpr {
    margin: 0;
}

.gdpr-news-err {
    padding: 4px 7px;
    background-color: #e55;
    display: inline-block;
    margin: 10px 0;
    border: 1px solid #f99;
}
.oxgdprpopuptitle {
    position: absolute;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    top: 100%;
    z-index: 3;
    padding: 10px;
    display: none;
}

#footer .oxgdprnewstitle {
    top: 135px;
}

#footer a.oxgdprpopuptitle-link {
    text-decoration: underline;
}

.oxgdprpopuptitle-link:hover + .oxgdprpopuptitle {
    display: block !important;
}

.chck-gdpr-chck-register + .gdpr-err-pop {
    width: 100%;
    background-color: #fcc;
    clear: both;
    padding: 10px 15px;
    border: 1px solid #f77;
}

/* GeoIP */
#page #header #geoip-popup.geoip-popup-wrapper {
    background-color: #E0E0E0;
    border-bottom: 2px solid #808080;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content {
    clear: both;
    background: none;
    margin: 0 auto;
    width: 1280px;
    position: relative;
    padding: 15px;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row {
    padding-bottom: 1rem;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row a {
    color: #000;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row.geoip-flex-row {
    display: flex;
    justify-content: space-between;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-row-heading {
    color: #000;
    font-size: 1.2rem;
    padding-bottom: .25rem;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-row-translate {
    color: #808080;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages {
    padding: 1rem 0;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language {
    padding: .75rem;
    border: 2px solid #808080;
    margin-right: .5rem;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language.act {
    background-color: #808080;
    color: #FFF;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language:hover,
#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-close .geoip-button:hover {
    background-color: #808080;
    color: #FFF;
    text-decoration: none;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language img {
    margin-top: .15rem;
    margin-right: .5rem
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-close {
    display: flex;
}

#page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-close .geoip-button {
    padding: .75rem;
    border: 2px solid #808080;
    margin: 2px 0;
}

@media screen and (max-width: 1309px) {
    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content {
        width: 100%;
        padding: 15px;
    }

    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language:last-child {
        margin-right: 0
    }

    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages {
        margin-bottom: 1rem;
    }

    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row.geoip-flex-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }
}

@media screen and (max-width: 710px) {
    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages {
        width: 100%;
    }
    
    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language {
        display: inline-block;
        margin-bottom: .25rem;
        margin-right: 0;
        width: 24%;
    }
}

@media screen and (max-width: 520px) {
    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language {
        width: 49%;
    }

    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages {
        margin: 0;
        padding: 0;
    }

    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-rowHeading {
        font-size: 1rem;
    }

    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-row .geoip-popup-rowTranslate {
        font-size: .75rem;
    }
}

@media screen and (max-width: 280px) {
    #page #header #geoip-popup.geoip-popup-wrapper .geoip-popup-content .geoip-popup-languages .language {
        width: 100%;
    }
}
/* GeoIP END*/

/* modalni okna */
/* default modal */
.oxmodal {
  display: none; 
  position: fixed; 
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.oxmodal.open {
    display: block;
}

.oxmodal .close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position:absolute;
  top: 3px;
  right: 15px;
}

.oxmodal .close:hover,
.oxmodal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 


.oxmodal .modal-wrapper {
    margin: 15% auto;
    padding: 0px 20px 0px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    width: 60%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
    border-radius: 3px;
    animation: fadein 500ms;
    -moz-animation: fadein 500ms;
    -webkit-animation: fadein 500ms;
    -o-animation: fadein 500ms;
}

.oxmodal .inner.with-spinner {
    display: flex;
    justify-content: center;
    padding: 50px 0px;
}

.oxmodal .modal-header {
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0px;
    font-size: 1rem;
}

.oxmodal .modal-content {
    padding: 10px 0px;
}

.oxmodal .modal-footer {
    border-top: 1px solid #dee2e6;
    padding: 10px 0px;
}

/* modal sizes */
.oxmodal.modal-sm .modal-wrapper {
    width: 40%;
}

.oxmodal.modal-xl .modal-wrapper {
    width: 80%;
}

@media screen and (max-width:1200px) {
    .oxmodal.modal-sm .modal-wrapper {
        width: 60%;
    }
}

@media screen and (max-width:800px) {
    .oxmodal .modal-wrapper,
    .oxmodal.modal-sm .modal-wrapper {
        width: 80%;
    }
}

/* right modal */
.oxmodal.modal-right .modal-wrapper {
    height: 100%;
    overflow-y: auto;
    margin: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 300px;
    border: none;
    border-radius: 0px;
}

/* left modal */
.oxmodal.modal-left .modal-wrapper {
    height: 100%;
    overflow-y: auto;
    margin: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    border: none;
    border-radius: 0px;
}

/* spinner */
.oxspinner {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.oxspinner:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #aaa;
  border-color: #aaa transparent #aaa transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* fadein animation */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}