/* 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: 1000001;}
#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; 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,
.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: 5px; border-radius: 3px; box-shadow: 2px 3px 5px 0 rgba(0,0,0,.2); font-weight: normal;}
#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;}
.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; }
.catfilter.attrfilter span.btn.deselect,
.catfilter.attrfilter .catfilterlist span.btn {display: block;}
.catfilter.attrfilter .single .catfilterlist input.checkbox {position: absolute; left: -9999px; top: -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;}


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

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

/* 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: none; color: #000 !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;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: bold; display: block; padding: .2em .4em; color: #fff; clear: both; cursor: pointer; font-size: 14px;}
body .ui-autocomplete .ui-autocomplete-more:hover {}

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