/* FOTOLAB */

/* separated colors and layout */

/**********************************************************************
 *
 * SEPARATED LAYOUT
 *
 */

/* Base */
html,
body {
    min-height: 100%;
}

body,
table,
input,
select,
textarea,
tt {
    font-size: 14px;
    font-family: "Roboto", "Arial CE", Arial, "Helvetica CE", sans-serif;
    line-height: 130%;
    color: #333;
}

input {
    line-height: normal;
}

body {
    margin: 0;
    padding: 0;
}

body {
    /*background: #fff url(../../../pictures/wysiwigpro/body_bkg_wide.jpg) no-repeat scroll right 182px;*/
}

body.plain {
    background: #fff !important;
}

strong.h2 {
    font-size: 16px;
    line-height: normal;
}

strong.h3 {
}

.clearfix {
    clear: both;
    overflow: hidden;
}

h1 {
    font-size: 36px;
    line-height: 1.1em;
    font-weight: normal;
    font-weight: 300;
}

h2 {
    font-size: 30px;
    line-height: 1.1em;
    font-weight: normal;
    font-weight: 300;
}

h3 {
    font-size: 25px;
    line-height: 1.1em;
    font-weight: normal;
}

h4 {
    font-size: 20px;
    line-height: 1.1em;
}

h5 {
    font-size: 18px;
    line-height: 1.1em;
}

img {
    border: 0 none;
}

ul {
    padding: 0 0 0 2em;
}

hr {
    margin: 4px 0;
    height: 1px;
    clear: both;
    text-align: center;
    background: transparent url(images/line_dotted_x.png) repeat-x 0px 0px;
    border: 0 none;
}

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

.tablet,
.mobile {
    display: none;
}

textarea {
    resize: vertical;
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input.openid,
input.txt,
#left select {
    padding: 8px 5px;
    border: 0px none;
    background-color: #fff;
    border-radius: 0px;
}

#body textarea,
#fancybox-content textarea,
#body input[type="text"],
#body input[type="email"],
#fancybox-content input[type="text"],
#fancybox-content input[type="email"],
#body input[type="password"],
#body input.openid,
#body input.txt,
#body select {
    border: 1px solid #ccc;
}

#body select {
    padding: 8px 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

table.basket input[type="text"],
.amount input {
    text-align: center;
}

label[for],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

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

#body .req {
    color: #d80012;
}

/* Typography */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.hl {
}

.err {
    border: 1px dotted #ea2d49;
    font-weight: bold;
    padding: 0 5px;
}

span.err {
    border-width: 0 0 1px;
    display: inline-block;
}

.link {
    background: transparent url(images/arrows.png) no-repeat scroll -10px -221px;
    padding-left: 20px;
    text-decoration: none;
    line-height: 1.4em;
}

.link2 {
    background: transparent url(images/arrows.png) no-repeat scroll 3px -32px;
    padding-left: 20px;
    text-decoration: none;
    line-height: 1.4em;
}

.linkr {
    background-position: right -221px;
    padding-left: 0;
    padding-right: 20px;
}

.link:hover,
.link2:hover {
    text-decoration: underline;
}

.fs12 {
}

.fs11 {
}

.nobrd {
    border: none !important;
}

.nobold {
    font-weight: normal !important;
}

th div.ta_right,
th.ta_right {
    text-align: right !important;
}

.link.right,
.float-xs-right,
.float-sm-right,
.float-sm-right,
.float-md-right,
.float-lg-right,
div.right,
span.right {
    float: right;
}

.float-xs-left,
.float-sm-left,
.float-sm-left,
.float-md-left,
.float-lg-left,
div.left,
span.left {
    float: left;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

.clear_both {
    clear: both;
}

p {
    margin: 0 0 1em;
}

/* Forms */
form {
    margin-top: 0px;
    margin-bottom: 0px;
}

body.forgotpwd-page form {
    margin-bottom: 10px;
}

#body .lgnwrap {
    width: 100%;
    max-width: 500px;
}

#body .lgnwrap label {
    display: block;
    margin-bottom: 5px;
}
#body .lgnwrap input {
    width: 100%;
}
#body .lgnwrap .buttonwrap {
    display: block;
    margin-top: 5px;
}

#body input.liketext {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0 none;
    color: #333;
}

#body .ship-address-note {
    margin: 10px 0;
}

#body .box.account_header td {
    width: 50%;
}

#body .basket .enhanced span.productstats-item,
body #body .product .enhanced span.productstats-item,
#body .product .actions .btn,
.productstats-showall,
#body .basket .wrapmod,
#left .recommlist .btn,
.box.minibasket .tocart,
#body .product .tocart,
#body .product .fromlist,
#body .basket .frombasket,
#body .box.compare .fromcompare,
#body div.bar.prevnext .right,
#body div.bar.prevnext .arrowdown,
#body div.bar.prevnext .arrowright,
span.stepback a,
span.btn {
    background: transparent url(images/buttons.png) no-repeat scroll right -150px;
    padding: 0 0px 0 0;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0;
    outline: 0;
    vertical-align: middle;
}

#body .basket .enhanced span.productstats-item .productstats-title,
body #body .product .enhanced span.productstats-item .productstats-title,
#body .product .actions .btn a,
.productstats-showall a,
#body .basket .wrapmod a,
.box.minibasket .tocart input,
#body .product .tocart input,
#body .product .fromlist input,
#body .basket .frombasket a,
#body .basket .frombasket input,
#body .box.compare .fromcompare input,
#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown button,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright button,
#body div.bar.prevnext .arrowright input,
span.stepback a,
span.btn input,
span.btn a {
    border: 0 none;
    height: 30px;
    line-height: 30px;
    outline: 0;
    display: inline-block;
    padding: 0 15px 0 15px;
    text-transform: uppercase;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
    background: transparent url(images/buttons.png) no-repeat scroll left -150px;
    text-decoration: none;
    color: #fff;
}

span.btn a {
    position: relative;
}

#body span.stepback a,
#body span.btn a {
    color: #fff;
    text-decoration: none;
}

body #body .product .enhanced span.productstats-item .productstats-title {
    cursor: default;
}

#body .product .actions .btn a:hover,
.productstats-showall a:hover,
#body .basket .wrapmod a:hover,
.box.minibasket .tocart input:hover,
#body .product .tocart input:hover,
#body .product .fromlist input:hover,
#body .basket .frombasket a:hover,
#body .basket .frombasket input:hover,
#body .box.compare .fromcompare input:hover,
#body div.bar.prevnext .right input:hover,
#body div.bar.prevnext .arrowdown button:hover,
#body div.bar.prevnext .arrowdown input:hover,
#body div.bar.prevnext .arrowright button:hover,
#body div.bar.prevnext .arrowright input:hover,
span.btn input:hover,
span.btn a:hover {
    text-decoration: none;
}

div#footer span.btn,
dl.box.basket span.btn {
    background-position: right -150px;
}

div#footer span.btn input,
div#footer span.btn a,
dl.box.basket span.btn a.btn {
    background-position: left -150px;
}

.box-wrapper span.btn {
    clear: left;
    display: block;
    text-align: right;
}

#body .product.details .questionformbtn,
#body .product.details .tocart,
#body div.bar.prevnext .right,
#body div.bar.prevnext .arrowdown,
#body div.bar.prevnext .arrowright {
    padding-right: 58px;
    background-position: right -888px;
    height: 56px;
    line-height: 56px;
    display: inline-block;
}

#body .product.details .tocart input,
#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown button,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright button,
#body div.bar.prevnext .arrowright input,
#body .product.details .questionformbtn span {
    background-position: left -888px;
    height: 56px;
    width: auto;
    text-indent: 0;
    line-height: 56px;
    padding: 0 20px 0 20px;
    font-size: 25px;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
}

#body div.bar.prevnext .arrowdown {
    background-position: left -953px;
    padding-right: 0px;

}

#body div.bar.prevnext .arrowdown button,
#body div.bar.prevnext .arrowdown input {
    background-position: right -953px;
    padding-left: 68px;
}

#body .product.details .tocart input,
#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown button,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright button,
#body div.bar.prevnext .arrowright input {
}

#body .product .btn.moreinfo,
#body .product .btn.moreinfo a {
    height: 26px;
    line-height: 26px;
    text-transform: none;
    text-transform: uppercase;
}

#body .product .btn.moreinfo {
    display: block;
    float: right;
}

#body .product .btn.moreinfo a {
    background: #393939;
}

.box.minibasket .tocart,
#body .product .tocart {
    background-position: right top;
    text-align: right;
    display: block;
    padding-right: 30px;
}

.box.minibasket .tocart input,
#body .product .tocart input {
    background-position: left top;
    padding: 0 10px 0 15px;
}

#body .btn.review-reply,
#body .btn.review-reply input,
#body .btn.write-new-review,
#body .btn.write-new-review a,
#body .btn.more-videos,
#body .btn.more-videos a {
    background-position: right -700px;
}

#body .btn.review-reply,
#body .btn.write-new-review,
#body .btn.more-videos {
    float: right;
    padding-right: 30px;
    margin-right: 13px;
}

#body .btn.write-new-review {
    float: none;
}

#body .btn.review-reply input,
#body .btn.write-new-review a,
#body .btn.more-videos a {
    background-position: left -700px;
    padding-left: 20px;
    text-transform: none;
    font-size: 13px;
}

#body .locator.compare .locbody span.btn,
#body table span.btn,
#body .right span.btn {
}

#body .locator.compare .locbody span.btn input,
#body table span.btn input,
#body .right span.btn input {
}

#left .catfilter span.btn.deselect,
#body .box.compare .fromcompare,
#body .product .fromlist,
#body .basket .frombasket {
    background: #ce0314;
}

#body .basket .frombasket {
    margin-right: 5px;
}

#left .catfilter span.btn.deselect input,
#body .box.compare .fromcompare input,
#body .product .fromlist input,
#body .basket .frombasket a,
#body .basket .frombasket input {
    background-position: 4px -816px;
    padding: 0 10px 0 30px;
}

#body .basket .frombasket a {
    display: block;
}

#body .box.compare .fromcompare {
    width: 121px;
    margin: 0 0 0 10px;
    clear: left;
    float: none;
}

#body .box.compare .fromcompare input {
    width: 121px;
}

span.btn.select-insurance,
span.btn.select-insurance input,
#body span.btn.select-insurance,
#body span.btn.select-insurance input {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}

span.btn.select-insurance input,
#body span.btn.select-insurance input {
    background: #979797;
}

input.chbox {
    vertical-align: middle;
    margin-top: 0px;
}

input.chk {
    margin: 1px 5px 1px 0px;
}

input.fullsize {
    width: 100%;
}

textarea.fullsize {
    width: 98%;
    margin-bottom: 10px;
}

input.openid {
    background: #fff url(images/openid-icon-small.gif) no-repeat scroll 0 50%;
    padding-left: 20px;
}

/* load more items */
.wrapper.showallitems,
.wrapper.addmoreitems,
.wrapper.showmoreitems {
    float: left;
    width: 100%;
}

.wrapper.showallitems,
.wrapper.showmoreitems {
    overflow: hidden;
    padding: 10px;
    margin: -10px;
}

.box.showmoreitems {
    overflow: hidden;
}

.wrapper.showallitems,
.box.showmoreitems,
.wrapper.addmoreitems,
.wrapper.showmoreitems {
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    -ms-transition: height .3s;
    transition: height .3s;
}

#body .btn.loadmoreitems,
#body .btn.loadmoreitems input {
    height: 26px;
    line-height: 26px;
    text-transform: none;
}

#body .btn.loadmoreitems input {
    background: #393939;
}

#body .btn-wrap {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 15px 0 10px;
}

#body .showmoreitems-btn-wrap {
    display: none;
}

#body .btn-wrap .btn.hidemoreitems {
    display: none;
}

#body .btn-wrap.hidemoreitems .btn,
#body .btn-wrap.showallitems .btn,
#body .btn-wrap .btn.showallitems,
#body .btn-wrap .btn.hidemoreitems {
    display: none;
}

#body .btn-wrap.showallitems .btn.showallitems,
#body .btn-wrap.hidemoreitems .btn.hidemoreitems {
    display: inline-block;
}

#body .product .actions .btn,
#body .product .actions .btn a {
    line-height: 27px;
    height: 29px;
}

#body .product .actions .btn a {
    background: #393939;
}

#body .product .actions .btn.loginreq {
    opacity: .5;
}

#body .product.details .actions .btn a {
    font-size: 12px;
}

#body .product .actions .btn.compare,
#body .product .actions .btn.compare a {
    background-position: right -550px;
    line-height: 30px;
    height: 30px;
}

#body .product .actions .btn.compare a {
    background-position: left -550px;
}

#body .product.details .actions .btn.compare a {
    font-size: 12px;
}

#body .addmoreitems.loading,
#body .addmoreitems.loading + .btn-wrap {
    cursor: wait !important;
    opacity: .6 !important;
}

#body .addmoreitems.loading *,
#body .addmoreitems.loading + .btn-wrap * {
    cursor: wait !important;
}

/* Tables .....*/
table {
    border-collapse: collapse;
}

th {
    text-align: left;
    padding: 0 5px 0 0;
    font-weight: normal;
}

tr.sep td,
tr.sep th {
    background: url(images/line_dotted_horizontal.png) repeat-x bottom;
}

table.min_width {
    width: auto
}

tr.row_sep td hr {
    display: none;
}

tr.row_sep td div {
    background: transparent url(images/line_dotted_x.png) repeat-x 0px center;
    margin: 0;
    height: 15px;
}

/* Navigation - bars */
div.bar {
    vertical-align: middle;
}

div.bar .left {
    float: left;
}

div.bar .right {
    float: right;
}

/* Navigation - boxes */
dl.box {
    padding: 0;
    margin: 0;
    float: right;
    position: relative;
}

dl.box dt {
    padding: 10px 0 0 0;
    font-weight: bold;
}

dl.box dd {
    margin: 0;
    padding: 4px 0 0;
}

/* Navigation - menues */
ul.menue,
ul.menue ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}

body table.bar.categories ul.menue.vertical li {
    margin: 0 0 10px;
    white-space: nowrap;
    position: relative;
    width: 220px;
}

ul.menue li a {
    line-height: 100%;
}

ul.menue.horizontal,
ul.menue.horizontal li {
    float: left;
}

ul.menue.vertical li {
    float: none;
    height: 100%;
}

.dropdown {
    visibility: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0;
    margin: 0;
    z-index: 1000;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, .2);
}

.open .dropdown {
    visibility: visible;
}

.open .dropdown li .dropdown {
    visibility: hidden;
    left: 90%;
    top: 5px;
    z-index: 1100;
}

.open .dropdown li:hover .dropdown {
    visibility: visible;
}

#go-to-top {
    position: absolute;
    right: -60px;
    bottom: 100px;
    width: 60px;
}

#go-to-top .arrow {
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    display: block;
    width: 60px;
    height: 75px;
    background: transparent url(images/buttons.png) no-repeat scroll right -200px;
}

#go-to-top.hide {
    opacity: 0;
}

#go-to-top.pin .arrow {
    position: fixed;
    bottom: 100px;
}

.sidebanner-wrap {
    position: absolute;
    top: 0;
    margin: 0;
}

#sidebanner-wrap-left {
    right: 1250px;
    z-index: 200;
}

#sidebanner-wrap-right {
    left: 1000px;
    z-index: 200;
}

.sidebanner-wrap .sidebanner {
    position: absolute;
    top: 0;
    margin: 14px 0 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .2);
}

#content.paper .sidebanner-wrap .sidebanner {
    margin-top: 17px;
}

#sidebanner-wrap-left .sidebanner {
    margin-right: 20px;
}

#sidebanner-wrap-right .sidebanner {
    margin-left: 20px;
}

.sidebanner-wrap .sidebanner p {
    margin: 0;
}

.sidebanner-wrap.pin .sidebanner {
    position: fixed;
}

/*
.sidebanner-wrap .sidebanner {
    -webkit-transition: top .3s;
    -moz-transition: top .3s;
    -o-transition: top .3s;
    -ms-transition: top .3s;
    transition: top .3s;
}
*/

/* Layout */
div#page {
    overflow: hidden;
    min-width: 1002px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background: transparent url(images/header_bkg.png) repeat-x scroll center top;
}

div#header {
    clear: both;
    margin: 0 auto;
    width: 1002px;
    position: relative;
    height: 183px;
    padding: 13px 0 0;
}

div#content {
    clear: both;
    margin: 0 auto;
    width: 1002px;
    position: relative;
    padding: 14px 0 0;
}

div#content.paper {
    width: 1000px;
}

div#body {
    margin: 0;
    padding: 0;
    width: 1002px;
    float: left;
    min-height: 450px;
}

div#content.paper div#body {
    width: 1000px;
    padding-bottom: 30px;
}

div#content.paper div#left + div#body,
div#left + div#body {
    width: 756px;
    float: right;
}

div#path {
    margin: 0 2% 15px;
    padding: 0;
    width: 96%;
}

div#left + #body div#path {
    margin: 0 2.6455% 15px 0;
    width: 97.3545%;
}

div#left {
    float: left;
    width: 204px;
    margin: 0 25px 15px 15px;
    overflow: hidden;
}

div#footer {
    clear: both;
    margin: 0;
}

div.clear {
    clear: both;
}

#content.paper,
#content .paper {
    background-color: #fff;
}

#content.paper,
#content .paper {
}

#content .paper {
    margin: 0;
    padding: 0 20px;
    width: 960px;
    float: left;
    clear: both;
}

#content.paper {
    background: #fff url(images/header_bkg.png) repeat-x scroll center -210px;
    border-top-width: 0;
    padding-top: 17px;
}

#content.paper:before,
#content.paper:after {
    background: transparent url(images/header_bkg.png) repeat-x scroll center -210px;
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    top: 0;
    position: absolute;
}

#content.paper:before {
    left: -1px;
}

#content.paper:after {
    right: -1px;
}

/* Blank pages, popups */
div#body.plain {
    margin: 10px;
    padding: 10px;
    width: auto;
    min-height: 200px;
    height: auto !important;
    height: 200px;
}

div#body.plain {
    margin: 10px;
    padding: 10px;
    width: auto;
    min-height: 200px;
    height: auto !important;
    height: 200px;
}

/* path */
div#path {
    height: auto;
    line-height: normal;
    color: #888;
}

body.start-page div#path {
    display: none;
}

div#path .loader {
}

div#path .path-location {
}

div#path a {
    background: transparent url(images/arrows.png) no-repeat right -220px;
    padding-right: 25px;
    margin-right: 10px;
    font-size: 14px;
    color: #d70012;
    text-decoration: underline;
}

div#path .loader a {
}

div#path a.last {
    background: transparent;
    padding-right: 0;
    color: #888;
    text-decoration: none;
}

div#path a.dinfo {
    background: transparent;
    padding-right: 0;
    margin: 0;
}

div#path .sep {
    display: none;
}

div#path .sep.sep1 {
}

/* + layout - header */
#header {
}

#header div.oxid {
    height: 110px;
    margin: 0;
    width: 1002px;
}

#header div.oxid .logo {
    padding: 0;
    margin-top: 17px;
    float: left;
}

#header div.oxid .customheader,
#header div.oxid dl.box {
    height: 65px;
    margin: 32px 0 0 15px;
    padding: 0;
}

#header div.oxid dl.box.basket {
    background: transparent url(images/basket_bkg.png) no-repeat scroll top right;
    height: 40px;
    width: 114px;
}

#header div.oxid dl.box.basket .pricevalue {
    font-weight: bolder;
}

#header div.oxid .customheader {
    float: right;
    width: 260px;
    color: #999;
    line-height: 1.2;
    font-size: 10px;
}

#header div.oxid .customheader em {
    font-style: normal;
}

#header div.oxid .customheader em,
#header div.oxid .customheader strong {
    color: #19aa4b;
}

#header div.oxid .customheader img {
    vertical-align: middle;
}

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

#header div.oxid dl.box.basket dd.dropdown {
    display: none;
}

body.start-page div#header {
}

dl.box {
    width: 150px;
}

dl.box dt a {
    padding: 0;
    display: block;
}

dl.box dd ul {
    margin: 0;
}

dl.box.open dt {
}

dl.box.open dd.dropdown {
    top: 2em;
    margin-top: 3px;
    width: 150px;
    padding: 0;
}

dl.box.open dd.dropdown ul li a {
    display: block;
    padding: 0 5px 0 15px;
    line-height: 20px;
    text-decoration: none;
    background: #ddd url(images/arrows.png) 0 -50px no-repeat;
}

dl.box.open dd.dropdown ul li a:hover {
    background-position: 0 -75px;
}

dl.box.basket {
    overflow: hidden;
}

dl.box.basket dt {
    padding: 0;
}

dl.box.basket dd {
    padding: 0;
    color: #23a748;
    text-align: right;
    color: #444;
}

dl.box.basket dd .count {
    display: block;
    font-size: 10px;
    color: #999;
}
dl.box.basket dd .title {
    display: none;
}

dl.box.basket dd .linkless,
dl.box.basket dd a {
    width: 72px;
    min-height: 40px;
    padding: 0 42px 0 0;
    display: block;
    text-align: right;
    text-decoration: none;
    color: #444;
}

dl.box.service dd ul {
    padding: 0
}

dl.box.service dd ul li {
    list-style: none;
    padding: 1px 0;
}

dl.box.service dd ul li a {
    padding-left: 10px;
    background: transparent url(images/arrows.png) 0 -100px no-repeat;
    text-decoration: none;
}

dl.box.service dd ul li a:hover {
    text-decoration: underline;
}

dl.box.account dd {
    line-height: 150%;
}

dl.box.account dd a.logout {
    font-weight: bold;
    display: block;
    padding: 1px 2px 1px 8px;
    background: transparent url(images/arrows.png) -2px -247px no-repeat;
}

dl.box.account dd b.user {
    font-size: 12px;
}

dl.box.basket dd table {
    width: 100%;
}

#header div.bar .left {
    float: left;
    display: block;
}

#header div.bar .right {
    float: right;
    display: block;
}

#header div.bar .fixed {
    float: right;
    position: relative;
}

#header div.links {
    position: absolute;
    font-size: 13px;
    width: 1002px;
    padding: 0 0px;
    height: 27px;
    top: 0;
    text-transform: uppercase;
    float: left;
    clear: both;
}

#header div.links a {
    padding: 0px;
    line-height: 25px;
    cursor: pointer;
    font-weight: normal;
}

#header div.links a:hover {
    text-decoration: underline;
}

#header div.links .fixed div.language {
    display: block;
    float: right;
}

#header div.links .fixed a.language {
    padding: 7px 0 0 0;
    border: 0 none;
    height: 18px;
}

#header div.links .fixed a.language img {
    margin: 0;
    border: 0 none;
}

#header div.links .fixed a.language.act img {
    opacity: .5;
    border: 0 none;
}

#header div.bar .fixed div.currency {
    line-height: normal;
    display: inline-block;
    float: right;
    margin-right: 10px;
}

#header div.links a.currency {
    margin: 0;
    padding: 0 0 0 7px;
    border: 0 none;
    line-height: 27px;
    height: 27px;
    display: inline-block;
    font-size: 12px;
}

#header div.links a.currency.sep {
}

#header .fixed .box-fbconnect .left {
    margin-right: 10px;
}

#header .fixed .box-fbconnect .fb_link {
}

#header .fixed .box-fbconnect #loggedFbUserBox .left + .left {
    margin-top: -4px;
}

#header .fixed .box-fbconnect #loggedFbUserBox .left + .left + .left {
    margin-top: 0;
}

#header div.links .box-small-account,
#header div.links .box-small-account a {
    color: #444;
}

#header div.links .box-small-account a.open {
    background-color: #23a748;
    color: #fff;
}

#header div.links .box-small-account a.register {
}

#header div.links .box-small-account {
    float: right;
    white-space: nowrap;
}

#header div.links .box-small-account.loggedin {
    padding-left: 15px;
    background: transparent url(images/arrows.png) no-repeat scroll -8px -686px;
}

#header div.links .box-small-account div {
    display: inline;
    padding-right: 0;
    margin-right: 0;
}

#header div.links .box-small-account .mail a {
    font-weight: bold;
}

#header div.links .box-small-account div,
#header div.links .box-small-account .sep {
}

#header div.links .box-small-account .sep {
    display: none;
}

#header div.links .box-small-account .login-buttons div {
    float: left;
    margin: 0px 5px !important;
}

#header div.links .box-small-account .login-buttons {
    float: left;
    margin-top: 2px;
}

#header div.oxid .box-small-account,
#header div.oxid .box-small-account a {
    margin: 0;
    padding: 0;
    border: 0 none;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

#header div.oxid .box-small-account {
    position: absolute;
    left: 20px;
    top: 76px;
    white-space: nowrap;
}

#header div.oxid .box-small-account div {
    display: inline;
    padding-right: 5px;
    text-transform: none;
    margin-right: 3px;
}

#header div.oxid .box-small-account .mail a {
    color: #666;
    text-transform: none;
    font-weight: bold;
}

#header div.oxid .box-small-account div,
#header div.oxid .box-small-account .sep {
}

#header div.oxid .box-small-account .sep {
    text-indent: -5000px;
    width: 3px;
    display: inline-block;
    background-position: center;
}

#haccount {
    float: left;
    position: absolute;
    right: 0px;
    top: 27px;
    width: 200px;
    background: #23a748;
    padding: 10px;
    z-index: 10000;
    line-height: normal;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
}

#haccount.loggedin {
    width: 240px;
}

#haccount strong {
    margin: -10px -10px 10px;
    padding: 10px;
    text-transform: uppercase;
    display: block;
    color: #fff;
    position: relative;
}

#haccount strong .close {
    text-indent: -2000px;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: transparent url(images/arrows.png) no-repeat scroll 17px -737px;
    cursor: pointer;
}

#haccount .form {
}

#haccount a {
    text-decoration: none;
}

#haccount a:hover {
    text-decoration: underline;
}

#haccount .btn:hover input {
    text-decoration: underline;
}

#haccount label {
    clear: both;
    background-color: #fff;
    color: #676767;
    height: 20px;
    width: 50px;
    display: block;
    line-height: 20px;
    font-weight: bold;
    padding: 3px 0 3px 8px;
    float: left;
}

#haccount p {
    margin: 0 0 10px;
}

#haccount input.txt {
    margin: 0 0 10px;
    width: 135px;
    font-size: 12px;
    padding: 3px;
    border: 0 none;
    height: 20px;
    line-height: 20px;
    border-radius: 0;
}

#haccount label.rightloginkeeplogggedin {
    width: 45%;
    padding: 10px 0 0 20px;
    position: relative;
    line-height: normal;
    clear: both;
    float: left;
}

#haccount label.rightloginkeeplogggedin input {
    position: absolute;
    left: 0;
    top: 12px;
}

#haccount span.btn,
#haccount span.btn a,
#haccount span.btn input {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

#haccount span.btn input {
    padding-bottom: 3px;
}

#haccount .btn.account {
    float: left;
}

#haccount span.btn {
    margin-bottom: 10px;
}

#haccount.loggedin span.btn {
    margin-bottom: 0px;
    clear: both;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#haccount.loggedin span.btn a {
    padding: 0 10px 0 20px;
    line-height: 42px;
}

#haccount.loggedin span.btn.logout {
    left: auto;
    right: 10px;
}

#haccount.loggedin {
    padding-bottom: 50px;
}

div#header .links #haccount .link {
    margin: 0px 0 0;
    line-height: normal;
    display: block;
    clear: both;
    float: left;
    color: #333;
    background: transparent;
    padding-left: 0;
    text-decoration: none;
}

#haccount span.btn input:hover,
div#header .links #haccount .link:hover {
    text-decoration: underline;
}

#haccount .link.hallp {
}

#haccount .mail {
    text-decoration: none;
    color: #000;
}

#haccount .mail b {
    display: block;
}

#haccount .mail:hover {
    text-decoration: underline;
}

#haccount ul {
    padding: 0px 0;
    list-style-type: none;
    float: left;
}

#haccount ul a.link {
    padding: 0 0 0px;
}

#haccount div#links {
    display: block;
    clear: both;
}

#haccount div#links ul li {
    float: none;
    clear: both;
}

#header div.links ul.menue.horizontal li a,
#header div.links .fixed a,
#header div.links .right a,
#header div.links .left a {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 0;
    text-transform: none;
    color: #444;
    font-size: 12px;
}

#header div.links .right a.active,
#header div.links .left a.active {
}

#header div.links .fixed a {
    display: inline-block;
}

#header-compare {
    position: absolute;
    z-index: 5;
    top: 0px;
    padding: 0 10px 0 0;
    background-color: #e5e5e5;
    font-size: 11px;
    left: 386px;
}

#header-compare a {
    display: block;
    padding: 3px 20px;
    background-position: right -219px;
    color: #444;
    font-weight: bolder;
}

/* structured cms */
#header div.bar.links ul.menue.dropdown.level1 {
    top: 26px;
    left: 0px;
}

#header div.bar.links ul.menue a:hover {
    text-decoration: underline;
}

#header div.bar.links li.open a,
#header div.bar.links li a.exp {
    text-decoration: none;
}

#header div.bar.links ul.menue.horizontal,
#header div.bar.links ul.menue.horizontal li {
    display: inline-block;
    position: relative;
}

#header div.bar.links ul.menue.vertical {
    background: #e5e5e5;
    width: 170px;
    margin: -1px 0 0 -5px;
}

#header div.bar.links ul.menue.vertical li {
    float: none;
    display: block;
    position: relative;
    border-width: 1px 1px 0;
}

#header div.links .right ul.menue.vertical li a,
#header div.links .left ul.menue.vertical li a,
#header div.bar.links ul.menue.vertical li a {
    min-width: 50px;
    text-align: left;
    white-space: normal;
    padding: 7px 10px;
    color: #444;
    border-bottom: 1px solid #fff;
    background: #e5e5e5;
    display: block;
    position: relative;
    float: none;
    line-height: normal;
    height: auto;
}

#header div.links .right ul.menue.vertical li a:hover,
#header div.links .left ul.menue.vertical li a:hover,
#header div.bar.links ul.menue.vertical li a:hover {
    background-color: #23a748;
    color: #fff;
}

#header div.bar.links ul.menue.vertical ul {
    border-top: 1px solid #fff;
}

#header div#box-search {
    position: absolute;
    left: 386px;
    top: 48px;
    float: left;
    margin: 0;
    padding: 0;
}

#header div#box-search form {
    float: left;
    background: transparent url(images/box_search_bkg.png) no-repeat scroll left top;
    width: 227px;
    height: 30px;
}

#header div#box-search form p {
    margin: 0;
}

#header div#box-search form input.txt {
    font-style: italic;
    background: transparent;
    border: 0 none;
    line-height: 30px;
    height: 30px;
    padding: 0 0 0 15px;
    width: 170px;
    color: #666;
}

#header div#box-search select {
    display: none;
}

#header div#box-search strong.h2 {
    display: none;
}

#header div#box-search span.btn,
#header div#box-search .btn input {
    padding: 0;
    margin: 0;
    height: 30px;
    width: 35px;
    background: transparent;
    overflow: hidden;
    text-align: left;
}

#header div#box-search .btn input {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
}

#header div#box-search .searchhint1,
#header div#box-search .searchhint2 {
    display: block;
    clear: both;
    font-size: 10px;
    color: #999;
    width: 227px;
}

#header div#box-search .searchhint1 {
    position: absolute;
    left: 0;
    bottom: -33px;
}

#header div#box-search .searchhint2 {
    padding-top: 3px;
}

/* top navigation */
div.bar.categories {
    position: relative;
    height: 86px;
    float: left;
    width: 1000px;
    padding: 0 0 0 2px;
}

div.bar.categories .showmenu {
    display: none;
}

div.bar.categories ul.menue.horizontal {
    width: 1000px;
    display: table;
}

div.bar.categories a {
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    display: block;
    padding: 5px 15px;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}

div.bar.categories a .num {
    font-weight: normal;
    font-weight: 300;
    display: none;
}

div.bar.categories a.root .num {
}

div.bar.categories .more a.more {
    background: transparent url(images/arrows.png) no-repeat scroll right -366px;
    padding-right: 35px;
}

div.bar.categories a.has {
}

div.bar.categories .more li a,
div.bar.categories li li a.has {
}

div.bar.categories li li a,
div.bar.categories li:first-child a {
}

div.bar.categories li a.more {
}

div.bar.categories li.open a.more {
}

div.bar.categories a.fixed {
    padding: 10px 0;
    text-align: center;
}

div.bar.categories a.fixed:hover {
    text-decoration: none;
}

div.bar.categories li.open a,
div.bar.categories li a.exp {
    text-decoration: none;
}

div.bar.categories li.root {
    padding: 6px 12px 0 10px;
    position: relative;
    height: 80px;
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
}

div.bar.categories li.root:first-child {
}

div.bar.categories li.root.open {
    background-color: #aaa;
}

div.bar.categories li a.root {
    display: block;
    height: 80px;
    width: 100%;
    text-align: center;
    line-height: 15px;
    padding: 0;
}

div.bar.categories li a.root .caticon {
    display: block;
    height: 50px;
    width: 100%;
}

div.bar.categories li.more {
    float: none;
}

div.bar.categories li.more a.more {
    padding-top: 24px;
    height: 51px;
    font-size: 20px;
    text-transform: uppercase;
}

div.bar.categories li.more ul.menue.vertical {
    margin-left: 0;
    left: auto;
    right: 1px;
}

div.bar.categories ul.menue.horizontal ul {
}

div.bar.categories ul.menue.horizontal ul ul {
    top: 0px;
}

div.bar.categories ul.menue.horizontal li {
    position: relative;
}

div.bar.categories ul.menue.horizontal li li {
    margin-right: 0px;
}

div.bar.categories ul.menue.vertical {
    margin-left: -12px;
    border: 1px solid #aaa;
    border-top-width: 0;
    border-left-color: #aaa;
    left: auto;
}

div.bar.categories li.root:first-child ul.menue.vertical {
}

div.bar.categories ul.menue.vertical li {
    float: none;
    line-height: normal;
    background: #aaa;
}

div.bar.categories ul.menue.vertical li:hover {
    background: #999;
}

div.bar.categories ul.menue.vertical li:hover li:hover a,
div.bar.categories ul.menue.vertical li:hover a {
}

div.bar.categories ul.menue.vertical li:hover li a {
}

div.bar.categories ul.menue.vertical li a {
    min-width: 200px;
    width: 200px;
    width: auto !important;
    max-width: 250px;
    text-align: left;
    padding: 7px 10px;
    font-weight: bold;
    line-height: normal;
}

/* side banners */
.side-banner {
    border-radius: 5px 0 0 5px;
    position: fixed;
    right: -440px;
    top: 270px;
    width: 440px;
    height: 185px;
    padding: 0px 0 0px 125px;
    z-index: 130;
    background: #23a748 url(images/lekarnik_tab.png) no-repeat 0px 10px;
}

.side-banner:hover {
    right: 0;
}

.side-banner h3 {
    font-weight: bold;
    margin: 0 0 0px;
    color: #333;
}

.side-banner a {
    color: #144B79;
}

.side-banner a:hover {
    color: #333;
}

.side-banner-content {
    text-align: left;
    color: #333;
    width: 390px;
    min-height: 189px;
    height: 189px;
    height: auto !important;
    padding: 8px 25px 10px;
    background: #23a748;
}

.side-banner-content p {
    margin: 0 0 8px 0;
}

.side-banner img.photo {
    position: absolute;
    top: 20px;
    left: 45px;
}

.side-banner .name {
    position: absolute;
    top: 100px;
    left: 40px;
    font-size: 11px;
    width: 70px;
    color: #333;
    text-align: right;
}

.side-banner #chat_button {
    display: block;
    float: left;
    clear: both;
    margin: 0px 10px 10px 0;
    width: 100%;
}

.side-banner #zenbox_tab.offline {
    display: none !important;
}

.side-banner .offline,
.side-banner .online {
    display: none;
    padding-left: 20px;
    margin: 10px 10px 10px 0px;
    line-height: 40px;
    background: transparent url(images/online.png) no-repeat 0px center;
}

.side-banner .offline {
    background-image: url(images/offline.png);
}

.side-banner {
    -webkit-transition: right .3s ease-in-out .1s;
    -moz-transition: right .3s ease-in-out .1s;
    -o-transition: right .3s ease-in-out .1s;
    -ms-transition: right .3s ease-in-out .1s;
    transition: right .3s ease-in-out .1s;
}

/* + layout - footer*/
.footerlinks {
    background-color: #393939;
}

.footerlinks .left {
    float: none;
    margin: 0 auto;
    width: 1000px;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #fff;
}

.footerlinks a {
    color: #fff;
    margin-right: 20px;
    font-size: 13px;
}

a#scrolltop {
    background: transparent url(images/buttons.png) no-repeat right -230px;
    padding: 10px 32px 10px 0;
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    color: #114774;
    position: relative;
    transition: bottom 1s;
    bottom: -40px;
}

a#scrolltop.showme {
    bottom: 0;
}

div#footer {
    position: relative;
    overflow: hidden;
    background: #e3e3e3 url(images/footer_bkg.png) repeat-x scroll left 0px;
    color: #000;
}

#prefooter_tablet,
#footer .footer-box.mobile,
#footer .footer-box.tablet {
    display: none;
}

#footer .footer-box.tablet.links h4 {
    text-align: right;
    cursor: pointer;
    line-height: 2rem;
    margin: 0.5rem;
}
#footer .footer-box.tablet.links h4:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 1rem;
    color: #000;
    line-height: 2rem;
    margin-right: 1rem;
}
#footer .footer-box.tablet.links ul {
    display: none;
    position: absolute;
    background-color: #ccc;
    padding: 0.5rem;
    bottom: 2rem;
    right: 0;
    width: 100%;
    list-style: none;
}

#footer .footer-box.tablet.links ul a {
    padding: 0.5rem;
    text-align: right;
    display: block;
}

div#footer .footertext table {
    color: #000;
}

div#footer .wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 287px;
    padding: 0;
}

#footer {
    line-height: normal;
}

#footer a {
    text-decoration: none;
    color: #000;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    margin: 0;
}

#footer ul.info a {
    padding-bottom: 0;
}

#footer .footer-box {
    margin: 0 2%;
    width: 96%;
    float: left;
    clear: both;
}

#footer div.bar {
}

#footer div.copy {
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 100%;
    z-index: 10;
    font-size: 10px;
}

#footer div.copy a {
}

#footer div.copy .left {
    margin: 0 0 0 20px;
}

#footer div.copy .right {
    margin: 0 20px 0 0;
}

#footer div.shop {
    padding: 20px 0 0;
    height: 140px;
    color: #000;
}

#footer div.shop a {
    color: #000;
}

#footer .footertext {
    padding: 15px 0 0;
    height: 112px;
}

#footer .footertext a {
}

#footer .mobile-desktop-switch {
}

#footer table,
#prefooter table {
    float: left;
    margin: 0;
    line-height: normal;
    width: 100%;
}

#footer table td,
#prefooter table td {
    vertical-align: top;
    padding: 0;
    text-align: left;
}

#footer .shop table td {
    width: 31%;
    padding: 0 2% 5px 0;
}

#footer .footertext table td {
    vertical-align: middle;
    width: 33%;
}

#footer .footertext table td + td {
    text-align: center;
}

#footer .footertext table td + td + td {
    text-align: right;
}

#footer .footertext table strong.h2 {
}

#prefooter {
    clear: both;
    color: #fff;
    margin: 0;
    padding: 0 20px;
    position: relative;
    z-index: 10;
}

#prefooter p {
    margin: 0;
}

#prefooter a {
    text-decoration: none;
}

#prefooter a:hover {
    text-decoration: underline;
}

/* minibasket */
.box.minibasket .hr {
    height: 2px;
    background: transparent url(images/line_dotted_x.png) repeat-x 0px 0px;
}

.box.minibasket .tocart {
    margin-left: auto;
    text-align: right;
    display: block;
}

.box.minibasket .tocart input {
}

/* + layout - left */
#left #box-categorytree,
#left .catfilter,
#left ul.tree,
#left div.box-wrapper {
    background-color: #eee;
    clear: both;
    float: left;
    width: 100%;
}

#left ul.tree {
    overflow: hidden;
}

#left .catfilter {
}

#left div.box-wrapper {
    margin-top: 15px;
}

#left .catfilter + .catfilter {
    margin-top: 0;
}

#left span.btn.mojeid {
    width: 155px;
    float: none;
    margin: 10px auto;
}

#left a {
    color: #444;
}

#left div#box-categorytree strong.h2 {
    padding-right: 25px;
}

#left div#box-categorytree strong.h2.has:after {
    content: "";
    position: absolute;
    background: transparent url(images/arrows.png) no-repeat scroll -3px -589px;
    position: absolute;
    right: 0;
    top: 50%;
    height: 20px;
    margin: -10px 0 0;
    width: 25px;
}

#left div#box-manufacturertree strong.h2 {
}

#left div#box-categorytree,
#left div#box-vendortree,
#left div#box-manufacturertree {
    margin-bottom: 15px;
}

#left div#box-categorytree {
}

#left form.search {
    padding: 3px 0 10px;
}

#left .pricefilter form {
    padding: 10px;
}

#left .catfiltervalues,
#left .catfilteritem.activated,
#left .filterstock,
#left .catfilter ul.list,
#left ul.info,
#left dl.news,
#left div.box {
    padding: 15px 20px;
}

#left .filterstock {
    padding-bottom: 10px;
}

#left div.box img {
    max-width: 100%;
    height: auto !important;
}

#left .catfilteritem .h3,
#left .boxhead,
#left strong.h2 {
    display: block;
    margin: 0;
    font-weight: bolder;
    color: #fff;
    position: relative;
    padding: 10px 10px 10px 10px;
    background: #393939;
    font-size: 15px;
    line-height: 1.1em;
}

#left .boxhead a,
#left strong.h2 a {
    text-decoration: none;
    color: #fff;
}

#left .boxhead a:hover,
#left strong.h2 a:hover {
    text-decoration: underline;
}

#left p {
    padding: 0;
    margin: 0;
    position: relative;
}

#left .search input.txt {
    width: 183px;
    margin: 0 0 10px 5px;
    padding: 4px 0;
    border: 0 none;
}

#left .search input.txt.ui-autocomplete-loading {
    background: #fff url(images/autocomplete-loader.gif) no-repeat scroll right center;
}

#left .search select {
    width: 220px;
    margin: 0 0 5px;
}

#left .search span.btn {
    position: absolute;
    top: 2px;
    left: 196px;
    background: transparent;
}

#left .search span.btn input {
    width: 20px;
    text-align: center;
    padding: 20px 0 0 0;
    background: transparent url(images/buttons.png) no-repeat scroll left -200px;
}

#left .search span.btn input {
    font-size: 0;
}

#left #box-customtextleft strong.h2 {
}

#left hr {
    margin: 3px 10px 3px 0;
}

#left div#box-search {
    background: #104774 url(images/box_search_bkg.png) no-repeat scroll -20px -20px;
}

#left div#box-search strong.h2 {
    display: none;
}

/* information list */
ul.info {
    margin: 10px 0 0;
    padding: 0;
}

ul.info li {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

ul.info li a {
    display: block;
    padding: 0 0 10px;
}

/* news list */
#left dl.news {
    margin-bottom: 0;
}

dl.news dt {
    margin-bottom: 0;
    font-weight: bold;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    line-height: normal;
}

dl.news dt:first-child {
    border-top: 0 none;
    padding-top: 0;
}

dl.news dt a {
    text-decoration: none;
}

dl.news dt a:hover {
    text-decoration: underline;
}

dl.news dd {
    margin: 0 0 10px 0;
    font-size: .9em;
    line-height: normal;
}

dl.news dd .newsitem-date,
dl.news dd,
dl.news dd a {
    text-decoration: none;
}

dl.news dd a:hover {
    text-decoration: underline;
}

dl.news dd .newsitem-more {
    display: none;
}

/* partners list */
#left .partners {
    margin: 7px 0;
}

#left .partners .logo {
    text-align: center;
    margin-top: 20px;
}

/* Navigation - tree */
#left ul.tree a {
    color: #444;
}

#left ul.tree a .num {
    color: #888;
    font-weight: normal;
    font-weight: 300;
}

#left .catfilter ul.list,
ul.tree {
    margin: 10px 0 0;
    padding: 0 0 10px;
    line-height: 1.1em;
}

ul.tree ul {
    padding: 0;
    margin: 0;
    position: relative;
    border-left: 1px solid #888;
}

ul.tree ul:before {
    content: "";
    display: block;
    width: 1px;
    height: 2.5em;
    border-left: 1px solid #888;
    position: absolute;
    left: -1px;
    bottom: 100%;
}

ul.tree li:last-child > ul {
    border-left: 0 none;
}

ul.tree li:last-child > ul:before {
    display: none;
}

#left .catfilter ul.list li,
ul.tree li {
    padding: 0;
    margin: 0 0 0 15px;
    list-style: none;
}

ul.tree li li {
    margin-left: 15px;
}

ul.tree li li.exp {
}

ul.tree li.exp.has {
}

ul.tree li ul {
}

ul.tree li ul ul {
}

ul.tree li ul ul ul {
}

ul.tree li a {
    padding: 5px 10px 5px 27px;
    display: block;
    position: relative;
}

ul.tree li > a:before {
    content: "";
    display: block;
    width: 15px;
    height: 50%;
    border: 1px solid #888;
    border-width: 0 0 1px 1px;
    position: absolute;
    left: 0;
    top: 0;
}

ul.tree li + li > a:before {
    height: 150%;
    top: -100%;
}

ul.tree li li a {
}

ul.tree li li li a {
}

ul.tree li li li li a {
}

ul.tree li li li li li a {
}

ul.tree li a.root {
}

ul.tree li a.exp {
}

ul.tree li a.act {
    font-weight: bold;
}

ul.tree li a.exp.act {
}

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

#left input.fullsize {
    width: 116px;
    padding: 0;
}

#left div.box a.arr {
    text-decoration: none;
    padding-left: 12px;
    background: url(images/arrow_details.gif) no-repeat 0 3px;
}

#left div.box a.arr:hover {
    text-decoration: underline;
}

div#box-myaccount .link {
    display: block;
    margin-top: 5px;
}

#box-myaccount ul {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

#left td.inpwrap,
#left td.btnwrap {
    text-align: right;
}

#left td.inpwrap input {
    text-align: left;
}

#left div.form label {
    width: 50px;
    float: left;
    clear: both;
    padding-top: 5px;
}

#left div.form label.rightloginkeeplogggedin {
    width: auto;
    padding-bottom: 10px;
}

#left div.form label.rightloginkeeplogggedin input {
    position: relative;
    top: 2px;
}

#left div.form input.txt {
    float: left;
    margin-bottom: 5px;
    width: 206px;
}

#left .listitem {
    margin: 2px 0 7px;
    padding-left: 75px;
    position: relative;
    min-height: 70px;
    height: auto !important;
    height: 70px;
}

#left .listitem .picture {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    text-align: center;
}

#left .listitem .picture {
    width: 70px;
    height: 70px;
    line-height: 67px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 3px;
}

#left .listitem .picture img {
    margin-top: 7px;
    max-height: 60px;
}

#left .listitem .picture span {
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

#left .listitem .picture span img {
    margin-top: 0;
}

#left .listitem a {
    text-decoration: none;
}

#left .listitem a.arttitle,
#left .listitem a.title {
    font-weight: bold;
}

#left .listitem a.title {
    overflow: hidden;
    width: 108px;
    display: block;
}

#left .listitem a:hover {
    text-decoration: underline;
}

#left .listitem tt {
    display: block;
}

#left .actions {
    margin: 3px 0 5px;
}

#left .actions a {
    display: block;
}

#left .listitem.rightlist {
    height: auto;
}

#left .listitem.rightlist.lastinlist {
    margin-bottom: 3px;
}

#left .listitem.rightlist .price {
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: right;
}

#left .listitem.rightlist .price a {
    font-weight: normal;
}

#left .listitem.rightlist .price .tocart {
    display: none;
}

#left .listitem.rightlist .price .btn {
}

#left .listitem.rightlist .link {
    background: transparent url(images/arrows.png) no-repeat scroll 0 -299px;
    padding-left: 14px;
    text-decoration: none;
    line-height: 1.1em;
}

#left .listitem.rightlist .link:hover {
    text-decoration: underline;
}

/* right minibasket */
#left .box.minibasket .tocart {
    margin-top: 5px;
}

#left .box.minibasket .tocart input {
}

#left dl.actionslist {
    margin-bottom: 5px;
}

#left dl.actionslist dt {
    background: url(images/hr_right.gif) repeat-x top;
    font-weight: bold;
    padding-top: 5px;
}

#left dl.actionslist dd {
    margin: 0;
    height: 12px;
}

#left dl.actionslist dd tt {
    width: 80px;
    float: left;
}

#left dl.actionslist dd span {
    float: left;
}

#left dl.actionslist .link {
    background: url(images/arrows.png) no-repeat 0 -385px;
    padding-left: 14px;
    text-decoration: none;
    line-height: 1.1em;
    float: right;
}

#left dl.actionslist .link:hover {
    text-decoration: underline;
}

#left .recommlistsearch .btn {
    width: auto;
}

#left .recommlistsearch .search_input {
    width: 120px;
}

#left div.form input.openid,
#left input.openid {
    width: 113px;
}

/* RSS */
#left .box {
    position: relative;
}

a.rss {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    background: transparent url(images/rss.png) 0 0 no-repeat;
    text-decoration: none;
    bottom: 5px;
    right: 6px;
}

#body h2.head2 a.rss,
#body strong.head a.rss,
#body strong.head2 a.rss,
#body .product strong.h4 a.rss {
    bottom: 8px;
    right: 7px;
    left: auto;
    top: auto;
}

#body h2.head2,
#body strong.head,
#body strong.head2 {
    position: relative;
    display: block;
}

#left strong.h2 a.rss {
    bottom: auto;
    right: auto;
    left: 15px;
    top: 8px;
    background-image: url(images/rss_box.png);
}

/* Path */
#path {
    position: relative;
}

#path a {
    text-decoration: none;
}

#path a:hover {
    text-decoration: underline;
}

#path a.dinfo {
    position: absolute;
    right: 21px;
}

/* Content */
#body a {
    text-decoration: none;
    color: #d70012;
    color: #23a748;
}

#body a:hover {
    text-decoration: underline;
}

#body a[name]:hover {
    text-decoration: none;
}

#body strong.head,
#body h1.head {
    margin: 0;
    padding: 5px 0;
    line-height: 1.2em;
    font-size: 20px;
    font-weight: normal;
    width: 100%;
    float: left;
    position: relative;
}

#body strong.head em,
#body h1.head em {
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
}

#body strong.head small,
#body h1.head small {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    display: block;
    position: absolute;
    top: 9px;
    right: 3.5em;
}

#body strong.head h1 {
    margin: 0;
    padding: 0;
    display: inline;
}

#body h2.head2,
#body strong.head2,
#body .boxhead {
    margin: 0;
    padding: 20px 0 40px;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.1em;
    font-weight: normal;
    font-weight: 300;
    float: left;
    position: relative;
    width: 100%;
    clear: both;
    color: #333;
    text-align: center;
}

#body h2.head2 em,
#body strong.head2 em,
#body .boxhead em {
    text-transform: none;
    font-style: normal;
}

#body h2.head2 a,
#body strong.head2 a {
    color: #333;
}

#body .evidenceheader .head2 {
    padding-bottom: 20px;
}

#body .evidenceheader + .boxhead {
    padding-top: 0;
    padding-bottom: 20px;
}

body.start-page #body strong.head2 {
}

body #left + #body .box + .boxhead,
body #left + #body .box + strong.head2,
body #left + #body .product + .boxhead,
body #left + #body .product + strong.head2,
body.start-page #body div + strong.head2,
body.start-page #body strong + strong.head2 {
    border-top: 1px solid #ccc;
    margin: 20px 3% 0;
    width: 94%;
    padding-top: 20px;
}

body #body .box + .boxhead,
body #body .box + h2.head2,
body #body .box + strong.head2,
body #body .product + .boxhead,
body #body .product + h2.head2,
body #body .product + strong.head2,
body.details-page #body h2.head2,
body.details-page #body strong.head2 {
    border-top: 1px solid #ccc;
    margin: 20px 3% 0;
    width: 94%;
    padding-top: 20px;
}

body.details-page #body #subnavhook + h2.head2,
body.details-page #body #subnavhook + strong.head2 {
    background-position: 9999px 9999px !important;
    padding-top: 30px;
}

body.details-page #body #subnavhook.pinned + h2.head2,
body.details-page #body #subnavhook.pinned + strong.head2 {
}

#body strong.head3 {
    font-size: 26px;
    font-weight: normal;
    padding: 40px 0 20px !important;
}

#body strong.head4 {
    font-size: 22px;
    font-weight: 700;
    padding: 40px 0 20px !important;
    display: inline-block;
}

#body .boxhead em {
    font-style: normal;
    font-weight: normal;
    font-size: .75em;
}

#body .boxhead h1 {
    margin: 0;
    padding: 0;
    display: inline;
    font-weight: 300;
    color: #444;
    font-size: 36px;
}

#body .boxhead small {
    padding-left: 1em;
    font-weight: normal;
}

#body .orderblock,
#body .box {
    float: left;
    padding: 0 0 10px;
    width: 100%;
    margin: 0;
}

#body .box.wider {
    width: 96%;
    margin: 0 2%;
}

#left + #body .box {
    margin: 0 2.6455% 0 0;
    width: 97.3545%;
}

#body .box .box,
#left + #body .box .box {
    width: 100%;
    margin: 0;
}


#body .box table.flex {
    max-width: 100%;
    width: auto !important;
}

#body .box table.flex tr {
    display: flex;
    flex-direction: row;
}

#body .box table.flex td {
    display: block;
    float: left;
    clear: both;
}

#body .box.variantslist {
}

#body .box.variantslist .separator.inbox {
    display: none;
}

#body .box.empty {
    display: none;
}

#body .listdetails {
}

#body .listdetails .listdetails-top {
}

#body .listdetails .listdetails-bottom {
}

#body .listdetails .listdetails-content {
    padding: 20px 0 0;
}

#body .listdetails .listdetails-subcats,
#body .listdetails .listdetails-content hr {
    display: none;
}

#body .catlongdesc {
    color: #888;
    font-size: 12px;
}

/* full-text search */
#body .manufacturer-items {
    width: 23%;
    margin-right: 2%;
    float: left;
}

#body .manufacturer-items.alone {
}

#body .category-items {
    width: 75%;
    float: left;
}

#body .category-items.alone {
}

#body .manufacturer-items.alone,
#body .category-items.alone {
    width: 100%;
    margin: 0;
}

#body .fulltext-kinds .type {
    padding: 0 0 10px;
}

#body .fulltext-kinds .type strong {
    font-weight: normal;
    font-weight: 300;
    font-size: 18px;
}

/* category list header mod */
body #left + #body div + .boxhead.cattitle,
body #left + #body .boxhead.cattitle,
body #body div + .boxhead.cattitle,
#body .boxhead.cattitle {
    padding: 0;
    background: transparent;
    text-align: left;
    margin-right: 2.6455%;
    width: 97.3545%;
}

/* #test_catTitle */
#body .boxhead.cattitle h1 {
    text-transform: uppercase;
}

/* #test_catArtCnt */
#body .boxhead.cattitle em {
    display: none;
}

/* #test_catDesc */
#body .boxhead.cattitle small {
    display: none;
}

#body .boxhead.cattitle .rss {
    bottom: 14px;
    right: 7px;
    background-image: url(images/rss_box.png);
}

#body .listdetails .listdetails-content .categorythumbenvelope img {
    max-width: 100%;
    margin-bottom: 20px;
}

#body .empty {
    padding: 0 !important;
    height: 0;
    overflow: hidden;
}

#body .box img {
    border: none;
    padding: 0;
    margin: 0;
    height: auto;
    max-width: 100%;
}

/*
#body .box td img {
    max-width: none;
}
*/

#body .box p {
    margin: 0 0 1em 0;
}

#body .box .categorythumb {
    float: right;
    margin: 0 0 1em 1em;
}

#body .box form td .left img {
    margin-top: 4px;
}

/* media icons */
#body .media p.micon {
    background: transparent url(images/icons/file.png) no-repeat scroll left top;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    padding: 1px 0 0 22px;
    margin-bottom: 5px;
}

#body .media p.micon.mdoc {
    background-image: url(images/icons/doc.png);
}

#body .media p.micon.mfile {
    background-image: url(images/icons/file.png);
}

#body .media p.micon.mlink {
    background-image: url(images/icons/link.png);
}

#body .media p.micon.mpdf {
    background-image: url(images/icons/pdf.png);
}

#body .media p.micon.mpic {
    background-image: url(images/icons/picture.png);
}

#body .media p.micon.mxls {
    background-image: url(images/icons/xls.png);
}

#body .media p.micon.mzip {
    background-image: url(images/icons/zip.png);
}

#body .media p.myoutube {
    text-align: center;
}

#body .media p.myoutube object {
    margin-top: 5px;
}

/* subcategories list */
#body .box ul.list {
    margin: 0;
    padding: 5px 0 5px 0;
}

#body .box ul.list li {
    background: transparent url(images/arrows.png) no-repeat scroll -3px -97px;
    display: inline;
    padding-left: 10px;
    margin-right: 10px;
}

#body .box ul.list li a {
    font-size: 14px;
    color: #888;
    text-decoration: none;
    text-align: center;
}

#body .box ul.list li a:hover {
    text-decoration: underline;
}

#body .box ul.list li.icon {
    background: transparent;
}

#body .box ul.list li.icon img {
    vertical-align: middle;
}

/* subcategories image list - only for subcategories, not for vendors nor manufacturers */
body.alist-page #body .box ul.list.imagecatlist {
    list-style-type: none;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0;
}

body.alist-page #body .box ul.list.imagecatlist li {
    background: transparent;
    display: block;
    float: left;
    padding: 0;
    margin: 0 1% 10px 0;
    height: 260px;
    width: 19%;
    overflow: hidden;
    white-space: nowrap;
}

body.alist-page #body .box ul.list.imagecatlist li.contentcats {
    background-image: url(images/textincatimg.png);
}

body.alist-page #body .box ul.list.imagecatlist li a {
    display: block;
    font-size: 17px;
    width: 100%;
    padding-bottom: 3px;
    text-align: center;
    overflow: hidden;
}

body.alist-page #body .box ul.list.imagecatlist li a img {
    margin-bottom: 10px;
}

#body .box ul.list.column {
    float: left;
    width: 33%;
}

#body .box ul.list.column li {
    display: block;
}

#body .box .columned .clear {
    clear: both;
}

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

/* category filter */
#body .box .catfilter {
    clear: left;
    margin-bottom: 0;
}

#body .catfilterwrap {
    float: left;
    width: 955px;
    padding: 10px 20px 10px;
    background: #e8e8e8;
}

#manfilterformpop li input,
#body .catfilter.manufacturerfilter li input,
#body .catfilter .ondemand.multiple .catfilterlist input.checkbox,
#body .catfilter input.stockfilterbox,
#body .catfilter input.checkbox {
    position: absolute;
    left: -9999px;
}

#body .box .catfilter.statefilter .productstats-title,
#manfilterformpop label,
#body .catfilter.manufacturerfilter label,
#body .catfilter .ondemand.multiple .catfilterlist label,
#body .catfilter .catfiltervalues label {
    padding: 1px 0 2px 20px;
    display: block;
    margin: 0;
    position: relative;
}

#body .catfilterwrap .catfilter .filterstock label:before,
#body .box .catfilter.statefilter .productstats-title:before,
#manfilterformpop label:before,
#body .catfilter.manufacturerfilter label:before,
#body .catfilter .ondemand.multiple .catfilterlist label:before,
#body .catfilter .catfiltervalues label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    background: transparent url(images/arrows.png) no-repeat scroll left -849px;
}

#body .catfilterwrap .catfilter .filterstock.active label:before, 
#body .box .catfilter.statefilter .active .productstats-title:before, 
#manfilterformpop .active label:before, 
#body .catfilter.manufacturerfilter .active label:before, 
#body .catfilter .ondemand.multiple .catfilterlist label.checked:before, 
#body .catfilter .catfiltervalues .active label:before, 
#body .catfilter .catfiltervalues label.selected:before, 
#body .catfilter .catfiltervalues label.checked:before {
    background-position: left -925px;
}

#body .box .catfilter .boxhead {
}

#body .box .catfilter table {
    width: 100%;
    border-collapse: collapse;
}

#left .catfilter.pricefilter {
}

#left .catfilter .attrfilterslider,
#left .catfilter #pricefilterslider {
    background: #aaa;
    border: 0 none;
    margin: 15px 0 20px !important;
    height: 20px;
    box-shadow: inset 1px 1px 2px 0 #444;
    border-radius: 5px;
}

#left .catfilter .attrfilterinfo,
#left .catfilter #pricefilterinfo {
    margin: 0 !important;
    font-weight: bold;
    text-align: left;
}

#left .catfilter #pricefilterform .label {
    display: none;
}

#left .catfilter .attrfilterinfo .sep,
#left .catfilter #pricefilterform .sep {
    display: none;
}

#left .catfilter #pricefilterform .pricebox {
}

#left .catfilter #pricefilterform .from {
}

#left .catfilter .attrfilterinfo .to,
#left .catfilter #pricefilterform .to {
    float: right;
}

#left .catfilter .attrfilterslider .ui-widget-header,
#left .catfilter #pricefilterslider .ui-widget-header {
    background: #21b24b url(images/sidebar_header_green.png) no-repeat scroll -40px center;
    box-shadow: inset 0 1px 2px 0 #444;
}

#left .catfilter .attrfilterslider .ui-slider-handle,
#left .catfilter #pricefilterslider .ui-slider-handle {
    width: 5px;
    height: 40px;
    border: 0 none;
    border-radius: 0;
    background: #333;
    top: -9px;
    margin-left: -2px;
    cursor: w-resize;
}

#left .stockfilter label,
#left .catfilter label {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

#left .stockfilter label .num,
#left .catfilter label .num {
    color: #888;
    font-weight: normal;
    font-weight: 300;
}

#left .catfilteritem .h3 .unit {
    font-weight: normal;
    font-weight: 300;
}

#left .catfilter .active label,
#left .catfilter label.selected,
#left .catfilter label.checked,
#left .catfilter input.checked + label {
    color: #d80111;
}

#left .catfilter label.not:hover,
#left .catfilter input:hover + label.not {
    text-decoration: none;
}

#left .catfilter label:hover,
#left .catfilter input:hover + label {
    text-decoration: underline;
}

#left .catfilter label.checked:hover,
#left .catfilter .checked:hover + label,
#left .catfilter .checked:hover + label.not,
#left .catfilter input.checked + label:hover {
}

#left .catfilter {
}

#left .catfilterlist {
}

#left .catfilteritem .h3 {
    padding-right: 25px;
}

#left .catfilterlist input {
    cursor: pointer;
}

#left .filterstock .stockfilterbox,
#left .catfilter .checkbox {
    position: relative;
    top: 0.1em;
    margin: 0 15px 0 0;
}

#left .catfilter .attrslider {
    padding: 10px;
}

#left .catfilter.ondemand .filteropen {
    padding: 3px 30px 5px 4px;
}

#left .catfilter input.not {
    opacity: 0.5;
}

#left .catfilter .not {
    color: #d0d0d0;
}

#left .catfilter span.deselect,
#left .catfilter span.submit {
}

#left .catfilter span.btn {
}

#left .catfilter span.btn.deselect {
    clear: both;
    float: left;
    margin-left: 0;
}

#left .catfilter span.btn.deselect,
#left .catfilter .catfilterlist span.btn {
}

#left .catfilter .filterclear {
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -8px 0 0;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0 none;
    padding: 0;
    background: transparent url(images/buttons.png) no-repeat scroll -137px -249px;
}

#left .catfilter .filteropen .filterclear {
    right: 20px;
}

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

#left .catfilter.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;
}

#left .catfilter.ondemand .catfilterlist {
    display: none;
    padding: 10px 8px 10px 10px;
    margin: -16px 0 0 20px;
    position: absolute;
    z-index: 90;
    width: 144px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, .2);
    max-height: 300px;
    overflow: auto;
}

#left .catfilter.ondemand .catfilterlist label {
    margin: 0;
}

#left .catfilter.ondemand.single .catfilterlist input.checkbox {
    position: absolute;
    left: -9999px;
}

#left .catfilter.ondemand.single .catfilterlist label {
    padding: 2px 3px 2px 2px;
    display: block;
    margin: 0;
}

#left .catfilter.ondemand.single .catfilterlist label.selected,
#left .catfilter.ondemand.single .catfilterlist label.checked {
    font-weight: bold;
}

#left .catfilter.ondemand.single .catfilterlist label:hover {
    background-color: #f0f0f0;
}

#left .catfilter.ondemand.single .catfilterlist br {
    display: none;
}

#left .catfilter.ondemand.single .catfilterlist {
    padding-top: 4px;
    padding-bottom: 4px;
}

#left .catfilter span.deselect,
#left .catfilter span.submit {
    display: block;
    margin: 5px 20px;
}

#left .catfilter span.deselect input,
#left .catfilter span.submit input {
    width: 100%;
}

#left .catfilter span.submit {
    display: none;
}

#left .catfilter span.submit {
    background-position: right -852px;
}

#left .catfilter span.submit input {
    background-position: left -852px;
}

#left .catfilter .catfilteritem.activated {
}

#left .catfilter .activated .label {
}

#left .catfilter .activated .label + .label {
}

#left .catfilter span.btn.hide,
#left .catfilter .catfilterlist span.btn.hide {
    display: none;
}

#left .catfilter input.stockfilterbox,
#left .catfilter input.checkbox {
    position: absolute;
    left: -9999px;
}

#left .catfilter label {
    padding: 0 0 5px 28px;
    display: block;
    margin: 0;
    position: relative;
}

#left .catfilter label:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    background: transparent url(images/arrows.png) no-repeat scroll left -849px;
}

#left .catfilter .active label:before,
#left .catfilter label.selected:before,
#left .catfilter label.checked:before,
#left .catfilter input.checked + label:before {
    background-position: left -925px;
}

#left .catfilter br {
    display: none;
}

#left .noscript .catfilter.ondemand input.filterclear,
#left .noscript .catfilter.ondemand .deselect {
    display: none !important;
}

#body .catfilter.stockfilter {
}

#body .catfilter.stockfilter input {
}

#body .box strong.head2.categories {
    float: left;
    clear: both;
    padding-top: 30px;
    margin: 10px 0 30px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #d70012;
    font-size: 24px;
    border-top: 1px solid #86BC24;
    border-bottom: 1px solid #416c90;
}

#body .box .promocategories .product {
    border: 1px solid #85bb24;
    margin: 0px 25px 10px 0;
    height: 110px;
    width: 22.75%;
}

#body .box .promocategories .product.thirdcolrev-0 {
    margin-right: 0;
}

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

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

#body div.bar.prevnext {
    width: 94%;
    margin: 15px 3%;
    padding: 0;
    float: left;
    clear: both;
}

#left + #body div.bar.prevnext {
    width: 97.3545%;
    margin: 15px 2.6455% 15px 0;
}

#body div.bar.prevnext input {
}

#body div.bar.prevnext.bottom {
}

#body .form th {
    text-align: left;
    padding: 7px 0;
    font-weight: bold;
    background: url(images/line_dotted_horizontal.png) repeat-x bottom;
}

#body .form th.mid {
    padding-top: 3em;
}

#body .form th small {
    font-weight: normal;
    font-size: 10px;
}

#body .form td {
    padding: 3px 0;
}

#body small {
    font-weight: inherit;
    font-size: 10px;
}

/* Other */
#body .dot_sep {
    background: transparent url(images/line_dotted_horizontal.png) repeat-x scroll top;
    height: 3px;
    margin-bottom: 0px;
    margin-top: 10px;
    clear: both;
}

#body .dot_sep.mid {
    margin: 5px 0;
}

#body .notice.red {
    color: #d80012;
}

#body .errorbox {
    font-weight: bold;
    float: left;
    width: 90%;
    margin: 0 2% 10px 2%;
    padding: 10px 3%;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

#body .errorbox.danger {
    background-color: #d80012;
}

#body .errorbox.warning {
    background-color: #fff3cd;
    color: #856404;
}

#body .errorbox.success {
    background-color: #23a748;
}

#body .errorbox p {
    margin: 0;
}

#body .errorbox .req {
    color: #fff;
}

#body .errorbox.inbox {
}

body.account_wishlist-page #body .dot_sep {
    background: transparent;
}

#body .box .errorbox,
body.start-page #body .errorbox {
    width: 94%;
    margin: 10px 0;
    padding: 10px 3%;
}

/* Plain errors*/
#body.plain .errorbox {
}

#body.plain .errorbox a {
    text-decoration: underline;
}

#body.plain .errorbox .errhead {
    padding: 5px 15px;
}

#body.plain .errorbox .errbody {
    border: 1px solid #ea2d49;
    padding: 15px;
}

/* GLOBAL SWITCH DEFINITION */
#body div.switch {
    z-index: 10;
    padding: 0;
    height: 30px;
    position: relative;
    float: left;
}

#body div.switch label {
    line-height: 25px;
    float: left;
    display: block;
    margin: 0 10px 0 0;
}

#body div.switch div.active {
    font-size: 13px;
    text-transform: none;
    position: relative;
    cursor: pointer;
    display: block;
    height: 23px;
    line-height: 23px;
    background: #fff url(images/arrows.png) no-repeat scroll 110% -342px;
    border: 1px solid #ccc;
    padding: 0 20px 0 10px;
    margin: 0;
    float: left;
}

#body div.switch div.active:after {
    content: "";
    display: block;
    height: 100%;
    width: 17px;
    position: absolute;
    top: 0;
    right: 0;
    background: #353535 url(images/arrows.png) no-repeat scroll left -391px;
}

#body div.switch div.active {
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .6);
}

#body div.switch div.active span {
    padding-right: 0;
    color: #666;
    display: block;
    text-align: left;
    width: 100px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#body div.switch div.select {
    width: 100%;
    display: none;
    position: absolute;
    right: -1px;
    top: 23px;
    background-color: #fff;
    border: 1px solid #b6b6b6;
    background-color: #fff;
}

#body div.switch div.select a {
    display: block;
    clear: both;
    margin: 0;
    padding: 3px 16px 4px 10px;
    display: block;
    text-align: left;
    width: auto;
    height: auto;
    color: #000;
}

#body div.switch div.select a:hover {
    background-color: #f3f6f4;
    color: #000;
}

#body div.switch.open div.select,
body.desktop #body div.switch:hover div.select {
    display: block;
}

#body div.switch.sort_row div.active {
}

#body div.switch.sort_row div.select a {
}

#body .locator.top .switch {
}

#body .locator.top .switch:first-child {
}

/* Locator */
#body .locator {
    margin: 10px 3%;
    padding: 5px 0 0;
    float: left;
    width: 94%;
    position: relative;
    z-index: 10;
    background: transparent url(images/detail_sep.png) no-repeat scroll center top;
}

#left + #body .locator {
    margin: 10px 2.6455% 10px 0;
    width: 97.3545%;
    background-image: url(images/line_sep.png);
}

#body .locator.top {
    z-index: 20;
}

#body .locator.bottom,
#left + #body .locator.bottom {
    margin-top: 20px;
}

body.details-page #body .locator.top {
}

#body .locator .lochead,
#body .locator .locbody {
    color: #888;
}

#body .locator .locbody .right {
    float: left;
}

#body .locator .locbody .left {
    float: right;
    line-height: 30px;
}

#body .locator .locbody .left .listlayoutswitch {
    padding: 0;
}

#body .locator.top .locbody,
#left + #body .locator.top .locbody {
    padding-bottom: 40px;
    background: transparent url(images/detail_sep_tr.png) no-repeat scroll center bottom;
    margin-bottom: -20px;
}

#left + #body .locator.top .locbody {
    background-image: url(images/line_sep_tr.png);
}

#body .locator .locbody .right label {
}

#body .locator .lochead strong.h4 {
    line-height: 30px;
    font-weight: normal;
}

#body .locator .locbody {
    padding: 0;
    float: left;
    width: 100%;
    overflow: visible;
    z-index: 20;
}

#body .locator .locbody,
#body .locator .locbody a {
}

#body .locator .arrow {
}

#body .locator a {
    color: #888;
}

#body .map .kraj_active a,
#body .locator a.active {
    color: #d70012;
}

#body .box.map li {
    background-color: #fefefe;
    border-bottom: 1px solid #eee;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0.25rem 0.5rem;
}

#body .locator .sep {
    padding: 0 2px;
    color: inherit;
}

#body .locator .locbody #selID_ArticleNavTop,
#body .locator .locbody #selID_ArticleNavBottom {
    display: inline-block;
    float: right;
}

#body .locator.bottom .locbody .locpages {
    text-align: center;
    line-height: 35px;
}

#body .locator.bottom .locbody .locpages .sep {
    color: #ccc;
    font-weight: normal;
}

#body .locator.bottom .locbody .locpages .next {
    float: right;
}

#body .locator.bottom .locbody .locpages .prev {
    float: left;
}

#body .locator.bottom.single {
    height: auto;
    border-bottom: 0 none;
}

body.details-page #body .locator .lochead {
    width: 420px;
    position: absolute;
    left: 15px;
    top: 10px;
    padding: 0;
}

body.details-page #body .locator .lochead strong.h4 {
    position: absolute;
    left: 305px;
    top: 0;
    float: none;
    white-space: nowrap;
}

body.details-page #body .locator .lochead .right {
    float: left;
}

body.details-page #body .locator .lochead .right a {
    padding-left: 10px;
    background: transparent url(images/arrows.png) no-repeat scroll -10px -183px;
}

body.details-page #body .locator .locbody {
    text-align: center;
    line-height: 35px;
}

#body .locator .page {
    display: inline-block;
    padding: 0 0px;
    text-align: center;
    font-size: 14px;
    width: 20px;
    line-height: 20px;
    height: 20px;
    margin-top: 2px;
    overflow: hidden;
    position: relative;
    color: #222;
}

#body .locator .page.active {
    width: 32px;
    font-weight: bold;
}

#body .locator .rewind {
    background: transparent url(images/arrows.png) no-repeat scroll center -179px;
    display: inline-block;
    padding: 0 10px 0 0;
    height: 20px;
    position: relative;
}

#body .locator .rewind.next {
    background-position: center -255px;
    padding: 0 0px 0 10px;
}

#body .locator .arrow {
    background: transparent url(images/arrows.png) no-repeat scroll left -1287px;
    display: inline-block;
    width: 20px;
    padding: 0;
    text-align: left;
    text-indent: -9999px;
    position: relative;
}

#body .locator .arrow.next {
    background-position: right -1192px;
    padding: 0 0px 0 0;
}

#body .locator .arrow:hover {
    text-decoration: none;
}

body.details-page #body .locator .arrow {
    margin-top: 0;
    vertical-align: middle;
}

#body .locator .label {
}

#body .locator .arrow.prev {
}

#body .locator .arrow.next {
}

#body .locator .lochead .arrow.prev {
}

#body .locator .lochead {
    height: 30px;
}

#body .locator .lochead .right a {
    float: left;
    display: block;
    min-width: 15px;
    text-align: center;
    margin: 0 0px;
    height: 30px;
    line-height: 30px;
}

#body .locator .locbody {
    padding-top: 10px;
}

#body .locator .lochead + .locbody {
    padding-top: 0;
}

body.details-page #body .locator .rewind .arrow {
    width: auto;
}

body.details-page #body .locator .rewind.next {
    float: right;
}

body.details-page #body .locator .rewind.prev {
    float: left;
}

body.details-page #body .locator span.position {
    margin: 0 auto;
}

body.details-page #body .locator.bottom {
    padding: 0;
    margin-top: 20px;
    height: 53px;
    text-align: center;
}

#body .locator .listlayoutswitch {
    padding: 0 5px 0 10px;
    display: inline-block;
}

#body .locator .listlayoutswitch a {
    padding: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

#body .locator .listlayoutswitch a {
    _margin-bottom: 1px;
}

#body .locator .listlayoutswitch a {
    background: #555 url(images/listlayoutswitch_mask.png) no-repeat scroll 0px -100px;
}

#body .locator .listlayoutswitch a.active.big {
    background-position: -20px 0px;
}

#body .locator .listlayoutswitch a.active.half {
    background-position: -20px -20px;
}

#body .locator .listlayoutswitch a.active.small {
    background-position: -20px -40px;
}

#body .locator .listlayoutswitch a.active.thin {
    background-position: -20px -60px;
}

#body .locator .listlayoutswitch a.active.thinest {
    background-position: -20px -80px;
}

#body .locator .listlayoutswitch a.active.third {
    background-position: -20px -100px;
}

#body .locator .listlayoutswitch a.active.fifth {
    background-position: -20px -120px;
}

#body .locator .listlayoutswitch a.big {
    background-position: 0px 0px;
}

#body .locator .listlayoutswitch a.half {
    background-position: 0px -20px;
}

#body .locator .listlayoutswitch a.small {
    background-position: 0px -40px;
}

#body .locator .listlayoutswitch a.thin {
    background-position: 0px -60px;
}

#body .locator .listlayoutswitch a.thinest {
    background-position: 0px -80px;
}

#body .locator .listlayoutswitch a.third {
    background-position: 0px -100px;
}

#body .locator .listlayoutswitch a.fifth {
    background-position: 0px -120px;
}

#body .locator .listlayoutswitch a span {
    display: none;
}

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

#body .locator.compare .locbody {
    height: auto;
}

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

#body .locator.list-locator .locbody .left,
#body .locator.list-locator {
    line-height: 25px;
}

#body .locator.list-locator label,
#body .locator.list-locator .label {
    display: block;
    margin: 0;
    float: none;
}

#body .locator.list-locator .pages-box {
    text-align: right;
    line-height: 25px;
}

#body .locator.list-locator .pages {
}

#body .locator.list-locator .pages a {
    display: inline-block;
}

#body .locator.list-locator .arrow {
    background-position: left -1290px;
}

#body .locator.list-locator .arrow.next {
    background-position: right -1195px;
}

#body .locator.list-locator .rewind {
    background-position: left -1337px;
}

#body .locator.list-locator .rewind.next {
    background-position: right -1238px;
}

#body .locator .center {
    text-align: center;
    float: none;
    clear: none;
    margin: 0 20%;
    white-space: nowrap;
}

#body .locator .center a {
    display: inline-block;
}

#body .locator .center a + a {
    margin-left: 5px;
}

#body .locator.list-locator .listlayoutswitch {
    padding: 0;
    display: block;
}

/* Download files */
body.downloadfiles-page #body .file {
    position: relative;
    float: left;
    border-radius: 3px;
    width: 95%;
    padding: 10px 2.5%;
    background: #ececec url(images/download_bkg.png) repeat-x 0px 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cfcfcf;
}

body.downloadfiles-page #body .file .icon {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 20px;
    background: transparent url(images/icon-filetypes.png) no-repeat 0px 0px;
}

body.downloadfiles-page #body .file .icon.jpg {
    background-position: -41px 0px;
}

body.downloadfiles-page #body .file .icon.eps {
    background-position: -82px 0px;
}

body.downloadfiles-page #body .file .icon.png {
    background-position: -123px 0px;
}

body.downloadfiles-page #body .file .icon.fla {
    background-position: -165px 0px;
}

body.downloadfiles-page #body .file .icon.mp3 {
    background-position: -206px 0px;
}

body.downloadfiles-page #body .file .icon.mov {
    background-position: -247px 0px;
}

body.downloadfiles-page #body .file .icon.gif {
    background-position: -412px 0px;
}

body.downloadfiles-page #body .file .icon.doc,
body.downloadfiles-page #body .file .icon.docx {
    background-position: -452px 0px;
}

body.downloadfiles-page #body .file .icon.pdf {
    background-position: -493px 0px;
}

body.downloadfiles-page #body .file .icon.ppt,
body.downloadfiles-page #body .file .icon.pptx {
    background-position: -535px 0px;
}

body.downloadfiles-page #body .file .icon.xls,
body.downloadfiles-page #body .file .icon.xlsx {
    background-position: -576px 0px;
}

body.downloadfiles-page #body .file .icon.zip {
    background-position: -617px 0px;
}

body.downloadfiles-page #body .file .desc {
    display: block;
    width: 70%;
    float: left;
}

body.downloadfiles-page #body .file .title {
    font-size: 15px;
    color: #585858;
    font-weight: bold;
    display: block;
    width: 70%;
    margin-bottom: 3px;
}

body.downloadfiles-page #body .file.nodesc .title {
    line-height: 28px;
}

body.downloadfiles-page #body .file .title .filename {
    font-weight: normal;
}

body.downloadfiles-page #body .file .size,
body.downloadfiles-page #body .file .date {
    display: block;
    position: absolute;
    right: 30px;
    top: 19px;
    width: 100px;
    text-align: right;
}

body.downloadfiles-page #body .file .size {
    right: 150px;
    width: 70px;
}

#body .newsletter-groups {
    margin: 10px 0 10px 0;
    font-size: 12px;
    display: none;
    background-color: #eee;
    padding: 10px;
}

body.newsletter-page #body .newsletter-groups {
    display: block;
    margin: 25px 0 0 0;
}

body.register-page #body .newsletter-groups {
    margin: 10px 0 0 24px;
    width: 270px;
}

#body .newsletter-groups ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Products */
#body .product {
    float: left;
    position: relative;
    width: 100%;
}

#body .product strong.h3 {
    display: block;
    font-weight: normal;
}

#body .product strong.h3 a {
    display: block;
    font-size: 16px;
    line-height: 1.1em;
    color: #333;
    overflow: hidden;
    min-height: 2.2rem;
}

#body .product tt {
    display: block;
    font-weight: normal;
}

/*
#body .product .flag {width:15px; height: 15px; border: 0px none; float:left; margin:1px 8px 0 0; border-radius:50%; box-shadow: 0 1px 1px rgba(0,0,0,0.35);}
*/
#body .product .flag {
    display: none;
}

#body .product .flag.red {
    background-color: #ea2d49;
}

#body .product .flag.green {
    background-color: #1fad47;
}

#body .product .actiondiscount {
}

#body .product .desc.description {
    text-align: justify;
}

#body .product .actions a {
    text-decoration: none;
    display: block;
    width: 1%;
    white-space: nowrap;
}

#body .product .actions .btn a {
    width: auto;
}

#body .product .actions a:hover {
    text-decoration: underline;
}

#body .product .variants label {
    display: block;
}

#body .product .variants select {
    width: 180px;
}

#body .product .variants select option.act {
    font-weight: bold;
}

#body .product .variants-empty {
    display: none !important;
}

#body .product .amprice {
    clear: left;
    margin-top: 5px;
}

#body .product .stock.status {
}

#body .product .psf-red {
    color: #ea2d49;
}

#body .product .psf-orange,
#body .product strong.h3 .psf-green a,
#body .product .psf-green a,
#body .product .psf-green {
    color: #1fad47;
    font-weight: bold;
}

#body .product .stock.psf-green a {
    min-height: auto;
    font-size: 14px;
    padding: 0 !important;
}

#body .product .amount {
    padding-top: 5px;
}

#body .product .amount label {
    margin-right: 5px;
}

#body .product .cost {
    color: #d70012;
    white-space: nowrap;
}

#body .product .cost .taxnote {
    font-weight: normal;
    font-weight: 300;
}

#body .product .cost big {
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
    white-space: nowrap;
}

#body .product .cost del {
}

#body .product .cost .old {
}

#body .product .cost sup.dinfo {
    vertical-align: super;
    margin: 0;
    padding: 0;
}

#body .product .cost sup.dinfo a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

#body .product .cost sup.dinfo a:hover {
    text-decoration: underline;
    color: inherit;
}

#body .product .cost small {
    font-weight: inherit;
    font-size: 69%;
}

#body .product.productbox {
    width: 192px;
    height: 500px;
    padding: 0;
    margin: 15px 30px 15px 28px;
    z-index: 0;
}

#left + #body .product.productbox {
    margin: 15px 40px 15px 20px;
}

#body #lenssimulator2 + #products .product.productbox {
    width: 191px;
}

#body .product.productbox .frame {
    position: absolute;
    left: -13%;
    top: -3%;
    width: 126%;
    height: 106%;
    border: 1px solid #ccc;
    opacity: 0;
    z-index: -1;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2);
}

#body .product.productbox:hover .frame {
    opacity: 1;
}

#body .product.productbox .frame {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
}

#body .product.productbox .picture {
    display: block;
    width: 200px;
    text-align: center;
    overflow: hidden;
    margin: 0 0 10px;
}

#body .product.productbox .category-tags {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px 0;
}

#body .product.productbox .category-tags .tag {
    display: block;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
    margin-bottom: 5px;
    line-height: 1.4;
    min-height: auto;
}

#body .product.productbox .productstats {
    max-width: 50%;
}

#body .product.productbox .picture span {
    width: 200px;
    height: 200px;
    vertical-align: middle;
    display: table-cell;
}

#body .product.productbox .description {
    font-size: 11px;
    line-height: 1.3em;
    color: #666;
}

#body .product.productbox .description.attributes {
    text-align: left;
    line-height: 14px
}

#body .product.productbox .description .sep {
    border-left: 2px solid #f08890;
    display: inline-block;
    height: 12px;
    padding: 0px 5px 0px 0;
    margin-left: 4px;
    line-height: 9px;
    vertical-align: middle;
}

#body .product.productbox .discount {
}

#body .product.productbox .discount-item {
}

#body .product.productbox strong.h3 tt {
}

#body .product.productbox form {
    float: left;
    width: 100%;
}

#body .product.productbox .cost {
    margin: 0;
    float: left;
}

#body .product.productbox .btn.moreinfo,
#body .product.productbox .tocart {
}

#body .product.productbox .btn a,
#body .product.productbox .btn input,
#body .product.productbox .tocart input {
    padding-left: 10px;
    font-size: 13px;
}

#body .product.productbox .btn a,
#body .product.productbox .btn input {
    padding-right: 10px;
}

#body .product.head {
    margin-top: 30px;
    border-top: none;
}

#body .product.head strong.h4 {
    display: block;
}

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

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

#body .product.details strong.h4.big {
    padding: 0 0 5px;
    position: relative;
    top: 0;
}

#body .product.head strong.h4 {
    margin: 0;
    padding: 5px 0 1px 0;
    height: 20px;
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
}

#body .product.head strong.h4.half a {
    padding-left: 15px;
}

#body .product.head strong.h4.thin {
    font-size: 15px;
    text-indent: 15px;
}

#body .product.head strong.h4.small {
    line-height: 1.1em;
    padding: 2px 0 1px;
}

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

#body .product.big.productbox {
    width: 500px;
    height: 400px;
    margin: 20px 0;
    padding: 0 0 0 460px;
    clear: both;
}

#left + #body .product.big.productbox {
    width: 236px;
    height: 400px;
    margin: 20px 40px 20px 20px;
}

#body .product.big.productbox .frame {
    width: 102%;
    height: 108%;
    left: -1%;
    top: -4%;
}

#left + #body .product.big.productbox .frame {
    width: 108%;
    left: -4%;
}

#body .product.big.productbox .picture {
    width: 450px;
    position: absolute;
    left: 0;
    top: 0;
}

#body .product.big.productbox .picture span {
    width: 450px;
    height: 400px;
}

#body .product.big.productbox .picture span img {
    max-width: 400px;
    max-height: 400px;
}

#body .product.big strong.h3 {
}

#body .product.big strong.h3 a {
    padding-bottom: 10px;
}

#body .product.big .cost big {
}

#body .product.big .cost .old {
}

#body .product.big .cost sub.only {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-right: .5em;
    height: 3em;
}

#body .product.big .cost .desc {
}

#body .product.big .variants {
    padding: 5px 0;
}

#body .product.big .variants select {
    width: auto;
    min-width: 200px;
    max-width: 280px;
}

#body .product.big.productbox form {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
}

#left + #body .product.big.productbox form {
    width: 256px;
}

#body .product.big.productbox .actions {
    position: absolute;
    bottom: 160%;
    right: 0;
}

#body .product.big.productbox .cost {
    margin-top: 5px;
}

#body .product.big.productbox .btn.moreinfo,
#body .product.big.productbox .tocart {
    float: right;
}

/* half is eaqual to third */
#body .product.half {
    height: 475px;
}

#body .product.half strong.h3 {
    margin: 0;
    height: 55px;
}

#body .product.half .actions {
    float: right;
}

#body .product.half .description {
    clear: both;
    width: 100%;
    padding: 10px 0 0;
}

#body .product.half .cost {
    width: 100%;
    margin: 0 0 8px;
}

#body .product.half .btn.moreinfo,
#body .product.half .tocart {
    clear: both;
    float: left;
}

#body .product.half .stock.status {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#body .product .productstats {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

#body .productstats-icon {
}

#body .product.big .productstats {
}

#body .product.third {
    height: 475px;
}

#body .product.third .picture {
}

#body .product.third .picture span {
}

#body .product.third strong.h3 {
    margin: 0;
    height: 55px;
}

#body .product.third strong.h3 a {
    max-height: 3em;
    padding-bottom: .3em;
    overflow: hidden;
}

#body .product.third .discount {
}

#body .product.third .discount-item {
}

#body .product.third strong.h3 tt {
}

#body .product.third .variants {
}

#body .product.third .variants select {
}

#body .product.third .actions {
    float: right;
}

#body .product.third .description {
    clear: both;
    width: 100%;
    padding: 10px 0 0;
}

#body .product.third form {
}

#body .product.third .cost {
    width: 100%;
    margin: 0 0 8px;
}

#body .product.third .cost del {
}

#body .product.third .cost .taxnote {
}

#body .product.third .cost big {
}

#body .product.third .cost .old {
}

#body .product.third .btn.moreinfo,
#body .product.third .tocart {
    clear: both;
    float: left;
}

#body .product.third .tocart input {
}

#body .product.third .discount {
}

#body .product.third .h3 .stock.status {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#body .product.third div.stock.status {
    clear: both;
    padding: 10px 0 0;
}

#body .product.small {
    height: 290px;
}

#body .product.small .picture {
}

#body .paper .product.small {
    height: 300px;
    width: 200px;
    margin: 0 20px 20px;
}

#body .paper .product.small .stock.status {
    display: none;
}

#body .paper .product.small .picture {
    margin: 0 0 10px;
}

#body .product.small form {
    position: absolute;
    bottom: 0;
    left: 0;
}

#body .product.small .cost big {
    line-height: 1em;
}

#body .product.small .tocart,
#body .product.small .btn.moreinfo {
    background-position: 999px 999px;
    height: 21px;
    line-height: 21px;
    float: right;
    padding-right: 50px;
}

#body .product.small .tocart input,
#body .product.small .btn.moreinfo a {
    background-position: -243px -240px;
    width: 32px;
    height: 23px;
    padding: 0;
    color: #fff;
    overflow: hidden;
    text-indent: -9999px;
}

#body .product.small .btn.moreinfo a {
}

#body .product.small strong.h3 tt,
#body .product.small .variants,
#body .product.small .actions {
    display: none;
}

#body .product.thin {
    width: 590px;
    height: 200px;
    padding: 0 0 0 370px;
    margin: 20px;
}

body.details-page #body .product.thin,
body.details-page #body .product.thinest {
    margin: 20px;
}

body.details-page #body .box .product.thin,
body.details-page #body .box .product.thinest {
    margin: 20px -10px;
}

#left + #body .product.thin {
    width: 326px;
    padding: 0 0 0 370px;
    margin: 15px 40px 15px 20px;
}

#body .product.thin .frame {
    width: 102%;
    height: 110%;
    left: -1%;
    top: -5%;
}

#left + #body .product.thin .frame {
    width: 108%;
    left: -4%;
}

#body .product.thin .picture {
    position: absolute;
    left: 0;
}

#body .product.thin strong.h3 {
}

#body .product.thin .cost {
    margin: 0 0 10px;
    display: block;
    float: none;
}

#body .product.thin form {
    position: absolute;
    bottom: 0;
    left: 220px;
    width: 120px;
}

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

#body .product.thin .btn.moreinfo,
#body .product.thin .tocart {
    float: none;
    display: block;
    clear: both;
    text-align: left;
}

#body .product.thin .btn.moreinfo a,
#body .product.thin .tocart input {
    width: 100%;
}

#body .product.thin .btn.moreinfo a {
    padding: 0;
}

#body .product.thin .btn {
    display: block;
}

#body .product.thin .btn a {
    display: block;
    text-align: center;
}

#body .product.thin .variants {
}

#body .product.thin .variants-md {
}

#body .product.thin tt {
    float: left;
}

#body .product.thin .stock.status {
    position: absolute;
    top: 0;
    left: 220px;
    width: 120px;
}

#body .product.thin .flag {
    display: none;
}

#body .product.thin .desc {
    clear: left;
}

#body .product.thin .fromlist {
    left: auto;
    bottom: 0;
    right: -600px;
}

#body .product.thinest {
    width: 690px;
    height: 100px;
    padding: 25px 0 0 270px;
    margin: 20px;
}

#left + #body .product.thinest {
    width: 426px;
    padding: 25px 0 0 270px;
    margin: 15px 40px 15px 20px;
}

#body .product.thinest .frame {
    width: 102%;
    height: 130%;
    left: -1%;
    top: -15%;
}

#left + #body .product.thinest .frame {
    width: 108%;
    left: -4%;
}

#body .product.thinest a.picture {
    width: 100px;
    position: absolute;
    left: 0;
    top: 25px;
}

#body .product.thinest a.picture span {
    width: 100px;
    height: 100px;
}

#body .product.thinest a.picture img {
    max-height: 100px;
    max-width: 100px;
}

#body .product.thinest strong.h3 {
    margin: 0;
}

#body .product.thinest strong.h3 a {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

#body .product.thinest .cost {
}

#body .product.thinest .cost big {
    position: absolute;
    bottom: 77px;
    left: 0;
}

#body .product.thinest .cost sup.dinfo a {
    font-size: 11px;
}

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

#body .product.thinest form {
    position: absolute;
    bottom: 0;
    left: 120px;
    width: 120px;
}

#body .product.thinest .btn.moreinfo,
#body .product.thinest .tocart {
    float: none;
    display: block;
    clear: both;
    text-align: left;
}

#body .product.thinest .btn.moreinfo a,
#body .product.thinest .tocart input {
    width: 100%;
}

#body .product.thinest .btn.moreinfo a {
}

#body .product.thinest .btn {
    display: block;
}

#body .product.thinest .btn a {
    display: block;
    text-align: center;
}

#body .product.thinest .actions {
    display: none;
}

#body .product.thinest tt {
    float: left;
}

#body .product.isinbundle.thinest .stock.status,
#body .product.thinest .stock.status {
    position: absolute;
    top: 0;
    right: 0;
}

#body .product.thinest .stock.status a {
    position: static;
}

#body .product.thinest .flag {
    display: none;
}

#body .product.thinest .variants {
    display: none;
}

#body .product.partofbundle {
    width: 640px;
    height: 150px;
    padding: 25px 0 0 320px;
}

#left + #body .product.partofbundle {
    width: 376px;
    padding: 25px 0 0 320px;
}

#body .product.partofbundle a.picture {
    width: 150px;
}

#body .product.partofbundle a.picture span {
    width: 150px;
    height: 150px;
}

#body .product.partofbundle a.picture img {
    max-width: 100%;
    height: auto;
}

#body .product.partofbundle strong.h3 a {
    font-weight: bold;
}

#body .product.partofbundle .cost big {
    bottom: 127px;
}

#body .product.partofbundle form {
    left: 170px;
}

#body .product.partofbundle .stock.status {
    position: absolute;
    top: 0;
    right: 0;
}

body.details-page #body .product.thinest.ondetail,
#body .product.thinest.ondetail {
    width: 1000px;
    height: 60px;
    padding: 7px 0 7px 0;
    margin: 0 0 -1px;
    background: #eee/* url(images/product_little_bkg.png) repeat-x scroll left top*/;
    border: 1px solid #ccc;
    border-width: 1px 0;
    /*overflow: hidden;*/
    position: relative;
}

#body .product.thinest.ondetail:before,
#body .product.thinest.ondetail:after {
    content: "";
    background-color: #eee;
    position: absolute;
    border-top: 1px solid #ccc;
    top: -1px;
    bottom: 0;
    right: -9999px;
    width: 9999px;
}

#body .product.thinest.ondetail:before {
    left: -9999px;
    right: auto;
}

#body .product.thinest.ondetail .frame {
    display: none !important;
}

#body .product.thinest.ondetail .picture {
    width: 60px;
    left: 20px;
    top: 10px;
    position: absolute;
}

#body .product.thinest.ondetail .picture span {
    width: 60px;
    height: 60px;
}

#body .product.thinest.ondetail .picture img {
    max-height: 60px;
    max-width: 60px;
}

#body .product.thinest.ondetail .h3,
#body .product.thinest.ondetail strong.h3 {
    margin: 0;
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    white-space: normal;
}

#body .product.thinest.ondetail .h3 a,
#body .product.thinest.ondetail strong.h3 a {
    position: static;
    left: auto;
    top: auto;
}

#body .product.thinest.ondetail .cost {
}

#body .product.thinest.ondetail .cost big {
    bottom: auto;
    left: auto;
    position: static;
}

#body .product.thinest.ondetail form {
    bottom: auto;
    left: auto;
    width: auto;
    max-width: 69%;
    padding: 0 150px 0 0;
    height: 60px;
    position: relative;
    margin: 0 0 0 10%;
}

#body .product.thinest.ondetail .tobasket-wrap {
    position: absolute;
    top: 14px;
    right: 0;
    width: 120px;
}

#body .product.thinest.ondetail .title-cost-wrap {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

#body .product.thinest.ondetail .btn.moreinfo,
#body .product.thinest.ondetail .btn.moreinfo a {
}

#body .product.thinest.ondetail .btn.moreinfo {
    float: right;
    clear: none;
}

#body .product.thinest.ondetail .tocart,
#body .product.thinest.ondetail .tocart input {
    background-position: left -300px;
    height: 30px;
    line-height: 30px;
}

#body .product.thinest.ondetail .tocart {
    float: right;
    clear: none;
    background-position: right -300px;
}

#body .product.thinest.ondetail .btn.moreinfo a,
#body .product.thinest.ondetail .tocart input {
    width: auto;
    padding: 0 10px 0 20px;
}

#body .product.thinest.ondetail tt {
    display: none;
}

#body .product.thinest.ondetail .stock.status {
    display: none;
}

#body .product.thinest.ondetail .flag {
    display: none;
}

#body .product.thinest.ondetail .variants {
    display: none;
}

#body .product .bundle-save {
    font-weight: normal;
    color: #333;
}

#body .product .bundle-save .label {
    margin-right: 1em;
}

#body .product .bundle-save .pricevalue {
    font-weight: bold;
}

body.details-page #body .product.isinbundle,
#body .product.isinbundle {
    border-width: 1px 0 0px;
    margin: 0 3% -1px;
    padding: 0;
    width: 94%;
    height: 200px;
}

#body .product.isinbundle .frame {
    display: none;
}

#body .product.isinbundle a.picture {
    width: auto;
    top: 40px;
    height: 150px;
}

#body .product.isinbundle a.picture span {
    width: auto;
    height: 150px;
}

#body .product.isinbundle a.picture span.plus b {
    display: inline-block;
    height: 30px;
    width: 50px;
    background: transparent url(images/buttons.png) no-repeat scroll -60px -200px;
    overflow: hidden;
    text-indent: -9999px;
}

#body .product.isinbundle a.picture img {
    max-height: 150px;
    max-width: 150px;
}

#body .product.isinbundle.thinest strong.h3 a {
    top: 10px;
    width: 70%;
    position: absolute;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    line-height: normal;
    font-weight: bold;
}

#body .product.isinbundle strong.h3 .stock a {
    width: auto;
    overflow: visible;
    top: auto;
    position: absolute;
    left: auto;
}

#body .product.isinbundle.thinest .stock.status {
    top: 10px;
    line-height: normal;
}

#body .product.isinbundle .desc.description {
    display: none;
}

#body .product.isinbundle form {
    position: absolute;
    bottom: 20px;
    left: auto;
    right: 0;
    width: 150px;
    text-align: right;
}

#body .product.isinbundle .cost {
    float: none;
    padding-bottom: 10px;
}

#body .product.isinbundle .cost big {
    position: static;
    bottom: auto;
    left: auto;
}

#body .product.isinbundle .price .pricevalue {
    font-size: 28px;
}

#body .product.isinbundle .btn.moreinfo {
    float: right;
}

#body .product.isinbundle .btn.moreinfo a {
    width: auto;
}

#body .product.thinest.isinbundle .productstats.enhanced {
    left: 0px;
    bottom: 35px;
}

#body .giftbox-wrap {
    float: left;
    position: relative;
    width: 418px;
    height: 150px;
    border: 1px solid #000;
    margin: 0 0 30px;
}

#body .giftbox {
    width: 138px;
    padding: 25px 130px 25px 150px;
    position: relative;
    overflow: hidden;
    height: 100px;
    float: left;
}

#body .giftbox {
    background: transparent url(images/freegiftcs2.png) no-repeat scroll 300px 25px;
}

#body .giftbox .gift-picture {
    position: absolute;
    left: 30px;
    top: 25px;
    width: 100px;
}

#body .giftbox .gift-picture span {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}

#body .giftbox strong.h3 {
    margin: 0 0 10px;
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.1em;
    color: #333;
}

#body .giftbox .gift-desc {
    color: #666;
    font-size: 12px;
    line-height: 1.1em;
}

#body .giftbox-wrap .window {
    width: 418px;
    height: 150px;
    position: relative;
    overflow: hidden;
}

#body .giftbox-wrap .paging {
    display: block;
    width: 418px;
}

#body .giftbox-wrap .paging .page {
    display: none;
}

#body .giftbox-wrap .paging .arrow {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 56px;
    width: 33px;
    height: 33px;
    margin: 0;
    padding: 0;
    background: transparent url(images/carrows.png) no-repeat scroll left -500px;
}

#body .giftbox-wrap .paging .arrow.off {
    cursor: default;
    opacity: 0 !important;
}

#body .giftbox-wrap .paging .arrow.l {
    left: -18px;
}

#body .giftbox-wrap .paging .arrow.r {
    background-position: left -550px;
    right: -18px;
}

#body .giftbox-wrap .paging .arrow {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

#body .product.firstinlist {
}

#body .product.inlist {
}

#body .product.lastinlist {
}

#body .separator {
    height: 10px;
    background: #fff url(images/line_dotted_horizontal.png) repeat-x scroll left 5px;
    margin: 0;
    float: left;
    width: 100%;
}

#body .separator.inbox {
    width: 100%;
    border: none;
    margin: 0;
}

#body .txtseparator {
    height: 10px;
    margin: 0 5px;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
}

#body .txtseparator.inbox {
    margin: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
}

#body .variantslist .txtseparator {
    border: 0 none;
}

body.account_noticelist-page #body .separator,
body.recommlist-page #body .separator {
    display: none;
}

#body .product.details ~ .mobile {
    display: none;
}

#body .product.details {
    z-index: 110;
    height: auto;
    min-height: 350px;
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    border: 0 none;
    background: transparent;
}

#body .detailpresentbox {
    margin: 2rem 0;
    float: left;
    clear: both;
    width: 100%;
}

#body .detailpresentbox strong.title {
    padding: 5px 0;
    float: left;
    clear: both;
    width: 100%;
}

#body .detailpresentbox .productstats {
    position: static;
}

#body .product.details .enhanced span.productstats-item .productstats-title,
#body .detailpresentbox .productstats-item,
#body .detailpresentbox .productstats-item .productstats-title {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #393939;
    height: auto;
    text-transform: none;
    font-size: 14px;
    line-height: 24px;
}
 
#body .product.details .enhanced span.productstats-item,
#body .detailpresentbox .gift {
    margin: 0;
    display: block;
    background: transparent;
    text-transform: none;
    clear: both;
    padding-left: 30px;
    line-height: 20px;
    color: #393939;
    position: relative;
}

#body .product.details .enhanced span.productstats-item:before,
#body .detailpresentbox .gift:before {
    height: 20px; 
    width: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    background: transparent url(images/buttons.png) no-repeat -250px -200px !important;
    content: "";
}

#body .detailpresentbox strong.h3 {
    margin: 0;
}

#body .product.details strong.h4 {
    padding: 1px 5px 8px 7px;
    display: block;
}

#body .product.details h1 {
    margin: 0 2% 30px;
    width: 96%;
}

#body .product.details tt {
    margin: 0 0 1rem;
}

#body .product.details .picturewrap {
    float: left;
    width: 450px;
    margin: 0 0 0 30px;
}

#body .product.details .picture {
    text-align: center;
    height: auto;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 450px;
}

#body .product.details .picture .category-tags {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

#body .product.details .picture .category-tags .tag {
    display: block;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 12px;
    z-index: 100;
}

#body .product.details .picture img {
    max-width: 100%;
}

#body .product.details .picture span {
}

#body .product.details .picture span img {
}

#body .product.details .picture .zoomWrapperImage img {
    max-width: none;
}

#body .product.details .particularswrap {
    float: right;
    width: 450px;
    margin: 0 30px 0 0;
}

#body .product.details .particulars {
    float: right;
    width: 450px;
    position: relative;
}

#body .product.details .particulars .actiondiscount {
}

#body .product.details .exturls {
    text-align: left;
    padding-top: 10px;
}

#body .product.details .exturls a {
    display: block;
}

#body .product.details .picture a.zoom:hover {
    text-decoration: none;
}

#body .product.details .picture a.zoom img {
    margin-bottom: 3px;
}

/* cursor */
#body .product.details .picture a.zoom {
    cursor: pointer;
    cursor: -moz-zoom-in;
    max-width: 100%;
}

#body .product.details + .actionrow {
    background: #eee;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#body .product.details + .actionrow span.btn {
    position: relative;
    background: transparent;
}

#body .product.details + .actionrow .btn input,
#body .product.details + .actionrow .btn a {
    text-transform: none;
    padding-left: 35px;
    font-size: 16px;
    color: #393939;
    background: transparent;
}

#body .product.details + .actionrow span.btn:before {
    content: "";
    background: transparent url(images/icon_sprites.png?v2) no-repeat 0px 0px;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 3px;
}

#body .product.details + .actionrow span.btn.compare:before {
    background-position: -50px -1px;
}

#body .product.details + .actionrow span.btn.lenssimulator:before {
    background-position: -199px 0px;
}

#body .product.details + .actionrow span.btn.retail-finance:before {
    background-position: -100px 0;
}

#body .product.details + .actionrow span.btn.select-insurance:before {
    background-position: -150px -2px;
}

#body .product.details .notactivewrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.60);
    display: flex;
    align-items: center;
    justify-content: center;
}

#body .product.details .notactivewrap .text {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px 15px;
    font-weight: 700;
}


/* image set */
#body div.imgcont-on {
    display: block;
}

#body div.imgcont-off {
    display: none;
}

#body .product.details .cats {
    margin: 0px 0 0 0;
    float: left;
    width: 100%;
}

#body .product.details .cats tt.sizechart {
    margin-top: 10px;
}

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

#body .product.details .status {
    clear: both;
    float: right;
    font-size: 18px;
    margin-bottom: 0;
}

#body .product.details .status.psf-red {
}

#body .product.details .status.psf-green {
}

#body .product.details .product.line {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    float: none;
}

#body .product.details .product.line strong.h3 {
    padding: 0;
    margin: 0;
    height: auto;
    min-height: 0;
    width: auto;
}

#body .product.details .product.line strong.h3 a {
    color: #91c82f;
    padding: 0;
    display: block;
    font-size: 13px;
    line-height: 1.3em;
}

#body .product.details .identifier {
    color: #888;
    font-size: 16px;
    display: block;
    clear: both;
    float: left;
    width: 100%;
    line-height: normal;
}

#body .product.details .identifier .type {
    float: left;
    width: 40%;
}

#body .product.details .identifier .value {
    width: 60%;
    float: left;
    margin: 0;
}

#body .product.details .identifier.manufacturer {
}

#body .product.details .identifier.artnum {
    margin-bottom: 14px;
}

#body .product.details .identifier.manufacturer .ico {
    display: table-cell;
    vertical-align: middle;
    height: 1.5em;
}

#body .product.details .identifier.deliveryprice p {
    margin: 0px 0 5px 0;
}

#body .product.details .priceblock .cost .identifier.discount .type {
    display: none;
}

#body .product.details .identifier.deliveryprice {
    float: left;
    clear: both;
    width: 100%;
}

#body .product.details .identifier.deliveryprice .type,
#body .product.details .identifier.deliveryprice .value {
    float: left;
}

#body .product.details .identifier.discount,
#body .product.details .identifier.discount .value {
    float: left;
}

#body .product.details .variants {
    padding: 0px 5px 10px;
    margin: 5px -5px 0;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 27px;
    background: transparent url(images/line_dashed_x.png) repeat-x 0px bottom;
    text-align: left;
    clear: both;
}

#body .product.details .amopricebox .variants {
    margin: 20px 0 0;
    padding: 0;
    background: transparent;
}

#body .product.details .variants.simple {
}

#body .product.details .variants label {
    font-weight: normal;
    text-transform: uppercase;
}

#body .product.details .variants.simple label {
    display: block;
    float: none;
    color: #555;
    padding: 5px 0 0;
    font-size: 12px;
    line-height: normal;
}

#body .product.details .variants.simple select {
    width: 98%;
    padding: 3px;
    border-radius: 0;
    border-color: #999;
    min-width: none;
    max-width: none;
}

#body .product.details .variants.simple ul {
    list-style: none;
    float: left;
    width: 72%;
    margin: 0;
    padding: 0;
    clear: none;
}

#body .product.details .variants.simple ul li {
    display: block;
    float: left;
    border: 1px solid #fff;
    margin: 0 3px 3px 0;
    line-height: normal;
}

#body .product.details .variants.simple ul li.active,
#body .product.details .variants.simple ul li:hover {
    border-color: #999;
}

#body .product.details .variants.simple ul li a {
    padding: 0;
    display: table-cell;
    color: #555;
    text-transform: none;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    text-align: center;
}

#body .product.details .variants.simple ul li .icon img {
    max-width: 50px;
    max-height: 50px;
}

#body .product.details .variants.simple ul.dummy li {
    border: 0 none;
}

#body .product.details .variants.simple ul.dummy li a {
    width: auto;
    height: auto;
}

#body .product.details .variants.simple .variants-simple-wrapper {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 3px;
}

#body .product.details .variants.simple div.variants-simple-wrapper:hover .value,
#body .product.details .variants.simple div.variants-simple-wrapper .pchoose {
    display: none;
}

#body .product.details .variants.simple div.variants-simple-wrapper .value {
    font-weight: bold;
}

#body .product.details .variants.simple div.variants-simple-wrapper .value,
#body .product.details .variants.simple div.variants-simple-wrapper:hover .pchoose {
    display: block;
}

#body .product.details .variants.simple div.variants-simple-wrapper .select {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: #ebebeb;
    border: 1px solid #d7d8d9;
    border-top: 0 none;
}

#body .product.details .variants.simple div.variants-simple-wrapper .select a.active {
    font-weight: bold;
}

#body .product.details .variants.simple div.variants-simple-wrapper:hover .select,
#body .product.details .variants.simple div.variants-simple-wrapper .select a span,
#body .product.details .variants.simple div.variants-simple-wrapper .select a {
    display: block;
    z-index: 100;
}

#body .product.details .variants.simple div.variants-simple-wrapper .select a {
    padding: 2.5% 5%;
}

#body .product.details .variants.simple div.variants-simple-wrapper .select a:hover {
    background-color: #ddd;
    color: #000;
}

#body .product.details .desc.description {
}

#body .product.details .actions {
    float: right;
    width: 100%;
    margin-bottom: 20px;
}

#body .product.details .actions .btn {
    display: block;
    text-align: center;
    float: right;
}

#body .product.details .actions .btn + .btn {
    float: left;
}

#body .product.details .actions a {
    display: block;
}

#body .product.details .actions a.reqlogin {
}

#body .product.details .particulars form {
}

#body .product.details .cost {
    margin: 0px 0 0px;
    float: left;
    width: 55%;
    padding: 0;
    font-size: 16px;
    line-height: normal;
    color: #333;
}

#body .product.details .amopricebox {
    clear: both;
    padding: 10px 0px;
    margin: 1rem 0;
    width: 100%;
    float: left;
}

#body .product.details .cost .old {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    font-weight: normal;
    margin: 0 0 10px;
}

#body .product.details .cost .old .oldpricenote {
    float: left;
    width: 40%;
}

#body .product.details .cost .old del {
    width: 60%;
    float: right;
}

#body .product.details .cost .old .pricevalue {
}

#body .product.details .cost big {
    float: left;
    text-align: right;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    clear: both;
}

#body .product.details .cost .oldprice,
#body .product.details .cost .nettoprice {
    width: 100%;
    margin-top: 0.5rem;
    clear: both;
    display: block;
    float: left;
    color: #999;
    font-weight: normal;
}

#body .product.details .cost big .pricevalue,
#body .product.details .cost .oldprice .pricevalue,
#body .product.details .cost .nettoprice .pricevalue {
    text-align: right;
    display: inline-block;
    width: 55%;
    float: right;
    font-size: 16px;
}

#body .product.details .cost .oldprice .oldpricenote,
#body .product.details .cost .nettoprice .taxnote,
#body .product.details .cost big .taxnote {
    display: inline-block;
    width: 45%;
    float: left;
    margin: 0px;
    text-align: left;
    font-weight: normal;
}

#body .product.details .cost big .taxnote {
    line-height: 30px;
}

#body .product.details .cost big .pricevalue {
    display: inline-block;
    color: #d70012;
    font-size: 25px;
    font-weight: bold;
}

#body .product.details .cost sup.dinfo {
    vertical-align: baseline;
    font-size: 14px;
    line-height: normal;
    display: block;
    float: left;
    clear: both;
    width: 60%;
    margin: 0 0 0 40%;
}

#body .product.details .cost sup.dinfo a {
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
}

#body .product.details .cost .desc,
#body .product.details .cost sub.only {
    display: none;
}

#body .product.details .retail-finance {
    margin: 0 0 20px;
    float: left;
    width: 100%;
    padding: 0;
    line-height: normal;
    clear: both;
}

#body .product.details .retail-finance .type {
    color: #333;
}

#body .product.details .retail-finance a {
    display: inline-block;
}

#body .product.details .retail-finance img {
}

#body .product.details .retail-finance img + img {
    margin-left: 10px;
}

#body .product.details .retail-finance.essox_calculator {
    line-height: 30px;
}

#body .box.contentitem,
#body .box.contentitem table {
    line-height: normal;
    font-size: 12px;
}

#body .box.contentitem .gallerybox {
    float: right;
    width: 320px;
    margin: 0 0 0 20px;
}

#body .box.contentitem .gallerybox + .gallerybox {
    float: left;
    width: 100%;
    margin: 20px 0;
    clear: both;
}

#body .box.contentitem .gallery-item {
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 0 10px 10px;
}

#body .box.contentitem .gallery-item .gallery {
    display: block;
    width: 150px;
    height: 150px;
}

#body .box.contentitem .gallery-item .gallery img {
    max-width: 150px;
    max-height: 150px;
}

#body .box.contentitem .contentitem-textbox {
    float: left;
    width: 100%;
}

#body .box.contentitem.with-gallery .contentitem-textbox {
    float: left;
    width: 600px;
}

#body .box.contentitem .contentitem-textbox h1,
#body .box.contentitem .contentitem-textbox h2,
#body .box.contentitem .contentitem-textbox h3 {
    margin: 0 0 1em;
}

#body .box.contentitem .contentitem-textbox table.layout {
    width: 100%;
    border: 0 none;
    border-collapse: collapse;
}

#body .box.contentitem .contentitem-textbox table.layout td {
    width: 100px;
    padding: 0 35px 0 0;
    vertical-align: top;
    border: 0 none;
}

#body .box.contentitem .contentitem-textbox table.layout td td,
#body .box.contentitem .contentitem-textbox table.layout td + td {
    width: auto;
    padding: 0;
}

#body .box.contentitem .contentitem-header {
    font-weight: bold;
}

#body .box.contentitem .contentitem-synopsis {
}

#body .box.contentitem .contentitem-text {
}

#body .product.details .picturewrap {
}

#body .product.details .discount {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

#body .product.details .discount-item {
    background-color: #c31017;
    padding: .2rem 2.5rem;
    margin: .2rem 0;
    font-weight: 700;
    color: #fff;
}

#body .product.details .identifier.old {
    background: transparent url(images/line_dashed_x.png) repeat-x scroll 0 bottom;
    margin: 0 -5px;
    padding: 10px 5px;
}

#body .product.details .identifier.old .value {
    text-align: right;
}

#body .product.details .packing {
    clear: left;
    padding-top: 10px;
}

#body .product.details .deltime {
    clear: left;
    padding-top: 10px;
}

#body .product.details .pperunit {
    clear: left;
    padding-top: 10px;
}

#body .product.details .amprice th {
    font-weight: bold;
}

#body .product.details .amprice td {
    padding: 0;
}

#body .product.details .amprice .am {
    padding-right: 5px;
}

#body .product.details .amprice .pr {
    font-weight: bold;
}

#body .product.details .amount {
    float: right;
    margin: 0 5px 0 0;
    padding: 0px 0;
}

#body .product.details .amount input {
    border-color: #ddd;
    height: 22px;
}

#body .product.details .socialbookmarks a.suggest,
#body .product.details .socialbookmarks a#printit {
    background: transparent url(images/icon-detail.png) no-repeat 0px 0px;
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    margin-right: 4px;
}

#body .product.details .socialbookmarks a#printit {
    background-position: -35px 0px;
}

#body .product.details .pricealarm {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

#body .product.details .pricealarm a {
}

#body .product.details .persparam {
    clear: left;
    margin: 20px 0 0;
    width: 100%;
}

#body .product.details .persparam label {
    margin-right: 10px;
}

.couple-question-box {
    clear: both;
    margin: 20px 0 0;
    width: 100%;
    text-align: left;
    float: left;
}

.couple-question-box label {
    display: block;
    float: left;
    width: 100%;
    clear: both;
}

.couple-question-box label + input + label,
.couple-question-box label + label {
    margin: 20px 0 0;
}

.couple-question-box .checkbox {
    display: block;
    float: left;
    width: 10%;
}

.couple-question-box .couple-question-select,
.couple-question-box .couple-question-text {
    display: block;
    float: left;
    width: 90%;
}

.couple-question-box .couple-question-title {
    font-weight: bold;
}

.couple-question-box .pricevalue {
    float: right;
    font-weight: bold;
    margin-left: 10px;
}

.couple-question-box .couple-question-desc {
    clear: both;
    display: block;
    margin: 10px 0 0;
    color: #666;
    font-size: 12px;
    line-height: 1.1em;
}

.couple-question-box-select .checkbox {
    height: 40px;
    position: relative;
}

.couple-question-box-select .checkbox input {
    position: absolute;
    top: 10px;
}

#body .couple-question-box .couple-question-select select {
    width: 100%;
    cursor: pointer;
    color: #888;
}

#body .couple-question-box .couple-question-select select option {
    width: auto;
    min-width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

#body .couple-question-box.active .couple-question-select select,
#body .couple-question-box .couple-question-select select:focus {
    color: #333;
}

.change-coupled-list .generalinsurancelink,
.couple-question-box .generalinsurancelink {
    margin: 20px 0 0 10%;
    width: 90%;
    display: block;
    float: left;
    clear: both;
    position: relative;
    color: #000;
}

#body .change-coupled-list .generalinsurancelink,
#body .couple-question-box .generalinsurancelink {
    color: #000;
}

.change-coupled-list .generalinsurancelink:before,
.couple-question-box .generalinsurancelink:before {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    background: transparent url(images/buttons.png) no-repeat scroll -72px -244px;
    position: absolute;
    left: -12%;
    top: -4px;
}

.product + .bundle-table {
    margin-top: 20px;
}

.bundle-table {
    width: 100%;
    float: left;
    clear: both;
}

.bundle-table strong {
    font-weight: normal;
}

.bundle-table .price-save {
    color: #d70012;
}

.bundle-table .price-save strong {
    font-weight: bold;
}

#body .product.details .questionformbtn,
#body .product.details .tocart {
    background: transparent;
    float: right; 
    padding: 0 0px 0 0px;
    width: 40%;
}

#body #questionForm {
    display: none;
}

.questionformbtn + div {
    display: none;
}

#body .product.details .questionformbtn {
    width: auto;
    text-transform: uppercase;
}

#body .product.details .tocart input,
#body .product.details .questionformbtn span {
    background: #23a748;
    float: right;
    color: #fff;
}

#body .product.details .socialbookmarks {
    padding: 1em 5px 0;
    margin: 5px -5px;
    background: transparent url(images/line_dashed_x.png) repeat-x 0px 0px;
}

#body .product.details a.sbookmarks {
    border-right: 1px solid #888;
    height: 20px;
    display: block;
    float: left;
    padding: 0px 3px 0px 3px;
    margin: 0px;
}

#body .product.details a.sbookmarks.noborder {
    border: none;
    height: 20px;
    display: block;
    float: left;
    padding: 0px 3px 0px 3px;
    margin: 0px;
}

#body .product.moredetails {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 0 0;
    border: 0 none;
    padding: 0px 0;
    background: transparent;
}

#body .product.moredetails .morepics {
    margin-top: 10px;
    padding: 5px 0;
    height: 70px;
}

#body .product.moredetails .morepics a {
    border: 1px dotted #dadada;
    width: 58px;
    height: 58px;
    padding: 4px;
    margin: 0 10px 0 0px;
    float: left;
}

#body .product .picture .imgcont-on {
    display: table-cell;
    vertical-align: middle;
    width: 400px;
    text-align: center;
    height: 400px;
}

/*#body .product .picture #imgcont-3d {display: none;}*/
#body .product .first-video,
#body .product .morepics {
    width: 450px;
    position: relative;
    float: left;
    clear: both;
    margin: 15px 0 0;
}

#body .product .bigpics.mobile {
    display: none;
}

#body .product .first-video span.title {
    display: none;
}

#body .product .first-video {
    text-align: center;
}

#body .product .morepics .icon-item {
    float: left;
    width: 100px;
    height: 100px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#body .product .morepics a {
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#body .product .morepics a:hover {
}

#body .product .morepics a img {
    max-height: 100px;
    max-width: 100px;
}

#body .product .morepics .default a.view360,
#body .product .morepics .view360 a {
    display: none;
}

#body .product .morepics .first a.viewdef {
}

#body .product .morepics .view360 a.view360 {
    display: table-cell;
}

#body .product .morepics a.view360 {
    background: transparent url(images/360view.png) no-repeat center center;
}

#body .product .morepics a.viewvideo {
    background: transparent url(images/videoview.png) no-repeat center center;
}

#body .product .morepics .icon-item.first {
}

#body .product .morepics a {
    border: 1px solid #fff;
    box-shadow: 0 0 0 0 transparent;
}

#body .product .morepics a:hover {
    border-color: #ccc;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2);
}

#body .product .morepics .window {
    width: 450px;
    height: 110px;
    position: relative;
    overflow: hidden;
}

#body .product .morepics .paging {
    display: block;
    width: 450px;
}

#body .product .morepics .paging .page {
    display: none;
}

#body .product .morepics .paging .arrow {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 38px;
    width: 33px;
    height: 33px;
    margin: 0;
    padding: 0;
    background: transparent url(images/carrows.png) no-repeat scroll left -500px;
}

#body .product .morepics .paging .arrow.off {
    cursor: default;
    opacity: 0 !important;
}

#body .product .morepics .paging .arrow.l {
    left: -10px;
}

#body .product .morepics .paging .arrow.r {
    background-position: left -550px;
    right: -10px;
}

#body .product .morepics .paging .arrow,
#body .product .morepics a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

#body .product.moredetails .longdesc {
    margin-top: 10px;
    padding: 15px 0 0;
    line-height: normal;
}

#body .product.moredetails .longdesc ul {
    padding: 0;
    margin: 10px 0;
}

#body .product.moredetails .longdesc strong.h3 {
    font-size: 16px;
    height: auto;
    min-height: 0;
    margin: 0px 0 15px 0;
    padding-bottom: 7px;
    font-weight: bold;
    display: block;
}

#body .product.moredetails .longdesc p {
    margin: 0;
    padding: 7px 0px;
}

#body .product.moredetails .longdesc .question {
    margin: 10px 0 1px;
    padding-top: 11px;
}

#body .product.moredetails .longdesc .question a {
    font-weight: bold;
}

#body #mmtabs .longdesc #test_product_longdesc {
    height: 102px;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    margin-bottom: 10px;
}

#body #mmtabs .longdesc .morelongdesc {
    background-position: -700px -240px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    height: 24px;
    width: 72px;
    line-height: 20px;
    font-size: 10px;
    color: #333;
    padding: 0px 15px 0px 8px;
    font-weight: bold;
    text-transform: uppercase;
}

#body #mmtabs .longdesc .morelongdesc.none {
    display: none;
}

#body strong#test_specsHeader {
    padding-bottom: 0;
}

#body .box.attributes {
    width: 84%;
    margin: -30px 8% 0;
    padding: 60px 0 0;
}

#body .box table.attributes {
    width: 100%;
}

#body .box .attributes td {
    padding: .5em 0;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
}

#body .box .attributes td.label,
#body .box .attributes td.label b {
    font-weight: bold;
}

#body .box .attributes td.value {
    font-weight: normal;
}

#body .box.columns1 .attributes td.label {
    width: 46%;
    padding-right: 1%;
}

#body .box.columns1 .attributes td.value {
    width: 52%;
    padding-left: 1%;
}

#body .box.columns2 .attributes td.label {
    width: 19%;
    padding-right: 1%;
}

#body .box.columns2 .attributes td.value {
    width: 28%;
    padding-right: 2%;
}

#body .box.columns3 .attributes td.label {
    width: 12%;
    padding-right: 1%;
}

#body .box.columns3 .attributes td.value {
    width: 18%;
    padding-right: 2%;
}

#body .box.columns4 .attributes td.label {
    width: 9%;
    padding-right: 1%;
}

#body .box.columns4 .attributes td.value {
    width: 13%;
    padding-right: 2%;
}

#body .box.columns5 .attributes td.label {
    width: 7%;
    padding-right: 1%;
}

#body .box.columns5 .attributes td.value {
    width: 10%;
    padding-right: 2%;
}

#body .box .attributes tr + tr td {
}

#body .box.columns1 .attributes tr + tr td {
    border-top: 1px solid #eee;
}

#body .box .pricealarm {
    border-top: 1px dotted #ddd;
}

#body .box .pricealarm th {
    padding-top: .5em;
}

#body .box .pricealarm th label {
    font-weight: bold;
}

#subnavhook {
    clear: both;
    width: 100%;
    height: 113px;
    position: relative;
    margin: 20px 0 0;
}

#subnavhook.subnavless {
    height: 76px;
}

#subnavhook.pinned {
}

#subnav {
    background: #393939/* url(images/detail_tabs_bkg_wide.png) no-repeat scroll left top*/;
    display: table;
    width: 1000px;
    height: 38px;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
    margin-bottom: 30px;
}

#subnav:before,
#subnav:after {
    content: "";
    background-color: #393939;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: -9999px;
    width: 9999px;
}
#subnav:after {
    left: -9999px;
    right: auto;
}

#subnav.pinned {
    position: fixed;
    top: 0;
    left: auto;
    z-index: 200;
}

#body #subnavhook.pinned .product {
    position: fixed;
    top: -1px;
    left: auto;
    z-index: 200;
}

#subnavhook.pinned .product + #subnav {
    position: fixed;
    top: 74px;
    left: auto;
    z-index: 200;
}

#subnav a,
#subnav a span {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    padding: 0;
    color: #fff;
    line-height: 1em;
    font-size: 12px;
}

#subnav a:hover {
    background-color: #666;
}

#subnav a.active {
    background-color: #999;
}

#subnav a + a {
    /*background: url(images/detail_tabs_sep.png) no-repeat scroll left top;*/
}

#subnav a span {
    padding: 0 15px 0 40px;
    background: transparent url(images/arrows.png) no-repeat scroll 10px -385px;
}

#subnav a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

#subnav a {
    width: auto;
}

#subnav.items1 a {
    width: 100%;
}

#subnav.items2 a {
    width: 50%;
}

#subnav.items3 a {
    width: 33.33333%;
}

#subnav.items4 a {
    width: 25%;
}

#subnav.items5 a {
    width: 20%;
}

#subnav.items6 a {
    width: 16.66666%;
}

#subnav.items7 a {
    width: 14.28571%;
}

#subnav.items8 a {
    width: 12.5%;
}

#subnav.items9 a {
    width: 11.11111%;
}

#subnav.items10 a {
    width: 10%;
}

.zoomWindow {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .4);
}

body.start-page #body .promorotator {
    display: none;
    float: left;
    margin: 0px 0;
    padding: 0 10px;
    width: 978px;
    border: 0 none;
}

body.start-page #body .promorotator.active,
body.start-page #body .promorotator:first-child {
    display: block;
    margin: 0px 0 0px;
    border-color: #fff;
}

body.start-page #body .promorotator.active {
    border: 1px solid #ccc;
}

#body .welcome {
    width: 100%;
    float: left;
    clear: both;
}

#body .welcome h1,
#body .welcome h2,
#body .welcome h3,
#body .welcome p,
#body .small-banner h1,
#body .small-banner h2,
#body .small-banner h3,
#body .small-banner p {
    margin: 0;
    line-height: normal;
}

#body .small-banner {
    margin: 0 0 16px 0;
    padding: 0;
    width: 234px;
    height: 322px;
    overflow: hidden;
    float: right;
}

#body .small-banner.type-a {
    background: url(images/banner_side_bkg.png) no-repeat scroll left top;
}

#body .small-banner.type-a .small-banner-content {
    width: 232px;
    height: 320px;
    margin: 1px;
    border-radius: 5px;
    overflow: hidden;
}

#body .small-banner.type-b {
}

body.start-page #body strong.limitedtimediscount,
body.details-page #body .customwelcome strong.head2,
body.start-page #body .customwelcome strong.head2 {
    clear: none;
    font-style: italic;
    font-size: 20px;
    margin-top: 0;
    border-bottom: 0 none;
    width: 728px;
    float: left;
}

body.details-page #body .customwelcome table,
body.details-page #body .customwelcome strong.head2 {
    clear: both;
}

body.details-page #body #galleryHeader {
    padding-bottom: 1rem;
}

body.details-page #body .gallerybox .boxhead {
    padding-top: 0;
}

body.details-page #body .gallerybox .gallery-item {
    display: inline-block;
    margin: 10px 3px;
}

body.start-page #body .customwelcome {
    margin: 20px 0;
    padding: 0;
    width: 960px;
    position: relative;
    float: left;
    clear: both;
}

body.start-page #body .customwelcome p {
    margin: 0;
}

body.start-page #body .customwelcome table {
    float: left;
    margin: 0;
    line-height: normal;
    width: 100%;
}

body.start-page #body .customwelcome table td {
    vertical-align: top;
    padding: 0;
    text-align: left;
}

body.start-page #body .customwelcome table td + td {
    text-align: center;
}

body.start-page #body .customwelcome table td + td + td {
    text-align: right;
}

body.start-page #body .customwelcome table strong.h2 {
    font-weight: bold;
    font-size: 24px;
}

body.start-page #body .customwelcome span.btn {
    background-position: right -300px;
    height: 42px;
    padding-right: 20px;
}

body.start-page #body .customwelcome span.btn a {
    background-position: left -300px;
    height: 42px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    padding: 0 0 0 20px;
}

#body .box .guestbook {
    margin-top: 9px;
}

#body .box .guestbook .head td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

#body .box .guestbook .body td {
    padding: 5px 0;
}

/* Links */
#body .box dl.links {
    margin: 0;
}

#body .box dl.links dt {
    margin: 0 0 12px;
}

#body .box dl.links dd {
    background: url(images/line_dotted_horizontal.png) repeat-x bottom;
    padding-bottom: 10px;
    margin: 0 0 10px;
}

#body .box dl.links dd.last {
    background: transparent;
    margin: 0;
    padding: 0;
}

/* News list */
#body dl.news {
    margin: 0;
}

#body dl.news dt {
    margin-bottom: 12px;
}

#body dl.news dt a {
    font-weight: bold;
}

#body dl.news dt a:hover {
    text-decoration: none;
}

#body dl.news dd {
    margin: 0 0 15px 0;
}

#body #box-news {
}

#body #box-news.box div.newsitem {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
}

#body #box-news.box div.newsitem.all4 {
    width: 24%;
    margin-right: 1.333%;
}

#body #box-news.box div.newsitem.all3 {
    width: 32%;
    margin-right: 2%;
}

#body #box-news.box div.newsitem.all2 {
    width: 49%;
    margin-right: 2%;
}

#body #box-news.box div.newsitem.all1 {
}

#body #box-news.box div.newsitem.last {
    margin-right: 0;
}

#body #box-news.box div.newsitem .newsitem-icon {
    margin-bottom: 15px;
    display: block;
    max-width: 100%;
}

#body #box-news.box div.newsitem .newsitem-icon img {
    max-width: 100%;
}

#body #box-news.box div.newsitem .newsitem-title {
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-transform: none;
    border: 0 none;
    padding: 0;
    clear: both;
}

#body #box-news.box div.newsitem .newsitem-title a {
}

#body #box-news.box div.newsitem .newsitem-text {
    display: block;
    margin-bottom: 10px;
}

#body #box-news.box div.newsitem .newsitem-more {
    display: block;
    float: right;
    clear: right;
    color: #d70012;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3em;
}

#body #box-news.box div.newsitem .newsitem-more a {
    background-position: 9999px 9999px;
    padding: 0;
}

#body #box-news.box div.newsitem .newsitem-more a:after {
    content: " ...";
}

#body #box-news.box div.newsitem .newsitem-date {
    float: left;
    clear: left;
}

#body #box-news.box .news-more {
    display: block;
    width: 100%;
    text-align: right;
    padding-top: 5px;
    float: right;
    clear: both;
}

#body #box-news.box .news-more a {
    margin-right: -20px;
}

#body .box.contentitem-synopsis {
}

#body .box.contentitem-synopsis img {
    max-width: 200px;
}

/* Compare */
#body .box.compare {
    margin-bottom: 20px;
}

#body .box.compare .reorder {
    clear: both;
}

#body .box.compare .reorder div {
    background: transparent url(images/buttons.png) no-repeat scroll right -450px;
    padding: 0 5px 0 0;
    height: 26px;
    line-height: 22px;
    vertical-align: middle;
}

#body .box.compare .reorder a {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    display: block;
    width: 15px;
    height: 26px;
    line-height: 22px;
    padding: 0 0 0 5px;
    background: transparent url(images/buttons.png) no-repeat scroll left -450px;
    text-decoration: none;
    color: #fff;
}

#body .box.compare .reorder a:hover {
    text-decoration: none;
}

#body .box.compare .product {
    border: none;
    float: none;
    display: block;
    width: auto;
}

#body .box.compare .product .picture {
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#body .box.compare .product.productbox:hover .frame {
    display: none !important;
}

#body .box.compare .product.small {
    margin: 0 auto;
}

#body .box.compare .product.small strong.h3 a {
    height: auto;
    left: 0;
    top: 0;
    position: relative;
}

#body .box.compare .product.small form {
    bottom: 0;
}

#body .box.compare .actions {
    padding-top: 1em;
    margin-bottom: 5px;
    width: 123px;
    text-align: left;
}

#body .box.compare .actions a {
    text-decoration: none;
    padding-left: 12px;
    background: url(images/arrows.png) no-repeat 0 -300px;
    display: block;
    width: 1%;
    white-space: nowrap;
}

#body .box.compare .actions a:hover {
    text-decoration: underline;
}

#body .box.compare table.cmp_tbl {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-collapse: collapse;
}

#body .box.compare table.cmp_tbl td,
#body .box.compare table.cmp_tbl th {
    padding: 3px 6px 3px 6px;
    border: 1px solid #e0e0e0;
    border-top: 0 none;
}

#body.plain .box.compare table.cmp_tbl td,
#body.plain .box.compare table.cmp_tbl th {
    border-top: 1px solid #e0e0e0;
}

#body .box.compare table.cmp_tbl th {
    font-weight: bold;
}

#body .box.compare .no_left_brd {
    border-left: none !important;
}

#body .box.compare table.cmp_tbl .no_bot_brd td,
#body .box.compare table.cmp_tbl .no_bot_brd th {
    border-bottom: 0 none;
    border-top: 1px solid #e0e0e0;
}

#body.plain .box.compare table.cmp_tbl {
    margin: 0 auto;
    width: auto;
}

#body.plain .box.compare .product.small {
    height: auto;
}

body.compare-page #body.plain #zenbox_tab {
    display: none !important;
}

#body.plain .box.compare .actions {
    display: none;
}

#body.plain .box.compare .tocart {
    display: none;
}

#body.plain .box.compare table.cmp_tbl th {
    width: 121px;
}

#body.plain .box.compare form div {
    text-align: center;
}

#body.plain .box.compare .price sup.dinfo {
    display: none;
}

#body.plain .box.compare .desc.description {
    padding: 10px 0 0;
}

/* ORDER */
body.basket-page #content.paper,
body.user-page #content.paper,
body.payment-page #content.paper,
body.wrapping-page #content.paper,
body.order-page #content.paper,
body.thankyou-page #content.paper,
body.start-page #content.paper {
    padding-top: 0;
}

body.basket-page #path,
body.user-page #path,
body.payment-page #path,
body.wrapping-page #path,
body.order-page #path,
body.thankyou-page #path,
body.start-page #path {
    display: none;
}

/* Order steps */
#body .ordersteps {
    margin: 0;
    width: 100%;
    height: 114px;
    float: left;
    overflow: hidden;
    background: #ccc;
}

body.basket-page #body .ordersteps {
}

body.user-page #body .ordersteps {
}

body.payment-page #body .ordersteps {
}

body.wrapping-page #body .ordersteps,
body.order-page #body .ordersteps {
}

body.thankyou-page #body .ordersteps,
body.start-page #body .ordersteps {
}

#body .ordersteps .col {
    width: 25%;
    height: 114px;
    padding: 0 0 0;
    margin: 0;
    float: left;
    position: relative;
    line-height: normal;
    cursor: default;
}

#body .ordersteps .col.active {
    background: #393939;
}

#body .ordersteps .col.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -15px;
    width: 0px;
    height: 0px;
    border: 15px solid transparent;
    border-top-width: 0;
    border-bottom-color: #fff;
}

#body .ordersteps .col a {
    cursor: pointer;
    color: inherit;
}
#body .ordersteps .col.active a {
    color: #fff;
}

#body .ordersteps .col .step {
    float: left;
    padding: 30px 10px 0 70px;
    display: block;
}

#body .ordersteps .lastinrow {
}

#body .ordersteps .col.first {
}

#body .ordersteps .step-title {
    padding: 0 0 0px 0px;
    margin: 0;
}

#body .ordersteps .step-title,
#body .ordersteps .step-title a,
#body .ordersteps .col .step-nr {
    font-size: 18px;
    font-weight: normal;
    font-weight: 300;
    color: #444;
}

#body .ordersteps .col .step-nr {
    font-size: 70px;
    text-indent: 0.3em;
    line-height: 70px;
    position: absolute;
    top: 20px;
    overflow: hidden;
    left: 0;
    display: block;
    width: 60px;
    text-align: right;
}

#body .ordersteps .step-title,
#body .ordersteps .step-title a {
    text-transform: uppercase;
}

#body .ordersteps .step-title a {
    display: block;
}

#body .ordersteps .desc,
#body .ordersteps .desc a {
    font-size: 12px;
    max-width: 140px;
    margin: 0;
    color: #888;
    font-weight: normal;
}

#body .ordersteps .desc a {
    display: block;
}

#body .ordersteps .col.active .step-nr,
#body .ordersteps .col.active .desc,
#body .ordersteps .col.active .desc a,
#body .ordersteps .col.active .step-title,
#body .ordersteps .col.active .step-title a {
    color: #fff;
}

#body .ordersteps.nofinalstep .col {
    width: 250px;
}

#body .ordersteps.nofinalstep .lastinrow {
}

#body .ordersteps .col:hover a {
    text-decoration: underline;
}

#body #shipping .shipform {
    width: 100%;
}

#body .form.payments {
}

#body .form.payments td,
#body #shipping .shipform td {
    width: 50px;
    padding: 0 0 20px;
    vertical-align: top;
}

#body .form.payments td td,
#body .form.payments td + td,
#body #shipping .shipform td td,
#body #shipping .shipform td + td {
    width: auto;
}

#body .form.payments td td,
#body #shipping .shipform td td {
    padding: 0 10px 10px;
}

#body .form.payments td col + col,
#body #shipping .shipform td col + col {
    width: auto !important;
}

#body #shipping .shipdesc {
    float: left;
    width: 100%;
}

#body #shipping .shipdesc p {
    margin: 0;
}

#body .form.payments .type {
    display: none;
}

#body #supplypoint-box {
    margin: 0;
    padding: 0;
}

#body .supplypoint-list {
}

#body ul.supplypoint-list {
    line-height: normal;
    max-height: 200px;
    overflow: auto;
    box-shadow: inset 2px 2px 10px 0 #eee;
    border-radius: 5px;
    padding: 20px 2%;
    border: 1px solid #ddd;
    margin: 20px 0 0;
    width: 95%;
}

#body ul.supplypoint-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

#body .supplypoint-list .shiptosupplypointitem {
    margin: 4px 10px 0 0;
}

#body .supplypoint-list .title {
    font-weight: bold;
    width: 36% !important;
}

#body .supplypoint-list .address {
    width: 38%;
}

#body .supplypoint-list .address:before {
    content: none;
}

#body .supplypoint-list .supplypoint-link-target {
    background: transparent;
    position: relative;
}

#body .supplypoint-list .supplypoint-link-target:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    background: transparent url(images/arrows.png) no-repeat scroll -10px -221px;
}

/* Order back/next step button */
#body div.bar.prevnext .minorderprice {
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    text-align: center;
    width: auto;
}

#body div.bar.prevnext .termsconfirm {
    width: auto;
    margin: 0 10px;
    text-align: right;
}

#body div.bar.prevnext.terms {
    margin-bottom: 30px;
}

#body .box + div.bar.prevnext.terms {
    margin-top: 50px;
}

/* Basket */
#body .basket {
    float: left;
    margin: 0 0 10px 0;
    border: 0 none;
    empty-cells: show;
    width: 100%;
}

#body .basket tr.hide + tr.bsk_sep,
#body .basket tr.hide {
    display: none;
}

#body .basket tbody td {
    padding-top: 5px;
    vertical-align: middle;
}

#fancybox-frame #go-to-top,
#fancybox-frame #social_networks,
#fancybox-frame #hw-87kwowifjjowiklsadh666left {
    display: none !important;
}

#body .change-coupled-list .close {
    background: #333;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    right: -1rem;
    top: -1rem;
    cursor: pointer;

}
#body .change-coupled-list a.info,
#body .basket .basketBoxCoupled a.info {
    overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
    margin-left: 3px;
    position: relative;
    top: 2px;
    height: 15px;
    width: 15px;
    background: transparent url(images/icon-i.png) no-repeat 0 0;
    margin-right: 0.5rem;
    min-height: 2.5rem;
    float: left;
}

body.details-page #body .change-coupled-list,
#body .basket .basketBoxCoupled {
    background: #eee;
    padding: 1rem;
    width: 100%;
}

body.details-page #body .change-coupled-list {
    background-color: #fff;
    visibility: visible;
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    width: 440px;
    height: auto;
    z-index: 1101;
    margin-top: -75px;
    margin-left: -220px;
    border: 1px solid #aaa;
    padding: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
}

body.details-page #body .change-coupled-list .basketproduct .couple-question-title {
    font-weight: normal;
    width: 75%;
    display: inline-block;
    float: left;
}

body.details-page #body .change-coupled-list .tocart input {
    border: 0 none;
    color: #fff;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    background: #23a748;
    float: right;
}

body.details-page #body .change-coupled-list .col {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 1rem;
}
#body .basket .basketBoxCoupled .col {
    float: left;
    width: 30%;
    margin-right: 3%;
}
#body .basket .basketBoxCoupled .col .h3 a {
    display: inline-block;
    margin-right: 0.5rem;
    min-height: 2.5rem;
    float: left;
}

body.details-page #body .change-coupled-list .checkbox {
    width: auto;
}

body.details-page #body .change-coupled-list .checkbox,
#body .basket .basketBoxCoupled .checkbox {
    float: left;
    display: block;
    margin-right: 0.5rem;
    min-height: 3.5rem;
}

body.details-page #body .change-coupled-list .price,
#body .basket .basketBoxCoupled .price {
    display: block;
    text-align: left;
}

#body .basket th {
    font-weight: normal;
    font-weight: 300;
    height: 25px;
    padding-left: 6px;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-transform: uppercase;
}

#body .basket th.brd {
    padding: 0;
}

#body .basket th .brd_line {
    height: 25px;
}

#body .basket th.lastcol {
    padding: 0;
    width: 3%;
}

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

#body .basket .bsk_sep .brd,
#body .basket .bsk_sep .line,
#body .basket .bsk_sep .line + td {
    border-bottom: 1px solid #e5e5e5;
}

#body .basket .bsk_sep .bigline {
    border-bottom: 1px solid #e5e5e5;
}

#body .basket .picture {
    border: 0 none;
    text-align: center;
    display: block;
}

#body .basket .art_title a {
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

#body .basket .art_num {
}

#body .basket .variants select {
    width: 136px;
    margin-top: 2px;
}

#body .basket .btn,
#body .basket .amount {
}

#body .basket span.btn input.upd {
}

#body .basket .upd {
}

#body .basket .price {
    padding-right: 0px;
    text-align: right;
}

#body .basket .orderprice {
    padding-right: 6px;
    text-align: right;
}

#body .basket .price-item {
    display: block;
    width: 90%;
    clear: both;
    text-align: right;
    margin-left: 10%;
}

#body .basket .price-item + .price-item {
    margin-top: 10px;
}

#body .basket .price-item .label {
    float: left;
    text-align: left;
}

#body .basket .price-item .value {
}

#body .basket input.txt {
    border: 1px solid #ccc;
}

#body .basket .vat {
    padding-left: 0px;
    text-align: right;
}

#body .basket .vat_order {
    padding-left: 0px;
    text-align: right;
}

#body .basket .amount {
    padding-right: 20px;
}

#body .basket .totalprice {
    padding-right: 6px;
    text-align: right;
    font-weight: normal;
    font-size: 16px;
    color: #d80012;
    line-height: normal;
}

#body .basket .notice td {
}

#body .basket .sumrow td {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
}

#body .basket .sumrow .sumdesc,
#body .basket .grey {
}

#body .basket .sumrow.total td {
    font-weight: normal;
    font-size: 16px;
    color: #d80012;
    line-height: normal;
}

#body .basket .sumrow.total b {
    font-weight: normal;
}

#body .basket .sumrow.total #test_basketGrandTotal b,
#body .basket .sumrow.total #test_orderGrandTotal b {
    font-weight: bold;
}

#body .basket .sumdesc {
    padding-right: 15px !important;
    text-align: right;
}

#body .basket .discount,
#body .basket .coupon {
}

#body .basket .bottrow {
    height: 14px;
}

#body .basket a.remove {
}

#body .basket a.wrapremove {
}

#body .basket .wrapmod {
    display: block;
    width: 85px;
    background-position: right -100px;
    float: left
}

#body .basket .wrapmod a {
    text-align: center;
    width: 63px;
    background-position: 0 -100px;
    padding: 0 0 0 22px;
}

#body .basket tbody td.brd,
#body .basket tbody td.checkboxes {
    padding: 0;
    text-align: center;
    width: 30px;
}

#body .basket tbody td.checkboxes input {
}

#body .basket .reload.btn {
    display: none;
}

#body .basket .sumrow .frombasket {
}

#body .basket .frombasketbtn .frombasket {
}

#body .basket .sumrow .frombasket .btn,
#body .basket .frombasketbtn .frombasket .btn {
}

#body .basket .sumrow span.btn {
    background-position: right -852px;
}

#body .basket .sumrow span.btn input {
    background-position: left -852px;
}

#body .basket .sumrow span.btn,
#body .basket .sumrow .frombasket {
    margin-top: 10px;
}

#body .basket .bundle-row td {
}

#body .basket .bundle-row td.item {
    padding-left: 50px;
}

#body .basket .bundle-row td.item .art_title {
    position: relative;
}

#body .basket .bundle-row td.item .art_title:before {
    content: "";
    background: transparent url(images/icon-gift.png) no-repeat 0px 0px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -50px;
    top: 0;
}

#body .basket .bundle-row + .bundle-row td.item .art_title:before {
    height: 4em;
    top: -3.3em;
}

#body .basket .bundle-row + .bundle-row td.item .art_title:after {
    top: -3.3em;
}

.change-coupled-list {
    width: 96%;
    margin: 0 2%;
    padding: 10px 0;
    text-align: left;
    float: left;
}


.change-coupled-list .basketproduct {
    padding: 0;
    display: block;
    float: left;
    width: 100%;
    clear: both;
}

.change-coupled-list .basketproduct + .basketproduct {
    padding-top: 10px;
}

.change-coupled-list .basketproduct .checkbox {
    display: block;
    float: left;
    width: 10%;
}

.change-coupled-list .basketproduct .couple-question-text {
    display: block;
    float: left;
    width: 85%;
}

.change-coupled-list .basketproduct .couple-question-title {
    font-weight: bold;
}

.change-coupled-list .basketproduct .pricevalue {
    float: right;
}

.change-coupled-list .basketproduct .couple-question-desc {
    clear: both;
    display: block;
    margin: 10px 0 0;
    color: #666;
    font-size: 12px;
    line-height: 1.1em;
}

.change-coupled-list span.btn {
    text-align: right;
    float: right;
    margin: 10px 0 0;
    clear: both;
}

.change-coupled-list .basketproduct.rownewwarranty + .rownewinsurance,
.change-coupled-list .basketproduct.rownewinsurance + .rownewwarranty {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

#body .box.voucher {
    width: 380px;
    padding: 15px 25px;
    border: 1px #ccc solid;
    min-height: 60px;
    background: #f2f2f2 url(images/basket_voucher_bkg.png) repeat-x scroll left bottom;
}

#body .box.voucher .head {
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

#body .box.voucher input.placeholder {
    font-style: italic;
    background: transparent;
    line-height: 28px;
    height: 28px;
    color: #666;
    padding: 0 10px;
    background: #fff;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .6);
    width: 180px;
    float: left;
}

#body .box.voucher span.btn {
    background-position: right -550px;
    float: right;
}

#body .box.voucher span.btn input {
    background-position: left -550px;
    font-size: 11px;
}

#body .box.incentive {
    font-size: 18px;
    display: flex;
    align-items: center;
    line-height: 1.3;
    width: 380px;
    height: 60px;
    padding: 15px 25px;
    border: 1px #a7212c solid;
    text-align: center;
    float: right;
    color: #fff;
    background: #db1929 url(images/basket_incentive_bkg.png) repeat-x scroll left bottom;
}

#body .box.voucher + div.bar.prevnext,
#body .box.incentive + div.bar.prevnext {
    margin-top: 30px;
    position: relative;
}

#body .box.voucher + div.bar.prevnext:before,
#body .box.incentive + div.bar.prevnext:before {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: -15px;
    left: -3.1%;
    width: 106.3%;
    border-top: 1px solid #e5e5e5;
}

#body div.bar.prevnext + strong.head2,
#body div.bar.prevnext + .boxhead {
    border-top: 1px solid #e5e5e5;
    background-position: 9999px 9999px;
    background-repeat: no-repeat;
}

/* user options step */
#body .useroption {
    margin: 20px 3%;
    width: 27%;
    min-height: 350px;
    height: auto !important;
    height: 350px;
}

#body .useroption-last {
}

#body strong.useroptboxheadbig,
#body strong.useroptboxhead {
    margin: 10px 0;
    font-size: 20px;
    font-weight: normal;
    font-weight: 300;
    display: block;
    width: 100%;
}

#body .useroptboxbig,
#body .useroptbox {
    width: 100%;
    margin: 10px 0;
    position: relative;
}

#body .useroption + .useroption {
    background: transparent url(images/line_dotted_vertical.png) repeat-y scroll left top;
    margin-left: 0;
    width: 30%;
}

#body .useroption + .useroption strong.useroptboxheadbig,
#body .useroption + .useroption strong.useroptboxhead,
#body .useroption + .useroption .useroptboxbig,
#body .useroption + .useroption .useroptbox {
    width: 90%;
    margin-left: 10%;
}

#body .useroptboxbig {
}

#body .useroptboxbig b,
#body .useroptbox b {
    font-size: 16px;
}

#body .useroptbox .err {
    margin-bottom: 10px;
}

#body #sandpit.personal .ascompany {
    display: none;
}

/* payment step */
#body .paymentboxhead,
#body .thankyouboxhead {
    margin-top: 5px;
}

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

#body dl.orderinfocol .address {
    display: block;
}

#body dl.orderinfocol span.btn {
}

#body dl.orderinfocol p {
    margin: 0;
}

#body .shippingandpayment dl.orderinfocol span.btn {
    display: block;
    float: left;
    margin: 10px 0 0;
}

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

#body .giftwrap {
}

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

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

/* new new payment step - new layout */


#body .payment-wrap .item-row {width: 100%; float: left; box-sizing: border-box;}
#body .payment-wrap .item-row.options-row {padding-left: 2em; clear: both; padding-top: .5em;}
#body .payment-wrap .noradio .shipform + .options-row,
#body .payment-wrap .item-row + .control-row {margin-top: 1em;}
#body .payment-wrap .item-row .control-cell {float: left; width: 2em; position: relative; z-index: 5; min-height: 2rem; display: block;}
#body .payment-wrap .item-row .title-cell {float: left; width: 100%; padding-left: 2em; margin-left: -2em;}
#body .payment-wrap .item-row .title-cell .item-ico-wrap {float: left; max-width: 38%; margin: 0 2% 0 0;}
#body .payment-wrap .item-row .title-cell .item-ico-wrap .item-ico {max-width: 100%; height: auto; width: auto; margin: 0;}
#body .payment-wrap .item-row .title-cell .title b {padding-right: .5em;}
#body .payment-wrap .item-row .shipping-price,
#body .payment-wrap .item-row .payment-price {float: right; min-width: 10%; text-align: right; font-weight: bold;}

#body div#process-payment span.btn-processpayment {
    background: transparent;
}

#body div#process-payment span.btn-processpayment input {
    background: #c30e18;
    font-weight: bold;
    height: 3rem;
}

/* new new payment step - look */

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

#body .payment-wrap .item-row .item-desc,
#body .payment-wrap .item-row .price-text {color: #aaa;}

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

/* new addresses - userdata forms */

.userdata {width: 100%; float: left; clear: both;}
#body .box.form {padding-left: 0; padding-right: 0; width: 100%; float: left;}
#body .box.form.termsconfirm {margin-bottom: 10px;}
.userdata .user-section-title {width: 100%; float: left; clear: both;}

/* user forms - ala bootstrap */
#body .userdata .link {text-decoration: underline;}
.userdata .form-group {width: 100%; margin-bottom: 1em; float: left;}
.userdata .form-group.ares-note {margin-bottom: 0;}
.userdata .termsconfirm .form-group {margin-bottom: 0;}
.userdata .termsconfirm .chkbox {float: left;}
.userdata .form-group .control-label {width: 100%; float: left; min-height: 2em;}
.userdata .form-group .control-wrap {width: 60%; margin-top: 10px; 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: 38%; margin-left: 2%; 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%;}
.userdata .form-group .form-control.cele[name*=oxzip] {max-width: 80%;}

.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: 10px; height: auto;}
.userdata .form-group .btn a,
.userdata .form-group .btn input {}
.twocolumns #body .payment-wrap .boxhead {padding-left: 10px;}
.userdata #password-fake {font-style: italic; color: #999;}
.userdata #password-fake.stayhidden {display: none;}
.userdata .alreadyuserformbox {display: none;}

/* 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: 3.5%; width: 46%;}
.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: 7%; width: 65%;}

.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: 64%; margin: 0; padding: 0; clear: both; float: left;}
#body .sub-main.wide {width: 100%;}
#body .sub-sidebar {width: 30%; margin-right: 2%; float: right;}
#body .sub-main-userform + .sub-sidebar {margin-left: 2%; padding-top: 2.5%;}

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

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


form.login label {
    margin-right: 1rem;
    display: inline-block;
    min-width: 3.5rem;

}

form.login .row {
    margin-bottom: 0.25rem;
    display: block;
}

form.login span.btn {
    margin: 1rem 0;
}

/* new new payment step - new layout */


#body .payment-wrap .item-row {width: 100%; float: left; box-sizing: border-box;}
#body .payment-wrap .item-row.options-row {padding-left: 2em; clear: both; padding-top: .5em;}
#body .payment-wrap .noradio .shipform + .options-row,
#body .payment-wrap .item-row + .control-row {margin-top: 1em;}
#body .payment-wrap .item-row .control-cell {float: left; width: 2em;}
#body .payment-wrap .item-row .title-cell {float: left; width: 100%; padding-left: 2em; padding-top: 0.5em; margin-left: -2em; box-sizing: border-box;}
#body .payment-wrap .item-row .title-cell .item-ico-wrap {float: left; max-width: 38%; margin: 0 2% 0 0;}
#body .payment-wrap .item-row .title-cell .item-ico-wrap .item-ico {max-width: 100%; height: auto; width: auto; margin: 0;}
#body .payment-wrap .item-row .title-cell .title b {padding-right: .5em;}
#body .payment-wrap .item-row .shipping-price,
#body .payment-wrap .item-row .payment-price {float: right; min-width: 10%; text-align: right; font-weight: bold;}



/* new new payment step - look */

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

#body .payment-wrap .item-row .item-desc,
#body .payment-wrap .item-row .price-text {color: #aaa;}

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


.userdata .user-section-title,
#body .box .registerboxhead,
#body .box .userboxhead,
#body .box .paymentboxhead {padding: .5em 1.5em 0.5em 0.5em; margin-bottom: 1em; color: #000; box-sizing: border-box; font-weight: lighter; text-align: left;  font-size: 1.75em; background-color: #f5f5f5;}
.payment-page #body .box #inv_country_select {margin-left: 2em;}

.userdata .user-section-title label {
  display: inline-block;
  color: #000;}
.userdata .user-section-title label input {margin-right: .5em;}

.payment-page #content h1.boxhead, .user-page #content h1.boxhead  {display: none;}
.payment-page #content h1.boxhead + div, .user-page #content h1.boxhead + div {margin-top: 15px;}
.payment-page #content .boxhead, .user-page #content .boxhead { margin-bottom: 5px;padding-top: 10px;}

/* change payment - iframe  */

body.modal-open {overflow: hidden;}
#change-payment-frame {display: none;}
#change-payment-frame.on {display: block; position: fixed; width: 90vw; height: 90vh; background: #fff; left: 5vw; top: 5vh; z-index: 9999; border: 0 none;}
.change-payment-popup {background-color: #fff;}

.change-payment-popup h1.boxhead:before {
    content:"\f06a";
    font-family: FontAwesome;
    padding-right: 10px;
}
.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;}

.change-payment-popup .userdata .user-section-title, 
.change-payment-popup #body .box .registerboxhead, 
.change-payment-popup #body .box .userboxhead, 
.change-payment-popup #body .box .paymentboxhead {
    background: transparent;
    padding: 15px 0;
    float: left;
    clear: both;
    margin-bottom: 15px;
}


/* basket summary */
#body .basketsummary {float: left;}
#body .basketsummary .action-row,
#body .basketsummary .itemrow {width: 100%; float: left; margin-bottom: 1em;}
#body .basketsummary .action-row .btn + .btn {margin-left: 1em;}
#body .basketsummary .action-row .action-buttons {float: right;}

#body .basketsummary .item-action {float: right; text-align: right; padding-top: .2em;}
#body .basketsummary .item-img {width: 18%; max-width: 150px; margin-right: 2%; float: left;}
#body .basketsummary .item-title {width: 80%; float: right;}
#body .basketsummary .art_title {font-size: 1em; line-height: normal;}
#body .basketsummary .art_num {color: #929292;font-size: 14px;}
#body .basketsummary .status .value {    font-size: 14px;    color: #539e55;    font-weight: 400;}
#body .basketsummary .item-price {width: 80%; float: right; clear: right;}
#body .basketsummary .item-price .stock {width: 60%; float: left;}
#body .basketsummary .item-price .amount {width: 10%; float: left; text-align: center;}
#body .basketsummary .item-price .amount input {text-align: center;}
#body .basketsummary .item-price .totalprice {width: 30%; float: right; text-align: right;}
#body .basketsummary .bundleitems {width: 100%; float: left; margin-top: 1em;}
#body .basketsummary .bundle {width: 100%; float: left; margin-bottom: 1em;}
#body .basketsummary .bundleitems .item-price .amount {margin-left: 60%;}

/* basket summary - sum prices */
#body .basketsummary .sumrows {width: 100%; float: left; clear: both;}
#body .basketsummary .sumrow {width: 100%; float: left; margin: 5px 0;}
#body .basketsummary .sumrow.vatrow {display: none;}
#body .basketsummary .sumdesc {float: left;}
#body .basketsummary .sumprice {float: right; white-space: nowrap;}
#body .basketsummary .sumrow.total {font-weight: bold; line-height: 2em;}
#body .basketsummary .sumrow.total .sumprice .pricevalue {font-size: 1.5em;color: #000;}
#body .basketsummary .sumrow.cardwrapname {margin-top: 1em;}
#body .basketsummary .sumrow.cardwraptext {font-weight: bold;}

#body .basketsummary .sumrow.total {background-color: #f5f5f5; padding-top: .5em; padding-bottom: .5em; box-sizing: border-box; margin-left: -2%; margin-right: -2%; width: 104%;}
#body .basketsummary.ordersummary .sumrow.total {margin-left: 0;margin-right: 0;width: 100%;}
#body .basketsummary .sumrow.total .sumdesc {margin-left: 2%;color: #000;}
#body .basketsummary .sumrow.total .sumprice {margin-right: 2%;}

#body .basketsummary .voucheradd {float: left; clear: both; max-width: 50%;}
#body .basketsummary .voucheradd + .sumrows {clear: none;}

/* basket summary - order */
#body .basketsummary.order .item-title {width: 28%; margin-right: 2%; float: left;}
#body .basketsummary.order .item-price {width: 50%;}
#body .basketsummary.order .item-price .orderprice {width: 30%; float: left; text-align: right;}
#body .basketsummary.order .item-price .amount {width: 30%; float: left; text-align: center;}
#body .basketsummary.order .bundleitems .item-price .amount {margin-left: 30%;}
#body .basketsummary.order .item-price .vat_order {width: 10%; float: left; text-align: right;}
#body .basketsummary.order .item-price .totalprice {width: 30%; float: right; text-align: right;}
/*
#body .basketsummary.order .sumrows .sumdesc {width: 48%; text-align: right; margin-left: 2%;}
*/

/* basket summary - review (basket) */
#body .basketsummary-header.review {margin-top: 1em;}
#body .basketsummary-header.review,
#body .basketsummary.review .action-row,
#body .basketsummary.review .itemrow {padding-right: 2em; box-sizing: border-box;}
#body .basketsummary-header.review {background-color: #f5f5f5;padding: 1em 2em;}
#body .basketsummary.review .item-action {margin-right: -2em;}

#body .basketsummary.review .item-action input {cursor: pointer;}
#body .basketsummary.review .item-title {width: 28%; margin-right: 2%; float: left;}
#body .basketsummary.review .item-price {width: 50%; clear: none;}
#body .basketsummary.review .item-price .orderprice {width: 30%; float: left; text-align: right;}
#body .basketsummary.review .item-price .amount {width: 30%; float: left; text-align: center;}
#body .basketsummary.review .bundleitems .item-price .amount {margin-left: 30%;}
#body .basketsummary.review .item-price .vat_order {width: 10%; float: left; text-align: right;}
#body .basketsummary.review .item-price .totalprice {width: 30%; float: right; text-align: right;}

#body .basketsummary.review .sumrow.total,
#body .basketsummary.review .sumrow.grossrow { margin-right: 0; width: 100%;margin-left: 0;}


/* basket summary - order header */
#body .basketsummary-header {width: 100%; float: left; margin-bottom: 1em; font-weight: 400; text-transform: uppercase;}
#body .basketsummary-header .item-general {width: 18%; max-width: 150px; margin-right: 32%; float: left;}
#body .basketsummary-header .item-price {width: 50%; float: right;}
#body .basketsummary-header .item-price .orderprice {width: 30%; float: left; text-align: right;}
#body .basketsummary-header .item-price .amount {width: 30%; float: left; text-align: center;}
#body .basketsummary-header .item-price .vat_order {width: 10%; float: left; text-align: right;}
#body .basketsummary-header .item-price .totalprice {width: 30%; float: right; text-align: right;}


/* Wrapping */
#body .wrapping {
    margin: 0 0 10px;
    empty-cells: show;
    width: 728px;
    float: left;
}

#body .wrapping tbody td {
    padding-top: 10px;
}

#body .wrapping th {
    font-weight: bold;
    height: 25px;
    padding-left: 6px;
    border-bottom: 2px solid #888;
}

#body .wrapping th.brd {
    padding: 0;
}

#body .wrapping th .brd_line {
    width: 7px;
    height: 25px;
}

#body .wrapping td.brd {
}

#body .wrapping .wrp_sep td {
    height: 10px;
    padding-top: 0;
}

#body .wrapping .wrp_sep .line {
    border-bottom: 1px solid #eee;
}

#body .wrapping .picture {
    text-align: center;
    display: block;
    width: 60px;
}

#body .wrapping .art_title a {
    font-weight: bold;
}

#body .wrapping .art_num {
}

#body .wrapping .wrapping_items td {
    padding-top: 0;
}

#body .wrapptop {
    margin-top: 10px;
}

#body .giftbigimg {
    padding-right: 12px;
}

#body dl.orderinfocol.greetingcard {
    width: 728px;
    margin: 0;
}

#body .cardbox {
    width: 257px;
    float: left;
    margin: 0 10px 5px 0;
}

#body .cardbox .card_body {
    padding: 5px 0 5px 25px;
}

#body .card_sep {
    clear: both;
}

#body .giftmessage {
    width: 100%;
    height: 100px;
}

/* More categories */
#body .morecats {
    margin: 0;
    width: 100%;
    float: left;
}

#body .morecats td {
    width: 33%;
    vertical-align: top;
}

#body .morecats dl {
    margin: 0 0 20px;
}

#body .morecats dl + dl {
    margin: 0 0 0 20px;
}

#body .morecats dt {
    margin: 0 0 10px;
}

#body .morecats dd {
    margin: 0;
    padding: 0;
}

#body .morecats dl a {
    display: block;
}

#body .morecats dt a {
    font-weight: bold;
    padding: 0;
}

#body .morecats dd a {
    padding-left: 20px;
    color: #333;
}

/* Account header */
#body .box.account_header {
    padding-bottom: 20px;
}

#body .account_header dl {
    border-bottom: 1px dotted #eee;
    margin: 2px 0;
    padding-bottom: 5px;
    width: 97%;
}

#body .account_header dl.lastInCol {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0px;
}

#body .account_header dt {
    padding-left: 8px;
}

#body .account_header dt a {
    font-weight: bold;
    text-decoration: none;
}

#body .account_header dt a:hover {
    text-decoration: underline;
}

#body .account_header dd {
    margin: 2px 0;
    padding-left: 8px;
}

.evidencelist table.table {
    width: 100%;
    line-height: normal;
}

.evidencelist tr.head th {
    font-weight: bold;
    border-bottom: 1px #eee solid;
    padding-bottom: 2px;
}

.evidencelist tr.head th.aright {
    padding-right: 0;
}

.evidencelist table.table tr.itemlast td {
    border-bottom: 1px #eee solid;
}

.evidencelist .aright {
    text-align: right;
}

.evidencedetail table {
    width: 100%;
}

.evidencedetail table.table {
    width: 100%;
    line-height: normal;
}

.evidencedetail tr.head th {
    font-weight: bold;
    border-bottom: 1px #000 solid;
    padding-bottom: 2px;
}

.evidencedetail tr.head th.aright {
    padding-right: 0;
    padding-left: 5px;
}

.evidencedetail table.table td {
    padding: 1px 5px 3px 0;
    vertical-align: top;
}

.evidencedetail table.table td.aright {
    padding: 1px 0 3px 2px;
}

.evidencedetail table.table tr.itemfirst td {
    padding-top: 3px;
}

.evidencedetail table.table tr.itemlast td {
    border-bottom: 1px #000 solid;
}

.evidencedetail table.total {
    margin-top: 10px;
}

.evidencedetail .aright {
    white-space: nowrap;
    text-align: right;
}

.evidencedetail td.sumvalue {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
}

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

#body .account small {
}

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

/* Account wishlist */
#body .wishlist .product {
}

#body .wishlist .product.thin {
}

#body .wishlist .separator {
    display: none;
}

#body .wishlist .dot_sep {
    clear: both;
}

/* Account wishlist search results */
#body .wishsearchresults .searchitem {
    background: url(images/wishlist.jpg) no-repeat;
    line-height: 50px;
    margin: 5px 0;
}

#body .wishsearchresults .searchitem a {
    padding-left: 60px;
    line-height: 50px;
    font-weight: bold;
    display: block;
    width: 1%;
    white-space: nowrap;
}

/* Account order history */
#body .form.orderhistory td {
    padding: 2px 0;
}

#body .form.orderhistory th {
    font-weight: bold;
    border: none;
    background: transparent;
    padding: 2px 0;
}

#body .form.orderhistory tr.headrow td,
#body .form.orderhistory tr.headrow th {
    font-size: 12px;
}

#body .form.orderhistory a.tocart {
    height: 19px;
    width: 19px;
    background: transparent url(images/buttons.png) no-repeat scroll -100px -250px;
    margin: 0;
    border: none;
    padding: 0;
    display: block;
}

#body .form.orderhistory a.artlink {
    margin-right: 7px;
}

#body .form.orderhistory .amount {
    padding-right: 7px;
}

/* Account reccomend list */
#body .recommendlist .product {
    padding: 5px 0 5px 130px;
    margin: 0;
    border: none;
}

#body .recommendlist .product.thin {
    width: 413px;
}

#body .recommendlist .separator {
    margin: 0;
    width: 541px;
    border: none;
}

#body .recommendlist .dot_sep {
    clear: both;
}

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

/* Mall shops start page */
#body .mallbox {
    width: 980px;
    margin: 15px auto;
}

#body .mallbox .mallhead {
    position: relative;
    clear: both;
    height: 75px;
}

#body .mallbox .mallhead .mallmenu {
    position: absolute;
    right: 7px;
    top: 55px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#body .mallbox .mallhead .mallmenu li {
    float: left;
    margin: 0 5px;
    padding-right: 10px;
    border-right: 1px solid #999;
}

#body .mallbox .mallhead .mallmenu li.last {
    border: none;
}

#body .mallbox .mallhead .mallmenu li a {
}

#body .mallbox .langbox {
    border-bottom: 1px solid #fff;
    padding: 8px 7px;
}

#body .mallbox .langbox a {
}

#body .mallbox .langbox a.lang_active {
    font-weight: bold;
}

#body .mallbox .locationbox {
    padding: 15px 0 2px 0;
    margin: 0 0 15px 15px;
    border-bottom: 1px solid #CBCBCB;
}

#body .mallbox .welcomebox {
    position: relative;
    margin-left: 15px;
    width: 480px;
}

#body .mallbox .welcomebox .shopselectbox {
    position: absolute;
    left: 510px;
    top: 7px;
    width: 240px;
}

#body .mallbox .welcomebox #demoAdminLink {
    position: absolute;
    left: 760px;
    top: 7px;
    width: 202px;
}

#body .mallbox .mallfooter {
    margin: 55px 0 0;
    position: relative;
}

#body .mallbox .mallfooter .copyright {
    height: 15px;
    margin: 2px;
    padding: 6px 0px;
    text-align: right;
}

#body .mallbox .mallfooter a {
}

/* Basket popup */
#mask {
    visibility: hidden;
    display: none;
}

#mask iframe {
    visibility: hidden;
    border: none;
}

body.basket-page.loading #mask,
body.unloading #mask,
#mask.loading,
#mask.on {
    visibility: visible;
    display: block;
    position: fixed;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

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

body.basket-page.loading #fancybox-overlay,
body.unloading #fancybox-overlay {
    display: none !important;
}

body.basket-page.loading #fancybox-wrap,
body.unloading #fancybox-wrap {
    z-index: 1502 !important;
}

div.popup {
    visibility: hidden;
    display: none;
}

div.popup strong {
    display: block;
    margin: 0 0 10px;
    padding: 10px;
    background-color: #21b24b;
    color: #fff;
    text-align: center;
}

div.on.popup {
    background-color: #fff;
    visibility: visible;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 440px;
    height: 170px;
    z-index: 2000;
    margin-top: -75px;
    margin-left: -220px;
    border: 1px solid #aaa;
    padding: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
}

div.on.popup.load {
    background: #fff url(images/ajax-loader.gif) no-repeat scroll center;
}

div.on.popup table {
    width: 100%;
}

div.on.popup input {
}

div.on.popup input.disabled {
}

div.on.popup span.btn.bl {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

div.on.popup span.btn.br {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

div.on.popup tr.sep + tr th,
div.on.popup td {
    font-weight: bold;
}

div.fbMsg.on.popup {
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}

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

div.fbMsg.on.popup .popupMsg {
    font-size: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

div.fbMsg.on.popup .popupFooter {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#zoom {
    padding: 0;
    overflow: auto;
    min-width: 250px;
    min-height: 150px;
}

#zoom ul.tabs {
    padding: 0;
    margin: 0;
    height: 28px;
    width: 100%;
}

#zoom ul.tabs li {
    list-style: none;
    margin: 1px;
    float: left;
}

#zoom a {
    display: block;
    padding: 5px;
    width: 20px;
    text-align: center;
    border: 1px dotted #ddd;
    font-weight: bold;
}

#zoom li.active a {
    border: 1px solid #9CB000;
}

#zoom ul.tabs li.close {
    float: right;
}

/* Message boxes */
#body .msg {
    float: left;
    width: 90%;
    margin: 10px 2%;
    padding: 10px 3%;
    border-radius: 5px;
    background-color: #e5e5e5;
    text-align: center;
}

#left + #body .msg {
    width: 92%;
    margin: 10px 2% 20px 0;
}

body.start-page #body .msg {
    margin: 10px 0;
    width: 94%;
}

#body .msg .err {
    font-weight: bold;
}

#body .msg.incentive {
    font-weight: bold;
    font-size: 120%;
    background-color: #19aa4b;
    color: #fff;
}

/* Tags */
#body .box .tags {
    text-align: center;
}

#body .box .tags a {
    line-height: 100%;
    padding: 0 .2em;
    cursor: pointer;
}

#body .box .tags a.sel {
    color: green;
    font-weight: bold;
}

#body a.tagitem_100 {
    white-space: nowrap;
    font-size: 100%;
}

#body a.tagitem_200 {
    white-space: nowrap;
    font-size: 200%;
}

#body a.tagitem_300 {
    white-space: nowrap;
    font-size: 300%;
}

#body a.tagitem_400 {
    white-space: nowrap;
    font-size: 400%;
}

/* Ratings */
#write_review {
    display: none;
}

#body td.rating {
    width: 100px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: url(images/stars.png) no-repeat scroll left top;
}

#body td.rating.s1 {
    background-position: -80px -42px;
}

#body td.rating.s2 {
    background-position: -60px -42px;
}

#body td.rating.s3 {
    background-position: -40px -42px;
}

#body td.rating.s4 {
    background-position: -20px -42px;
}

#body td.rating.s5 {
    background-position: left -42px;
}

#body .reviewblock {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
}

#body ul.rating + a {
    margin-top: 10px;
    float: left;
    line-height: 23px;
}

#body ul.rating {
    width: 100px;
    height: 20px;
    margin: 10px 0 2px;
    padding: 0;
    list-style: none;
    float: left;
    position: relative;
    background: url(images/stars.png) no-repeat scroll left top;
}

#body ul.rating li {
    cursor: pointer;
    float: left;
}

#body ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-decoration: none;
    z-index: 200;
}

#body ul.rating li a b {
    display: none;
}

#body ul.rating li.s1 a {
    left: 0;
}

#body ul.rating li.s2 a {
    left: 20px;
}

#body ul.rating li.s3 a {
    left: 40px;
}

#body ul.rating li.s4 a {
    left: 60px;
}

#body ul.rating li.s5 a {
    left: 80px;
}

#body ul.rating li a:hover {
    z-index: 2;
    width: 100px;
    height: 20px;
    overflow: hidden;
    left: 0;
    background: url(images/stars.png) no-repeat 0 -21px;
}

#body ul.rating li.s1 a:hover {
    background-position: -80px -21px;
}

#body ul.rating li.s2 a:hover {
    background-position: -60px -21px;
}

#body ul.rating li.s3 a:hover {
    background-position: -40px -21px;
}

#body ul.rating li.s4 a:hover {
    background-position: -20px -21px;
}

#body ul.rating li.s5 a:hover {
    background-position: left -21px;
}

#body .rating_review_input {
    margin: 0;
    height: 20px;
}

#body .rating li.current_rate {
    background: url(images/stars.png) left -41px;
    position: absolute;
    height: 20px;
    z-index: 1;
}

#body .product.third ul.rating {
    position: absolute;
    top: 170px;
}

#body .product.small ul.rating {
    position: absolute;
    top: 170px;
}

#body #review {
    position: relative;
    line-height: normal;
}

#body #review .wrapper.showmoreitems {
    padding: 0;
    margin: 0;
}

#body #review .login-to-write-new-review + .wrapper.showmoreitems {
    margin-top: 30px;
}

#body #review form {
    padding: 0 0 30px;
    width: 100%;
    float: left;
}

#body #review form span.btn {
    float: right;
}

#body #review form textarea.fullsize {
    padding: 10px;
    width: 918px;
    margin-bottom: 20px;
    background: #f0faff;
}

#body dl.review {
    margin: 0;
    padding: 0;
    clear: both;
    display: block;
    width: 940px;
}

#body dl.review ul.rating {
    float: right;
    margin: 0 0 0 10px;
}

#body dl.review + dl.review {
    margin-top: 20px;
    border-top: 1px solid #eee;
}

#body dl.review dt {
    padding: 10px 0;
    margin: 0;
    display: block;
}

#body dl.review dd {
    clear: both;
    margin: 0;
    display: block;
}

#body dl.review .param {
}

#body .btn.write-new-review a {
    text-transform: uppercase;
}

.open #write_review {
    display: block;
}

#body .open + .btn.write-new-review {
    display: none;
}

#body #review .btn.review-reply {
    opacity: 0;
    float: none;
    margin-left: 20px;
}

#body #review dl:hover .btn.review-reply {
    opacity: 1;
}

#body #review .btn.review-reply input {
}

#body #review .btn.review-reply {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

#body #review .fotolab-responds {
    color: #1fad47;
    clear: both;
    width: 100%;
}

#body #review .fotolab-responds .loader {
    font-weight: bolder;
    display: inline;
}

#body #review .fotolab-responds .text {
    display: inline;
}

/* Recommendation lists */
#body dl.recommlistdesc {
    margin: 0 0 10px;
}

#body dl.recommlistdesc dt {
    padding: 3px 0 7px;
    background: url(images/line_dotted_horizontal.png) repeat-x bottom;
}

#body dl.recommlistdesc dt a {
}

#body dl.recommlistdesc dd {
    margin: 3px 0;
}

#body .recommitems .article {
    width: 125px;
    margin-right: 9px;
    float: left;
}

#body .recommitems .article a {
}

#body .recommitems .article .picture {
    width: 56px;
    height: 42px;
    text-align: center;
    border: 0 none;
    margin-bottom: 3px;
}

#body .recomm_author {
    font-weight: normal;
}

#body .recomlistdesc {
    float: left;
    width: 415px;
}

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

#body .box img.verification-code-img {
    vertical-align: middle;
    margin: 0 .5em;
}

#contact-verificationcode-review {
    padding: 5px;
}

.promotionsRow {
    float: left;
    width: 580px;
    position: relative;
    margin: 0 0 5px 0;
    padding: 0
}

.promotionsRow .promotion {
    border: 1px solid #ccc;
    float: left;
    width: 268px;
    height: 157px;
    margin: 0px 5px 5px 5px;
    padding: 5px;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.promotionsRow .promotion .timeouttext {
    font-style: italic;
    position: absolute;
    bottom: 5px;
}

.promotionsRow .promotion .activationtext {
    font-style: italic;
    position: absolute;
    bottom: 5px;
}

.promotionsRow .promotionFinished .timeouttext {
    display: none;
}

.promotionsRow .promotionFinished .activationtext {
    display: none;
}

.promotionsRow .promotionCurrent .activationtext {
    display: none;
}

.promotionsRow .promotionFuture .timeouttext {
    display: none;
}

.promotionsRow .promotion .finishedText {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.promotionsRow .promotion .finishedText img {
    display: block;
    bottom: 7px;
    right: 7px;
    position: absolute;
}

.promotionsRow .promotionFinished .finishedText {
    display: block;
    z-index: 500;
    visibility: visible;
    background-image: url('bg/transparent.gif');
}

.promotionsRow .promotion .upcomingText {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.promotionsRow .promotion .upcomingText img {
    display: block;
    top: 7px;
    right: 7px;
    position: absolute;
}

.promotionsRow .promotionFuture .upcomingText {
    display: block;
    z-index: 500;
    visibility: visible;
    background-image: url('bg/transparent.gif');
}

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

.psLoginPlainBox {
    position: absolute;
    width: 580px;
    left: 50%;
    margin-left: -290px;
    padding: 5px 0;
    background: #eee;
    border: 1px solid #ddd;
}

/* IE8 + IE7 */
#header div.links a.language.act img,
#mask.on {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

/* hide help link */
#test_link_service_help {
    display: none !important;
}

/* gallery */
.gallery {
    margin: 0px;
    padding: 0px;
}

.gallery li {
    list-style: none;
    display: block; /*width: 150px; height: 150px;*/
    float: left;
    margin: 10px;
    padding: 0px;
}

.gallery li p {
    height: 40px;
    overflow: auto;
}

.gallery li a,
.gallery li img {
    display: block;
}

#body .gallerybox {
}

#body .gallerybox .title {
    display: none;
}

/* anketa */
.poll-ask {
    font-weight: bold;
}

.poll-amount {
    white-space: nowrap;
}

.poll-answer {
    margin: 5px 0 2px;
}

.poll-answer input.radio {
    margin: 0 5px 0 0;
}

.poll-bar-wrapper {
    background: transparent url(images/poll-bars.png) no-repeat scroll left -800px;
    padding-left: 11px;
}

.poll-bar {
    text-align: right;
    height: 16px;
    line-height: 16px;
    background: transparent url(images/poll-bars.png) no-repeat scroll right -300px;
}

.poll-bar {
    min-width: 6px;
}

.poll-item1 .poll-bar-wrapper {
    background-position: left -750px;
}

.poll-item1 .poll-bar {
    background-position: right -250px;
}

.poll-item2 .poll-bar-wrapper {
    background-position: left -550px;
}

.poll-item2 .poll-bar {
    background-position: right -50px;
}

.poll-item3 .poll-bar-wrapper {
    background-position: left -700px;
}

.poll-item3 .poll-bar {
    background-position: right -200px;
}

.poll-item4 .poll-bar-wrapper {
    background-position: left -600px;
}

.poll-item4 .poll-bar {
    background-position: right -100px;
}

.poll-item5 .poll-bar-wrapper {
    background-position: left -500px;
}

.poll-item5 .poll-bar {
    background-position: right 0px;
}

.poll-item6 .poll-bar-wrapper {
    background-position: left -650px;
}

.poll-item6 .poll-bar {
    background-position: right -150px;
}

.poll-amount {
    margin-right: 3px;
    position: relative;
    left: -2px;
}

.poll-button-wrapper {
    text-align: right;
}

#pollbox .btn {
    float: right;
}

.poll-total {
    padding-top: 5px;
    clear: right;
}

label {
    cursor: pointer;
}

/* stavy produktu - produkt stats */
.product.details .productstats-item,
.productstats-legend .productstats-item {
}

.productstats-item {
    white-space: nowrap;
    display: block;
    margin: 0 0 10px;
}

img.productstats-icon {
}

.productstats-title {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
}

.productstats-desc {
}

.productstats-none {
    display: none;
}

.productstats-showall {
    float: right;
}

#body .product .enhanced span.productstats-item,
#body .product .enhanced span.productstats-item .productstats-title {
}

#body .product .enhanced span.productstats-item {
}

#body .product span.productstats.enhanced {
}

#body .basket .enhanced span.productstats-item,
#body .basket .enhanced span.productstats-item .productstats-title,
body #body .product .enhanced span.productstats-item,
body #body .product .enhanced span.productstats-item .productstats-title {
    background-position: left -900px;
    height: 21px;
    line-height: 23px;
}

#body .basket .enhanced span.productstats-item,
body #body .product .enhanced span.productstats-item {
    background-position: right -900px;
    float: left;
    clear: both;
    margin: 0 0 5px;
}

#body .basket .enhanced span.productstats-item {
    clear: none;
}

#body .basket .enhanced .productstats-itemwrapper + .productstats-itemwrapper span.productstats-item {
    margin-left: 3px;
}

body #body .product.thinest .enhanced span.productstats-item {
    float: none;
    margin: 0 5px 1px 0;
}

body #body .product.thinest .enhanced span.productstats-item .productstats-title {
}

body #body .product.big:not(.details) .enhanced span.productstats-item,
body #body .product.big:not(.details) .enhanced span.productstats-item .productstats-title {
    background-position: left -650px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
}

body #body .product.big:not(.details) .enhanced span.productstats-item {
    background-position: right -650px;
    margin: 0 0 10px;
}

#body .product .productstats.enhanced {
}

#body .product.thinest .productstats.enhanced {
    top: auto;
    bottom: 0;
    left: 270px;
}

#body .product.partofbundle .productstats.enhanced {
    left: 320px;
}

#body .product.thin .productstats.enhanced {
}

#body .product.small .productstats.enhanced {
    top: 20px;
}

#body .product.big .productstats.enhanced {
}

#body .product.details .productstats.enhanced {
}

#body .basket .productstats {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0 5px;
}

/*
 *
 * popup lang a curr switch - css-only version
 *
 * */
body.popupswitch #header div.bar .fixed {
}

body.popupswitch #header div.links .box-small-account,
body.popupswitch #header div.bar .fixed div.currency {
    padding-right: 10px;
    margin-right: 10px;
}

body.popupswitch #header div.bar .fixed div.currency {
    padding-right: 5px;
}

body.popupswitch #header div.bar .fixed div.language,
body.popupswitch #header div.bar .fixed div.currency {
    z-index: 10;
    position: relative;
}

body.popupswitch #header div.links a.language {
    padding: 2px 0;
    margin: 0;
}

body.popupswitch #header div.links a.language.act {
    margin: 0;
}

body.popupswitch #header div.links a.currency {
    width: 22px;
    text-align: center;
    padding: 0;
    background: transparent;
}

body.popupswitch #header div.links a.currency.sep {
}

body.popupswitch #header div.bar .fixed div.language a,
body.popupswitch #header div.bar .fixed div.currency a {
    display: none;
}

body.popupswitch #header div.bar .fixed div.language a.act,
body.popupswitch #header div.bar .fixed div.currency a.act {
    display: block;
    padding-right: 15px;
    background: transparent url(images/arrows.png) no-repeat scroll right -731px;
}

body.popupswitch #header div.bar .fixed div.language a.act {
    padding-right: 18px;
    background-position: right -733px;
}

body.popupswitch #header div.bar .fixed div.language:hover,
body.popupswitch #header div.bar .fixed div.currency:hover {
    display: block;
    background: #eee;
    border: 1px solid #ddd;
    margin-left: -11px;
    margin-top: -9px;
    z-index: 99;
    border-radius: 4px;
    background-image: none;
}

body.popupswitch #header div.bar .fixed div.language:hover {
    padding: 30px 0 5px;
    margin-right: 17px;
}

body.popupswitch #header div.bar .fixed .language:hover a {
    display: block;
    padding: 2px 10px 5px;
}

body.popupswitch #header div.bar .fixed .language:hover a.act {
    position: absolute;
    top: 10px;
    background: transparent;
    padding-right: 0;
}

body.popupswitch #header div.bar .fixed div.currency:hover {
    padding: 28px 0 8px;
    margin-right: 19px;
}

body.popupswitch #header div.bar .fixed .currency:hover a {
    display: block;
    padding: 0 10px;
    color: #aaa;
}

body.popupswitch #header div.bar .fixed .currency:hover a.act {
    position: absolute;
    top: 8px;
    background: transparent;
    padding-right: 0;
    color: #000;
}

body.popupswitch #header div.links a.language.act img {
    opacity: 1;
}

/*
 *
 * popup layout switch - css-only version - but i unlike it :-(
 *
 * */
body.popuplistlayoutswitch.alist-page #body .locator .locbody .left {
    position: relative;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch {
    display: block;
    position: absolute;
    left: 210px;
    top: -2px;
    padding: 0 11px;
    background: transparent url(images/arrows.png) no-repeat scroll right -791px;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch a {
    background: transparent;
    white-space: nowrap;
    width: auto;
    height: 20px;
    text-align: left;
    line-height: 20px;
    display: none;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch a {
    _margin-bottom: 0;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch a.active {
    background: transparent;
    display: inline-block;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch a span {
    display: inline;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch:hover {
    width: 100px;
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 30px 15px 10px;
    margin-left: -5px;
    margin-top: -11px;
    z-index: 99;
    border-radius: 4px;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch:hover a {
    display: block;
}

body.popuplistlayoutswitch #body .locator .listlayoutswitch:hover  a.active {
    position: absolute;
    top: 10px;
}

/* cmsrotator image header */
.cmsrotator {
    position: relative;
    padding: 0;
    width: 100%;
    line-height: normal;
}

.cmsrotator .window {
    width: 100%;
}

.cmsrotator .ul {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    float: left;
    margin: 0;
}

.cmsrotator .cmsrotatoritem {
    float: left;
    max-width: 100%;
    margin: 0px 0px 0px 0;
    text-align: center;
    font-size: 15px;
}

.cmsrotator .cmsrotatoritem p {
    margin: 0;
}

.cmsrotator .cmsrotatoritem img {
    max-width: 100%;
    vertical-align: middle;
}

.cmsrotator .cmsrotatoritem.last {
    margin-right: 0;
}

.cmsrotator .paging {
    clear: both;
    position: relative;
    display: block;
    margin: 0 auto;
    bottom: 30px;
    z-index: 10;
    text-align: right;
    font-size: 12px;
    width: 960px;
}

.cmsrotator .page {
    cursor: pointer;
    font-size: 12px;
    margin: 0 5px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: inset 1px 1px 1px #000;
    display: inline-block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -1000px;
    text-align: left;
}

.cmsrotator .page.active {
    font-weight: bold;
    cursor: default;
    background-color: #888;
}

.cmsrotator .icon.page img {
    vertical-align: middle;
}

.cmsrotator .icon.page {
    opacity: 0.7;
}

.cmsrotator .icon.page.active {
    opacity: 1;
}

.cmsrotator .arrow {
    display: none !important;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 5px;
    padding: 0;
    background: transparent url(images/carrows.png) no-repeat 0px -50px;
}

.cmsrotator .arrow.off {
    cursor: default;
}

.cmsrotator .arrow.l {
    position: relative;
    float: left;
}

.cmsrotator .arrow.r {
    background-position: 0px -152px;
    float: right;
}

.cmsrotator.iconed .arrow {
    height: 40px;
    background-position: 0 -39px;
}

.cmsrotator.iconed .arrow.r {
    background-position: 0 -141px;
}

/**/

/* cms rotator */
#body .cmsrotator {
    float: left;
    height: 310px;
    margin: 0 0 16px;
}

#body .cmsrotator,
#body .cmsrotator .window,
#body .cmsrotator .cmsrotatoritem {
    overflow: hidden;
    width: 720px;
    max-height: 310px;
    padding-bottom: 0;
}

#body .cmsrotator {
    overflow: visible;
}

#body .cmsrotator .cmsrotatoritem {
    margin: 0;
}

#body .cmsrotator .paging {
    bottom: -28px;
    display: block;
    text-align: left;
    left: 18px;
}

#body .cmsrotator .paging .arrow {
    display: none !important;
}

#body .cmsrotator .paging .page {
    border: 1px solid #999;
    border: 1px solid rgba(205, 205, 205, 0.75);
    height: 12px;
    width: 12px;
    overflow: hidden;
    text-indent: -5000px;
    display: inline-block;
}

#body .cmsrotator .paging .page.active {
}

/* promorotator */
#body .promowrap {
    position: relative;
    clear: both;
    float: left;
    width: 1000px;
    padding: 0 0px 0px;
    margin-bottom: 65px;
}

#body .boxshadow {
    position: absolute;
    height: 65px;
    width: 1000px;
    bottom: -65px;
    background: transparent url(images/box_shadow.png) no-repeat center bottom;
}

#body .rowshadow {
    position: relative;
    clear: both;
    height: 50px;
    width: 715px;
    background: transparent url(images/product_shadow.png) no-repeat center top;
}

#body .promowrap .boxshadow {
    bottom: -105px;
}

body.start-page #body strong.head2.promo {
}

body.start-page #body .promorotator {
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 41px;
    clear: both;
    display: block;
    float: left;
}

body.start-page #body .promorotator .paging {
    border-radius: 0 0 7px 7px;
    position: static;
    width: 756px;
}

body.start-page #body .promorotator .paging .arrow {
    height: 39px;
    top: 120px;
    width: 20px;
    background-color: #4d4d4d;
}

body.start-page #body .promorotator .paging .arrow.off {
    opacity: 1.0 !important;
    background-color: #ccc;
}

body.start-page #body .promorotator .paging .arrow.l {
    left: 0px;
    background-position: 1px 12px;
}

body.start-page #body .promorotator .paging .arrow.r {
    right: 0px;
    background-position: 2px -91px;
}

body.start-page #body .promo.head2 {
}

body.start-page #body .promo.head2 .rss {
}

body.start-page #body .promo.head2:hover {
}

body.start-page #body .promo.head2.active {
}

body.start-page #body .promorotator {
    display: none;
    float: left;
    margin: 0px 0;
    padding: 0 10px;
    width: 978px;
    border: 0 none;
}

body.start-page #body .promorotator.active,
body.start-page #body .promorotator:first-child {
    display: block;
    margin: 0px 0 0px;
    border-color: #fff;
}

body.start-page #body .promorotator.active {
    border: 1px solid #ccc;
}

body.start-page #body strong.head2.promo.categories {
}

/* manufacturer rotator */
body.start-page strong.manufacturerlabel {
    line-height: 40px;
    color: #85bb24;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    float: left;
    width: 220px;
}

body.start-page hr.manrotatorsep {
    clear: both;
    border: 0 none;
    border-bottom: 1px solid #85bb24;
}

.manrotator {
    position: relative;
    display: block;
    height: 50px;
    width: 740px;
    margin-top: 0px;
    float: left;
}

.manrotator .window {
    width: 700px;
    height: 40px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}

.manrotator .ul {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    float: left;
    margin: 0;
    height: 40px;
}

.manrotator .manitem {
    display: block;
    float: left;
    height: 40px;
    width: 95px;
    margin-right: 5px;
    text-align: center;
}

#body .manrotator a:hover {
    text-decoration: none;
}

.manrotator .manitem span {
    height: 40px;
    width: 95px;
    display: table-cell;
    vertical-align: middle;
}

.manrotator .manitem img {
    max-height: 40px;
    height: 40px;
    height: auto !important;
    vertical-align: middle;
    max-width: 95px;
}

.manrotator .paging {
    clear: both;
    margin: 0 auto;
    bottom: 0px;
    text-align: center;
    font-size: 12px;
    width: 100%;
}

.manrotator .page {
    display: none;
    cursor: pointer;
    font-size: 12px;
    margin: 0 5px;
}

.manrotator .page.active {
    font-weight: bold;
    cursor: default;
}

.manrotator .icon.page img {
    vertical-align: middle;
}

.manrotator .icon.page {
    opacity: 0.7;
}

.manrotator .icon.page.active {
    opacity: 1;
}

.manrotator .arrow {
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: 0px 0px 0 0px;
    padding: 0;
    background: transparent url(images/carrows.png) no-repeat 0px -400px;
    position: absolute;
    top: 10px;
}

.manrotator .arrow.off {
    cursor: default;
    display: none !important;
}

.manrotator .arrow.l {
    left: -20px;
}

.manrotator .arrow.r {
    background-position: 0px -450px;
    right: 0px;
}

/* simplyscroll*/
.simply-scroll-container {
    position: relative;
    height: 60px;
    width: 1140px;
    margin-top: 20px;
    clear: both;
    float: left;
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
    width: 1140px;
    height: 40px;
}

.simply-scroll-list {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.simply-scroll-list a {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    height: 40px;
    width: 85px;
    margin-right: 5px;
    text-align: center;
}

.simply-scroll-list a img {
}

/**/

/*promorotator in start*/
#body .promorotator {
    position: relative;
    clear: both;
    width: 960px;
    padding-top: 19px;
    margin-bottom: 15px;
}

#body .promorotator .ul {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 300px;
    float: left;
    margin: 0;
}

body.details-page #body strong.head2,
body.start-page #body strong.head2.longrun,
body.start-page #body strong.head2.newest {
}

#body .promorotator .paging {
    position: absolute;
    right: 0px;
    padding: 0 0px;
    width: 100%;
    z-index: 100;
}

#body .promorotator .arrow {
    background-image: url(images/carrows.png);
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

#body .promorotator .arrow.l.off {
    cursor: default;
}

#body .promorotator .arrow.r.off {
    cursor: default;
}

body.start-page #body .promorotator .product {
    margin: 10px 19px 10px 10px;
    padding-top: 0;
    height: 350px;
}

body.start-page #body .promorotator .product.thirdcolrev-0 {
    margin-right: 0;
}

/* addthis bookmarks - zahozeno */
body div#at4-share {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 -1px 0 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
}

body .atss a {
    margin: 5px 0;
}

/* follow links */
#social_networks {
    position: fixed;
    bottom: 15%;
    right: 0;
    padding: 5px 0;
    background: #fff;
    margin: 0 -1px 0 0;
    border-radius: 0px;
}

#social_networks a {
    display: block;
    padding: 5px 10px;
}

#social_networks img {
    width: 35px;
    height: 35px;
}

#social_networks {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

/* SIMULATOR */
/* LENS SIMULATOR */
#body #lenssimulator .window {width: 1000px; margin-bottom: 15px; height: 680px; overflow: hidden; position: relative; background-color: #5A6360;}
#body #lenssimulator .window .zoomimage {position: absolute; display: block; transition: 0.05s ease opacity; opacity: 0; /*min-width: 1000px; min-height: 680px;*/ }
#body #lenssimulator .window .zoomimage {width: 100%; height: 100%;}
#body #lenssimulator .window .zoomimage.act {display: block; opacity: 1; }
#body #lenssimulator .window .zoomimage img {width: 100%;}
#body #lenssimulator label.focal {bottom: -10px; display: block; left: -120px; margin-right: 20px; position: absolute; width: 100px;}
#body #lenssimulator #zoomimageslider {width: 880px; float: right;}
#body #lenssimulator #zoomimageslider_info {margin-top: 35px; text-align: center; width: 880px; font-size: 12px; float: left; clear: both; position: relative;}
#body #lenssimulator #zoomimageslider_info .min {float: left;}
#body #lenssimulator #zoomimageslider_info .val {position: absolute; top: -102px; background-color: rgba(255,255,255,0.95); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); padding: 10px; width: 60px; margin-left: -35px; }
#body #lenssimulator #zoomimageslider_info .max {float: right;}


/* DOF SIMULATOR */
#body #dofsimulator {background: transparent url(images/dof-camera_final.png) no-repeat 25px 20px; border-top: 1px solid #ccc; width: 100%; height: 370px; padding: 20px 0 90px; clear: both; position: relative;}
#body #dofsimulator .window {width: 700px; margin-bottom: 15px; height: 300px; overflow: hidden; position: relative; background-color: #5A6360;height: 295px; left: 69px; position: absolute; top: 72px; width: 444px;}
#body #dofsimulator .window .zoomimage {position: absolute; display: block; /*transition: 0.05s ease opacity;*/ opacity: 0; /*min-width: 1000px; min-height: 680px;*/ }
#body #dofsimulator .window .zoomimage.act {display: block; opacity: 1; }
#body #dofsimulator .window .zoomimage img {width: 100%;}
#body #dofsimulator .window .zoomimage img {margin-left: -6%; width: 115%;}
#body #dofsimulator label.fnumber {bottom: -10px; display: block; left: -120px; margin-right: 20px; position: absolute; width: 100px; left: -100px; width: 80px;}
#body #dofsimulator #zoomimageslider {width: 335px; float: left;}
#body #dofsimulator #zoomimageslider {position: absolute; left: 100px; bottom: 30px;}
#body #dofsimulator #zoomimageslider_info {margin-top: 35px; text-align: center; width: 335px; font-size: 12px; float: left; clear: both; position: relative;}
#body #dofsimulator #zoomimageslider_info .min {float: left;}
#body #dofsimulator #zoomimageslider_info .val {position: absolute; top: -102px; background-color: rgba(255,255,255,0.95); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); padding: 10px; width: 60px; margin-left: -35px; }
#body #dofsimulator #zoomimageslider_info .max {float: right;}
#body #dofsimulator .box {float: right; width: 27.5%; margin-right: 2.5%;}

/* DOF SIMULATOR */
#body #lenssimulator2 {margin: 0 -3%; height: auto; float: left; width: 106%; clear: both; position: relative;}
#body #lenssimulator2 .screenSelect {border: 1px solid #ccc; display: block; float: left; margin: 10px 5px 15px 0;}
#body #lenssimulator2 .zoomimage.loading {width: 100%; height: 100%; opacity: 1; background: transparent url(images/loading2.gif) no-repeat center center;}

#popuplenssimulator .spinner,
#body #lenssimulator2 .zoomimage .spinner {position: absolute; margin-left: -20px; left: 50%; top: 30%;}
#popuplenssimulator .spinner,
#body #lenssimulator2 .zoomimage.loading .spinner {display: block;}
/* SOURCE: http://tobiasahlin.com/spinkit/ */

.spinner {
  display: block;
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

#popuplenssimulator .double-bounce1,
#popuplenssimulator .double-bounce2 {
    background-color: #8cc92a;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#lenssimulator2 + #products {
    float: left;
    width: 106%; 
    margin: 0 -3%;
    clear: both;
}

#body #lenssimulator2 .box {
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding-top: 10px;
    margin: 10px 0;
    padding-bottom: 10px;
    font-family: Arial, sans-serif;
}
    
#body #lenssimulator2 .box ol {
    counter-reset: simulator;
    margin: 0 0 0 0px;
    padding: 0;
    display: table;
}

#body #lenssimulator2 .box ol sup {
    font-size: 12px;
    font-weight: normal;
    cursor: help;
}

#body #lenssimulator2 .box .bubble {
    position: absolute;
    background: rgba(220,220,220,0.9);
    border-radius: 3px;
    padding: 8px;
    min-width: 150px;
    text-align: center;
    max-width: 100%;
    display: none;
    left: 0;
    z-index: 6;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    top: 100%;
}
#body #lenssimulator2 .box .bubble:after {
    content: "";
    display: inline-block;
    border-left: 8px solid transparent;
    border-bottom: 8px solid rgba(220,220,220,0.9);
    border-right: 8px solid transparent;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -4px;
}

#body #lenssimulator2 .box ol sup:hover + .bubble {
    display: block;
} 

#body #lenssimulator2 .box h2 {
    color: #d80516;
    font-weight: bold;
}
    
#body #lenssimulator2 .box ol li {
    list-style: none;
    display: table-cell;
    width: 24%;
    box-sizing: border-box;
    margin: 10px 0 10px 10px;
    padding: 0px 5px 0px 58px;
    position: relative;
    line-height: 1.2em;
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
    height: 50px;
}

#body #lenssimulator2 .box ol li:before {
    content: counter(simulator);
    counter-increment: simulator;
    display: inline-block;
    background-color: #d80516;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    width: 50px;
    border-radius: 25px;
    position: absolute;
    left: 0;
    top: 0;
}

#body #lenssimulator2 .ui-widget {font-family: "Titillium Web", "Arial CE",Arial,"Helvetica CE",sans-serif;}
#body #lenssimulator2 .wrapper {clear: left; outline: 1px solid #ccc; border: 8px solid #fff; width: 670px; height: 495px; overflow: hidden; position: relative; float: left;}
#body #lenssimulator2 .window {width: 670px; height: 495px; overflow: hidden; position: relative; }
#body #lenssimulator2 .window {height: 495px; left: 0px; position: absolute; top: 0px; width: 670px;}
#body #lenssimulator2 .window .zoomimage {transition: all 0.25s ease; position: absolute; display: block; /*transition: 0.05s ease opacity;*/ opacity: 0; /*min-width: 1000px; min-height: 680px;*/ }
/*#body #lenssimulator2 .window .zoomimage.full.scene1 {background: transparent url(../../../pictures/simulator/scene/scene_hrad_full.jpg) no-repeat center center; }
#body #lenssimulator2 .window .zoomimage.full.scene2 {background: transparent url(../../../pictures/simulator/scene/scene_majak_full.jpg) no-repeat center center; }
*/
#body #lenssimulator2 .window .zoomimage .note {display: none; position: absolute; left: 20px; top: 45%; right: 20px; line-height: 30px; font-size: 20px; height: 30px; padding: 20px; border-radius: 10px; background: #d80516; color: #fff; text-align: center;}
#body #lenssimulator2 .window .zoomimage.act {display: block; opacity: 1; }
#body #lenssimulator2 .window .zoomimage img {width: 100%;}
#body #lenssimulator2 .window .zoomimage img {margin-left: 0%; width: 100%;}
#body #lenssimulator2 label.focal {font-size: 14px; top: -55px; display: block; position: absolute; width: 100px; left: -70px; text-align: center;}
#body #lenssimulator2 .zoomimageslider_wrap {width: 30px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25); background-color: #f4f4f4; border-radius: 20px; float: left; left: 70px; position: relative; margin-top: 40px; height: 472px;}
#body #lenssimulator2 #zoomimageslider {width: 10px; float: left; position: absolute; left: 0; height: 450px; border-radius: 10px; background: #ddd; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25); border: 0 none;}
#body #lenssimulator2 #zoomimageslider {position: relative; margin: 10px 20px 0 10px; }
#body #lenssimulator2 .ui-slider-handle {outline: 0; background: transparent url(images/slider_handle.png) no-repeat 0px 0px; margin-left: -4px; margin-bottom: -15px; width: 29px; height: 29px; display: inline-block; border: 0 none; cursor: pointer;}
#body #lenssimulator2 .ui-slider-handle .val {/*background: transparent url("images/slider_label.png") no-repeat 0px 0px;*/ top: -10px; text-indent: -12px; text-align: center; position: relative; left: -70px; width: 65px; line-height: 49px; font-size: 15px; font-weight: bold; text-shadow: 1px 1px 1px #fff; height: 52px; display: inline-block; border: 0 none; color: #6e6e6e;}
#body #lenssimulator2 .ui-slider-handle .val {
    left: -65px;
    top: -5px;
    width: 50px;
    height: 45px;
    line-height: 35px;
    outline: 0; 
    text-indent: 0;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 2px 1px 3px rgba(0,0,0,0.25);
    background: #dfdfdf; /* Old browsers */
    /*background: -moz-linear-gradient(top,  #fcfcfc 0%, #dfdfdf 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  #fcfcfc 0%,#dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}
#body #lenssimulator2 .ui-slider-handle .val em {
    font-size: 10px;
    display: block;
    text-align: center;
    font-style: normal;
    position: absolute;
    bottom: -5px;
    left: 1px;
    width: 100%;
}
#body #lenssimulator2 .ui-slider-handle .val:after {
    content: "";
    background: #dfdfdf none repeat scroll 0 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 10px;
    position: absolute;
    right: -5px;
    top: 17px;
    transform: rotate(-45deg);
    width: 10px;
}
#body #lenssimulator2 #zoomimageslider_info {margin-top: 0px; text-align: center; width: 70px; left: -50px; height: 450px; font-size: 12px; float: left; clear: both; position: relative;}
#body #lenssimulator2 #zoomimageslider_info .min {float: left;}
#body #lenssimulator2 #zoomimageslider_info .val {position: absolute; top: -102px; background-color: rgba(255,255,255,0.95); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); padding: 10px; width: 60px; margin-left: -35px; }
#body #lenssimulator2 #zoomimageslider_info .max {float: right;}
#body #lenssimulator2 #zoomimageslider_info {position: relative; left: -50px}
#body #lenssimulator2 #zoomimageslider_info .fl {position: absolute; top: 0px; text-align: right; line-height: 1em; width: 30px; left: -10px; display: block; box-sizing: border-box; cursor: pointer;}
#body #lenssimulator2 .ui-widget-header {border-radius: 0 0 5px 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f58850+0,e54b25+100 */
    background: #666; /* Old browsers */
    /*background: -moz-linear-gradient(top,  #f58850 0%, #e54b25 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  #f58850 0%,#e54b25 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  #f58850 0%,#e54b25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58850', endColorstr='#e54b25',GradientType=0 ); /* IE6-9 */
}
#body #lenssimulator2 #zoomimageslider.one .ui-widget-header {height: 0 !important;}
#body #lenssimulator2 #zoomimageslider.one .ui-slider-handle {bottom: 50% !important;}
#body .lenssimulatorformat {float: right; width: 180px;}
#popuplenssimulator .buttonrow input,
#body .lenssimulatorformat .none {position: absolute; left: -9999px;}
#body .lenssimulatorformat .left {margin: 0px 0px 20px 0; clear: both; width: 100%; border-bottom: 1px solid #ccc;}
#body .lenssimulatorformat .left.micro {border-bottom: 0 none;}
#body .lenssimulatorformat .label {font-weight: bold; margin: 0 !important; }
#body .lenssimulatorformat .left .btn-radio,
#body .lenssimulatorformat .left .label {display: block; margin: 5px 10px 5px 0; font-size: 14px;}
#popuplenssimulator .buttonrow,
#body .lenssimulatorformat .left .btn-radio {background: transparent; float: left; margin: 0 0 0 0; }
#popuplenssimulator .buttonrow .label {float: left;}
#popuplenssimulator .buttonrow label,
#body .lenssimulatorformat .left .btn-radio a {background: transparent url(images/slider_radio.png) no-repeat 0 9px; width: auto; float: left; text-align: left; color: #000; text-transform: uppercase; line-height: 30px; padding: 0 10px 0 18px; }
#popuplenssimulator .buttonrow input:checked + label,
#popuplenssimulator .buttonrow label.checked,
#body .lenssimulatorformat .left .btn-radio.act a {background-position: 0 -41px;}
#body .lenssimulatorformat .fxdxnote {float: left; clear: both; margin: 25px 0; color: #BD0926; font-weight: bold; }
#body .lenssimulatorformat .fxdxnote {display: none;}
#body .lenssimulatorformat .fxdxnote.show {display: block;}

#popuplenssimulator .buttonrow label {
     margin-right: 20px;
}

#body .lenssimulatorformat .angle-wrap {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 100px;
    background: transparent url(images/slider_angle_icon.png) no-repeat center bottom;
}

#body .lenssimulatorformat .angle_mask {
    position: relative;
    width: 178px;
    overflow: hidden;
    height: 80px;
    background-color: #000;
}
    
#body .lenssimulatorformat .angle {
    display: block;
    overflow: hidden;
    z-index: 6;
    width: 178px;
    height: 80px;
    position: relative;
    background: transparent url(images/slider_angle_mask.png) no-repeat center 0;
}

#body .lenssimulatorformat .mr,
#body .lenssimulatorformat .ml {
    width: 100%;
    height:80px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease all;
    transform-origin: 50% 100%;
    background: transparent url(images/slider_ml.png) no-repeat 0 0;
}

#body .lenssimulatorformat .mr {
    background-image: url(images/slider_mr.png);
}

#body .lenssimulatorformat .deg {
    font-size: 20px;
    color: #000;
    width: 100%;
    display: inline-block;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#body .lenssimulatorformat .deg_title {
    line-height: 20px;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

#body #lenssimulator2 .buttons-wrap {border-top: 0 none; float: left; width: 100%; clear: both; height: auto; padding-bottom: 20px; margin-bottom: 20px;}
#body #lenssimulator2 .btn {background: transparent; width: 30%; height: 57px; margin-right: 1.5%; overflow: hidden; display: block; float: left; box-sizing: border-box; padding: 0;}
#popuplensselect,
#popuplenssimulator .headrow strong,
#body #lenssimulator2 .btn a {background: #bdbdbd url(images/slider_buttons.png) no-repeat 0px 0px; padding-left: 70px; font-size: 18px; text-transform: none; text-align: center; display: block; width: 240px; display: table-cell; height: 57px; vertical-align: middle; line-height: 1.1em;}
#popuplenssimulator .headrow strong.body,
#body #lenssimulator2 .btn a.body {background-position: 0px -97px; }
#body #lenssimulator2 .btn.filtered {margin-right: 0%;}
#body #lenssimulator2 .btn.clear {width: 5.5%;}
#body #lenssimulator2 .btn.clear a {background: #696969; text-align: center; padding: 0; font-size: 32px;}
#popuplensselect,
#body #lenssimulator2 .btn.filtered a {background-color: #23a748; background-position: 0 -193px; }
#popuplenssimulator {
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -490px;
    top: 45%;
    margin-top: -325px;
    width: 980px;
    height: 620px;
    background-color: #e5e5e5;
    z-index: 1666;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
}

#popuplenssimulator .buttonrow {
    width: 60%;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 3px solid #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
    float: left;
}

#body #manfilterformpop {
    padding-left: 2.5%;
    padding-right: 2.5%;
    width: 55%;
    float: left;
    border-right: 1px solid #333;
}

#body .box .catfilter ul.list {
    float: left;
}

#body .box .catfilter ul.list li {
    background: transparent;
    padding-left: 0;
    float: left;
}

#body .box .catfilter ul.list li input {
    
}

#body #manfilterformpop ul.list label {
    margin: 5px 0;
}

#popuplenssimulator .popupproduct {
    display: block;
    clear: both;
    width: 100%;
    height: 46px;
    margin-top: -1px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

#popuplenssimulator .popupproduct.selected {
    background-color: #23a748;
} 

#popuplenssimulator .popupproduct:hover {
    background-color: #338135;
}

#popuplenssimulator .popupproduct .icon,
#popuplenssimulator .popupproduct .title {
    margin-top: 5px;
    color: #000;
    max-height: 38px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    max-width: 80%;
    font-weight: normal;
    font-size: 16px;
}

#popuplenssimulator .popupproduct.selected .title,
#popuplenssimulator .popupproduct:hover .title {
    color: #fff;
}

#popuplenssimulator .popupproduct .icon {
    margin: 3px 10px 3px 5px;
    display: inline-block;
    width: 50px;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

#popuplenssimulator .popupproduct .icon img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

#popuplensmain {
    float: left;
    width: 100%;
}

#popuplensbody,
#popuplensobj {
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    width: 40%;
    height: 470px;
    overflow: auto;
}

#popuplenssimulator .headrow {
    width: 100%;
    display: table;
    clear: both;
}
#popuplenssimulator .headrow strong.body,
#popuplenssimulator .headrow strong {
    padding-left: 90px;
    color: #fff;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    box-sizing: border-box;
}

#popuplensselect {
    position: absolute;
    bottom: -92px;
    right: 0;
    box-sizing: border-box;
    width: 130px;
    background-color: #bdbdbd;
    color: #000;
    font-size: 36px;
    padding-left: 75px;
    line-height: 50px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}

#popuplensselect .label {
    position: absolute;
    left: -197px;
    width: 200px;
    height: 57px;
    line-height: 57px;
    color: #fff;
    font-size: 20px;
    background-color: #23a748;
    text-align: center;
    box-shadow: -2px 1px 2px rgba(0,0,0,0.35);
}

#popuplenssimulator .buttonrow.body {
    border-left: 1px solid #333;
    width: 40%;    
}

#popuplensbody,
#popuplenssimulator .headrow strong.body {
    border-left: 1px solid #333;
}

#popuplenssimulator .headrow strong.lens,
#popuplensobj {
    width: 60%;
}

#popuplensman {
    width: 100%;
    min-height: 52px;
    float: left;
    clear: both;
}

.lighter #popuplensobj, 
.lighter #popuplensbody {
    opacity: 0.3;
    transition: all ease 0.5s;
}

/**********************************************************************
 *
 * CAT TREE LEFT ALIGN
 * need class body.treeleft
 *
 */
body.infoboxleft ul.info li {
    text-align: left;
}

/**********************************************************************
 *
 * BANNER HACK
 *
 */
@media screen and (max-width:1500px) {
    .sidebanner-wrap {
        margin-bottom: 1px;
    }

    .sidebanner-wrap .sidebanner {
        position: fixed;
        top: 209px;
    }

    .sidebanner-wrap.pin .sidebanner {
        top: 0;
    }

}

/**********************************************************************
 *
 * FOR SMALL SCREEN
 *
 */
@media screen and (max-width:1200px) {
    .sidebanner-wrap {
        display: none;
    }

    #social_networks {
        margin-right: -40px;
    }

    #social_networks:hover {
        margin-right: -1px;
    }

}

@media screen and (max-width:1100px) {
    #go-to-top {
        left: 0;
        right: auto;
    }

}

@media screen and (max-width:1010px) {
    #content.paper,
    #content .paper {
        box-shadow: none;
    }

    #subnav {
        width: 100%;
        display: flex;
    }

    body.details-page #body #subnavhook.pinned .product.thinest.ondetail,
    #body #subnavhook.pinned .product.thinest.ondetail {
        width: 100%;
    }

    div#page {
        overflow: hidden;
    }

    #social_networks {
        display: none !important;
    }

}

@media screen and (max-width:950px) {
    #subnav a {
        display: inline-block;
        width: auto !important;
    }

}

@media screen and (max-width:800px) {
    #body #subnavhook.pinned .product.thinest.ondetail form {
        margin: 0 0 0 1%;
    }

    #body #subnavhook.pinned .product.thinest.ondetail .picture {
        display: none;
    }

    .contact-page #body textarea,
    .contact-page #body input[type="text"],
    .contact-page #body input[type="password"],
    .contact-page #body input.openid,
    .contact-page #body input.txt,
    .contact-page #body select {
        width: 90%;
    }

}

/**********************************************************************
 *
 * FOR BIG SCREEN
 *
 */
@media screen and (min-width:2200px) {
    body {
        background-size: 100% auto;
    }

}

@media screen and (max-width:1020px) {
    div#page {
        max-width: 768px;
    }
    #sidebanner-wrap-left,
    #sidebanner-wrap-right,
    #header .customheader,
    #body .customwelcome.welcome-bottom,
    #box-categorytree,
    div#path,
    #body .small-banner,
    #go-to-top,
    #hw-87kwowifjjowiklsadh666left {
        display: none !important;
    }
    body {
        font-size: 1rem;
        max-width: 100%;
    }

    #body .sub-sidebar,
    #body .sub-main,
    div#header,
    div#header div.oxid,
    div#content,
    div#content.paper,
    div#content .paper,
    div#content.paper div#body,
    div#footer,
    div#footer .wrapper,
    #prefooter_tablet,
    div.bar.categories,
    div.bar.categories ul.menue.horizontal,
    div#body,
    body.start-page #body .customwelcome,
    #body .cmsrotator,
    #body .cmsrotator .window,
    div#page {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
        background: transparent;
    }

    div#header div.oxid {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    #header div.oxid .logo {
        margin: 0rem 1% 0;
        width: 32%;
        display: flex;
        height: 3.5rem;
        align-items: center;
        text-align: center;
    }
    #header div.oxid .logo img {
        max-width: 100%;
    }

    #header div#box-search {
        position: static;
        float: left;
        border: 1px solid #ccc;
        height: 3.5rem;
        margin: 0rem 1% 0;
        width: 30%;
    }

    #header div#box-search form {
        background: transparent;
        height: 100%;
        width: 100%;
        position: relative;
    }

    #header div#box-search form input.txt {
        height: 2.5rem;
        padding: 0.5rem 5%;
        font-size: 1.25rem;
        display: block;
        width: 65%;
        float: left;
    }

    #header div#box-search form input.txt,
    #header div#box-search form input.txt:focus {
        outline: none;
    }

    #header div#box-search span.btn {
        background: transparent;
        float: right;
        width: 25%;
        display: block;
        height: 3.5rem;
    }
    #header div#box-search span.btn:before {
        content: "\f002";
        font-family: FontAwesome;
        color: #000;
        font-size: 2rem;
        text-align: center;
        display: block;
        width: 100%;
        height: 3.5rem;
        line-height: 3.5rem;
    }

    #header div#box-search .btn input {
    }

    #header div.links .fixed a.register {
        display: none;
    }

    #header div.links .fixed a {
        font-size: 1rem;
        position: relative;
        text-decoration: none !important;
    }
    #header div.links .fixed .mail.name,
    #header div.links .fixed a.logout {
        display: none;
    }
    #header div.links .box-small-account.loggedin {
        background: transparent;
    }
    #header div.links .fixed a.myaccount,
    #header div.links .fixed a.login {
        height: 4rem;
        width: 3rem;
        text-indent: -9999px;
        display: block;
        float: right;
        color: #fff;
        font-size: 0.5rem;
        padding: 0;
    }

    #header div.links .fixed a.myaccount:before,
    #header div.links .fixed a.login:before {
        content: "\f007";
        font-family: FontAwesome;
        color: #000;
        text-indent: 0;
        height: 4rem;
        width: 3rem;
        line-height: 4rem;
        float: right;
        display: block;
        text-align: center;
        font-size: 2rem;
        text-decoration: none !important;
    }

    #header div.links .fixed a.myaccount:before {
        color: #23a748;
    }

    #header div.links {
        position: absolute;
        width: auto;
        right: 1rem;
        top: 1.5rem;
        height: 3.5rem;
    }

    #header div.oxid dl.box.basket {
        float: left;
        margin: 0rem 1% 0;
        width: auto;
        padding-left: 3rem;
        padding-top: 1rem;
        position: relative;
        height: 3.5rem;
        width: 17%;
        background: transparent;
    }
    #header div.oxid dl.box.basket a {
        width: auto;
        text-align: left;
        font-size: 0.8rem;
    }

    dl.box.basket dd {
        padding-top: 0rem;
    }

    dl.box.basket dd .title {
        display: block;
        font-weight: bold;
    }

    dl.box.basket dd .count {
        display: none;
    }

    #header div.oxid dl.box.basket .pricevalue {

    }

    #header div.oxid dl.box.basket:before {
        content: "\f07a";
        font-family: FontAwesome;
        color: #000;
        font-size: 2.5rem;
        position: absolute;
        left: 0;
        top: 0;
        text-indent: 0;
        height: 4rem;
        width: 3rem;
        line-height: 4rem;
    }

    dl.box.basket dd .linkless,
    dl.box.basket dd a {
        padding: 0;
    }

    /* MENU */
    div.bar.categories {
        width: 100%;
        padding: 0 1rem;
        height: auto;
        margin: 0;
        background: #333;
        box-sizing: border-box;
        position: relative;
    }

    div.bar.categories .showmenu {
        display: flex;
        align-items: center;
        color: #fff;
        padding: 1rem 0;
        cursor: pointer;
        font-weight: bold;
        font-size: 1rem;
    }

    div.bar.categories .showmenu .fa {
        margin-right: 1rem;
        font-size: 2rem;
    }

    div.bar.categories ul.menue.horizontal {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        z-index: 115;
        background: #f2f2f2;
    }

    div.bar.categories ul.menue.horizontal li {
        display: block;
        width: 100%;
        height: auto;
        float: left;
        clear: both;
        color: #000;
        padding: 0;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
    }
    div.bar.categories ul.menue.horizontal li .after {
        display: block;
        width: 5rem;
        text-align: center;
        height: 3rem;
        font-weight: bold;
        color: #888;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 1.5rem;
        line-height: 3rem;
    }
    div.bar.categories ul.menue.horizontal li .after:after {
        content: "+";
    }
    div.bar.categories ul.menue.horizontal li.exp .after:after {
        content: "-";
    }

    div.bar.categories li.more a.more,
    div.bar.categories li a.root {
        font-weight: bold;
        font-size: 1.25rem;
        padding: 1rem 2rem;
        box-sizing: border-box;
        text-align: left;
        color: #000;
        height: auto;
        background: transparent;
    }

    div.bar.categories ul.menue.vertical {
        display: none;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        z-index: 130;
        visibility: visible;
    }

    div.bar.categories .exp ul.menue.vertical {
        display: block;
    }

    div.bar.categories ul.menue.vertical li {
        width: 100% !important;
    }

    div.bar.categories li a.root .caticon {
        display: none;
    }

    div.bar.categories ul.menue.vertical li a {
        color: #fff;
        background: #393939;
        padding: 1rem 1rem 1rem 4rem;
        max-width: none;
    }

    div.bar.categories ul.menue.vertical li a:hover {
        background-color: #222;
    }

    .cmsrotator .caroufredsel_wrapper,
    #body .cmsrotator,
    #body .cmsrotator .window,
    #body .cmsrotator .cmsrotatoritem {
        width: 100% !important;
    }

    div#left {
        display: block;
        background-color: #ccc;
        height: 4.25rem;
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 1rem 0;
    }

    div#body {
        width: 100% !important;
        float: none !important;
    }

    div#left.open {
        height: auto;
    }

    #left #box-categorytree,
    #left .catfilter,
    #left ul.tree,
    #left div.box-wrapper,
    #left .catfilteritem .h3,
    #left .boxhead,
    #left strong.h2 {
        background: transparent;
        color: #000;
    }

    #body .cmsrotator {
        margin: 0 auto;
        float: none;
    }

    #body .cmsrotator .paging {
        text-align: center;
        margin-top: 0.5rem;
    }

    #body .cmsrotator .paging .page {
        box-shadow: none;
        background: #ccc;
        border-color: #ccc;
    }
    #body .cmsrotator .paging .page.active {
        background: #000;
        border-color: #000;
    }

    #body .customwelcome a {
        display: inline-block;
        width: 25%;
        text-align: center;
    }

    #body .customwelcome a img {
        max-width: 100%;
    }

    #body .customwelcome.welcome-bottom a {
        width: auto;
    }

    #body h2.head2,
    #body strong.head2,
    #body .boxhead {
        font-size: 1.5rem;
    }

    /* PRODUCT */
    #left + #body .product.productbox,
    body.details-page #body .box .product.thin,
    body.details-page #body .box .product.thinest,
    #body .product.productbox,
    #body .paper .product.third,
    #body .paper .product.small {
        width: 32%;
        box-sizing: border-box;
        margin: 1% 0.5%;
        padding: 0.5%;
        height: 24rem;
        text-align: center;
    }
    #body .product.productbox {
        height: auto;
    }
    #body .product.productbox form {
        clear: both;
        margin-bottom: 5px;
    }

    body.details-page #body .box .product.thinest {
        height: 19rem;
    }
    #body .product.thinest .description,
    #body .product.thinest .actions,
    #body .product.third .actions,
    #body .product.third .description {
        display: none;
    }

    #body .product.productbox .frame {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #body .product.productbox .cost {
        float: none;
        width: 100%;
        margin: 0.5rem 0 0;
        text-align: center;
    }

    #body .product.third .tocart,
    #body .product.small .tocart {
        margin: 1rem auto;
    }
    #body .product.third .tocart,
    #body .product.small .tocart,
    #body .product.third .tocart input,
    #body .product.small .tocart input {
        text-indent: 0;
        background: #23a748;
        float: none;
        clear: both;
        padding: 0;
        display: inline-block;
        height: 2rem;
        line-height: 1rem;
        text-align: center;
    }

    #body .product.third .tocart input,
    #body .product.small .tocart input {
        padding: 0.5rem 2rem;
        width: 100%;
    }

    #body .product.partofbundle .productstats.enhanced {
        left: 0;
        top: 0;
        bottom: auto;
    }

    #body .product.thin a.picture,
    #body .product.thinest a.picture,
    #body .product.partofbundle a.picture,
    #body .product.third .picture,
    #body .paper .product.small .picture {
        margin-bottom: 2rem;
    }
    #body .product.thin a.picture,
    #body .product.thinest a.picture,
    #body .product.productbox .picture,
    #body .product.productbox .picture span {
        width: 100%;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.details-page #body .product.isinbundle,
    #body .product.isinbundle {
        box-sizing: content-box;
        padding-bottom: 90px;
    }

    #body .product.thinest.isinbundle a.picture {
        justify-content: left;
        position: absolute;
    }
    #body .product.thinest.isinbundle a.picture img {
        max-width: 100%;
    }
    #body .product.thinest.isinbundle a.picture span {
        display: inherit;
    }

    #body .product.thinest .cost big,
    #body .product.thinest strong.h3 a,
    #body .product.thin form,
    #body .product.thinest form,
    #body .product.third form,
    #body .product.small form {
        position: static;
        text-align: center;
    }

    #body .product.thin .fromlist {
        position: static;
    }

    #body .product.thinest strong.h3 {
    }

    #body .product.thinest strong.h3 a {
        padding: 0 0.25rem;
        white-space: normal;
    }

    #body .product.thinest form {
        width: 100%;
    }
    #body .product.thinest.isinbundle form {
        width: auto;
        position: absolute;
        padding: 0.5rem;
        background: rgba(255,255,255,0.66);
    }

    #body .product.thinest .btn.moreinfo {
        display: none;
    }

    #body .product strong.h3 a {
        font-weight: bold;
        min-height: 2rem;
        font-size: 0.9rem;
    }

    #body .product.noticeslist .stock {
        position: static !important;
    }

    #body .product.thin .h3 .stock.status,
    #body .product.thinest .h3 .stock.status,
    #body .product.third .h3 .stock.status,
    #body .product.third div.stock.status,
    #body .paper .product.small .stock.status {
        display: block;
        position: absolute;
        top: 13rem;
        bottom: auto;
        padding-top: 0;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
    }

    #body .product.thinest .h3 .stock.status {
        top: auto;
        bottom: 1rem;
    }

    #body .product.isinbundle.thinest .h3 .stock.status {
        top: 10px;
        right: 0;
        bottom: auto;
        width: auto;
    }

    #subnav {
        display: flex;
        justify-content: center;
    }

    #subnav:before,
    #subnav:after {
        content: none;
    }
    #subnav a:hover,
    #subnav {
        background: #e3e3e3;
        text-decoration: none;
    }
    #subnav a.active {
        background-color: #efefef;
    }
    #subnav {
        display: flex;
        height: 3rem;
        flex-direction: row;
    }
    #subnavhook.pinned .product + #subnav {
        position: static;
    }
    #subnav a {
        border-left: 1px solid #ccc;
        /*width: 100% !important;*/
        width: min-content;
        height: auto;
        text-align: center;
    }

    #subnav a:first-child {
        border-left: 0 none;
    }

    #subnav a span {
        display: block;
        text-align: center;
        color: #000;
        padding: 1rem;
        line-height: 1rem;
        font-size: 0.8rem;
        background: transparent;
        height: auto;
    }

    /* FOOTER */
    div#footer .wrapper {
        height: auto;
        float: left;
        width: 100%;
        clear: both;
    }

    div#footer .wrapper img {
        max-width: 100%;
    }

    #footer .footer-box {
        display: none;
    }

    #footer .footer-box.shop {
        background: #e3e3e3;
        margin: 1rem 0 0;
        padding: 2rem;
        width: 100%;
        box-sizing: border-box;
    }
    #footer .footer-box.shop table {
        width: 100%;
    }

    #footer .shop table td {
        width: auto;
        padding: 0 4px;
    }

    #footer .footer-box.shop .fa {
        font-size: 3rem;
    }

    #footer .footer-box.tablet {
        display: block;
        height: auto;
    }

    #footer div.copy {
        display: none;
        bottom: 0;
    }

    #footer #footer-social {
        background: #393939;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        padding: 1rem 2rem;
        color: #fff;
    }
    #footer #footer-social a {
        color: #fff;
    }

    #footer #footer-social .copy {
        text-align: center;
        font-size: 0.65rem;
        float: left;
        margin-top: 1rem;
        width: 100%;
        clear: both;
    }

    #prefooter_tablet {
        float: left;
    }

    #prefooter_tablet .col {
        width: 46%;
        text-align: center;
        margin: 1rem 2%;
        line-height: 2rem;
    }

    #prefooter_tablet .btn {
        color: #fff;
        padding: 0.5rem 1rem;
        margin: 1rem auto;
        text-align: center;
        background: #d70012;
    }

    div#content.paper div#body {
        padding: 1rem;
        box-sizing: border-box;
    }

    #body div.switch div.active span,
    #body .locator.list-locator .center,
    #body .locator.list-locator label,
    #body .locator.list-locator .label {
        display: none !important;
    }

    #body div.switch div.active {
        margin-top: 1rem;
        background: transparent;
        width: 100%;
        box-shadow: none;
        border: 0 none;
        padding: 0;
        height: auto;
    }
    #body div.switch div.active:after {
        content: none;
    }

    #body div.switch.open div.select,
    body.desktop #body div.switch:hover div.select,
    #body div.switch div.select {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        top: 0;
        border: 0 none;
    }
    #body div.switch div.select a {
        display: block;
        background: #d7d7d7;
        line-height: 1.2em;
        padding: 0.5rem 1rem;
        text-align: center;
        margin-right: 2px;
        width: 20%;
        min-height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #body div.switch,
    #body .locator .locbody .left,
    #body .locator .locbody .right {
        float: none;
        width: 100%;
        box-shadow: none;
        box-sizing: border-box;
    }

    #left + #body .locator,
    #left + #body .locator.top .locbody {
        background: transparent;
    }
    #body .locator.list-locator .pages a {
        width: auto;
        min-width: 1.5rem;
        height: 1.5rem;
        text-align: center;
        margin-left: 0.25rem;
        background: #d7d7d7;
    }
    #body .locator.list-locator .pages a.active,
    #body div.switch div.select a.active {
        background-color: #d70012;
        color: #fff;
    }

    #body .locator.list-locator .arrow.next {
        background-position: -10px -1195px;
    }

    #body .locator.list-locator .rewind.next {
        background-position: right -1238px;
    }

    #body .locator.list-locator .arrow {
        background-position: 5px -1290px;
    }
    #body .locator.list-locator .rewind {
        background-position: left -1337px;
    }

    #content .showfilter {
        padding: 0.5rem 1rem;
        font-weight: bold;
        position: absolute;
        top: 1rem;
        left: 1.5rem;
        color: #fff;
        cursor: pointer;
        background-color: #23a748;
    }

    #content .showfilter.filtered {
        background-color: #d70012;
    }

    #left .catfilter.ondemand .catfilteritem {
        float: left;
        padding: 0 1rem 1rem 0;
        width: 25%;
        box-sizing: border-box;
    }

    #left .catfilter .attrslider {
        padding: 0 10px;
    }

    #left .catfilter .attrfilterslider,
    #left .catfilter.pricefilter {
        max-width: 80%;
        padding-left: 17%;
        padding-right: 17%;
        margin-left: 20%;
        position: relative;
    }

    #left .catfilter.pricefilter .boxhead {
        display: none;
    }

    #left .catfilter .attrfilterslider .ui-slider-handle,
    #left .catfilter #pricefilterslider .ui-slider-handle {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-left: -15px;
        top: -5px;
    }
    #left .catfilter .attrfilterslider .ui-widget-header,
    #left .catfilter #pricefilterslider .ui-widget-header {
        background: #23a748;
    }

    #left .catfilter #pricefilterform .to,
    #left .catfilter #pricefilterform .from {
        position: absolute;
        left: 0;
        top: 1.5rem;
        width: 15%;
        text-align: right;
    }
    #left .catfilter #pricefilterform .to {
        left: auto;
        right: 1rem;
        text-align: left;
    }

    #left .catfilter {
        padding: 0 1rem;
        box-sizing: border-box;
    }
    .stockfilterbodywrapper {
        padding-left: 0 !important;
    }

    #left .boxhead,
    #left .catfilteritem .h3 {
        max-width: 100%;
        padding: 0;
    }

    #left .catfilter.ondemand .filteropen {
        margin: 0 0 1rem;
        width: auto;
    }

    /* detail */
    #body .product.details .particularswrap,
    #body .product.details .particulars,
    #body .product .morepics .window,
    #body .product .first-video,
    #body .product .morepics,
    #body .product.details .picture,
    #body .product.details .picturewrap {
        width: 100%;
        margin: 0.5rem 0;
        box-sizing: border-box;
        text-align: center;
    }

    #body .detailpresentbox {
        font-size: 0.9rem;
        text-align: left;
        margin: 1rem 0;
    }

    #body .product.details {
        margin-bottom: 0;
    }

    #body .product.details .identifier .type,
    #body .product.details .identifier .value {
        width: auto;
        margin-right: 1rem;
        text-align: left;
    }

    #body .customuserhelp,
    body.details-page #body .product.thinest.ondetail,
    #body .product.thinest.ondetail,
    #body .product.details .cost .nettoprice {
        display: none;
    }
    #body .product.details .cost big {
        width: auto;
        text-align: left;
    }

    #body .product.details .cost big .pricevalue,
    #body .product.details .cost big .taxnote {
        display: block;
        width: 100%;
        float: none;
    }

    #body .product.details .cost,
    #body .product.details .tocart {
        width: 50%;
    }
    #body .product.details .tocart input {
        width: 100%;
    }

    #body .product.details + .actionrow {
        float: right;
        text-align: right;
        z-index: 120;
        margin: 0 0 0.5rem;
        box-sizing: border-box;
        flex-direction: column;
    }

    #body .product.details + .actionrow .btn input,
    #body .product.details + .actionrow .btn a {
        font-size: 13px;
    }


    #subnavhook.pinned .product + #subnav {
        top: 0;
    }

    #subnavhook {
        height: auto;
    }

    #payu_ .table-payu {
        width: 95% !important;
        border: 0 none !important;
    }

    #body .payment-wrap {
        box-sizing: border-box;
    }

    #body .payment-wrap .item-row.options-row.oxsupplypoint {
        padding-left: 0;
    }

    #body ul.supplypoint-list li {
    }

    #body .supplypoint-list .title {
        width: 90%;
        clear: right;
    }

    #body .ordersteps .desc {
        display: none;
    }

    #body .supplypoint-list .shiptosupplypointitem {
        float: left;
    }

    #body .supplypoint-list .supplypoint-link-target {
        width: 90%;
        text-align: right;
        clear: both;
        margin-bottom: 20px;
        display: block;
        background: transparent;
    }
    #body .supplypoint-list .supplypoint-link-target:before {
        content: none;
    }

    #body ul.supplypoint-list {
        box-shadow: none;
    }

    #body .box.incentive {
        width: auto;
        height: auto;
        float: none;
        clear: both;
        text-align: center;
    }

    #body .box.incentive .content {
        width: 100%;
    }

    .user-page form.usercolumn-wrap {
        width: 100%;
    }

    .user-page .usercolumn-wrap {
        width: 50%;
        float: right;
        clear: none;
        box-sizing: border-box;
        padding-right: 1rem;
    }
    .user-page .usercolumn-wrap + form.usercolumn-wrap {
        width: 50%;
    }

    .user-page #xsalut1,
    .user-page #xsalut2,
    .user-page #inv_country_select,
    .user-page #del_country_select {
        width: 100%;
    }
    .userdata .form-group .control-note,
    .userdata .form-group .control-wrap {
        width: 90%;
        font-size: 0.7rem;
        line-height: 1.3em;
        margin: 8px 0 0 0;
    }
    .userdata .form-group-row .form-group.ctvrtka {
        width: 25%;
    }

    .userdata .form-group-row .form-group.ctvrtka + .trictvrtka {
        width: 73%;
    }

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

    .userdata .user-section-title,
    #body .box .registerboxhead,
    #body .box .userboxhead,
    #body .box .paymentboxhead {
        padding: 1rem 0.5rem;
        font-size: 1rem;
        font-weight: bold;
    }

    .user-page .usercolumn-wrap + form.usercolumn-wrap ~ div.bar.prevnext {
        width: 190%;
    }
    .user-page #body div.bar.prevnext {
        width: 100%;
    }

    #body #lenssimulator2 .wrapper {
        width: 55%;
    }

    #body .catfilterwrap {
        max-width: 100%;
        box-sizing: border-box;
    }

    #body .locator {
        background: transparent;
        border-top: 1px solid #ccc;
    }

    #body #lenssimulator2 + #products .product.productbox {
        width: 32%;
    }

    #body .product.details {
        z-index: 0;
    }

    #body .box.compare .product .picture {
        margin-bottom: 2rem;
    }

    #header-compare {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        top: auto;
        position: fixed;
    }

    #header-compare a {
        padding: 8px 25px;
        background-position: right -216px;
    }

    #body dl.review,
    .details-page #body input[type="text"],
    .details-page #body input[type="password"],
    .details-page #body input.openid,
    .details-page #body textarea,
    .details-page #body input.txt,
    .details-page #body select {
        max-width: 90%;
        margin-bottom: 0.5rem;
    }

    .tablet {
        display: initial;
    }

}

@media screen and (max-width:950px) {
    #subnav {
        display: block;
        height: auto;
    }
    .content-page #body table {
        width: 100% !important;
    }
    #left .catfilter.ondemand .catfilteritem {
        width: 33%;
    }
    #body .basket th.unitprice,
    #body .basket td.price {
        display: none;
    }
}
@media screen and (max-width:650px) {
    #body div.bar.prevnext .arrowright {
        padding-right: 0;
    }
    #body .customwelcome a {
        width: 50%;
    }

    #left + #body .product.productbox,
    #body .product.productbox,
    #body .paper .product.third,
    #body .paper .product.small {
        width: 48%;
    }

    #body .ordersteps .step-title,
    #body .ordersteps .step-title a {
        display: none;
    }
    #left .catfilter.ondemand .catfilteritem {
        width: 50%;
    }
}
@media screen and (max-width: 600px) {
    #body div.bar.prevnext .arrowright {
        font-size: 20px;
    }
    /* header */
    div#header {
        height: auto;
    }

    div#header div.oxid {
        display: block;
    }

    #header div.oxid .logo {
        width: 60%;
        margin: 0 0 0 15%;
        max-width: 240px;
    }

    #header div#box-search {
        display: block;
        width: 98%;
        clear: both;
        float: left;
        box-sizing: border-box;
        height: 3rem;
        background-color: #e7e7e7;
    }

    #header div#box-search span.btn {
        height: 3rem;
    }
    #header div#box-search span.btn input,
    #header div#box-search span.btn:before {
        line-height: 3rem;
        width: 3rem;
        font-size: 1.5rem;
        position: absolute;
        right: 0;
    }
    #header div.oxid dl.box.basket {
        position: absolute;
        top: 0;
        right: 2rem;
        width: 0;
        height: 1.5rem;
        padding: 1rem;
    }
    #header div.oxid dl.box.basket dd span {
        display: none;
    }
    #header div.oxid dl.box.basket dd a {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }
    #header div.oxid dl.box.basket:before {
        font-size: 1.5rem;
        line-height: 3rem;
    }
    #header div.links {
        top: 0;
        right: 0;
    }
    #header div.links .fixed a.myaccount,
    #header div.links .fixed a.login {
        height: 3rem;
    }
    #header div.links .fixed a.myaccount:before,
    #header div.links .fixed a.login:before {
        font-size: 1.5rem;
        line-height: 3rem;
    }
    #header div#box-search form {
        width: 100%;
        height: 3rem;
    }
    #header div#box-search form input.txt {
        height: 2rem;
    }
    div.bar.categories .showmenu {
        color: #333;
        position: absolute;
        top: 0;
        text-align: left;
        overflow: hidden;
        text-indent: -9999px;
        padding: 0.5rem 0;
        left: 0;
    }
    div.bar.categories .showmenu .fa {
        text-indent: 0;
        font-size: 1.5rem;
        line-height: 2rem;
        margin-left: 0.5rem;
    }
    div.bar.categories {
        position: static;
    }
}
@media screen and (max-width:480px) {
    .form-payments .bar.prevnext {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #body div.bar.prevnext .arrowright {
        background: none;
    }
    #body div.bar.prevnext .arrowright button {
        font-size: 20px;
        background: #383938;
        margin-bottom: 0.5rem;
        background-position: 0 0;
    }
    #body .lgnwrap input {
        width: 100%;
    }
    #subnav {
        display: none;
    }
    #header-compare {
        left: 0;
        transform: none;
        width: 100%;
    }

    #header-compare a {
        padding: 3px 20px;
        background-position: right -216px;
        text-align: center;
        background: none;
    }
    .cezetmap.map,
    .cmsrotator {
        display: none !important;
    }

    #body .box table.flex tr {
        flex-direction: column;
    }

    #body .box table.flex td img {
        width: 100%;
    }

    #left + #body .product.productbox,
    #body .product.productbox,
    #body .paper .product.third,
    #body .paper .product.small {
        width: 98%;
    }

    #left + #body .window .product.productbox,
    #body .window .product.productbox,
    #body .paper .window .product.third,
    #body .paper .window .product.small {
        width: 320px;
        margin: 1rem auto;
        float: none;
        display: inline-block;
    }

    .promo-wrap .caroufredsel_wrapper {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .picturewrap .paging,
    .promo-wrap .paging {
        display: block;
        margin-top: 1rem;
        width: 100%;
        text-align: center;
    }

    .picturewrap .paging a,
    .promo-wrap .paging a {
        border: 1px solid #ccc;
        height: 12px;
        width: 12px;
        margin: 0 5px;
        overflow: hidden;
        text-indent: -5000px;
        display: inline-block;
        box-shadow: none;
        background: #ccc;
        border-radius: 50%;
    }

    .picturewrap .paging a.active,
    .promo-wrap .paging a.active {
        background: #333;
    }

    #body .product.productbox:hover .frame {
        opacity: 0;
    }

    #body .product.third .tocart,
    #body .product.small .tocart {
        width: 70%;
    }

    #body .product.third .tocart input,
    #body .product.small .tocart input {
        height: 3rem;
        font-size: 1.25rem;
    }

    #body .product.third .picture,
    #body .paper .product.small .picture {
        margin-bottom: 0.5rem;
    }

    #body .product strong.h3 {
        display: block;
        width: 100%;
        border-bottom: 1px solid #333;
        padding-bottom: 0.25rem;
        position: relative;
    }

    #body .product.productbox .cost {
        float: right;
        text-align: right;
        width: 47%;
        margin-top: 0.5rem;
    }

    #body .product.third .cost big {
        line-height: 1em;
    }

    #body .product.third .h3 .stock.status,
    #body .product.third div.stock.status,
    #body .paper .product.third .stock.status,
    #body .paper .product.small .stock.status {
        position: absolute;
        bottom: 0;
        width: auto;
        float: left;
        left: 0;
        top: auto;
    }

    #body .product.third .productstats.enhanced {
        top: -210px;
    }

    #body .product.small .productstats.enhanced {
        top: -250px;
    }
    #selID_LoginBox table {
        width: 100%;
    }
    #selID_LoginBox td {
        display: block;
        float: left;
        width: auto;
    }
    /* footer*/
    #prefooter_tablet .col {
        width: 96%;
        text-align: center;
    }

    #body .product.details .tocart input,
    #body div.bar.prevnext .right input,
    #body div.bar.prevnext .arrowdown button,
    #body div.bar.prevnext .arrowdown input,
    #body div.bar.prevnext .arrowright button,
    #body div.bar.prevnext .arrowright input {
        white-space: normal;
        height: auto;
        font-size: 1rem;
        padding: 1rem;
        line-height: normal;
        width: 100%;
    }

    #body .product.details .tocart,
    #body div.bar.prevnext .right,
    #body div.bar.prevnext .arrowdown,
    #body div.bar.prevnext .arrowright {
        height: auto;
        padding: 0px;
        width: auto;
    }

    form.login label {
        display: block;
        float: none;
    }

    form.login #test_LoginKeepLoggedIn + label {
        display: inline-block;
    }

    .account-page label.invalid-input {
        right: 0 !important;
        left: auto !important;
        margin-top: -30px !important;
    }

    #body .box.account_header td {
        display: block;
        float: none;
        width: 100%;
    }

    #body .account_header dd {
        color: #999;
    }

    #body h2.head2,
    #body strong.head2,
    #body .boxhead {
        font-size: 1.5rem;
    }

    #body .company .form td,
    #body .personal .form td {
        display: block;
    }

    #body .company .form td input[type=text],
    #body .personal .form td input[type=text] {
        max-width: 90%;
    }
    #body .company .form td span.btn,
    #body .personal .form td span.btn {
        margin-right: 6%;
    }

    #body .company .form label,
    #body .personal .form label {
        margin-top: 0.5rem;
        font-weight: bold;
        display: inline-block;
    }

    #body .company .form input + input,
    #body .personal .form input + input {
        width: 54%;
    }
    #body .company .form input[name*="oxzip"] + input,
    #body .personal .form input[name*="oxzip"] + input {
        width: 66%;
    }

    #body .evidencelist .orderblock {
        max-width: 100%;
        overflow: visible;
    }
    .evidencelist table.table {
    }
    .evidencelist table.table tr {
    }
    .evidencelist table th:nth-child(4),
    .evidencelist table td:nth-child(4) {
        display: none;
    }

    .evidencelist table th,
    .evidencelist table td {
        padding-right: 0.25rem;
        font-size: 0.8rem;
    }

    #footer .footer-box.shop {
        padding: 1rem;
        height: auto;
    }

    #footer .shop table td {
        display: flex;
        padding-bottom: 0.5rem;
        flex-direction: column;
        float: none;
        text-align: center;
        width: 100%;
    }

    #body .box ul.list.column {
        width: 47% !important;
        float: left;
        padding: 0 3% 0 0;
    }

    #body .locator.list-locator .pages .dots {
        display: none;
    }
    #body .locator.list-locator .pages a {
        margin: 0 1px 0 0;
        float: left;
        min-width: 1.25rem;
        font-size: 0.8rem;
        color: #000;
    }

    #body div.switch,
    #body .locator .locbody .left,
    #body .locator .locbody .right {
        float: left;
        clear: both;
        width: 100%;
        height: auto;
    }

    #body .locator.top .locbody,
    #left + #body .locator.top .locbody {
        height: auto;
        padding-bottom: 0;
        margin-bottom: 1rem;
        padding-top: 0;
    }

    #body div.switch.open div.select,
    body.desktop #body div.switch:hover div.select,
    #body div.switch div.select {
        position: static;
    }

    #body div.switch.sort_row div.active {
        margin: 0;
    }

    #body .locator .locbody .right label {
        display: block !important;
        margin-top: 0.5rem;
        text-align: center;
        color: #000;
    }

    #body div.switch div.select a {
        margin: 1px;
        line-height: 1.2em;
    }

    #body .locator.list-locator .pages {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    #body div.switch div.select a {
        padding: 0.5rem 0.25rem;
        width: 30%;
    }

    /* FILTRY */
    div#left {
        padding-top: 2.5rem;
        height: 0;
        background: #fff;
    }

    div#left.open {
        background: #eee;
    }

    #content .showfilter {
        width: 89%;
        left: 0.25rem;
        top: 0.25rem;
        background-color: #333;
    }
    #content .showfilter.filtered {
        background-color: #d70012;
    }

    #left .catfilter .attrfilterslider,
    #left .catfilter.pricefilter {
        max-width: 90%;
        padding-left: 10%;
        padding-right: 0;
        margin-left: 0;
    }
    #left .catfilter #pricefilterform .to,
    #left .catfilter #pricefilterform .from {
        position: static;
        width: 50%;
        margin: 0;
    }
    #left .catfilter #pricefilterform .to {
        text-align: right;
    }


    #left .catfilter.ondemand .filteropen {
        margin-bottom: 0.25rem;
        width: 88%;
    }

    #left .catfilter.ondemand .catfilteritem {
        float: none;
        width: 100%;
    }

    #left .catfilter.ondemand .catfilterlist {
        margin-left: 0;
        margin-top: -5px;
        width: 84%;
    }

    #left .catfilter.ondemand .catfilterlist label {
        font-weight: normal;
        font-size: 0.8rem;
    }

    #body .product.details h1 {
        font-size: 1.25rem;
        font-weight: bold;
        text-align: center;
    }

    #body .product .desc.description {
        text-align: left;
        font-size: 0.8rem;
    }

    #body .product.details strong.h3 {
        border-bottom: 0;
        padding-bottom: 0;
    }

    #body .locator.top .pages {
        display: none;
    }

    #go-to-top {
        display: none !important;
    }

    #footer .footer-box.tablet {
        margin-top: 1rem;
        font-size: 0.8rem;
    }

    #prefooter_tablet .col {
        margin: 0;
        width: 100%;
    }

    #prefooter_tablet .btn {
        width: 88%;
        font-size: 1rem;
        display: inline-block;
    }

    #prefooter_tablet .btn:before {
        content: "\f095";
        color: #fff;
        display: inline-block;
        float: left;
        font-size: 1.5rem;
        font-family: "FontAwesome";
    }
    #prefooter_tablet .col.right .btn:before {
        content: "\f0e0";
    }

    #footer #footer-social.tablet,
    #footer .footer-box.shop.tablet {
        display: none;
    }

    #footer .footer-box.mobile {
        display: block;
    }

    #footer #footer-social.mobile {
        background: #333;
        text-align: center;
    }

    /* DETAIL */
    #body .product.details .reviewblock {
        display: none;
    }

    #body .product.details ~ .mobile {
        display: block;
    }

    #body .product.details + .actionrow {
        width: 100%;
        padding: 5px 10px;
        clear: both;
    }

    #body .product.details + .actionrow .btn input,
    #body .product.details + .actionrow .btn a {
        font-size: 0.8rem;
        line-height: 1.1em;
        text-align: center;
        display: flex;
        align-items: center;
    }

    #body .product.details .amopricebox {
        border-top: 1px solid #333;
        padding-top: 0.5rem;
        position: relative;
    }

    #body .product.details .cost big,
    #body .product.details .cost {
        float: right;
    }
    #body .product.details .cost big .pricevalue {
        font-weight: normal;
    }
    #body .product.details .description,
    #body .product.details .cost big .taxnote {
        display: none;
    }

    #body .product.details .artnum {
        display: none;
    }
    #body .product.details .tocart {
        width: 100%;
        clear: both;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #body .product.details .status {
        position: absolute;
        left: 0;
        top: 0.75rem;
        font-size: 0.8rem;
    }

    #body .reviewblock-wrap .identifier {
        color: #000;
        font-size: 0.8rem;
        width: 100%;
        clear: both;
        display: block;
    }

    #body .reviewblock-wrap .identifier .type {
        font-weight: bold;
    }

    #subnav {
        height: auto;
    }
    #subnav a {
        display: none;
    }
    #subnav a[href*="review"],
    #subnav a[href*="longdesc"],
    #subnav a[href*="bundle"] {
        display: inline-block;
    }

    body.details-page #body .box .product.thinest {
        display: block;
        width: 100%;
        border-bottom: 1px solid #333;
        margin: 0 0 0.5rem 0;
        height: auto;
    }

    #body .product.thinest .h3 {
        border-bottom: 0 none;
        text-align: left;
    }
    #body .product.thinest .h3 .stock.status,
    #body .product.partofbundle .productstats.enhanced {
        display: none;
    }

    #body .product.thinest a.picture,
    #body .product.partofbundle a.picture {
        float: left;
        margin-bottom: 0;
        display: block;
        width: 40%;
    }
    #body .product.isinbundle.thinest a.picture {
        width: 100%;
        display: flex;
    }

    #body .product.thinest a.picture span,
    #body .product.partofbundle a.picture span {
        width: 100%;
        height: 100%;
    }

    #body .product.isinbundle.thinest a.picture span {
        display: flex;
    }

    body.details-page #body #subnavhook + h2.head2,
    body.details-page #body #subnavhook + strong.head2 {
        text-align: left;
    }

    #body .product.thinest .cost,
    #body .product.thinest form {
        margin-top: 0.5rem;
        width: auto;
        float: right;
    }

    div.on.popup {
        margin: 0rem;
        left: 1rem;
        top: 10vh;
        right: 1rem;
        width: auto;
        height: auto;
        min-height: 300px;
    }

    div.on.popup span.btn input {
        width: 100%;
    }
    div.on.popup span.btn {
        left: 1rem !important;
        right: 1rem !important;
        width: auto;
    }
    div.on.popup span.btn.bl {
        bottom: 1rem;
    }
    div.on.popup span.btn.br {
        bottom: 4rem;
        background: transparent;
    }
    div.on.popup span.btn.bl input {
        background: #21b24b;
    }

    /* KOSIK */

    #body .basket tr,
    #body .basket tbody,
    #body .basket {
        display: block;
        max-width: 100%;
    }

    #body .basket .bsk_sep,
    #body .basket .art_num,
    #body .basket th,
    #body .basket .price,
    #body .basket .unitprice,
    #body .basket .price-item {
        display: none;
    }
    #body .basket tr.buttons,
    #body .basket tr.product-row {
        border-top: 1px solid #ccc;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
    #body .basket tr.product-row.coupled {
        border-top: 0 none;
    }
    #body .basket tr,
    #body .basket td {
        float: left;
        width: 100%;
        display: block;
        position: relative;
    }

    #body .basket td.brd {
        position: absolute;
        right: -10px;
        top: 20px;
        z-index: 6;
    }

    #body .basket td.pic {
        width: 30%;
    }
    #body .basket td.item {
        width: 65%;
    }

    #body .basket td.amount {
        float: right;
        width: auto;
        margin: 0;
    }
    #body .basket td.totalprice {
        width: auto;
    }

    #body .basket .bundle-row td.item,
    #body .basket .bundle-row td {
        padding: 0;
    }

    #body .basket .bundle-row td.item .art_title:after,
    #body .basket .bundle-row td.item .art_title:before {
        content: none;
    }
    #body .basket .sumrow .sumdesc + td,
    #body .basket .sumrow .sumdesc {
        clear: none;
        margin: 0;
        float: left;
        width: 50%;
    }
    #body .basket .sumrow .sumdesc + td {
        width: 40%;
    }
    #body .basket .sumrow .sumdesc + td + td {
        padding: 0;
    }

    #body ul.supplypoint-list li {
        display: block;
    }

    #body div.bar.prevnext .stepback,
    #body .payment-wrap .paydesc,
    #body #shipping .shipdesc {
        display: none;
    }

    #body .supplypoint-list .title {
        width: 90% !important;
    }

    #body ul.supplypoint-list {
        max-height: none;
        background: #efefef;
    }

    #body div.bar.prevnext .arrowright,
    .user-page #body div.bar.prevnext,
    .user-page .usercolumn-wrap + form.usercolumn-wrap,
    .user-page .usercolumn-wrap {
        width: 100%;
    }

    #header div.links .fixed a.myaccount,
    #header div.links .fixed a.login {
        width: 2.5rem;
    }

    #body .morecats td {
        display: block;
        width: 100%;
    }

    #body .product.details .picture img,
    #body .product.details .picture a,
    #body .product.details .picture #imgcont-3d,
    #body .product .morepics {
        display: none;
    }

    #body .product.details .picture.pics0 img,
    #body .product.details .picture.pics1 img,
    #body .product.details .picture.pics1 a {
        display: initial;
    }

    #body .product .bigpics.mobile {
        display: flex;
    }

    #body .product .bigpics .icon-item a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    #body .product .bigpics .icon-item {
        margin: 0 1rem;
    }

    #body .product .bigpics .icon-item a.viewvideo {
        background: #eee url(images/videoview.png) no-repeat center center;
    }
    #body .product .bigpics .icon-item a.view360 {
        background: #eee url(images/360view_eee.png) no-repeat center center;

    }
    #body .product .bigpics .icon-item img {
        max-width: 100%;
    }

    #body .product .bigpics .orbitvu-viewer {
        max-width: 100%;
        min-height: 360px;
    }

    .tablet {
        display: none;
    }

    .mobile {
        display: initial;
    }

    .content-page table * {
        max-width: 100% !important;
    }
}


@media screen and (max-width:360px) {
    #body .box ul.list.column {
        width: 100% !important;
        float: none;
        padding: 0;
    }
}

.gridwrap {
    overflow: hidden;
    width: 100%;
    margin-bottom: 2.5em;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1em;
    margin-left: -1em;
}

.grid h3 {
    margin: 1rem 0;
}

.grid .col {
    padding: 0 1em;
    box-sizing: border-box;
    order: 1;
    position: relative;
}

.grid .full {
    width: 100%;
}

.grid .col.video {
    height: 0;
    padding-bottom: 56.25%;
}

.grid .col.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid .fifty {
    flex: 0 0 50%;
    max-width: 50%;
}

.grid .third {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

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

@media screen and (max-width: 768px) {
    .grid .third {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1.5rem;
    }

    .grid .third:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 561px) {
    .grid .fifty.text h3 {
        margin-top: 0;
    }
}

@media screen and (max-width: 560px) {
    .gridwrap {
        margin-bottom: 1.5em;
    }

    .grid .third {
        margin: 0;
    }

    .grid .fifty:not(.text) + .fifty:not(.text),
    .grid .third + .third {
        margin: 1.5em 0 0 0;
    }

    .grid .third,
    .grid .fifty {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .grid .text {
        order: 2;
    }
}

.tags-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: .25rem;
}

.tags-wrapper .tag {
    padding: .25rem;
    margin: .25rem 0;
    font-size: 12px;
    display: inline-block;
}

#questionForm .req {
    color: red;
}

#questionForm label {
    white-space: nowrap;
}

#questionForm .head2 {
    font-size: 22px;
    display: block;
    line-height: 1;
    margin-bottom: 16px;
}

#questionForm td {
    padding: 5px;
}

#questionForm input,
#questionForm textarea{
    width: 100%;
    box-sizing: border-box;
}

#questionForm .captcha-wrap {
    display: flex;
    align-items: center;
}

.checkbox-text {
    display: flex;
}

.discount-box {
    background: #eeeeee;
    padding: 2rem 1.5rem;
    max-width: 400px;
    border: 1px solid #cecece;
}

.discount-box .d-flex {
    display: flex;
    align-items: stretch;
}

.discount-box .form-control {
    margin-right: 1rem;
    width: 100%;
    box-sizing: border-box;
    padding: .4rem .5rem;
}

.discount-box .discount-active-wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.discount-box .discount-remove {
    background: transparent;
    border: none;
    color: #d81210;
    padding: 0;
    cursor: pointer;
}

.discount-box .discount-remove:hover {
    background: transparent;
    border: none;
    color: #d81210;
    padding: 0;
    cursor: pointer;
}

.discount-box .alert {
    padding: .25rem .5rem;
    margin-bottom: .5rem;
}

.discount-box .alert-success {
    background: #c8f7c8;
    border: 1px solid #7ab17a;
}

#body .discount-box .head {
    float: none;
    font-size: 18px;
    margin-bottom: 0.75rem;
    line-height: 1;
    padding: 0;
}