/* 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 {background: transparent url(images/mojeID-button.png) no-repeat left center !important; padding-right: 0px !important; height: 25px !important; }
span.btn.mojeid input {background: transparent url(images/mojeID-button.png) no-repeat right center !important; color: #fff !important; padding-right: 77px !important; height: 25px !important; width: auto !important; text-shadow: none !important; margin-right: -5px !important; padding-bottom: 0px !important; }

/* 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 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 0px 3px;}
body.details-page #body #review .proscons span.rev.cons {float: right; background: transparent url(images/cons.png) no-repeat 0px 3px;}

/* JQUERY/AJAX FILTER */
.catfilter.attrfilter table tr {height: 25px;}
.catfilter.attrfilter table td.textright {text-align: right;}
.catfilter.attrfilter .ondemand .filteropen {position: relative; display: block; cursor: pointer; background: #fff url(images/select.png) no-repeat right center; border: 1px solid #ccc; padding: 3px 20px 1px 4px; height: 15px; text-overflow: ellipsis; overflow: hidden; width: 178px;}
.catfilter.attrfilter .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;}
.catfilter.attrfilter .ondemand .catfilterlist {display: none; padding: 10px 8px 10px 3px; margin-top: -1px; position: absolute; z-index: 90; width: 192px; background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 3px 5px 0 rgba(0,0,0,.2); max-height: 300px; overflow: auto;}
.catfilter.attrfilter .ondemand .catfilterlist label {margin: 0;}
.catfilter.attrfilter input.checkbox {position: relative; top: 2px; margin: 0 5px 0 0;}
.catfilter.attrfilter input.not {opacity: 0.5;}
#body .box .attributeIcon,
.catfilter.attrfilter .type .attributeIcon {max-width: 32px; max-height: 32px; vertical-align: middle; margin-right: 5px;}
.catfilter.attrfilter .singlefilter label,
.catfilter.attrfilter .value label {display: block;}
.catfilter.attrfilter label.descriptioned {padding-right: 17px; position: relative; clear: both;}
.catfilter.attrfilter .singlefilter label.descriptioned {float: left;}
#body .box .attributes td.title .qicon,
.catfilter.attrfilter .qicon {position: absolute; right: 3px; display: block; width: 12px; height: 12px; top: 2px; line-height: 26px; padding-right: 5px; margin: 0 0 0 5px; background: transparent url(images/qicon.png) no-repeat left 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,
.catfilter.attrfilter .qicon .description {display: none; text-align: left; position: absolute; z-index: 10; background-color: #f0f0f0; z-index: 999; padding: 5px 8px; border: 1px solid #ccc; line-height: 1.2em; width: 150px; left: 15px; bottom: -2px; border-radius: 3px; box-shadow: 2px 3px 5px 0 rgba(0,0,0,.2); font-weight: normal;}

#body .box .attributes tr.top td.title .qicon .description,
.catfilter.attrfilter tr.top .qicon .description {top: -10px; bottom: auto;}

#body .box .attributes td.title .qicon .description {}
#body .box .attributes td.title .qicon:hover .description,
.catfilter.attrfilter .qicon:hover .description {display: block;}
.catfilter.attrfilter .not {color: #999;}
.attrslider{padding:10px;}
#pricefilterform{padding:10px;}
.stockfilterbodywrapper{padding:10px 10px 10px 20px;}
.catfilter.attrfilter .attrslider .attrfilterinfo {}
.catfilter.attrfilter .attrslider {min-height: 3.5em; clear: both;}
.catfilter.attrfilter .attrslider .attrfilterslider {margin: 5px 10px 5px 5px;}
.catfilter.attrfilter .attrslider .attrfilterinfo {text-align: center;}
.catfilter.attrfilter .attrslider .sep {}
.catfilter.attrfilter strong.boxhead {width: auto;}
.catfilter.attrfilter table {clear: both;margin-bottom: 1em;}
.catfilter.attrfilter span.deselect,
.catfilter.attrfilter span.submit {margin: 2px;}
.catfilter.attrfilter span.btn {float: right; display: none;}
.catfilter.attrfilter span.btn.deselect,
.catfilter.attrfilter .catfilterlist span.btn {display: block;}
.catfilter.attrfilter .single .catfilterlist input.checkbox {position: absolute; left: -9999px;}
.catfilter.attrfilter .single .catfilterlist label {padding: 2px 3px 2px 2px;display: block;margin: 0;}
.catfilter.attrfilter .single .catfilterlist label.selected,
.catfilter.attrfilter .single .catfilterlist label.checked {font-weight: bold;}
.catfilter.attrfilter .single .catfilterlist label:hover {background-color: #f0f0f0;}
.catfilter.attrfilter .single .catfilterlist br {display: none;}
.catfilter.attrfilter .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;}
#left .box .noscript .catfilter.attrfilter .ondemand div.catfilterlist {}
#left .box .noscript .catfilter.attrfilter .ondemand input.filterclear,
#left .box .noscript .catfilter.attrfilter .ondemand .deselect {display: none !important;}
#left .box .noscript .catfilter.attrfilter .ondemand,
#left .box .noscript .catfilter.attrfilter .ondemand label,
#left .box .noscript .catfilter.attrfilter .ondemand .filteropen {cursor:url(images/clear.png),url(images/clear.png),wait;}
#left .box .noscript .catfilter.attrfilter .ondemand table {opacity: .3;}
body.waiting, body.waiting * {cursor: wait !important;}

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

/* 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 span.btn-processpayment {}
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: default; opacity: .5;}
#body div.bar.prevnext .arrowright input[disabled],
input#processpayment-btn[disabled] {cursor: default;}

/* NEW PAYMENT */

.payment-wrap {}
.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; padding-bottom: .5em;}
.payment-wrap label.sub-title {}
.payment-wrap .item-ico {clear: both; float: left;}
.payment-wrap .item-desc {}
.payment-wrap .item-ico + .item-desc {padding-top: .5em;}
#body .payment-wrap .box img.item-ico {margin: .2em 1em .5em 0;}

.payment-wrap .ship-ico {}
.payment-wrap .shipdesc {}
.payment-wrap .pay-ico {}
.payment-wrap .paydesc {}

.payment-wrap .ship-params-table {width: 99%;}
.payment-wrap .ship-params {width: 99%; 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%;table-layout:fixed;}

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

.payment-wrap .options-row {display: none;}
.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%;}
.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;}
.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 .options-ico {}
.payment-wrap .options-row.icons img {max-width: 120px;}

#body .payment-wrap .form .options-row .options-info table {}
#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 .payment-wrap .form .options-row .options-info th {}
#body .payment-wrap .form .options-row .options-info 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;}
#body .payment-wrap .box.info {}
#body .payment-wrap .box.info table.form.payments {}

#body .payment-wrap.payment-shipping {}
#body .form-payments {}
#body .payment-wrap.payment-payments {}
#body .form-payments .prevnext {}

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

.twocolumns #body .payment-wrap {width: 47%; float: left;}
.twocolumns #body .payment-wrap.payment-shipping {margin-right: 6%;}
.twocolumns #body .payment-wrap .boxhead {}
.twocolumns #body .payment-wrap .box.info {}
.twocolumns #body .payment-wrap .boxhead,
.twocolumns #body .payment-wrap .box.info {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%;}
.twocolumns #body .payment-wrap .box.info table.form.payments {}

.twocolumns #body .payment-wrap.payment-shipping {}
.twocolumns #body .form-payments {}
.twocolumns #body .payment-wrap.payment-payments {}
.twocolumns #body .form-payments .prevnext {clear: both;}

.twocolumns #body .payment-shipping .options-row label {display: block;}
.twocolumns #body .payment-shipping .options-row label {display: block; margin-top: .5em;}
.twocolumns #body .payment-shipping .options-row input {}
.twocolumns #body .payment-shipping .options-row select {max-width: 100%; width: 100%;}

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;}

/* STOCK FILTER */
.filterstock {}
.stockfilter .filterstock {}
.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 */

.xreq label:after,
tr.xreq td label:after { content:" *";color:#d80012; }
.xnote label:first-child:after,
tr.xnote td:first-child:after { content:" **";color:#d80012; }
.xreq .req, .userdata td .req, .userdata .xnote .note, .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 .removeBreadcrumItemRemove {display: inline-block; width: 9px; height: 14px; background: transparent url(../../layout/images/arrows.png) no-repeat scroll center -1435px; margin: 0 0 0 .2em;}
div#path .removeBreadcrumItem:hover .removeBreadcrumItemRemove {background-position: center -1387px;}
div#path a.remove,div#path a.removeBreadcrumItem{display:inline-block;}
div#path a.removeBreadcrumItem{margin-right: 0px;}
div#path .linkfilterpath{display: block;margin-top: 8px;}
div#path .sep-unified{margin-right: 10px;width:20px;height:100%;display:inline-block;background:  url(../../layout/images/arrows.png) no-repeat right -220px;  }
div#path .linkfilterpath a{background: none;padding-right: 0px;}
.productstats .state-noitems{opacity: 0.4; }

/* SEARCH - AUTOCOMPLETE */
#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 {max-width: 500px !important;width: auto !important;min-width: 300px;z-index: 10000 !important; font-size: 12px;}
body .ui-autocomplete {box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);}
body .ui-autocomplete .ui-autocomplete-category {font-weight: normal; color: #aaa; clear: both; padding: .2em 0.3em; font-size: 16px;}
body .ui-autocomplete .ui-menu-item .ui-state-hover,
body .ui-autocomplete .ui-menu-item .ui-state-hover .autocomplete-label,
body .ui-autocomplete .ui-menu-item .ui-state-hover .autocomplete-artnum {background: #19aa4b; color: #fff !important; border-color: #19aa4b;}
body .ui-autocomplete .ui-menu-item {margin-bottom: 0.5em;}
body .ui-autocomplete .ui-menu-item a {cursor: pointer;}
body .ui-autocomplete .ui-menu-item.pt {}
body .ui-autocomplete .ui-menu-item.pt a {line-height: 1.2em;height: 2.4em;overflow: hidden;}
body .ui-autocomplete .ui-menu-item.pt .autocomplete-icon {display: block;float: left;padding: 0;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: #000; font-weight: normal; font-weight: 300;}
body .ui-autocomplete .ui-menu-item.pt .autocomplete-label b {font-weight: bold;}
body .ui-autocomplete .ui-menu-item.pt .autocomplete-artnum {color: #aaa;}
body .ui-autocomplete .ui-menu-item.pt .autocomplete-desc {display: block; padding-top: .2em;}
body .ui-autocomplete .ui-autocomplete-more {text-align: center; font-weight: normal; display: block; padding: .2em .4em; background: #ddd; color: #000; clear: both; border-radius: 3px; cursor: pointer;}
body .ui-autocomplete .ui-autocomplete-more:hover {background: #19aa4b; color: #fff;}

/* 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 .box,
#mmtabs .tab .moredetails,
#mmtabs .tab .boxhead {}
#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 ul.tabheader li.act a:hover {}
#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 ul.tabheader li.act a:hover {}
#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;}
#fake-tocart-note {}
#body #fake-tocart-note.msg,
#body #fake-tocart-note.errorbox {display: block; margin: 10px 0; padding: 10px 2.3%; clear: both; width: 95%;}
#body #fake-tocart-note-wrap.hover-text .fake-tocart-note {}
#body #fake-tocart-note-wrap.highlight.hover-text .fake-tocart-note {}

/* 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;}

/*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; background: #fff; top:0px; right:0px; bottom:0px; left:0px; z-index: 1000; 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.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 0px 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 {box-sizing: border-box; width: 48.5%; height: 130px; border-radius: 2px; padding: 1.5% 3%; margin: 0 3% 3% 0; float: left; background-color: #f2f2f2;}
body.details-page #body #repayment-wrapper .repayment-calculator:nth-child(2n+0) {margin-right: 0;}
*/
/* 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 .btn {}
#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; position: absolute; 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 {/*color: #f00; */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: 70px; max-width: 70px;}
#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 0px; }
#body .box.quickorder .productqo span.nettoprice {text-align: left; display: block; width: 130px; position: absolute; right: 130px; top: 0px;}
#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: 0px; top: 0px;}
#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 span.amount input {}
#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: 0px 0 5px 0; float: left;}
#body .box.quickorder .btn.submit {float: right; position: absolute; right: 15px; bottom: 10px; }
#body .box.quickorder .btn.submit input {/*background: transparent url(images/linkarrows.png) no-repeat right -194px; background: #E3231E; color: #fff; font-size: 13px; text-transform: uppercase; height: 40px; */}
#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;}