/* GENERAL */
font[size] {
    line-height: normal;
}

textarea {
    resize: vertical;
    max-width: 100%;
}

/* MOJEID */
span.mojeid-wrap {
    position: relative;
}

span.mojeid-icon {
    display: block;
    top: 0;
    left: 1px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: transparent url(images/mojeID-ico.png) no-repeat center center;
}

#body input.mojeid {
    padding-left: 20px;
    width: auto;
}

.box-wrapper input.mojeid {
    padding-left: 20px;
    width: 102px;
}

span.btn.mojeid,
span.btn.mojeid input {
    background: transparent url(images/mojeID-button.png) no-repeat left center !important;
    padding-right: 0 !important;
    height: 25px !important;
}

span.btn.mojeid input {
    background-position: right center !important;
    color: #fff !important;
    padding-right: 77px !important;
    width: auto !important;
    text-shadow: none !important;
    margin-right: -5px !important;
    padding-bottom: 0 !important;
}

/* PRICE ALARM + WATCHDOG */
#body .box table.pricealarm {
    width: 100%;
}
#body .box .pricealarm th {
    vertical-align: top;
}
#body .box .pricealarm td {
    vertical-align: middle;
}
#body .box .pricealarm .chk-cell {
    text-align: center;
}
#body .box .pricealarm input[type="text"] {
    margin-right: 10px;
}
#body .box .pricealarm td b {
    padding-right: 10px;
}
#body .box .pricealarm td img {
    max-width: none;
    margin-right: 10px;
}

/* CAPTCHA */
.captcha-image {
    white-space: nowrap;
}
#body .box .captcha-image img,
.captcha-image img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.captcha-image.captcha-text {}
.captcha-refresh {
    cursor: pointer;
    max-height: 36px;
}

/* FORGOT PWD FORM */
#body table.forgotpwd-email {
    margin-top: 1em;
    margin-bottom: 1em;
}

#body table.forgotpwd-newpwd td,
#body table.forgotpwd-email td {
    vertical-align: middle;
}

#body table.forgotpwd-newpwd td + td {
    padding-left: 10px;
}

#body table.forgotpwd-email td + td {
    padding-left: 10px;
}

/* COOKIES INFO */
#cookies-box {
    padding: 0;
    width: 100%;
    z-index: 9999;
}

#cookies-box p {
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    background: #ddd;
    line-height: normal;
    box-sizing: border-box;
}

#cookies-box.cookies-box-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
}

#cookies-box.cookies-box-top {
}

#cookies-box a {
    text-decoration: underline;
}

#cookies-box .btn {
    background: #666;
    color: #fff;
    padding: 5px 10px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

#cookies-box a.btn,
#cookies-box .btn a {
    text-decoration: none;
}

/* REVIEW PROS & CONS*/
body.details-page #body #review .proscons {
    clear: both;
    display: inline-block;
    width: 100%;
}

body.details-page #body #review .proscons span.rev {
    display: block;
    float: left;
    margin: 10px 0;
    padding: 0 17px;
    width: 43%;
}

body.details-page #body #review .proscons span.rev.pros {
    background: transparent url(images/pros.png) no-repeat 0 3px;
}

body.details-page #body #review .proscons span.rev.cons {
    float: right;
    background: transparent url(images/cons.png) no-repeat 0 3px;
}

#body .btn-review a,
#body .btn-review a:hover {
    text-decoration: none;
}

/* JQUERY/AJAX FILTER */
#left .unifiedfilterFilters.filtered {
    padding-bottom: 25px;
}

.unifiedfilterFilters table tr {
    height: 25px;
}

.unifiedfilterFilters table td.textright {
    text-align: right;
}

.unifiedfilterFilters .ondemand .filteropen {
    position: relative;
    display: block;
    cursor: pointer;
    background: transparent url(images/select.png) no-repeat right center;
    border: 1px solid #ccc;
    padding: 3px 20px 1px 4px;
    height: 15px;
    width: 142px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.unifiedfilterFilters .ondemand .filteropen .filterclear {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0 none;
    background: transparent url(images/clear.png) no-repeat scroll center;
}

.unifiedfilterFilters .ondemand .catfilterlist {
    display: none;
    padding: 10px 8px 10px 3px;
    margin-top: -1px;
    position: absolute;
    z-index: 100;
    width: 155px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: #ccc 0 0 5px;
    max-height: 300px;
    overflow: auto;
}

.unifiedfilterFilters .ondemand .catfilterlist label {
    margin: 0;
}

.unifiedfilterFilters input.checkbox {
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
}

.unifiedfilterFilters input.not {
    opacity: 0.5;
}

#body .box .attributeIcon,
.unifiedfilterFilters .type .attributeIcon {
    max-width: 32px;
    max-height: 32px;
    vertical-align: middle;
    margin-right: 5px;
}

.unifiedfilterFilters .singlefilter label,
.unifiedfilterFilters .value label {
    display: block;
}

.unifiedfilterFilters label.descriptioned {
    padding-right: 17px;
    position: relative;
    clear: both;
}

.unifiedfilterFilters .singlefilter label.descriptioned {
    float: left;
}

#body .box .attributes td.title .qicon,
.unifiedfilterFilters .qicon {
    position: absolute;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    top: 2px;
    line-height: 26px;
    margin: 0 0 0 5px;
    background: transparent url(images/qicon.png) no-repeat center center;
    cursor: help;
}

#body .box .attributes td.title .qicon {
    position: relative;
    display: inline-block;
    right: auto;
    left: 3px;
}

#body .box .attributes td.title .qicon .description,
.unifiedfilterFilters .qicon .description {
    display: none;
    text-align: left;
    position: absolute;
    background-color: #f0f0f0;
    background: rgba(240, 240, 240, .8);
    z-index: 999;
    padding: 5px 8px;
    border: 1px solid #ccc;
    line-height: 1.2em;
    width: 150px;
    left: 12px;
    top: 10px;
}

#body .box .attributes td.title .qicon .description {
    width: 250px;
}

#body .box .attributes td.title .qicon:hover .description,
.unifiedfilterFilters .qicon:hover .description {
    display: block;
}

.unifiedfilterFilters .not {
    color: #999;
}

.unifiedfilterFilters .attrslider {
    min-height: 3.5em;
    clear: both;
}

.unifiedfilterFilters .attrslider .attrfilterslider {
    margin: 5px 10px 5px 5px;
}

.unifiedfilterFilters .attrslider .attrfilterinfo {
    text-align: center;
}

.unifiedfilterFilters strong.boxhead {
    width: auto;
}

#left .unifiedfilterFilters strong.boxhead {
    display: block;
}

#left .unifiedfilterFilters .productstats-item {
    display: block;
}

#left .unifiedfilterFilters .productstats-legend {
    width: auto;
}

#left .unifiedfilterFilters ul.list li,
#left .unifiedfilterFilters ul.list {
    display: block;
    margin: 0;
}

#left .unifiedfilterFilters ul.list {
    padding: 0;
}

#left .unifiedfilterFilters ul.list li {
    padding-left: 5px;
    line-height: 1.8em;
}

#left .unifiedfilterFilters ul.list li input[type=checkbox] {
    margin-bottom: 4px;
    vertical-align: middle;
}

#left .unifiedfilterFilters ul.list li > label {
    margin-left: 5px;
    font-size: 14px;
}

.unifiedfilterFilters table {
    clear: both;
    margin-bottom: 1em;
}

.unifiedfilterFilters span.deselect,
.unifiedfilterFilters span.submit {
    margin: 2px;
}

.unifiedfilterFilters span.btn {
    float: right;
    display: none;
}

.unifiedfilterFilters span.btn.deselect,
.unifiedfilterFilters .catfilterlist span.btn {
    display: block;
}

.unifiedfilterFilters .catfilter {
    margin: 0.5em 0 1em;
}

.unifiedfilterFilters .btndeselectatwrapper {
    clear: both;
}

#left .unifiedfilterFilters #box-deselectbutton .box {
    min-height: 30px;
}

.unifiedfilterFilters .single .catfilterlist input.checkbox {
    position: absolute;
    left: -9999px;
}

.unifiedfilterFilters .single .catfilterlist label {
    padding: 2px 3px 2px 2px;
    display: block;
    margin: 0;
}

.unifiedfilterFilters .single .catfilterlist label.selected,
.unifiedfilterFilters .single .catfilterlist label.checked {
    font-weight: bold;
}

.unifiedfilterFilters .single .catfilterlist label:hover {
    background-color: #f0f0f0;
}

.unifiedfilterFilters .single .catfilterlist br {
    display: none;
}

.unifiedfilterFilters .single .catfilterlist {
    padding-top: 4px;
    padding-bottom: 4px;
}

.filteropen .ajax-loader {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url(../../layout/images/autocomplete-loader.gif) no-repeat scroll center;
}

.unifiedfilterFilters .noscript .ondemand input.filterclear,
.unifiedfilterFilters .noscript .ondemand .deselect {
    display: none !important;
}

.unifiedfilterFilters .noscript .ondemand,
.unifiedfilterFilters .noscript .ondemand label,
.unifiedfilterFilters .noscript .ondemand .filteropen {
    cursor: url(images/clear.png), url(images/clear.png), wait;
}

.unifiedfilterFilters .noscript .ondemand table {
    opacity: .3;
}

body.waiting,
body.waiting * {
    cursor: wait !important;
}

/* LEFT FILTERS */
#left .unifiedfilterFilters span.submit {
    display: none;
}

#left .unifiedfilterFilters .singlefilter {
    margin-top: 10px;
}

#left .unifiedfilterFilters .ondemand .filteropen {
    background-color: #fff;
    width: 100%;
    height: 24px;
    clear: both;
    box-sizing: border-box;
}

#left .unifiedfilterFilters .cattitle {
    margin: 0 0 5px;
}

#left .unifiedfilterFilters .slider .cattitle {
    margin-bottom: 10px;
}

/* HUMANMEDICINE NUTRITIONSUPPLEMENT*/
#body .msg.humanmedicine,
#body .msg.nutritionsupplement {
    width: auto;
    float: none;
    clear: both;
    margin-top: 1em;
}

/* PARENTAL CONTENT CONTROL 18+ */
.pullup {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2000;
    border-radius: 3px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
}

/* width: 400px !important */
form.allowcontent {
    text-align: center;
}

form.allowcontent .btn {
    margin: 10px;
}

form.allowcontent .btn input {
    min-width: 50px;
}

#body .product.blind .picture {
    background: transparent url(images/picture-blind.png) no-repeat center center;
}

/* PAYMENT PROCESS */
div#process-payment {
    text-align: center;
    clear: both;
    margin: 20px;
}
div#process-payment input.btn-processpayment {
    font-size: 200%;
    cursor: pointer;
    padding: 15px 30px;
    color: #fff;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #480;
    border-color: #9c3 #480 #240 #df8;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, .3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background: #9dd53a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #9dd53a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODliMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #689b01 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd53a), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #689b01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #689b01 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #689b01 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #689b01 100%); /* IE10+ */
    background: linear-gradient(to bottom, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #689b01 100%); /* W3C */
}
div#process-payment input.btn-processpayment:hover {
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}

div.payment-box-error,
div.payment-box-ok {
    background: #eee;
    border: 1px solid #aaa;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    border-radius: 3px;
    clear: both;
    color: #000;
}

div.payment-box-error {
    color: #cd0210;
    font-weight: bold;
}

div#process-payment input.btn-processpayment[disabled],
div#process-payment input.btn-processpayment[disabled]:hover {
    cursor: progress;
    opacity: .5;
}

#body div.bar.prevnext .arrowright input[disabled],
input#processpayment-btn[disabled] {
    cursor: progress;
}

/* NEW PAYMENT */
.payment-wrap .dot_sep {
    width: auto !important;
}

.payment-wrap .form td {
    vertical-align: top;
}

.payment-wrap .control-cell {
    width: 30px;
}

.payment-wrap label.title {
    display: block;
    margin-bottom: .5em;
}

.payment-wrap .item-ico {
    clear: both;
    float: left;
}

.payment-wrap .item-ico + .item-desc {
    margin-top: .5em;
}

#body .payment-wrap .box img.item-ico {
    margin: .2em 1em .5em 0;
}

.payment-wrap .ship-params-table {
    width: 100%;
}

.payment-wrap .ship-params {
    width: 100%;
    float: left;
    clear: both;
}

.payment-wrap .repayment-calculator {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 1em 0;
}

.payment-wrap .repayment-calculator em {
    margin: 0 auto .5em;
    display: block;
    font-style: normal;
}

.payment-wrap .repayment-calculator img + em {
    margin-top: .2em;
}

.payment-wrap .left.shipform,
.payment-wrap .form.shipform,
.payment-wrap .form.payments {
    width: 100%;
}

.payment-wrap table.left.shipform,
.payment-wrap table.form.shipform,
.payment-wrap table.form.payments {
    table-layout: fixed;
}

.payment-wrap .payment-option td {
    vertical-align: middle;
}

.payment-wrap .options-row {
    display: none;
}

.payment-wrap .noradio .options-row,
.payment-wrap .options-row.active {
    display: block;
}

.payment-wrap tr.options-row.active {
    display: table-row;
}

.payment-wrap .options-row label {
    width: 40%;
    display: inline-block;
}

.payment-wrap .options-row input[type="text"],
.payment-wrap .options-row select {
    max-width: 55%;
    min-width: 30%;
    margin-bottom: .5em;
}

.payment-wrap .options-info {
    display: block;
    padding: 1em 0 0;
    clear: both;
    width: 100%;
    float: left;
    cursor: default;
}

.payment-wrap .options-info a {
    cursor: pointer;
}

.payment-wrap .options-info:empty {
    padding: 0;
}

.payment-wrap .options-row.icons label {
    width: 120px;
    margin: 0 1em 1em 0;
    padding: 0 0 0 30px;
    position: relative;
    box-sizing: content-box;
}

.payment-wrap .options-row.icons .radio {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -0.5em 0 0;
}

.payment-wrap .options-row.icons em {
    display: none;
}

.payment-wrap .options-row.icons img {
    max-width: 120px;
}

#body .form .custom-shipment-address img {
    max-width: 100%;
    margin-bottom: 1em;
}

.custom-shipment-address .ship-title {
    margin: 0 0 1em;
    font-weight: bold;
    font-size: 1.5em;
    line-height: normal;
}

.custom-shipment-address .custom-shipment-address-item {
    font-weight: bold;
    margin-bottom: .25em;
}

#body .form .custom-shipment-address th,
#body .form .custom-shipment-address td,
#body .payment-wrap .form .options-row .options-info th,
#body .payment-wrap .form .options-row .options-info td {
    background: transparent;
    vertical-align: top;
    padding: 3px 0;
}

#body .form .custom-shipment-address th + td,
#body .form .custom-shipment-address td + td,
#body .payment-wrap .form .options-row .options-info th + td,
#body .payment-wrap .form .options-row .options-info td + td {
    padding-left: 1em;
}

#body .payment-wrap .boxhead {
    margin-top: 10px;
}

.payment-shipping .options-row label {
    font-weight: bold;
}

body.order-page #body .order_remark label {
    vertical-align: top;
    margin-right: 10px;
}

/* PAY U */
#body .box.info table.form.payments table.table-payu {
    width: 100%;
    margin: 0;
    padding: 0;
}

.payment-wrap .form .table-payu td {
    vertical-align: middle;
    cursor: default;
}

/* kouzelna almara */
#body #kouzelnaalmara-city,
#body #kouzelnaalmara-office {
    width: 100%;
}

#body #almara-table label {
    font-weight: bold;
    float: left;
}

#body #kouzelnaalmara-openningtime div {
    margin-bottom: 5px;
}

#body #kouzelnaalmara-openningtime div span {
    font-weight: bold;
    display: block;
}

/* geis point */
.payment-wrap .options-row.oxgeispoint .options-info {
    padding-top: .5em;
}

.payment-wrap .options-row.oxgeispoint .options-info strong {
    display: block;
}

.payment-wrap .options-row.oxgeispoint .options-info .options-title {
    margin-bottom: .5em;
}

.payment-wrap .options-row.oxgeispoint .options-info label {
    font-weight: normal;
    width: auto;
    display: block;
    margin-top: .5em;
    padding-right: 1em;
}

.payment-wrap .options-row.oxgeispoint .options-info label input {
    margin-right: 1em;
    vertical-align: middle;
}

.payment-wrap .options-row .options-info #geispoint-points,
.payment-wrap .options-row .options-info #geispoint-info {
    width: 40%;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}

.payment-wrap .options-row .options-info #geispoint-info .geis-image {
    margin-bottom: .5em;
}


/* STOCK FILTER */
.locator .filterstock {
    display: inline-block;
    padding-left: 1em;
    white-space: nowrap;
}

.statefilter .filterstock {
    float: left;
    clear: left;
    white-space: nowrap;
    margin-top: 10px;
}

.statefilter .filterstock + #statelistfilter .productstats-legend {
    width: auto;
}

.filterstock .stockfilterbox {
    position: relative;
    top: .2em;
    margin: 0 .3em 0 0;
}

/* CLASSED ROWS IN REGISTRATION AND USER PAGES */
tr.xreq td label:after {
    content: " *";
    color: #FF0000;
}

tr.xnote td:first-child:after {
    content: " **";
    color: #FF0000;
}

.userdata td .req,
.userdata td .note {
    display: none;
}

.userdata th small .req,
.userdata th small .note {
    display: inline;
}

/* JQUERY FORM VALIDATION */
label.invalid-input {
    float: none;
    display: inline-block;
    position: absolute;
    color: #fff;
    background-color: #e00;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    width: auto;
    padding: 0 10px;
    margin: -2px 0 0 5px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, .3);
}

label.invalid-input:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #e00;
    position: absolute;
    left: -12px;
    top: 0;
}

label.invalid-input.left {
    margin: 2px 0 0 -5px;
}

label.invalid-input.left:before {
    display: none;
}

label.invalid-input.left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #e00;
    position: absolute;
    right: -12px;
    top: 0;
}

label.valid-input {
    float: none;
    display: inline-block;
    position: absolute;
    color: #0a0;
    padding: 0;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -1000px;
    background: transparent url(images/checkmark.png) no-repeat scroll left -3px;
    margin: 0 0 0 5px;
}

label.valid-input.left {
    margin: 0 0 0 -10px;
}

form.validateit input.invalid-input.notempty-input + .req {
    visibility: hidden;
}

form.validateit select.invalid-input.notempty-input + .req {
    visibility: hidden;
}

form.validateit input.valid.notempty-input + .req {
    visibility: hidden;
}

form.validateit select.valid.notempty-input + .req {
    visibility: hidden;
}

/* JQUERY FORM VALIDATION - BUBBLES */
body.validator-bubbles label.invalid-input {
    padding: 7px 15px;
    margin: -32px 0 0 -30px;
    box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, .3);
    border-radius: 7px;
    z-index: 999999;
}

body.validator-bubbles label.invalid-input:hover {
    opacity: .5;
}

body.validator-bubbles label.invalid-input:before {
    border-right: 12px solid transparent;
    border-top: 12px solid #e00;
    border-bottom: 0 none;
    position: absolute;
    left: 23px;
    bottom: -12px;
    top: auto;
}

body.validator-bubbles label.invalid-input.left {
    margin: -32px 0 0 30px;
}

body.validator-bubbles label.invalid-input.left:before {
    border-right: 0 none;
    border-left: 12px solid transparent;
    left: auto;
    right: 23px;
}

body.validator-bubbles label.invalid-input.left:after {
    display: none;
}

body.validator-bubbles label.valid-input {
    margin-top: 5px;
    z-index: 999998;
}

/* OLD SIMPLE VALIDATION */
form.userdata label.error {
    display: block;
    color: #f00;
}

/* A SIMPLE SWITCH OF VARIANTS */
.variants.simple li.active {
    font-weight: bold;
}

.variants.simple option.active {
    font-weight: bold;
}

/*UNIFIED FILTER */
div#path a.remove:hover,
div#path a.removeBreadcrumItem:hover {
    text-decoration: line-through;
}

.productstats .state-noitems {
    opacity: 0.4;
}

/* PRODUCTSTATS ENHANCED */
#body .box .catfilter.enhanced .productstats-showall,
#left .catfilter.enhanced .productstats-showall {
    padding: 0;
    line-height: 17px;
    height: 17px;
}

#body .box .catfilter.enhanced .productstats-showall a,
#left .catfilter.enhanced .productstats-showall a {
    background: transparent;
    padding: 1px 3px;
    line-height: 17px;
    height: 17px;
}

#body .box .catfilter.enhanced .productstats-item,
#left .catfilter.enhanced .productstats-item {
    padding: 3px 6px;
    line-height: 17px;
    font-size: 12px;
    border-radius: 2px;
    margin: 0 8px 0 0;
    height: 17px;
    background-color: #557799;
    color: #fff;
    display: block;
    float: left;
    white-space: nowrap;
}

#body .box .catfilter.enhanced .productstats-item .productstats-title a,
#body .box .catfilter.enhanced .productstats-item a,
#left .catfilter.enhanced .productstats-item .productstats-title a,
#left .catfilter.enhanced .productstats-item a {
    color: #fff;
}

#body .box .catfilter.enhanced .productstats-item.oxstateaction,
#left .catfilter.enhanced .productstats-item.oxstateaction {
    background-color: #bb0000;
}

#body .box .catfilter.enhanced .productstats-item.oxstatediscount,
#left .catfilter.enhanced .productstats-item.oxstatediscount {
    background-color: #56c61f;
}

#body .box .catfilter.enhanced .productstats-item.oxstatenews,
#left .catfilter.enhanced .productstats-item.oxstatenews {
    background-color: #5398d4;
}

#body .box .catfilter.enhanced .productstats-item.oxstatesellout,
#left .catfilter.enhanced .productstats-item.oxstatesellout {
    background-color: #ff9900;
}

#body .box .catfilter.enhanced .productstats-item .productstats-title,
#left .catfilter.enhanced .productstats-item .productstats-title {
    color: #fff;
}

#body .box .catfilter.enhanced .productstats-item .productstats-desc,
#left .catfilter.enhanced .productstats-item .productstats-desc {
    color: #fff;
    font-size: 9px;
    border-left-color: #fff;
}

#body .box .catfilter.enhanced .productstats-item.productstats-showall,
#left .catfilter.enhanced .productstats-item.productstats-showall {
    font-size: 12px;
    background: #666;
    margin: 0 7px;
    text-transform: lowercase;
}

#body .product .enhanced span.productstats-item {
    padding: 3px 6px;
    line-height: 14px;
    border-radius: 2px;
    margin: 0 7px 3px 0;
    height: 14px;
    background-color: #557799;
    color: #fff;
    font-size: 11px;
    display: block;
    float: left;
    white-space: nowrap;
}

#body .product .enhanced span.productstats-item .productstats-title,
#body .product .enhanced span.productstats-item a {
    color: #fff;
}

#body .product .enhanced span.productstats-item.oxstateaction {
    background-color: #bb0000;
}

#body .product .enhanced span.productstats-item.oxstatediscount {
    background-color: #56c61f;
}

#body .product .enhanced span.productstats-item.oxstatenews {
    background-color: #5398d4;
}

#body .product .enhanced span.productstats-item.oxstatesellout {
    background-color: #ff9900;
}

#body .product span.productstats.enhanced {
    display: block;
    width: 80px;
}

#body .product .productstats {
    z-index: 99;
}

#body .product .productstats.enhanced {
    position: absolute;
    top: 10px;
    left: 10px;
}

#body .product.thin .productstats.enhanced {
    top: 5px;
    right: 140px;
    left: auto;
    width: auto;
    clear: both;
}

#body .product.thinest .productstats.enhanced {
    top: 5px;
    right: 140px;
    left: auto;
    width: auto;
    clear: both;
}

#body .product.details .productstats.enhanced {
    position: static;
    width: auto;
    margin: 7px 0 7px 0;
}

#body .product.details .productstats.enhanced:after {
    display: block;
    content: "";
    clear: both;
}

#body .product.details .amopricebox .indivisibleamountinfo {
    clear: both;
}

/* SEARCH - AUTOCOMPLETE */
.search input.txt.ui-autocomplete-loading,
#left .search input.txt.ui-autocomplete-loading,
#fsearch .search input.txt.ui-autocomplete-loading,
#topsearch input.txt.ui-autocomplete-loading {
    background-image: url(../../layout/images/autocomplete-loader.gif);
    background-attachment: scroll;
    background-position: right center;
    background-repeat: no-repeat;
}

body .ui-autocomplete.ui-widget {
    font-size: 1em;
    padding: 5px;
    max-width: 500px !important;
    width: auto !important;
    min-width: 300px;
    z-index: 10000 !important;
}

body .ui-autocomplete {
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
}

body .ui-autocomplete .ui-autocomplete-category {
    font-weight: bold;
    clear: both;
    padding: 0 5px;
    margin-bottom: 5px;
}

body .ui-autocomplete .ui-menu-item {
    font-size: 100%;
}

body .ui-autocomplete .cy.ui-menu-item + .ui-autocomplete-category {
    margin-top: 10px;
}

body .ui-autocomplete .ui-menu-item:nth-child(2n) {
    background: #f4f4f4;
}

body .ui-autocomplete .ui-menu-item a {
    cursor: pointer;
}

body .ui-autocomplete .ui-menu-item.pt {
    padding: 5px 0;
    float: none;
}

body .ui-autocomplete .ui-menu-item.pt a {
    line-height: 1.1em;
    overflow: hidden;
}

body .ui-autocomplete .ui-menu-item.pt .autocomplete-icon {
    display: block;
    float: left;
    padding: 0 5px;
    width: 4em;
    height: 2.4em;
    margin: 0 .5em 0 0;
    text-align: center;
    background: #fff;
    border-radius: 2px;
}

body .ui-autocomplete .ui-menu-item.pt .autocomplete-icon img {
    max-width: 100%;
    max-height: 100%;
}

body .ui-autocomplete .ui-menu-item.pt .autocomplete-label {
    color: #666;
}

body .ui-autocomplete .ui-menu-item.pt .autocomplete-label b {
    color: #000;
}

body .ui-autocomplete .ui-menu-item.pt .autocomplete-artnum {
    color: #666;
}

body .ui-autocomplete .ui-menu-item.pt .autocomplete-desc {
    display: none;
    padding: 5px 0;
}

body .ui-autocomplete .ui-autocomplete-more {
    text-align: center;
    font-weight: bold;
    display: block;
    padding: 5px 0;
    background: #ddd;
    color: #666;
    clear: both;
    border-radius: 3px;
    cursor: pointer;
    text-transform: none;
    margin-top: 10px;
}

/* MM TABS */
#mmtabs,
#mmtabs ul.tabheader,
#mmtabs .tabcontent {
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
    width: 100%;
}

#mmtabs {
    padding: 20px 0 0;
}

#mmtabs ul.tabheader {
    position: relative;
    z-index: 100;
    float: left;
    margin: 0 0 -1px 0;
}

#mmtabs ul.tabheader li {
    list-style: none;
    padding: 0;
    line-height: normal;
    float: left;
    display: block;
}

#mmtabs.cells ul.tabheader li {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

#mmtabs ul.tabheader li > a {
    display: block;
    padding: 14px;
}

#mmtabs ul.tabheader li,
#mmtabs ul.tabheader li a,
#mmtabs ul.tabheader li b,
#mmtabs ul.tabheader strong,
#mmtabs ul.tabheader strong.head2,
#mmtabs ul.tabheader .boxhead {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
}

#mmtabs ul.tabheader strong.head2,
#mmtabs ul.tabheader .boxhead {
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
}

#mmtabs ul.tabheader li.act a {
    outline: 0 none;
    cursor: default;
}

#mmtabs .tabcontent {
    clear: both;
    position: relative;
}

#mmtabs .tab {
    display: none;
}

#mmtabs .tab.act {
    display: block;
}

/* MM TABS - DESCRIPTION COMBINATED WITH SPECIFICATION */
.longdesc-plus-attributes {
    width: 100%;
    float: left;
}

.longdesc-plus-attributes .longdesc-wrap {
    width: 49%;
    float: left;
}

.longdesc-plus-attributes .attributes-wrap {
    width: 49%;
    float: left;
    margin-left: 2%;
}

.longdesc-plus-attributes .longdesc-wrap.alone {
    width: 100%;
}

.longdesc-plus-attributes .attributes-wrap.alone {
    width: 100%;
    margin-left: 0;
}

/* MM TABS - DEFAULT LOOK */
#mmtabs.default ul.tabheader {
    width: 98%;
}

#mmtabs.default ul.tabheader li {
    background-color: #ddd;
    border: 1px solid #ccc;
    margin: 0 -1px 0 0;
    border-radius: 10px 10px 0 0;
    text-align: center;
}

#mmtabs.default.cells ul.tabheader li {
    margin: 0;
}

#mmtabs.default.cells ul.tabheader li + li {
    border-left: 0 none;
}

#mmtabs.default ul.tabheader li:hover {
    background-color: #eee;
}

#mmtabs.default ul.tabheader li.act {
    background-color: #fff;
    border-bottom-color: #fff
}

#mmtabs.default ul.tabheader li a {
    color: #000;
}

#mmtabs.default ul.tabheader li a:hover {
    text-decoration: none;
}

#mmtabs.default .tab {
    padding: 10px 0;
    margin: 0 -1px;
}

#mmtabs.default .tabcontent {
    border: 1px solid #ccc;
    border-radius: 0 10px 10px 10px;
}

/* MM TABS - NOTROUNDED LOOK */
#mmtabs.notrounded ul.tabheader {
    width: 98%;
}

#mmtabs.notrounded ul.tabheader li {
    background-color: #ddd;
    border: 1px solid #ccc;
    margin: 0 -1px 0 0;
    text-align: center;
}

#mmtabs.notrounded.cells ul.tabheader li {
    margin: 0;
}

#mmtabs.notrounded.cells ul.tabheader li + li {
    border-left: 0 none;
}

#mmtabs.notrounded ul.tabheader li:hover {
    background-color: #eee;
}

#mmtabs.notrounded ul.tabheader li.act {
    background-color: #fff;
    border-bottom-color: #fff
}

#mmtabs.notrounded ul.tabheader li a {
    color: #000;
}

#mmtabs.notrounded ul.tabheader li a:hover {
    text-decoration: none;
}

#mmtabs.notrounded .tab {
    padding: 10px 0;
    margin: 0 -1px;
}

#mmtabs.notrounded .tabcontent {
    border: 1px solid #ccc;
}

/* FAKE TO CART */
#fake-tocart-note-wrap {
    clear: both;
    position: relative;
}

#body #fake-tocart-note.msg,
#body #fake-tocart-note.errorbox {
    display: block;
    margin: 10px 0;
    padding: 10px 2.3%;
    clear: both;
    width: 95%;
}

/* AJAX CART */
#briefs {
    position: fixed;
    left: 0;
    top: 200px;
    margin: 0;
    width: 250px;
    height: auto;
    padding: 0;
    z-index: 1499;
}

#briefs .brief {
    border-radius: 0;
    margin: 0 0 .5em;
    padding: 1em;
    color: #fff;
    overflow: hidden;
}

#briefs .brief a {
    color: #fff;
}

#briefs .brief p {
    margin: 0;
}

#briefs .msg {
    background-color: #666;
}

#briefs .errorbox {
    background-color: #d00;
    font-weight: bold;
}

/*PLUSMINUS DUMMY*/
#body .plusminus-wrap .dummy {
    position: absolute;
    left: -9999px;
    display: block;
    width: 1px;
    height: 1px;
}

/*ARES LOADING*/
#body input.aresloading {
    background: #dddddd url(images/ajax-loader.gif) right no-repeat;
}

#body input.aresreadonly {
    color: #555555;
}

#body span.btn.ares {
    margin-top: 5px;
}

#body form #filluparesinfo {
    display: none;
}

#body form #filluparesinfonotfound {
    display: none;
}

#body form #fillupares {
    display: none;
}

#body form #filluparesoutoverlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    background: rgba(255, 255, 255, .5);
}

#body form #filluparesoutoverlay .center {
    position: relative;
    padding: 40px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index: 1010;
}

#body form #filluparesoutoverlay .loading {
    display: none;
}

#body form #filluparesoutoverlay .loading span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url(images/ajax-loader.gif) no-repeat 0 0;
}

#body form #filluparesoutoverlay span.cancel {
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

/* MASK LOADING */
#mask.on {
    background-color: #000;
}

#mask.loading {
    background: #000 url(images/loading.gif) no-repeat scroll center;
}

/* REPAYMENT CALCULATORS */
body.details-page #body .repayment-head.btn {
    clear: both;
    margin-bottom: 5px;
    position: relative;
}

body.details-page #body .repayment-head.btn a {
    color: #fff;
}

body.details-page #body .repayment-head.btn a:after {
    margin-left: 8px;
    position: relative;
    content: " ";
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 44%;
}

body.details-page #body .repayment-clear {
    margin-bottom: 10px;
    background: transparent !important;
    width: auto !important;
}

body.details-page #body #repayment-wrapper {
    clear: both;
    width: 100%;
    padding: 5px 0 10px;
    border: 0 none;
    margin-left: 0;
    margin-right: 0;
    background: transparent;
    box-shadow: none;
}

body.details-page #body #repayment-wrapper img {
    max-width: 100%;
    height: auto;
}

body.details-page #body #repayment-wrapper.box.hide {
    display: none;
}

body.details-page #body #repayment-wrapper.box.open {
    display: block;
}

body.details-page #body #repayment-wrapper strong {
    clear: both;
    display: block;
    padding: 0 0 0 0;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}

body.details-page #body #repayment-wrapper a {
    clear: both;
    display: block;
}

body.details-page #body #repayment-wrapper a.calculator {
    margin-top: 5px;
    text-decoration: underline;
}

body.details-page #body #repayment-wrapper .installment {
    color: #999;
}

body.details-page #body #repayment-wrapper .repayment-calculator {
    width: 48.5%;
    height: 130px;
    border-radius: 2px;
    padding: 1.5% 3%;
    margin: 0 3% 3% 0;
    float: left;
    background-color: #f2f2f2;
    box-sizing: border-box;
}

body.details-page #body #repayment-wrapper .repayment-calculator:nth-child(2n+0) {
    margin-right: 0;
}

/* DETAILS - MEDIA */
.media .myoutube iframe {
    margin-top: 5px;
    max-width: 100%;
}

/* QUICKORDER */
#body .box.quickorder .productqo .price::selection {
    background-color: transparent;
}

#body .box.quickorder .productqo .price::-moz-selection {
    background-color: transparent;
}

#body .box.quickorder {
    position: relative;
    padding-bottom: 60px;
}

#body .box.quickorder #quickorder {
    background: #f4f4f4;
    padding: 10px;
}

#body .box.quickorder input.txt {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    width: 22%;
    margin: 2px 0;
    vertical-align: top;
    height: 13px;
}

#body .box.quickorder input.txt.amount {
    width: 25px;
    padding: 5px;
    text-align: center;
}

#body .box.quickorder .btn.search {
    border-color: #739900;
    background: transparent url(images/search_btn.png) no-repeat center center;
    display: inline-block;
    min-width: 24px;
    width: 3.5%;
    height: 24px;
    position: relative;
    padding: 0;
    left: 5px;
    top: 2px;
    cursor: pointer;
    vertical-align: top;
}

#body .box.quickorder .btn.search.red {
    border-color: #000;
}

#body .box.quickorder .btn.add {
    background: transparent;
    border: 0 none;
    height: 25px;
    cursor: pointer;
    font-size: 12px;
    color: #000;
    line-height: 25px;
}

#body .box.quickorder .btn.add b {
    color: #000;
}

#body .box.quickorder .btn.add:hover {
    text-decoration: underline;
}

#body .box.quickorder .buttonline {
    margin: 10px 0;
}

#body .box.quickorder .shadowline {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 10px;
    background: #f4f4f4;
}

#body .box.quickorder .producthead {
    position: relative;
    display: block;
    height: 30px;
    width: 100%;
    float: right;
}

#body .box.quickorder .producthead span {
    position: absolute;
    float: right;
    width: auto;
    bottom: 5px;
}

#body .box.quickorder .producthead span.artnumlabel {
    left: 10px;
    width: auto;
}

#body .box.quickorder .producthead span.titlelabel {
    left: 30%;
    width: auto;
}

#body .box.quickorder .producthead span.stocklabel {
    right: 370px;
    width: 80px;
}

#body .box.quickorder .producthead span.nettopricelabel {
    right: 140px;
}

#body .box.quickorder .producthead span.pricelabel {
    right: 10px;
}

#body .box.quickorder .producthead span.amountlabel {
    right: 150px;
    width: 60px;
}

#body .box.quickorder div.line {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}

#body .box.quickorder .productqo {
    line-height: 28px;
    display: block;
    float: right;
    position: relative;
    font-size: 13px;
    width: 70%;
}

#body .box.quickorder .productqo.red {
    font-weight: bold;
}

#body .box.quickorder .productqo strong.h3 {
    font-size: 13px;
    display: block;
    color: #000;
    width: 50%;
    line-height: 1em;
    min-height: 35px;
    padding-top: 3px;
    padding-right: 6px;
}

#body .box.quickorder .productqo .picture {
    width: 70px;
    min-height: 50px;
    float: left;
    display: block;
    margin: 0 8px 8px 0;
}

#body .box.quickorder .productqo .picture img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#body .box.quickorder .productqo .stock {
    display: block;
    line-height: 1.2em;
    font-weight: normal;
}

#body .box.quickorder .productqo .stock.green {
    color: #00AA00;
}

#body .box.quickorder .productqo .stock.red {
    color: #DD0000;
}

#body .box.quickorder .productqo .stock.orange {
    color: #FF8800;
}

#body .box.quickorder .productqo strong.h3 .variants {
    font-weight: normal;
}

#body .box.quickorder .productqo strong.h3 select.aid {
    float: left;
    margin: 3px 10px 3px 0;
}

#body .box.quickorder .productqo span.nettoprice {
    text-align: left;
    display: block;
    width: 130px;
    position: absolute;
    right: 130px;
    top: 0;
}

#body .box.quickorder .productqo span.pbrut,
#body .box.quickorder .productqo span.price {
    color: #E3231E;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    text-align: right;
    display: block;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}

#body .box.quickorder .productqo span.pbrut {
    top: 20px;
}

#body .box.quickorder .productqo span.price span {
    font-size: 14px !important;
}

#body .box.quickorder .productqo span.amount {
    float: right;
    display: block;
    position: absolute;
    right: 140px;
    top: 0;
    width: 60px;
}

#body .box.quickorder .productqo .param-container label {
    display: block;
    line-height: 1.3em;
}

#body .box.quickorder .productqo .param-container {
    margin-right: 15px;
    display: block;
    float: left;
}

#body .box.quickorder .productqo .param-wrapper {
    margin: 0 0 5px 0;
    float: left;
}

#body .box.quickorder .btn.submit {
    float: right;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

#body .box.quickorder .btn.submit:hover input {
    text-decoration: underline;
}

#body .box.quickorder .productqo strong.h3 .flag {
    width: 10px;
    height: 10px;
    float: left;
    margin: 3px 8px 0 0;
    border-radius: 2px;
    text-transform: uppercase;
}

#body .box.quickorder .productqo strong.h3 .flag.red {
    background-color: #d00;
}

#body .box.quickorder .productqo strong.h3 .flag.orange {
    background-color: #f80;
}

#body .box.quickorder .productqo strong.h3 .flag.green {
    background-color: #0a0;
}

/* IC DPH */
#body .display_none {
    display: none;
}

.visibility_hidden {
    visibility: hidden;
}

/* doplneni 100% sirky pro tabulku atributu, kvuli odstraneni pevne sirky z HTML */
table.attributes {
    width: 100%;
}

/* Privat Sale */

body.ps-login-plain-page {}

#body.ps-login-plain-box {
    float: none;
    overflow: visible;
    position: relative;
    margin: 20px auto;
    padding: 0;
    width: auto;
    max-width: 800px;
    background: transparent;
    border: 0 none;
}

#body.ps-login-plain-box .ps-login-plain-content {
    position: relative;
    margin: 0;
    padding: 20px;
    background: #eee;
    border: 1px solid #ddd;
}

#body.ps-login-plain-box .box {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
    border: 0 none;
}

#body.ps-login-plain-box img {
    height: auto;
    width: auto;
    max-width: 100%;
}

#body.ps-login-plain-box .ps-login-plain-logo {
    margin: 0 0 10px;
}

#body.ps-login-plain-box .sub-main .termsconfirm {
    margin: 1.5em 0;
}

#body.ps-login-plain-box .boxhead,
#body.ps-login-plain-box .errorbox,
#body.ps-login-plain-box div.bar.prevnext {
    width: auto;
    float: none;
    margin: 10px 0;
    display: block;
}

#body.ps-login-plain-box:after,
#body.ps-login-plain-box .boxhead:after,
#body.ps-login-plain-box .errorbox:after,
#body.ps-login-plain-box div.bar.prevnext:after,
#body.ps-login-plain-box .ps-login-plain-content:after {
    content: "";
    clear: both;
    display: block;
}

@media screen and (max-width:480px) {
    #body.ps-login-plain-box .userdata .form-group .control-wrap {
        width: 100% !important;
        margin-top: .5em;
    }

    #body.ps-login-plain-box .userdata .form-group .control-wrap.labelless {
        margin-top: 1em;
    }

    #body.ps-login-plain-box .userdata .form-group .control-note {
        width: 95%;
        margin-left: 0;
        margin-top: .5em;
    }

    #body.ps-login-plain-box .userdata .form-group-row .form-group {
        width: 95% !important;
        margin-left: 0 !important;
    }

    #body.ps-login-plain-box table input {
        width: 100%;
    }

    #body.ps-login-plain-box table,
    #body.ps-login-plain-box table tr,
    #body.ps-login-plain-box table th,
    #body.ps-login-plain-box table td {
        display: block;
        padding: 0;
        width: 100%;
        position: relative;
    }

    #body.ps-login-plain-box table th,
    #body.ps-login-plain-box table td {
        padding: 0 0 10px;
    }

}


/**********************************

 BRAND NEW ORDER PROCESS

 **********************************/

/* ORDER STEPS */

#body .ordersteps.orderstepsswapped dl,
#body .ordersteps.orderstepsswapped dt,
#body .ordersteps.orderstepsswapped dd {
    box-sizing: border-box;
}

#body .ordersteps.orderstepsswapped {
    background: transparent !important;
    height: auto;
}

#body .ordersteps.orderstepsswapped:after {
    content: "";
    clear: both;
}

#body .ordersteps.orderstepsswapped dl {
    height: auto;
    width: 14.666666666666%;
    padding: 10px 0;
    margin: 0;
    float: left;
    display: block;
    position: relative;
    margin-right: 6.6666666666666%;
    border: 0 none;
    border-top: 6px solid #ddd;
    background: transparent;
}

#body .ordersteps.orderstepsswapped dl.checked,
#body .ordersteps.orderstepsswapped dl.checked a,
#body .ordersteps.orderstepsswapped dl.checked a:hover,
#body .ordersteps.orderstepsswapped dl,
#body .ordersteps.orderstepsswapped dl a,
#body .ordersteps.orderstepsswapped dl a:hover {
    color: #ccc;
}

#body .ordersteps.orderstepsswapped dl.active,
#body .ordersteps.orderstepsswapped dl.active dt,
#body .ordersteps.orderstepsswapped dl.active dd,
#body .ordersteps.orderstepsswapped dl.active a,
#body .ordersteps.orderstepsswapped dl.active a:hover {
    color: #000;
}

#body .ordersteps.orderstepsswapped dl.active {
    border-color: #444;
    background: rgba(255, 255, 255, 0.5)
}

#body .ordersteps.steps3 dl {
    width: 28%;
    margin-right: 8%;
}

#body .ordersteps.steps4 dl {
    width: 20%;
}

#body .ordersteps.orderstepsswapped dl.lastinrow {
    margin-right: 0;
}

#body .ordersteps.orderstepsswapped dt {
    padding: 10px 0;
    margin: 0;
}

#body .ordersteps.orderstepsswapped dt,
#body .ordersteps.orderstepsswapped dt a,
#body .ordersteps.orderstepsswapped dl big {
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-align: center;
}

#body .ordersteps.orderstepsswapped dl big {
    font-size: 2.5em;
    display: block;
    height: 30px;
}

#body .ordersteps.orderstepsswapped dd,
#body .ordersteps.orderstepsswapped dd a {
    font-size: 9px;
    margin: 0;
    clear: both;
    text-align: center;
}

/* NEW USER FORMS */

/* new addresses - userdata forms */
.userdata {
    width: 100%;
    float: left;
    clear: both;
}

#body .box.form {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}

.userdata .user-section-title {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.userdata .user-section-title label {
    display: block;
}

.userdata .user-section-title label input {
    margin-right: .5em;
}

.userdata .termsconfirm .form-group .checkbox-label .chk {
    float: left;
    margin-right: 1em;
}

.termsconfirm .form-group .checkbox-label p,
.termsconfirm .form-group .checkbox-label div {
    display: inline;
}

.prevnext.terms .stepback,
.termsconfirm .form-group .checkbox-label .stepback {
    clear: left;
}

.userdata .termsconfirm .form-group .checkbox-label div {
    display: block;
}

/* user forms - ala bootstrap */
.userdata .form-group {
    width: 100%;
    margin-bottom: 1.5em;
    float: left;
}

.userdata .form-group.order-note,
.userdata .form-group.ares-note {
    margin-bottom: 0;
}

.userdata .termsconfirm .form-group {
    margin-bottom: 0;
}

.userdata .form-group .control-label {
    width: 100%;
    float: left;
    min-height: 2em;
}

.userdata .form-group .control-wrap {
    width: 60%;
    margin-top: 2em;
    float: left;
}

.userdata .form-group .control-wrap.labelless,
.userdata .form-group .control-label + .control-wrap {
    margin-top: 0;
}

.userdata .form-group .control-wrap .req {
    margin-left: 0.3em;
    margin-right: -1em;
    float: left;
}

.userdata .form-group .control-note {
    width: 36%;
    margin-left: 4%;
    float: left;
}

.userdata .form-group .form-control + .btn {
    margin-left: 2%;
}

.userdata .form-group .control-wrap.wide {
    width: 100%;
}

.userdata .form-group .control-wrap.wide .form-control.cele {
    width: 100%;
}

.payment-page #body .box #inv_country_select,
.userdata .form-group .form-control[type="text"],
.userdata .form-group .form-control[type="password"],
.userdata .form-group select.form-control {
    padding: 5px;
    height: auto;
    box-sizing: border-box;
}

/* user forms - check agb */
.userdata .form-group .checkbox-label div {
    display: inline-block;
}

/* user forms - in one row elements */
.userdata .form-group-row {
    width: 100%;
    float: left;
}

.userdata .form-group-row .form-control {
    width: 95%;
    float: left;
}

.userdata .form-group-row .control-wrap {
    width: 100%;
}

.userdata .form-group-row .form-group.ctvrtka {
    width: 16%;
    float: left;
}

.userdata .form-group-row .form-group.trictvrtka {
    width: 40%;
    float: left;
}

.userdata .form-group-row .form-group.ctvrtka + .trictvrtka {
    width: 82%;
    margin-left: 2%;
}

.userdata .form-group-row .form-group.ctvrtka + .trictvrtka .control-wrap {
    width: 50%;
}

.userdata .form-group-row .form-group.ctvrtka + .trictvrtka .control-note {
    margin-left: 6%;
    width: 44%;
}

.userdata .form-group-row .form-group.trictvrtka + .ctvrtka {
    width: 58%;
    margin-left: 2%;
}

.userdata .form-group-row .form-group.trictvrtka + .ctvrtka .control-wrap {
    width: 27.5%;
}

.userdata .form-group-row .form-group.trictvrtka + .ctvrtka .control-note {
    margin-left: 10.5%;
    width: 61.5%;
}

.user-login-note,
.userdata .login-row .form-group {
    margin-bottom: .5em;
}

.userdata .login-row .form-group.login-user {
    width: 40%;
}

.userdata .login-row .form-group.login-pwd {
    width: 40%;
}

.userdata .login-row .form-group.login-submit,
.userdata .login-row .form-group.login-submit {
    width: 20%;
}

.userdata .login-id-row .form-group {
    width: 40%;
}

/* user forms - element widths */
.userdata .form-group .cele {
    width: 95%;
    float: left;
}

.userdata .form-group .ctvrtka {
    width: 25%;
    float: left;
}

.userdata .form-group .trictvrtka {
    width: 70%;
    float: left;
}

.userdata .form-group .ctvrtka + .trictvrtka {
    width: 68%;
    margin-left: 2%;
}

.userdata .form-group .ctvrtka + .ctvrtka,
.userdata .form-group .trictvrtka + .ctvrtka {
    width: 23%;
    margin-left: 2%;
}

.userdata .form-group .pul {
    width: 45%;
    float: left;
}

.userdata .form-group .pul + .pul {
    width: 48%;
    margin-left: 2%;
}

.userdata .form-group .ctvrtka + .pul {
    width: 43%;
    margin-left: 2%;
}

/* user forms - form-horizontal */
.userdata.form-horizontal .form-group .control-label {
    width: 18%;
    margin-right: 2%;
    float: left;
}

.userdata.form-horizontal .form-group-row .form-group.ctvrtka + .trictvrtka .control-wrap,
.userdata.form-horizontal .form-group-row .form-group.trictvrtka + .ctvrtka .control-wrap,
.userdata.form-horizontal .form-group .control-wrap {
    width: 40%;
    margin-left: 20%;
    float: left;
    margin-top: 0;
}

.userdata.form-horizontal .form-group-row .form-group.ctvrtka + .trictvrtka .control-label + .control-wrap,
.userdata.form-horizontal .form-group-row .form-group.trictvrtka + .ctvrtka .control-label + .control-wrap,
.userdata.form-horizontal .form-group .control-label + .control-wrap {
    margin-left: 0;
}

.userdata.form-horizontal .form-group-row .form-group.ctvrtka + .trictvrtka .control-note,
.userdata.form-horizontal .form-group-row .form-group.trictvrtka + .ctvrtka .control-note,
.userdata.form-horizontal .form-group .control-note {
    width: 38%;
    margin-left: 2%;
}

.userdata.form-horizontal .form-group-row .form-group,
.userdata.form-horizontal .form-group-row .form-group.ctvrtka + .trictvrtka,
.userdata.form-horizontal .form-group-row .form-group.trictvrtka + .ctvrtka {
    width: 100%;
    margin-left: 0;
}

.userdata.form-horizontal .form-group .cele {
    width: 95%;
}

.userdata.form-horizontal .form-group .ctvrtka {
    width: 25%;
    float: left;
}

.userdata.form-horizontal .form-group .trictvrtka {
    width: 70%;
    float: left;
}

.userdata.form-horizontal .form-group .ctvrtka + .trictvrtka {
    width: 68%;
    margin-left: 2%;
}

.userdata.form-horizontal .form-group .ctvrtka + .ctvrtka,
.userdata.form-horizontal .form-group .trictvrtka + .ctvrtka {
    width: 23%;
    margin-left: 2%;
}

.userdata.form-horizontal .form-group .pul {
    width: 45%;
    float: left;
}

.userdata.form-horizontal .form-group .pul + .pul {
    width: 48%;
    margin-left: 2%;
}

.userdata.form-horizontal .form-group .ctvrtka + .pul {
    width: 43%;
    margin-left: 2%;
}

.userdata.form-horizontal .form-group .form-control + .btn {
    margin-left: 2%;
}

/* user forms - layout */
#body .sub-main {
    width: 66%;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    float: left;
    box-sizing: border-box;
}

#body .sub-main.wide {
    width: 100%;
}

#body .sub-sidebar {
    width: 30%;
    float: right;
}

#body .sub-main-userform + .sub-sidebar {
    margin-left: 4%;
}

#body .whyregister,
#body .customuserhelp,
#body .customregistertext,
#body .basketsummary.summary {
    padding-top: 0;
}

#body .sub-main .box,
#body .sub-sidebar .whyregister,
#body .sub-sidebar .customuserhelp,
#body .sub-sidebar .customregistertext {
    padding: 0;
    margin: 0 0 10px;
    width: 100%;
}

#body .sub-main .boxhead,
#body .sub-sidebar .boxhead {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    text-indent: 0;
    width: 100%;
}
/* payment step */
#body .userboxhead,
#body .paymentboxhead,
#body .thankyouboxhead {
    margin-top: 5px;
}

#body .shipform tr {
    margin-bottom: 10px;
}

#body .payment-wrap .form td {
    vertical-align: middle;
    padding: 5px;
}

/* new new payment step - new layout */
.payment-wrap .item-row {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.payment-wrap .item-row.options-row {
    padding-left: 2em;
    clear: both;
    padding-top: .5em;
}

.payment-wrap .noradio .shipform + .options-row,
.payment-wrap .item-row + .control-row {
    margin-top: 1em;
}

.payment-wrap .item-row .control-cell {
    float: left;
    width: 2em;
    z-index: 10;
    position: relative;
}

.payment-wrap .item-row .title-cell {
    float: left;
    width: 100%;
    padding-left: 2em;
    margin-left: -2em;
    box-sizing: border-box;
}

.payment-wrap .item-row .title-cell .item-ico-wrap {
    float: left;
    max-width: 38%;
    margin: 0 2% 0 0;
}

.payment-wrap .item-row .title-cell .item-ico-wrap .item-ico {
    max-width: 100%;
    height: auto;
    width: auto;
    margin: 0;
}

.payment-wrap .item-row .title-cell .title b {
    padding-right: .5em;
}

.payment-wrap .item-row .shipping-price,
.payment-wrap .item-row .payment-price {
    float: right;
    min-width: 10%;
    text-align: right;
    font-weight: bold;
}

#body .box div.bar.prevnext,
#body .sub-main div.bar.prevnext {
    width: 100%;
    height: auto;
    margin-top: 5px;
    box-sizing: border-box;
}

/* change payment - iframe  */
body.modal-open {
    overflow: hidden;
}

#change-payment-frame {
    display: none;
}

#change-payment-frame.on {
    display: block;
    position: fixed;
    left: 5%;
    top: 4%;
    width: 90%;
    height: 92%;
    z-index: 9999;
    border: 0 none;
}

.change-payment-popup {
    background-color: #fff;
    background-image: none;
}

.change-payment-popup #body.plain {
    padding-bottom: 100px;
}

.change-payment-popup #body div.bar.prevnext {
    margin: 0;
    padding: 10px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-top: 1px solid #ddd;
    z-index: 999;
}

/* change payment - page  */
body.change_payment-page #body .basketsummary-header {
    margin-top: 40px;
}

/* BASKET POPUP */
div.popup[title] {
    visibility: hidden;
    display: none;
}

div.on.popup[title] {
    box-sizing: border-box;
    visibility: visible;
    display: block;
    position: fixed;
    z-index: 2000;
    margin-left: -300px;
    margin-top: auto;
    border: 1px solid #aaa;
    padding: 15px 40px 30px 40px;
    min-height: 200px;
    top: 30%;
    left: 50%;
    width: 600px;
    height: auto;
}

div.on.popup[title] strong {
    display: block;
    margin: 0 0 9px 0;
    font-size: 12px;
    text-align: left;
}

div.on.popup[title] .picture {
    display: block;
    width: 20%;
    text-align: center;
    float: left;
}

div.on.popup[title] span.btn,
div.on.popup[title] input.bl,
div.on.popup[title] input.br {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
}

div.on.popup[title] #error-popup strong {
    font-size: 14px;
    color: #333;
    margin: 9px 0 20px;
}

div.on.popup[title] strong.prodname {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
}

div.on.popup[title] strong.prodname,
div.on.popup[title] .total {
    width: 75%;
    margin-left: 5%;
    float: left;
    color: #333;
    text-align: left;
}

div.on.popup[title] .total .value {
    font-weight: bold;
}

div.on.popup[title] .wrapper {
    padding: 12px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    margin-bottom: 40px;
}

div.on.popup[title] .wrapper:before,
div.on.popup[title] .wrapper:after {
    content: "";
    display: table;
}

div.on.popup[title] .wrapper:after {
    clear: both;
}

div.on.popup[title] .wrapper {
    zoom: 1;
}

div.on.popup[title] .incentive {
    padding: 10px;
    margin-bottom: 45px;
    text-align: center;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    color: #f00;
    background-color: #eee;
}

div.on.popup[title] span.btn.br input {
    background-color: transparent;
    color: #000;
    text-transform: none;
    padding: 0;
    text-decoration: underline !important;
    line-height: 22px;
    border: none;
}

div.popup[title] span.btn.bl {
    float: right;
}

div.on.popup[title] .total .amout,
div.on.popup[title] .total .price {
    display: block;
}

div.popup[title] span.btn.br,
div.popup[title] span.btn.br input {
    background: transparent;
}

div.popup[title] input {
    border: none !important;
    outline: none !important;
    width: auto !important;
}

div#wait.popup[title] form {
    margin-top: 150px;
}

div.on.popup[title] input.disabled {
    border: 1px solid #aaa;
    font-weight: bold;
    padding: 2px;
    width: 120px;
}

div.on.popup[title] span.btn a {
    padding: 3px 8px 2px;
    position: relative;
}

/* NEW BASKET */

/* basket summary */
#body .basketsummary {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.basketsummary img {
    max-width: 100%;
    height: auto;
}

.basketsummary .action-row,
.basketsummary .itemrow {
    width: 100%;
    float: left;
    margin-bottom: 1em;
}

.basketsummary .action-row .btn + .btn {
    margin-left: 1em;
}

.basketsummary .action-row .action-buttons {
    float: right;
}

.basketsummary .item-action {
    float: right;
    text-align: right;
    padding-top: .15em;
}

.basketsummary .item-action input[type="checkbox"] {
    margin-right: 0;
}

.basketsummary .item-action label {
    display: inline-block;
}

.basketsummary .itemrow .item-action input[type="checkbox"] {
    margin: 0;
}

.basketsummary .item-img {
    width: 18%;
    max-width: 150px;
    margin-right: 2%;
    float: left;
}

.basketsummary .item-title {
    width: 80%;
    float: right;
}

.basketsummary .art_title {
    font-size: 1.2em;
    line-height: normal;
    font-weight: bold;
}

.basketsummary .item-price {
    width: 80%;
    float: right;
    clear: right;
}

.basketsummary .item-price .status,
.basketsummary .item-price .stock {
    width: 60%;
    float: left;
}

.basketsummary .item-price .amount {
    width: 10%;
    float: left;
    text-align: center;
}

.basketsummary .item-price .amount input {
    text-align: center;
}

.basketsummary .item-price .totalprice {
    min-width: 30%;
    float: right;
    text-align: right;
}

.basketsummary .bundleitems {
    width: 100%;
    float: left;
    margin-top: 1em;
}

.basketsummary .bundle {
    width: 100%;
    float: left;
    margin-bottom: 1em;
}

.basketsummary .bundleitems .item-price .amount {
    margin-left: 60%;
}

.basketsummary #save-basket {
    margin-bottom: 20px;
}

/* basket summary - sum prices */
.basketsummary .sumrows {
    width: 100%;
    float: left;
    clear: both;
}

.basketsummary .sumrow {
    width: 100%;
    float: left;
}

.basketsummary .sumrow i {
    font-style: italic;
}

.basketsummary .sumdesc {
    float: left;
}

.basketsummary .sumprice {
    float: right;
    white-space: nowrap;
}

.basketsummary .sumrow.total,
.basketsummary .sumrow.grossrow {
    border: 0 solid #ddd;
    border-width: 1px 0;
}

.basketsummary .sumrow.total {
    border-width: 2px 0;
}

.basketsummary .sumrow.total {
    font-weight: bold;
    line-height: 2em;
}

.basketsummary .sumrow.total .sumprice .pricevalue {
    font-size: 1.5em;
}

.basketsummary .sumrow.cardwrapname {
    margin-top: 1em;
}

.basketsummary .sumrow.cardwraptext {
    font-weight: bold;
}

.basketsummary .sumrow.voucherrowbtn {
    padding-top: 5px;
    padding-bottom: 5px;
}

.basketsummary .voucheradd {
    clear: both;
    margin-bottom: 1em;
}

.basketsummary .voucheradd .title {
    font-weight: bold;
}

.basketsummary .voucheradd + .sumrows {
    clear: none;
}

/* basket summary - order */
.basketsummary.order .item-title {
    width: 28%;
    margin-right: 2%;
    float: left;
}

.basketsummary.order .item-price {
    width: 50%;
}

.basketsummary.order .item-price .orderprice {
    width: 30%;
    float: left;
    text-align: right;
}

.basketsummary.order .item-price .amount {
    width: 30%;
    float: left;
    text-align: center;
}

.basketsummary.order .bundleitems .item-price .amount {
    margin-left: 30%;
}

.basketsummary.order .item-price .vat_order {
    width: 10%;
    float: left;
    text-align: right;
}

.basketsummary.order .item-price .totalprice {
    width: 30%;
    float: right;
    text-align: right;
}

/* basket summary - sum prices - columned */
.twocolumns .basketsummary .voucheradd {
    max-width: 58%;
    float: left;
}

.twocolumns .basketsummary.order .sumrows,
.twocolumns .basketsummary.review .sumrows {
    width: 40%;
    float: right;
    clear: right;
}

.basketsummary .item-title .selectlist .label {
    display: block;
}

.basketsummary .item-title .selectlist .value {
    display: block;
    margin-bottom: .5em;
    font-weight: bold;
}

.basketsummary .item-title .selectlist .value select {
    max-width: 100%;
}

/* basket summary - review (basket) */
.basketsummary-header.review {
    margin-top: 1em;
}

.basketsummary-header.review,
.basketsummary.review .action-row,
.basketsummary.review .itemrow {
    padding-right: 2em;
    box-sizing: border-box;
}

.basketsummary.review .item-action {
    margin-right: -2em;
}

.basketsummary.review .item-action input {
    cursor: pointer;
}

.basketsummary.review .item-title {
    width: 28%;
    margin-right: 2%;
    float: left;
}

.basketsummary.review .item-price {
    width: 50%;
    clear: none;
}

.basketsummary.review .item-price .orderprice {
    width: 30%;
    float: left;
    text-align: right;
}

.basketsummary.review .item-price .amount {
    width: 30%;
    float: left;
    text-align: center;
}

.basketsummary.review .bundleitems .item-price .amount {
    margin-left: 30%;
}

.basketsummary.review .item-price .vat_order {
    width: 10%;
    float: left;
    text-align: right;
}

.basketsummary.review .item-price .totalprice {
    width: 30%;
    float: right;
    text-align: right;
}

.basketsummary.review .sumrow .sumprice,
.basketsummary.review .sumrow.total .sumprice,
.basketsummary.review .sumrow.grossrow .sumprice {
    margin-right: 2em;
}

/* basket summary - order header */
.basketsummary-header {
    width: 100%;
    float: left;
    margin-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.basketsummary-header .item-general {
    width: 18%;
    max-width: 150px;
    margin-right: 32%;
    float: left;
}

.basketsummary-header .item-price {
    width: 50%;
    float: right;
}

.basketsummary-header .item-price .orderprice {
    width: 30%;
    float: left;
    text-align: right;
}

.basketsummary-header .item-price .amount {
    width: 30%;
    float: left;
    text-align: center;
}

.basketsummary-header .item-price .vat_order {
    width: 10%;
    float: left;
    text-align: right;
}

.basketsummary-header .item-price .totalprice {
    width: 30%;
    float: right;
    text-align: right;
}

/* voucher */
.evidencedetail .voucher-desc {
    padding-left: 2em;
}

.evidencedetail .voucher-desc i {
    font-style: italic;
}

.evidencedetail .voucher-desc .voucher-number {
    display: inline-block;
    min-width: 5em;
}

/* order step */
#body dl.orderinfocol {
    margin: 0;
    width: 48%;
    float: left;
}

#body dl.orderinfocol + dl.orderinfocol {
    margin-left: 4%;
}

#body dl.orderinfocol dt {
    padding: 0;
    margin: 0 0 5px 0;
    height: 23px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

#body dl.orderinfocol dd {
    padding: 0;
    margin: 0;
}

/* evidence */
.evidencedetail .evidencedate {
    font-weight: bold;
}

/* user forms & baskets - threecolumns layout (narrow) */
.threecolumns #body .sub-main {
    width: 56%;
}

.threecolumns #body .sub-main.wide {
    width: 100%;
}

.threecolumns #body .sub-sidebar {
    width: 40%;
}

.threecolumns .userdata:not(.wide) .form-group .control-wrap {
    width: 100% !important;
    margin-top: .5em;
}

.threecolumns .userdata:not(.wide) .form-group .control-label {
    min-height: 0;
}

.threecolumns .userdata:not(.wide) .form-group .control-wrap.labelless {
    margin-top: 1em;
}

.threecolumns .userdata:not(.wide) .form-group .control-note {
    width: 95%;
    margin-left: 0;
    margin-top: .5em;
}

.threecolumns .userdata:not(.wide) .form-group-row .form-group {
    width: 100% !important;
    margin-left: 0 !important;
}

.twocolumns .basketsummary.summary .item-price .status,
.twocolumns .basketsummary.summary .item-price .stock,
.threecolumns .basketsummary.summary .item-price .status,
.threecolumns .basketsummary.summary .item-price .stock {
    width: 100%;
}

.twocolumns .basketsummary.summary .item-price .amount,
.threecolumns .basketsummary.summary .item-price .amount {
    width: auto;
    min-width: 40%;
    text-align: left;
}

.twocolumns .basketsummary.summary .item-price .amount:before,
.threecolumns .basketsummary.summary .item-price .amount:before {
    content: attr(title);
    display: block;
    float: left;
    margin-right: .5em;
}

.twocolumns #body .sub-sidebar table,
.twocolumns #body .sub-sidebar tbody,
.twocolumns #body .sub-sidebar tr,
.twocolumns #body .sub-sidebar th,
.twocolumns #body .sub-sidebar td,
.threecolumns #body .sub-sidebar table,
.threecolumns #body .sub-sidebar tbody,
.threecolumns #body .sub-sidebar tr,
.threecolumns #body .sub-sidebar th,
.threecolumns #body .sub-sidebar td {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
}

@media (max-width:620px) {
    div.on.popup[title] {
        left: auto;
        margin-left: auto;
        width: 100%;
        top: 5%;
        font-size: 90%;
        margin-top: 0;
    }

    .popup .exit {
        right: 3px;
        top: 3px;
    }

}

@media screen and (max-width: 420px) {

    /* geis point */
    .payment-wrap .options-row .options-info #geispoint-points,
    .payment-wrap .options-row .options-info #geispoint-info {
        width: 100%;
        display: block;
        margin-bottom: 1em;
    }

}

@media (max-width:430px) {
    div.on.popup[title] span.btn.br input,
    div.on.popup[title] input.br,
    div.on.popup[title] span.btn.bl,
    div.on.popup[title] input.bl {
        display: block;
        float: left;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    div.on.popup[title] span.btn.br,
    div.on.popup[title] span.btn.bl {
        display: block;
        margin-bottom: 5px;
    }

    div.on.popup[title] {
        padding: 5px 15px 10px;
    }

    div.on.popup[title] #error-popup strong {
        margin-right: 20px;
    }

    div.on.popup[title] .picture {
        width: 100%;
        padding-bottom: 10px;
    }

    div.on.popup[title] strong.prodname,
    div.on.popup[title] .total {
        width: 75%;
        margin-left: 0;
    }

    .popup[title] .incentive,
    .popup[title] .wrapper {
        margin-bottom: 20px
    }

}

/* footer oxylogo */
#footer a.oxycopylogo,
#footer a.oxycopylogo svg {
    display: inline;
    line-height: 25px;
    vertical-align: bottom;
}