/* -------------------------------------

    Shortcuts

------------------------------------- */
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.hide {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
.bold {
  font-weight: bold;
}
.strike-through {
  text-decoration: line-through;
}
/* -------------------------------------

    Variables

------------------------------------- */
/* -------------------------------------

    Extra reset styles on top of
    normalize.css

------------------------------------- */
body {
  line-height: 1;
}
html {
  overflow-y: scroll;
}
p, ul, ol {
  line-height: 1.4;
}
sup {
  font-size: 50%;
  top: -0.9em;
}
/* -------------------------------------

    Reset clases

------------------------------------- */
.reset-mp {
  margin: 0;
  padding: 0;
}
.underline-hover {
  text-decoration: none;
}
.underline-hover:hover {
  text-decoration: underline;
}
/* -------------------------------------

    Text editor contentx

------------------------------------- */
.text-editor-content th, .text-editor-content td {
  padding-left: 12px;
  padding-right: 12px;
}
.page-lesson .text-editor-content img {
  float: left;
}
.text-editor-content img.alignnone {
    width: 100%;
    height: auto;
}
.description-content table {
  width: 100%;
}
.description-content .spec-group {
    background: #ececec !important;
    font-weight: bold;
}
.description-content td, .description-content th {
  text-align: left;
  background: url(img/bg/line-bg.png) bottom repeat-x;
  margin-left: 0;
  line-height: 28px;
}
/* -------------------------------------

    Helpers

------------------------------------- */
.invisible {
  position: absolute;
  top: -1000px;
  left: -1000px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* -------------------------------------

    Layout

------------------------------------- */
body {
  width: 100%;
  *zoom: 1;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
#body {
  position: relative;
  *zoom: 1;
}
#body:before, #body:after {
  content: "";
  display: table;
}
#body:after {
  clear: both;
}
.outer-container {
  min-width: 1050px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
.container {
  width: 90%;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}
.S .container {
  width: 96%;
}
.hide-ajax-container #ajax-container {
  display: none;
}
.menu-container {
  width: 55px;
  padding: 6px 0;
  background: #ddd;
  background: url(img/bg/noise-grey.gif);
  position: absolute;
  top: 71px;
  left: 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 0 0 5px #bbbbbb;
  border-left: 0;
}
.S .menu-container {
  display: none;
}
.menu-container a {
  display: block;
  width: 43px;
  margin: 1px 0 1px 5px;
  border: 1px solid transparent;
  position: relative;
  z-index: 200;
  text-decoration: none;
}
.menu-container a img {
  float: left;
  margin: 5px 0 5px 5px;
}
.menu-container a .cat-title {
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  top: 3px;
  padding: 0 20px;
  color: #222;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  display: none;
}
.menu-container a.hover {
  background: url(img/bg/noise-grey.gif);
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 0 0 5px #bbbbbb;
}
/* -------------------------------------

    Text

------------------------------------- */
.heading-font {
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.font-size-M {
  font-size: 13px;
}
.S .font-size-M {
  font-size: 12px;
}
.font-size-M2 {
  font-size: 14px;
}
.M .font-size-M2 {
  font-size: 13px;
}
.S .font-size-M2 {
  font-size: 12px;
}
.font-size-L {
  font-size: 15px;
}
.S .font-size-L {
  font-size: 13px;
}
.font-size-L2 {
  font-size: 18px;
}
.M .font-size-L2 {
  font-size: 16px;
}
.S .font-size-L2 {
  font-size: 14px;
}
.font-size-L3 {
  font-size: 22px;
}
.M .font-size-L3 {
  font-size: 20px;
}
.S .font-size-L3 {
  font-size: 18px;
}
body {
  /*
  background: url(img/bg/noise-grey.gif);
  background: url(img/diamond_upholstery.png);
  background: url(../images/valentine/background.jpg);
  background: url(img/x-mas_bg_varle.jpg);
  background: url(img/bg-pattern.jpg);
  */
  background-color: #ffffff;
  font-family: Arial;
  font-size: 13px;
  color: #000;
}
.S body {
  font-size: 12px;
}
a {
  color: blue;
}
a:hover {
  color: #3333ff;
}
/* -------------------------------------

    Lines

------------------------------------- */
.h-line-dotted {
  clear: both;
  background: url(img/line/h-dotted.png) repeat-x left bottom;
  margin: 0 2%;
  min-height: 1px;
}
.v-line-dotted {
  clear: both;
  background: url(img/line/v-dotted.png) repeat-y left top;
  margin: 0 2%;
  min-width: 1px;
}
/* -------------------------------------

    Boxes

------------------------------------- */
.box1 {
  background: #fff;
  border: 1px solid #;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 0 0 5px #bbbbbb;
  *zoom: 1;
}
.box1:before, .box1:after {
  content: "";
  display: table;
}
.box1:after {
  clear: both;
}
.box-contact {
  background: #fff;
  border: 1px solid #;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 0 0 5px #bbbbbb;
  *zoom: 1;
}
.box-contact:before, .box-contact:after {
  content: "";
  display: table;
}
.box-contact:after {
  clear: both;
}
.box-left {
  float: left;
  float: left;
  background: #fff;
  border: 1px solid #;
  width: 72%;
  margin-bottom: 1.8%;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 0 0 5px #bbbbbb;
  *zoom: 1;
}
.box-left:before, .box-left:after {
  content: "";
  display: table;
}
.box-left:after {
  clear: both;
}
.box-right {
  float: right;
  background: #fff;
  border: 1px solid #;
  width: 25%;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 0 0 5px #bbbbbb;
  *zoom: 1;
}
.box-right:before, .box-right:after {
  content: "";
  display: table;
}
.box-right:after {
  clear: both;
}
/* -------------------------------------

    Breadcrumbs

------------------------------------- */
#crumbs {
  margin: 0;
  padding: 0;
  *zoom: 1;
  padding-left: 2%;
  line-height: 1;
}
#crumbs:before, #crumbs:after {
  content: "";
  display: table;
}
#crumbs:after {
  clear: both;
}
#crumbs li {
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 15px;
  float: left;
  list-style-type: none;
  padding-right: 3%;
  padding-left: 2%;
  background: url(img/arrow/crumbs.gif) no-repeat 100% 50%;
}
.S #crumbs li {
  font-size: 13px;
}
#crumbs li.first {
  padding-left: 0;
}
#crumbs li.last {
  background: none;
}
#crumbs a {
  text-decoration: none;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  color: #000 !important;
  text-transform: uppercase;
}
#crumbs a:hover {
  text-decoration: underline;
}
#crumbs h1 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 15px;
  display: inline-block;
}
.S #crumbs h1 {
  font-size: 13px;
}
#crumbs .count {
  color: #aaa;
  font-weight: normal;
  display: inline-block;
}
#sort-container {
  position: relative;
}
#sort {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 2%;
  padding-top: 1.9%;
}
/* -------------------------------------

    Sprites

------------------------------------- */
.sprite {
  background: url(img/sprite.png?1);
  display: inline-block;
}
.sprite-buttons {
  background: url(img/buttons-sprite.png?123);
  display: inline-block;
}
.icon-new {
  background: url(img/sprite.png?1);
  display: inline-block;
  width: 30px;
  height: 29px;
  vertical-align: middle;
}
.M .icon-new {
  background-position: -1px -45px;
  width: 27px;
  height: 26px;
}
.S .icon-new {
  background-position: -1px -84px;
  width: 24px;
  height: 23px;
}
.rating-star {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -66px -7px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
}
.rating-star.selected {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -47px -7px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
}
.rating-enabled .rating-big-star {
  cursor: pointer;
}
.rating-big-star {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -70px -47px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.rating-big-star.selected {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -43px -47px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.arrow-L {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -271px -5px;
  width: 38px;
  height: 96px;
}
.arrow-L:hover {
  background-position: -271px -111px;
  width: 38px;
  height: 97px;
}
.close {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: 0 -141px;
  width: 19px;
  height: 19px;
}
.arrow-down-S {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -9px -125px;
  width: 7px;
  height: 4px;
}
.arrow-link {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -26px -123px;
  width: 7px;
  height: 7px;
  position: relative;
  top: -1px;
  left: -5px;
  left: -2px;
}
.scroll-top {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -349px -212px;
  width: 63px;
  height: 75px;
  display: none;
  z-index: 1001;
  cursor: pointer;
  left: 0;
  top: 20%;
  position: fixed;
  margin-top: -75px;
}
.scroll-top:hover {
  background-position: -429px -212px;
}
.scroll-top div {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -368px -309px;
  width: 19px;
  height: 22px;
  margin-top: 27px;
  margin-left: 20px;
}
.scroll-top:hover div {
  margin-top: 26px;
}
/* -------------------------------------

    Product grid item

------------------------------------- */
.left {
  float: left;
}
.grid-item {
  float: left;
  float: left;
  display: block;
  float: left;
  float: left;
  position: relative;
  width: 25%;
  background: url(img/bg/grid-bg-normal.gif) no-repeat bottom right;
  background: url(img/bg/grid-bg-normal-darker.png) no-repeat bottom right;
  /*&:hover  {
        background: url(img/bg/grid-bg-hover2.png) no-repeat bottom right;
        .left-border {
            .block;
        }
        &.first .left-border {
            .hide;
        }
    }

    &.product-empty:hover {
        background: url(img/bg/grid-bg-normal-darker.png) no-repeat bottom right;
        .left-border {
            .hide;
        }
        &.first .left-border {
            .block;
        }
    }

    &.more:hover .arrow-L {
        background-position: -271px -111px;
        width: 38px;
        height: 97px;
    }*/

  /*
    .old-ie &:hover {
        .left-border-hover, .right-border-hover, .top-border-hover, .bottom-border-hover {
            display: block !important;
            //.box-shadow(0 1px 10px #888);
        }
    }
    */

  text-decoration: none;
  color: #000 !important;
}

.grid-item.last {
  background-position: bottom center;
}
.grid-item .left-border {
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  bottom: 0px;
  left: -1px;
  background: url(img/bg/grid-bg-hover.png) no-repeat bottom right;
  display: none;
}

.grid-item:hover .left-border-hover{ display: block; }
.grid-item:hover .right-border-hover{ display: block; }
.grid-item:hover .top-border-hover{ display: block; }
.grid-item:hover .bottom-border-hover{ display: block; }

.grid-item .left-border-hover {
  display: none;
  background: #cfcfcf;
  height: 100%;
  width: 1px;
  position: absolute;
  bottom: 0px;
  left: -1px;
}
.grid-item .right-border-hover {
  display: none;
  background: #cfcfcf;
  height: 100%;
  width: 1px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.grid-item .top-border-hover {
  display: none;
  background: #cfcfcf;
  width: 100%;
  height: 1px;
  position: absolute;
  left: -1px;
  top: -1px;
  padding-right: 1px;
}
.grid-item .bottom-border-hover {
  display: none;
  background: #cccccc;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.grid-item.last .right-border-hover {
  right: -1px;
}
.grid-item.more {
  background-position: bottom center;
}
.grid-item.more.long {
  padding-bottom: 21px;
}

.grid-item .img-container {
  display: block;
  *zoom: 1;
  height: 195px;
  overflow: hidden;
  padding: 5% 0 1% 0;
  width: 100%;
  outline: 0;
}
.grid-item .img-container:before, .grid-item .img-container:after {
  content: "";
  display: table;
}
.grid-item .img-container:after {
  clear: both;
}
.grid-item .img-container img {
  position: relative;
  margin: 0 auto;
  display: block;
  max-width: 95%;
  max-height: 195px;
  width: auto;
}
.grid-item.category .img-container {
  padding-top: 2%;
  padding-bottom: 4%;
}
.grid-item.category {
  width: 12.5%;
}
.grid-item .title-category {
  display: block;
  font-size: 22px;
  line-height: 1.5;
  line-height: 1.3;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 14px !important;
  text-align: center;
  padding-top: 8%;
  text-decoration: none;
  color: #000 !important;
  padding-left: 4%;
  padding-right: 4%;
}
.M .grid-item .title-category {
  font-size: 20px;
}
.S .grid-item .title-category {
  font-size: 18px;
}
.grid-item .title-category:hover {
  text-decoration: underline;
}
.grid-item:hover .title-category {
  text-decoration: underline;
}
.grid-item .title {
  display: block;
  clear: both;
  height: 37px;
  height: 36px;
  position: relative;
  font-size: 13px;
  line-height: 1.4;
  color: #000;
}
.grid-item .title .inner {
  display: block;
  overflow: hidden;
  max-height: 37px;
  max-height: 36px;
  width: 92%;
  padding: 0 4%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
}
.grid-item .title .inner span {
  border-bottom: 1px solid transparent;
}
.grid-item .title .inner h2 {
    font-size: 13px;
    line-height: 1.4;
    display: inline;
    font-weight: normal;
    border-bottom: 1px solid transparent;
}
.grid-item .title .more-inner {
  display: block;
  position: absolute;
  *zoom: 1;
  right: 0;
  bottom: 0;
  width: 88%;
  padding-left: 12%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  text-transform: uppercase;
}
.grid-item .title .more-inner:before, .grid-item .title .more-inner:after {
  content: "";
  display: table;
}
.grid-item .title .more-inner:after {
  clear: both;
}
.M .grid-item .title .more-inner, .S .grid-item .title .more-inner {
  bottom: -1px;
}
.grid-item .title .more-inner .text-more {
  display: block;
  float: left;
  float: left;
  line-height: 1;
  font-size: 40px;
  border-bottom: 1px solid transparent;
}
.M .grid-item .title .more-inner .text-more {
  font-size: 32px;
}
.S .grid-item .title .more-inner .text-more {
  font-size: 28px;
}
.grid-item .title .more-inner .text-next-page {
  display: block;
  float: left;
  float: left;
  clear: both;
  padding-left: 2px;
  border-bottom: 1px solid transparent;
}
.grid-item .title .more-inner .arrow-L {
  display: block;
  position: absolute;
  bottom: -29px;
  right: 8%;
}
.S .grid-item .title {
  font-size: 12px;
}
.S .grid-item .title {
  height: 34px;
  height: 33px;
}
.S .grid-item .title  .inner {
  max-height: 34px;
}
.S .grid-item .title  .inner {
  max-height: 33px;
}

.grid-item .parameters {
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.grid-item .parameters ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
}

.grid-item .parameters li {
    line-height: 22px;
    font-weight: normal;
    padding-right: 4px;
}

.grid-item .parameters li span {
    color: #0077c7;
}

.grid-item .parameters li a {
    color: #0077c7;
    text-decoration:none;
}

.grid-item .parameters li td {
    vertical-align: top;
}

.grid-item .parameters li td.value {
    padding-left: 4px;
}

.grid-item .parameters li.arrow:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: block;
    font-weight:100;
    float: left;
    width: 1.5em;
    line-height: 22px;
    font-size: 10px;
    color: #c6c6c6;
}

.grid-item .parameters li.circle:before {
    font-family: FontAwesome;
    content: "\f111";
    display: block;
    font-weight:100;
    float: left;
    width: 1.5em;
    line-height: 22px;
    font-size: 10px;
    color: #c6c6c6;
    cursor: pointer;
}

.grid-item .parameters li.plus:before {
    font-family: FontAwesome;
    content: "\f055";
    display: block;
    font-weight:100;
    float: left;
    width: 1.5em;
    line-height: 22px;
    font-size: 10px;
    color: #42ad3f;
    cursor: pointer;
}

.grid-item:hover .title .inner span, .grid-item:hover .title .inner h2, .grid-item:hover .title .more-inner .text-more, .grid-item:hover .title .more-inner .text-next-page {
  border-bottom-color: #bfbfbf;
}
.grid-item .subs {
  display: inline-block;
  text-align: left;
  margin-bottom: 7%;
}
.grid-item .subs a {
  display: block;
  line-height: 1.4;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-item .subs a.sub-link {
  color: #000 !important;
  text-decoration: none;
}
.grid-item .subs a.sub-link:hover {
  text-decoration: underline;
}
.grid-item .subs a.sub-link-spacer {
  text-decoration: none !important;
  cursor: default;
  outline: none;
}
.grid-item .prices {
  display: block;
  height: 43px;
  margin: 14px 0;
  text-align: center;
}
.M .grid-item .prices {
  height: 42px;
  margin: 12px 0;
}
.S .grid-item .prices {
  height: 39px;
  margin: 10px 0;
}

.L .grid-item .add-to-basket-checkout3 img {
    height: 41px;
    position: relative;
    top: 1px;
}
.M .grid-item .add-to-basket-checkout3 img {
    height: 37px;
}
.S .grid-item .add-to-basket-checkout3 img {
    height: 35px;
}
.L .grid-item .add-to-basket-redirect img {
  height: 41px;
  position: relative;
  top: 1px;
}
.M .grid-item .add-to-basket-redirect img {
  height: 37px;
}
.S .grid-item .add-to-basket-redirect img {
  height: 35px;
}
.grid-item .prices .price {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -112px -4px;
  width: 110px;
  height: 41px;
  line-height: 41px;
  padding-left: 15px;
  margin: 0 2%;
  text-align: center;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 18px;
}
.grid-item .prices .euro_price {
  font-size: 16px;
  margin-left: -6px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.M .grid-item .prices .price {
  background-position: -112px -60px;
  width: 102px;
  height: 37px;
  padding-left: 12px;
  line-height: 37px;
}
.S .grid-item .prices .price {
  background-position: -112px -117px;
  width: 85px;
  height: 34px;
  padding-left: 10px;
  line-height: 34px;
}
.M .grid-item .prices .price {
  font-size: 16px;
}
.S .grid-item .prices .price {
  font-size: 14px;
}
.grid-item .prices .price sup {
  font-size: 60%;
  top: -7px;
}
.M .grid-item .prices .price sup {
  top: -6px;
}
.S .grid-item .prices .price sup {
  top: -6px;
}
.ie .grid-item .prices .price sup {
  top: -7px;
}
.grid-item .prices .old-price-discount {
  display: inline-block;
  text-align: right;
}
.grid-item .prices .old-price-discount .old-price, .grid-item .prices .old-price-discount .discount {
  display: inline-block;
  font-size: 13px;
  line-height: 1.3;
  position: relative;
  top: 6px;
}
.S .grid-item .prices .old-price-discount .old-price, .S .grid-item .prices .old-price-discount .discount {
  font-size: 12px;
}
.grid-item .prices .old-price-discount .old-price {
  display: inline-block;
  position: relative;
  color: #9f9f9f;
  padding-right: 1px;
}
.grid-item .prices .old-price-discount .old-price span {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 1px;
  background: url(img/bg/646464_50.png);
}
.mozilla .grid-item .prices .old-price-discount .old-price span {
  bottom: 7px;
}
.ie .grid-item .prices .old-price-discount .old-price span {
  bottom: 7px;
}
.grid-item .prices .old-price-discount .old-price sup {
  top: -5px;
  font-size: 8px;
}
.ie .grid-item .prices .old-price-discount .old-price sup {
  top: -6px;
}
.webkit .grid-item .prices .old-price-discount .old-price sup {
  font-size: 7px;
}
.grid-item .prices .old-price-discount .discount {
  font-weight: bold;
}
.ie .grid-item .prices .old-price-discount .discount .minus {
  position: relative;
  top: -2px;
}
.grid-item .prices .icon-new {
  position: relative;
  top: -3px;
}
.S .grid-item .prices .icon-new {
  top: -2px;
}
.grid-item .prices .scrap {
  display: inline-block;
  font-size: 27px;
  padding-left: 3px;
  cursor: help;
  color: red;
}
.grid-item .rating {
  display: block;
  text-align: center;
  margin-bottom: 14px;
}
.L .grid-item .rating {
  padding-bottom: 2px;
}
.grid-item .rating .count {
  font-size: 11px;
  position: relative;
  top: -1px;
  color: blue;
  padding-left: 1px;
}
.grid-item .product-category {
  position: relative;
  top: -5px;
  text-align: center;
  padding-bottom: 8px;
  text-decoration: underline;
  color: #2b30b2;
}
.grid-item .product-category .arrow-right {
  background: url(img/sprite.png?1);
  display: inline-block;
  position: relative;
  background-position: -882px -293px;
  width: 7px;
  height: 7px;
  bottom: 2px;
  left: -5px;
}
.grid-item .product-category:hover {
  color: #5459d6;
}
.grid-item.more .rating, .grid-item.more .prices {
  visibility: hidden;
}
/* -------------------------------------

    Product page

------------------------------------- */
.product-images {
  float: left;
  float: left;
  width: 50%;
  height: 200%;
}
.product-images .image-container {
  position: relative;
  text-align: center;
  margin-top: 35px;
  height: 448px;
}
.product-images .image-container.title-top {
  height: 407px;
}
.product-images .image-container img {
  max-width: 90%;
  max-width: 500px;
  min-width: 200px;
  max-height: 448px;
}
.product-images .image-container img.title-top {
  min-width: 200px;
  max-height: 398px;
}
.product-images .image-container:hover {
  position: relative;
  cursor: pointer;
  text-align: center;
}
.product-images .image-container:hover .zoom-icon-container {
  position: absolute;
  left: 5%;
  top: 6%;
  width: 70%;
  height: 70%;
}
.product-images .image-container:hover .zoom-icon-container span.zoom-icon {
  position: absolute;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -233px -237px;
  width: 94px;
  height: 95px;
  left: 50%;
  top: 50%;
}
.product-images .more-images-container {
  width: 100%;
  text-align: center;
}
.product-images .more-images-container .prev-ico {
  margin-right: -10%;
  margin-bottom: 3%;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -350px -99px;
  width: 18px;
  height: 37px;
}
.ie7 .product-images .more-images-container .prev-ico {
  float: left;
  float: left;
  margin-top: 5%;
}
.product-images .more-images-container .next-ico {
  margin-left: -10%;
  margin-bottom: 3%;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -384px -99px;
  width: 18px;
  height: 37px;
}
.ie7 .product-images .more-images-container .next-ico {
  float: left;
  float: left;
  margin-top: 5%;
}
.product-images .more-images-container .slider {
  display: inline-block;
  width: 100%;
}
.ie7 .product-images .more-images-container .slider {
  float: left;
  float: left;
}
.product-images .more-images-container .slider .images-box {
  margin-top: 4%;
  text-align: center;
  overflow: hidden;
}
.product-images .more-images-container .slider .images-box a.img {
  display: inline-block;
  border: 1px solid #e5e5e5;
  margin: 1%;
  width: 18%;
}
.product-images .more-images-container .slider .images-box a.img img {
  width: 100%;
}
.product-images .more-images-container .slider .images-box a.img:hover {
  border: 1px solid #16a2de;
}
.product-images .more-images-container .slider .images-box a.empty {
  cursor: default !important;
  border: 1px solid #e5e5e5 !important;
}
.page-product .title-wraper {
  width: 96%;
  padding-right: 2%;
}
.page-product .title-wraper span.title {
  font-weight: none;
  line-height: 27px;
  font-size: 20px;
  margin-top: 2%;
}
.M .page-product .title-wraper span.title {
  line-height: 25px;
  font-size: 18px;
}
.S .page-product .title-wraper span.title {
  line-height: 23px;
  font-size: 16px;
}
.product-info {
  *zoom: 1;
  padding-top: 2%;
  float: left;
  float: left;
  width: 50%;
}
.product-info:before, .product-info:after {
  content: "";
  display: table;
}
.product-info:after {
  clear: both;
}
.product-info .icon-new {
  margin-top: -8px;
}
.product-info .price-wrapper {
  float: left;
  float: left;
  position: relative;
  width: 100%;
  height: 141px !important;
  margin-top: 4%;
}
.product-info .price-wrapper .left-side {
  position: absolute;
  float: left;
  float: left;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: 0 -392px;
  width: 32px;
  height: 141px;
  left: -32px;
}
.S .product-info .price-wrapper .left-side {
  width: 29px;
  background-position: 0 -570px;
  height: 109px;
  left: -29px;
}
.product-info .price-wrapper .right-side {
  position: absolute;
  float: left;
  float: left;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -651px -14px;
  width: 28px;
  right: -26px;
  height: 141px;
}
.S .product-info .price-wrapper .right-side {
  width: 24px;
  background-position: -714px -570px;
  height: 128px;
  right: -22px;
}
.product-info .price-wrapper .price-info {
  float: left;
  float: left;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -32px -392px;
  width: 100%;
  height: 141px !important;
}
.S .product-info .price-wrapper .price-info {
  background-position: -29px -570px;
  height: 128px !important;
}
.product-info .price-wrapper .price-info table {
  height: 121px;
  width: 100%;
}
.S .product-info .price-wrapper .price-info table {
  height: 109px;
}
.product-info .price-wrapper .price-info .old-price {
  white-space: nowrap;
  width: 1%;
  text-align: right;
}
.product-info .price-wrapper .price-info .old-price .old {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #646464;
}
.ie .product-info .price-wrapper .price-info .old-price .old {
  font-size: 13px;
}
.M .product-info .price-wrapper .price-info .old-price .old {
  font-size: 12px;
}
.S .product-info .price-wrapper .price-info .old-price .old {
  font-size: 11px;
}
.product-info .price-wrapper .price-info .old-price .old span.strike {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #646464;
}
.product-info .price-wrapper .price-info .old-price .discount {
  color: #000;
  font-size: 23px;
}
.ie .product-info .price-wrapper .price-info .old-price .discount {
  font-size: 23px;
}
.M .product-info .price-wrapper .price-info .old-price .discount {
  font-size: 20px;
}
.S .product-info .price-wrapper .price-info .old-price .discount {
  font-size: 17px;
}
.product-info .price-wrapper .price-info .lease-price {
  white-space: nowrap;
  width: 1%;
  text-align: right;
}
.product-info .price-wrapper .price-info .lease-price .text {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #646464;
  line-height: 18px;
}
.ie .product-info .price-wrapper .price-info .lease-price .text {
  font-size: 13px;
}
.M .product-info .price-wrapper .price-info .lease-price .text {
  font-size: 12px;
}
.S .product-info .price-wrapper .price-info .lease-price .text {
  font-size: 11px;
}
.product-info .price-wrapper .price-info .lease-price .lease-price {
  color: #000;
  font-size: 17px;
  line-height: 23px;
}
.product-info .price-wrapper .price-info .lease-price .lease-price a {
  color: #000;
  text-decoration: none;
}
.product-info .price-wrapper .price-info .lease-price .lease-price a:hover {
  text-decoration: underline;
}
.ie .product-info .price-wrapper .price-info .lease-price .lease-price {
  font-size: 17px;
}
.M .product-info .price-wrapper .price-info .lease-price .lease-price {
  font-size: 16px;
}
.S .product-info .price-wrapper .price-info .lease-price .lease-price {
  font-size: 15px;
}
.product-info .price-wrapper .price-info .line {
  width: 2px;
  text-align: center;
}
.product-info .price-wrapper .price-info .line .green-line {
  background: url(img/line/v-dotted-green.png) repeat-y top center;
  height: 70px;
}
.product-info .price-wrapper .price-info .price {
  white-space: nowrap;
  width: 1%;
  font-size: 30px;
  color: #000;
}
.product-info .price-wrapper .price-info .price .euro_price {
  display: block;
  font-size: 18px;
  padding-top: 7px;
  float: right;
}
.M .product-info .price-wrapper .price-info .price {
  font-size: 26px;
}
.S .product-info .price-wrapper .price-info .price {
  font-size: 22px;
}
.product-info .price-wrapper .price-info .price sup {
  font-size: 50%;
  top: -0.9em;
}
.product-info .price-wrapper .price-info .scrap {
  white-space: nowrap;
  width: 1%;
  font-size: 27px;
  padding-left: 3px;
  cursor: help;
  color: red;
}
.product-info .price-wrapper .price-info .order {
  width: 260px;
  text-align: right;
}
.product-info .price-wrapper .price-info .order a {
  text-decoration: none;
  color: #fff;
}
.M .product-info .price-wrapper .price-info .order {
  width: 223px;
}
.S .product-info .price-wrapper .price-info .order {
  width: 187px;
}
.info-cont {
  float: right;
  *zoom: 1;
  width: 50%;
}
.info-cont:before, .info-cont:after {
  content: "";
  display: table;
}
.info-cont:after {
  clear: both;
}
.S .info-cont {
  margin-top: -1%;
}
.info-cont .delivery-rate-container {
  width: 100%;
}
.info-cont .delivery-rate-container .delivery-cont {
  padding-top: 2%;
  width: 60%;
  background: url(img/line/v-dotted.png) repeat-y top right;
  padding-bottom: 5%;
  margin-left: 3%;
  float: left;
  float: left;
}
.info-cont .delivery-rate-container .delivery-cont .icon {
  float: left;
  float: left;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -352px -145px;
  width: 50px;
  height: 66px;
}
.M .info-cont .delivery-rate-container .delivery-cont .icon {
  background-position: -511px -218px;
  width: 44px;
  height: 58px;
}
.S .info-cont .delivery-rate-container .delivery-cont .icon {
  background-position: -566px -225px;
  width: 39px;
  height: 51px;
}
.info-cont .delivery-rate-container .delivery-cont .info {
  float: left;
  float: left;
  padding-left: 20px;
  padding-top: 1%;
}
.info-cont .delivery-rate-container .delivery-cont .info span.title {
  font-size: 18px;
  color: black;
  line-height: 25px;
}
.M .info-cont .delivery-rate-container .delivery-cont .info span.title {
  font-size: 15px;
  line-height: 21px;
}
.S .info-cont .delivery-rate-container .delivery-cont .info span.title {
  font-size: 12px;
  line-height: 18px;
}
.info-cont .delivery-rate-container .delivery-cont .info span.text {
  font-size: 14px;
  color: black;
  line-height: 20px;
}
.M .info-cont .delivery-rate-container .delivery-cont .info span.text {
  font-size: 13px;
}
.S .info-cont .delivery-rate-container .delivery-cont .info span.text {
  font-size: 12px;
}
.info-cont .delivery-rate-container .delivery-cont .info span.text a {
  text-decoration: underline;
  color: #2c2fb8;
}
.info-cont .delivery-rate-container .rate-cont {
  float: left;
  float: left;
  padding-top: 2%;
  padding-left: 6%;
  width: 28%;
}
.info-cont .delivery-rate-container .rate-cont .title {
  font-size: 18px;
  line-height: 30px;
}
.M .info-cont .delivery-rate-container .rate-cont .title {
  font-size: 15px;
}
.S .info-cont .delivery-rate-container .rate-cont .title {
  font-size: 14px;
}
.info-cont .delivery-rate-container .rate-cont .rating {
  padding-top: 5%;
  width: 100%;
}
.info-cont .delivery-rate-container .rate-cont .rating.rated {
  cursor: default;
}
.info-cont .delivery-rate-container .rate-cont .rating span.rating-star {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -71px -48px;
  width: 21px;
  height: 20px;
  cursor: pointer;
}
.M .info-cont .delivery-rate-container .rate-cont .rating span.rating-star {
  background-position: -66px -7px;
  width: 14px;
  height: 14px;
}
.S .info-cont .delivery-rate-container .rate-cont .rating span.rating-star {
  background-position: -66px -7px;
  width: 14px;
  height: 14px;
}
.info-cont .delivery-rate-container .rate-cont .rating span.selected {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -44px -48px;
  width: 21px;
  height: 20px;
  cursor: pointer;
}
.M .info-cont .delivery-rate-container .rate-cont .rating span.selected {
  background-position: -47px -7px;
  width: 14px;
  height: 14px;
}
.S .info-cont .delivery-rate-container .rate-cont .rating span.selected {
  background-position: -47px -7px;
  width: 14px;
  height: 14px;
}
.info-cont .delivery-rate-container .rate-cont .rating span.counter {
  position: relative;
  top: 2px;
  font-size: 12px;
  color: #2c2fb8;
}
.info-cont .delivery-rate-container .rate-cont .rating.rated span.rating-star {
  cursor: default;
}
.info-cont table.icons-content {
  width: 100%;
  margin-top: 3%;
  margin-bottom: 3%;
  height: 50px;
}
.info-cont table.icons-content td.icon {
  white-space: nowrap;
  width: 1%;
}
.ie .info-cont table.icons-content td.icon {
  width: auto;
}
.info-cont table.icons-content td.icon td.installments {
  white-space: nowrap;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -430px -100px;
  width: 34px;
  height: 31px;
}
.M .info-cont table.icons-content td.icon td.installments {
  background-position: -430px -146px;
  width: 30px;
  height: 28px;
}
.S .info-cont table.icons-content td.icon td.installments {
  background-position: -430px -182px;
  width: 25px;
  height: 24px;
}
.info-cont table.icons-content td.icon td.delivery {
  white-space: nowrap;
  background: url(img/icons/delivery_truck_2.png);
  display: inline-block;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
  margin-top: 3px;
}
.M .info-cont table.icons-content td.icon td.delivery {
  width: 40px;
  height: 24px;
}
.S .info-cont table.icons-content td.icon td.delivery {
  width: 40px;
  height: 24px;
}
.info-cont table.icons-content td.icon td.guarantee {
  white-space: nowrap;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -526px -99px;
  width: 25px;
  height: 34px;
}
.M .info-cont table.icons-content td.icon td.guarantee {
  background-position: -513px -146px;
  width: 22px;
  height: 30px;
}
.S .info-cont table.icons-content td.icon td.guarantee {
  background-position: -500px -182px;
  width: 19px;
  height: 25px;
}
.info-cont table.icons-content td.icon td.pdf {
  white-space: nowrap;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -570px -100px;
  width: 22px;
  height: 28px;
  margin-top: 4px;
}
.M .info-cont table.icons-content td.icon td.pdf {
  background-position: -551px -146px;
  width: 20px;
  height: 26px;
}
.S .info-cont table.icons-content td.icon td.pdf {
  background-position: -532px -182px;
  width: 17px;
  height: 22px;
}
.info-cont table.icons-content td.icon td.warehouse {
  white-space: nowrap;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -609px -101px;
  width: 32px;
  height: 30px;
  margin-top: 4px;
}
.M .info-cont table.icons-content td.icon td.warehouse {
  background-position: -585px -148px;
  width: 28px;
  height: 27px;
}
.S .info-cont table.icons-content td.icon td.warehouse {
  background-position: -561px -184px;
  width: 24px;
  height: 22px;
}
.info-cont table.icons-content td.icon td.text {
  white-space: nowrap;
  padding-left: 5%;
  font-size: 12px;
  color: #888888;
  line-height: 15px;
}
.M .info-cont table.icons-content td.icon td.text {
  font-size: 11px;
}
.S .info-cont table.icons-content td.icon td.text {
  font-size: 9px;
}
.info-cont .form {
  width: 98%;
  margin-top: 2%;
}
.info-cont .form .tab-panes-container-small {
  width: 100%;
  margin-top: 3%;
}
.info-cont .form .tab-panes-container-small .pane {
  display: none;
}
.no-js .info-cont .form .tab-panes-container-small .pane {
  display: block;
}
.info-cont .form .tab-panes-container-small .pane .left-side {
  float: left;
  float: left;
  width: 50%;
}
.info-cont .form .tab-panes-container-small .pane .right-side {
  float: left;
  float: left;
  padding-left: 2%;
  width: 48%;
}
.info-cont .form .tab-panes-container-small .pane .right-side button {
  position: absolute;
  bottom: 5%;
  right: 3%;
}
.info-cont .form .tab-panes-container-small .pane .right-side .textarea-wrapper .border textarea {
  height: 127px !important;
}
.info-cont .form .tab-panes-container-small .pane .right-side button.button {
  position: initial;
  height: 35px;
  width: 100%;
  background: url(img/bg/tab-with-shadow.png) repeat-x bottom;
  box-shadow: 0px 0px 4px #e6e6e6;
  border: 1px solid #d0d0d0;
  margin-top: 2px;
  color: #000;
  font-size: 14px;
  text-shadow: unset;
}
.info-cont .form .tab-panes-container-small .pane .right-side button.button:hover {
  background: url(img/bg/tab-with-shadow-hover.png) repeat-x bottom;
}
.info-cont .form .tab-panes-container-small .pane .right-side .textarea-wrapper .border textarea.product-comment {
  height: 90px !important;
}
.M .info-cont .form .tab-panes-container-small .pane .right-side .textarea-wrapper .border textarea {
  height: 109px !important;
}
.S .info-cont .form .tab-panes-container-small .pane .right-side .textarea-wrapper .border textarea {
  height: 98px !important;
}
.main-cont {
  float: left;
  float: left;
  width: 100%;
  margin-top: 2%;
}
.main-cont .tab-panes-container {
  float: left;
  float: left;
  width: 100%;
  padding-bottom: 0;
}
.ie9 .main-cont .tab-panes-container {
  padding-bottom: 0;
}
.main-cont .tab-panes-container .pane {
  display: none;
  margin-top: 2%;
  margin-bottom: 3%;
}
.no-js .main-cont .tab-panes-container .pane {
  display: block;
}
.main-cont .tab-panes-container .pane .left-collum {
  float: left;
  float: left;
  width: 46%;
  margin: 0 2% 2% 2%;
}
.main-cont .tab-panes-container .pane .left-collum h2 {
  font-size: 16px;
  font-weight: bold;
}
.main-cont .tab-panes-container .pane .left-collum p {
  font-size: 12px;
}
.main-cont .tab-panes-container .pane .right-collum {
  float: left;
  float: left;
  width: 46%;
  margin: 0 2% 2% 2%;
}
.main-cont .tab-panes-container .pane .right-collum h2 {
  font-size: 16px;
  font-weight: bold;
}
.main-cont .tab-panes-container .pane .right-collum p {
  font-size: 12px;
}
.main-cont .tab-panes-container .pane .comments {
  float: left;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-top: 2%;
}
.spec-line {
  float: left;
  float: left;
  width: 96%;
  margin-left: 2%;
  min-height: 28px;
  background: url(img/bg/line-bg.png) bottom repeat-x;
  font-size: 13px;
  color: #000;
}
.spec-line .title {
  float: left;
  float: left;
  width: 28%;
  line-height: 30px;
  font-weight: bold;
  padding-left: 1%;
}
.spec-line .text {
  float: left;
  float: left;
  width: 70%;
  line-height: 30px;
}
/* -------------------------------------

    Buttons 
    
------------------------------------- */
.order-button {
  background: url(img/buttons-sprite.png?2);
  display: inline-block;
  background-position: -279px -970px;
  width: 260px;
  height: 52px;
  padding-top: 28px;
  padding-left: 21px;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: #0e7294 1px -2px 1px;
  cursor: pointer;
}
.M .order-button {
  background-position: -576px -981px;
  width: 225px;
  height: 45px;
  padding-left: 17px;
  padding-top: 23px;
  font-size: 22px;
}
.S .order-button {
  background-position: -838px -992px;
  width: 188px;
  height: 38px;
  padding-left: 12px;
  padding-top: 18px;
  font-size: 19px;
}
.order-button:hover {
  background-position: -279px -1063px;
}
.M .order-button:hover {
  background-position: -576px -1063px;
}
.S .order-button:hover {
  background-position: -838px -1063px;
}
.order-button:active {
  background-position: -279px -1154px;
}
.M .order-button:active {
  background-position: -576px -1143px;
}
.S .order-button:active {
  background-position: -838px -1131px;
}
.sold, .sold:hover, .sold:active {
  background-position: -280px -1266px;
  text-shadow: none;
}
.M .sold, .M .sold:hover, .M .sold:active {
  background-position: -577px -1277px;
}
.S .sold, .S .sold:hover, .S .sold:active {
  background-position: -839px -1288px;
}
.submit-button {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -423px -316px;
  width: 132px;
  height: 44px;
  border: none;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 1px #000000;
}
/* -------------------------------------

    Forms
    
------------------------------------- */
.control-wrapper {
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  background: #ededed;
  padding: 2px;
  padding-right: 3px;
}
.ie .control-wrapper {
  padding-right: 4px;
}
.control-wrapper.select-wrapper {
  padding-right: 2px;
}
.control-wrapper button {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -413px -455px;
  width: 132px;
  height: 44px;
  border: none;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 5px #000000;
}
.control-wrapper button:hover {
  background-position: -413px -512px;
}
.control-wrapper button:active {
  background-position: -413px -567px;
}
.control-wrapper .border {
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #FFF;
  background: -webkit-linear-gradient(#ffffff, #fbfbfb 100%);
  padding: 0 8px;
  border: 1px solid #cdcdcd;
}
.control-wrapper .border input, .control-wrapper .border select, .control-wrapper .border textarea {
  margin: 0;
  padding: 0;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  font-size: 13px;
  border: none;
  background: none;
  width: 100%;
  height: 35px;
  outline: none;
}
.S .control-wrapper .border input, .S .control-wrapper .border select, .S .control-wrapper .border textarea {
  font-size: 12px;
}
.ie .control-wrapper .border input, .ie .control-wrapper .border select, .ie .control-wrapper .border textarea {
  line-height: 35px;
}
.M .control-wrapper .border input, .M .control-wrapper .border select, .M .control-wrapper .border textarea {
  height: 29px;
}
.S .control-wrapper .border input, .S .control-wrapper .border select, .S .control-wrapper .border textarea {
  height: 25px;
}
.control-wrapper .border select {
  background: #fff;
  width: 100%;
  padding-right: 0;
}
.mozilla .control-wrapper .border select {
  height: auto;
  padding-top: 9px;
  padding-bottom: 7px;
  background-color: transparent;
  background: url(../uploads/uploads/2018/08/08/select_arrow_down.png) no-repeat right #fff !important;
  -moz-appearance: none;
}
.mozilla.M .control-wrapper .border select {
  padding: 7px 0;
}
.mozilla.S .control-wrapper .border select {
  padding: 3px 0;
}
.ie8 .control-wrapper .border select {
  height: auto;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}
.ie8.M .control-wrapper .border select {
  padding-top: 7px;
  padding-right: 6px;
  padding-bottom: 7px;
}
.ie8.S .control-wrapper .border select {
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}
.control-wrapper .border textarea {
  height: 100px !important;
  resize: none;
  line-height: 1.4;
  padding-top: 8px;
}
.ie .control-wrapper .border textarea {
  padding-top: 0;
}
.focus {
  background: none;
}
.focus .border {
  border: 1px solid #74b9ef;
  -webkit-box-shadow: 0 1px 7px #74b9ef;
  -moz-box-shadow: 0 1px 7px #74b9ef;
  box-shadow: 0 1px 7px #74b9ef;
}
/* button */
.button {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -413px -455px;
  width: 132px;
  height: 44px;
  border: none;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 5px #000000;
}
.button:hover {
  background-position: -413px -512px;
}
.button:active {
  background-position: -413px -567px;
}
/* -------------------------------------

    Tabs
    
------------------------------------- */
.tabs-container {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  background: url(img/bg/v-inner-shadow.png) repeat-x bottom;
}
.tabs-container ul {
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabs-container ul:before, .tabs-container ul:after {
  content: "";
  display: table;
}
.tabs-container ul:after {
  clear: both;
}
.tabs-container ul li {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  float: left;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0px 0px 4px #e6e6e6;
  -moz-box-shadow: 0px 0px 4px #e6e6e6;
  box-shadow: 0px 0px 4px #e6e6e6;
  background: url(img/bg/tab-with-shadow.png) repeat-x bottom;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  margin-right: 1%;
  cursor: pointer;
}
.tabs-container ul li.green {
  background: url(img/bg/top-nav-green.png) repeat-x;
}
.tabs-container ul li span {
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border: 1px solid white;
  border-bottom: none;
  text-align: center;
  display: block;
  font-size: 12px;
  color: #000;
  text-shadow: #fff 1px 1px 1px;
  font-weight: bold;
  line-height: 39px;
  padding: 0 40px;
}
.M .tabs-container ul li span {
  line-height: 37px;
  padding: 0 30px;
}
.S .tabs-container ul li span {
  line-height: 35px;
  padding: 0 15px;
}
.tabs-container ul li .filler {
  background: none;
}
.tabs-container ul li:hover {
  background: url(img/bg/tab-with-shadow-hover.png) repeat-x bottom;
}
.tabs-container ul li.green:hover {
  background: url(img/bg/top-nav-green-active.png) repeat-x;
}
.tabs-container ul li.active {
  position: relative;
  background: url(img/bg/tab-active.png) repeat-x top;
}
.tabs-container ul li.green.active:hover {
  position: relative;
    background: url(img/bg/tab-active.png) repeat-x top;
}
.tabs-container ul li.active .filler {
  position: absolute;
  bottom: -5px;
  height: 5px;
  width: 100%;
  background: #fff;
}
.tabs-container ul li.first {
  margin-left: 2%;
}
.tabs-container .filler {
  position: absolute;
  bottom: -4px;
  height: 3px;
  width: 100%;
  background: white;
}
.tabs-container.small ul li {
  margin-right: 1%;
}
.tabs-container.small ul li span {
  line-height: 34px;
  padding: 0 30px 0 30px;
}
.M .tabs-container.small ul li span {
  line-height: 32px;
  padding: 0 25px;
}
.S .tabs-container.small ul li span {
  line-height: 30px;
  padding: 0 20px;
}
.tabs-container.small ul li.first {
  margin-left: 4%;
}
/* -------------------------------------

    Price discount strike
    
------------------------------------- */
.price-strikehold {
  display: block;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #646464;
}
/* -------------------------------------

    Panes
    
------------------------------------- */
.tab-panes-container {
  float: left;
  float: left;
  width: 100%;
}
.ie9 .tab-panes-container {
  padding-bottom: 0;
}
.tab-panes-container .pane {
  display: none;
  margin-top: 1%;
}
.no-js .tab-panes-container .pane {
  display: block;
}
/* -------------------------------------

    Filters

------------------------------------- */
.filters-container3 {
  position: relative;
  z-index: 50;
  padding-top: 7.5%;
}
.filters-container2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
.filters-container1 {
  *zoom: 1;
  float: left;
  float: left;
  z-index: 100;
  background: url(img/bg/fff_80.png);
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.filters-container1:before, .filters-container1:after {
  content: "";
  display: table;
}
.filters-container1:after {
  clear: both;
}
.filter {
  z-index: 200;
  cursor: default;
  position: relative;
  font-size: 14px;
  float: left;
  float: left;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
}
.M .filter {
  font-size: 13px;
}
.S .filter {
  font-size: 12px;
}
.filter.first, .filter.first .inner {
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.filter.last, .filter.last .inner {
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.filter.hover, .filter.hover .inner {
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.filter .inner {
  position: relative;
  border: 1px solid #fff;
}
.filter .close {
  position: relative;
  display: none;
  float: left;
  float: left;
  cursor: pointer;
}
.filter.active .close {
  display: block;
}
.filter.active, .filter.hover {
  background: url(img/bg/light-grey-pattern.gif) bottom left;
}
.filter .arrow-down-S {
  position: relative;
  top: -2px;
}
.ie7 .filter .arrow-down-S {
  top: -5px;
  left: 9px;
}
.filter .drop-holder {
  position: relative;
  bottom: 0;
  left: 0;
}
.filter .filler {
  width: 100%;
  height: 2px;
  background: url(img/bg/light-grey-pattern.gif);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 500;
  display: none;
}
.filter .drop {
  display: none;
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #cccccc;
  background: url(img/bg/light-grey-pattern.gif) bottom left;
  white-space: nowrap;
  -moz-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
}

.filter .drop.scrolled {
  max-width: 950px;
  max-height: 450px;
  overflow-y: auto;
}

.filter .drop .drop-inner {
  -moz-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
  border: 1px solid #fff;
}
.filter .drop .drop-inner .filter-heading {
  font-weight: bold;
  line-height: 1.8;
  padding-bottom: 6px;
}
.filter .drop .drop-inner td {
  vertical-align: top;
  white-space: nowrap;
}
.filter .drop .drop-inner td.rpadd {
  padding-right: 20px;
}
.filter .drop .drop-inner label {
  display: block;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.8;
  cursor: pointer;
}
.S .filter .drop .drop-inner label {
  font-size: 12px;
}
.filter .drop .drop-inner label:hover span.text {
  text-decoration: underline;
}
.filter .drop .drop-inner label span.count {
  color: #aaa;
}
.filter .drop .drop-inner label input {
  position: relative;
  top: 1px;
  margin-right: 7px;
  cursor: pointer;
}

.filter .drop .drop-inner label .color-preview {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #232323;
    position: relative;
    top: 2px;
    background: url('/static/app/img/striped.png');
}

.filter .drop .drop-inner label.disabled {
  cursor: default;
}
.filter .drop .drop-inner label.disabled span.text {
  color: #aaa;
  text-decoration: none;
}
.filter .drop .drop-inner label.disabled input {
  cursor: default;
}

.filter .drop .drop-inner label.disabled .color-preview {
    display: none;
}

.filter.open-from-right .drop {
  left: auto;
  right: -1px;
  -moz-border-radius: 4px 0 4px 4px;
  border-radius: 4px 0 4px 4px;
}
.filter.open-from-right .drop .drop-inner {
  -moz-border-radius: 4px 0 4px 4px;
  border-radius: 4px 0 4px 4px;
}
.filter.hover {
  z-index: 300;
  border-color: #cccccc;
}

.no-js .filter.initially-opened .drop, .no-js .filter.initially-open .filler {
    display: block;
}

.filter.hover .drop, .filter.hover .filler {
  display: block;
}
.filter.hover .inner {
  z-index: 500;
  border-bottom: none;
}
/* -------------------------------------

    Pagination

------------------------------------- */
.pagination {
  text-align: center;
  clear: both;
  padding: 1.8% 0;
}
.pagination .prev, .pagination .next, .pagination .page {
  background: url(img/sprite.png?1);
  display: inline-block;
  height: 36px;
  line-height: 36px;
  color: #000 !important;
  text-align: center;
  text-decoration: none !important;
  margin-right: 0.2%;
}
.pagination .prev {
  background-position: -3px -191px;
  width: 145px;
  width: 137px;
  padding-left: 8px;
}
.pagination .prev:hover {
  background-position: -3px -233px;
}
.pagination .next {
  background-position: -6px -277px;
  width: 145px;
  width: 137px;
  padding-right: 8px;
}
.pagination .next:hover {
  background-position: -7px -318px;
}
.pagination .page {
  background-position: -163px -193px;
  width: 37px;
}
.pagination .page:hover {
  background-position: -163px -234px;
}
.pagination .page.current {
  background-position: -163px -282px;
  cursor: default;
}
/* -------------------------------------

    Page title

------------------------------------- */
.heading1 {
  width: 100%;
  height: 60px;
  background: url(img/bg/noise-grey.gif);
}
.heading1 .grey-border {
  height: 58px;
  border: 1px solid #d0d0d0;
  border-left: none;
  border-right: none;
}
.heading1 .grey-border .white-border {
  position: relative;
  height: 56px;
  border: 1px solid #fff;
}
.heading1 .grey-border .white-border span {
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  line-height: 60px;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 2%;
  text-shadow: 1px 1px 1px #fff;
}
.heading1 .grey-border .white-border .grey {
  padding-left: 0;
  color: #a9a9a9;
}
.heading1 .grey-border .white-border .photo {
  position: relative;
  top: 10px;
  left: 10px;
  padding-left: 0;
  color: #a9a9a9;
}
.ie7 .heading1 .grey-border .white-border .photo {
  top: 0;
}
.heading1 .grey-border .white-border .photo .pin {
  position: absolute;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -759px -277px;
  width: 39px;
  height: 36px;
  top: -41px;
  left: 10px;
}
.ie7 .heading1 .grey-border .white-border .photo .pin {
  top: -23px;
}
.heading1 .grey-border .white-border .photo img {
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 3px solid #b2b2b2;
  max-height: 30px;
  max-width: 30px;
}
.heading1 .grey-border .white-border .login {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -117px -229px;
  width: 132px;
  height: 29px;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
.heading1 .grey-border .white-border .login a {
  text-decoration: none;
  color: #000;
}
.heading1 .grey-border .white-border .login a:hover {
  text-decoration: none;
}
.heading1 .grey-border .white-border .login span {
  font-size: 12px;
  line-height: 29px;
  margin-left: 45px;
}
.heading1 .grey-border .white-border .login:hover {
  background-position: -117px -263px;
}
.heading1 .grey-border .white-border .login:active {
  background-position: -117px -298px;
}
/* -------------------------------------

    Flex slider
    
------------------------------------- */
.flexslider-container {
  position: relative;
}
.flex-direction-nav {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: -45px;
}
/*
.window-loaded-for-flexslider .flex-direction-nav {
    display: block;
}
.window-loaded-for-flexslider .flex-control-nav {
    display: block;
}*/
.flex-direction-nav li a {
  width: 40px;
  height: 90px;
  background: red;
  position: absolute;
  top: 50%;
}
.flex-direction-nav li a.prev {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  left: -40px;
  background-position: -157px -1089px;
  height: 101px;
  width: 40px;
}
.flex-direction-nav li a.prev :hover {
  background-position: -107px -1089px;
}
.flex-direction-nav li a.next {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  right: -40px;
  background-position: -113px -989px;
  height: 101px;
  width: 40px;
}
.flex-direction-nav li a.next :hover {
  background-position: -163px -986px;
}
/* -------------------------------------

    Header

------------------------------------- */
.logo-line {
  width: 100%;
  height: 71px;
}
.logo-line .logo {
  float: left;
  float: left;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -167px -347px;
  width: 167px;
  height: 36px;
  margin-left: 1%;
  margin-top: 1.8%;
}
.logo-line .logo:hover {
  background-position: -752px -203px;
  cursor: pointer;
}
.logo-line .control {
  float: right;
  margin-top: 1.3%;
}
.logo-line .links {
  position: relative;
  float: right;
  margin-top: 2.4%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 15px;
  text-shadow: 1px 1px 1px #fff;
}
.logo-line .links span {
  padding: 0 10px;
}
.logo-line .links span.check {
  padding: 0 10px 0 40px;
}
.logo-line .links span a {
  text-decoration: none;
  color: #000;
}
.logo-line .links span a:hover {
  text-decoration: underline;
}
.logo-line .links span.icon-checkout {
  position: absolute;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -45px -85px;
  width: 20px;
  height: 18px;
  top: 0px;
  right: 82px;
}
/* -------------------------------------

    Top navigation

------------------------------------- */
.main-nav {
  background: url(img/bg/top-nav.png) repeat-x;
  width: 100%;
  height: 75px;
  margin-bottom: 1.8%;
}
.main-nav table {
  position: relative;
}
.main-nav td {
  cursor: pointer;
  padding-left: 1%;
}
.main-nav td .relative-wrapper {
  position: relative;
  height: 73px;
  width: 100%;
}

.main-nav td .relative-wrapper .arrow {
    background: url(img/sprite.png?1);
    display: inline-block;
    background-position: -1392px -162px;
    width: 35px;
    height: 77px;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: 44px;
    height: 83%;
    background-size: 850px 703px;
}

.main-nav td.separator {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -950px -14px;
  width: 0px;
  height: 73px;
  padding: none;
}
.main-nav td a {
  text-decoration: none;
}
.main-nav td .line {
  float: left;
  float: left;
  margin-top: 10px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  text-shadow: 1px -1px 0px #000000;
  padding-left: 5px;
  width: 100%;
}
.ie7 .main-nav td .line {
  line-height: 24px;
}
.M .main-nav td .line {
  font-size: 16px;
}
.S .main-nav td .line {
  font-size: 14px;
}
.main-nav td .line2 {
  float: left;
  float: left;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 12px;
  color: #fff;
  line-height: 25px;
  text-transform: uppercase;
  text-shadow: 1px -1px 0px #000000;
  padding-left: 5px;
}
.M .main-nav td .line2 {
  font-size: 12px;
}
.S .main-nav td .line2 {
  font-size: 11px;
}
.main-nav td.hover, .main-nav .active {
  background: url(img/bg/top-nav-active.png) repeat-x;
}
.main-nav td:hover .sub-nav {
  display: block !important;
}
.ie7 .main-nav td:hover .sub-nav {
  display: none;
}
.main-nav .promotion:hover {
  background: url(img/bg/top-nav-green-active.png) repeat-x;
  background: url(img/bg/top-nav-active.png) repeat-x;
}
/* Sub navigation */
.sub-nav {
  position: absolute;
  display: none;
  background: #fff;
  z-index: 1000;
  top: 74px;
  border: 1px solid #a7a7a7;
  border-top: none;
  border-bottom: 10px solid #8aa32c;
}
.ie .sub-nav {
  z-index: 100000000;
}
.sub-nav .triangle {
  position: absolute;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -805px -156px;
  width: 33px;
  height: 14px;
  top: -14px;
}
.sub-nav .column {
  white-space: nowrap;
  vertical-align: top;
  width: 1%;
  background: #fff;
  padding: 20px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.M .sub-nav .column {
  padding: 18px;
}
.S .sub-nav .column {
  padding: 15px;
}
.sub-nav .column .block {
  padding-bottom: 8px;
}
.sub-nav .column .block a {
  line-height: 30px;
  font-size: 15px;
  color: #768a28;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: none;
}
.M .sub-nav .column .block a {
  font-size: 14px;
}
.S .sub-nav .column .block a {
  font-size: 13px;
}
.sub-nav .column .block a:hover {
  text-decoration: underline;
}
.sub-nav .column .block-sub a {
  line-height: 18px;
  font-size: 12px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
}
.M .sub-nav .column .block-sub a {
  font-size: 12px;
}
.S .sub-nav .column .block-sub a {
  font-size: 11px;
}
.sub-nav .column .block-sub a:hover {
  text-decoration: underline;
}
.sub-nav .column:hover {
  background: #fff;
}
.sub-nav.sub-left {
  left: -11px;
}
.sub-nav.sub-left .triangle {
  left: 30px;
}
.sub-nav.sub-middle {
  left: -452px;
}
.sub-nav.sub-middle .triangle {
  left: 470px;
}
.sub-nav.sub-right {
  right: -1px;
}
.ie8 .sub-nav.sub-right {
  right: 9px;
}
.sub-nav.sub-right .triangle {
  right: 60px;
}
/* Check out navigation */
.checkout {
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.checkout .icon {
  float: left;
  float: left;
  padding: 0 4%;
}
.checkout .icon .icon-checkout {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  margin-top: 18px;
  background-position: -113px -65px;
  width: 41px;
  height: 36px;
}
.checkout .icon .icon-checkout:hover {
  background-position: -113px -120px;
  cursor: pointer;
}
.checkout .icon .active {
  background-position: -113px -120px;
}
.checkout .icon .active:hover {
  background-position: -113px -172px;
  cursor: pointer;
}
.checkout .arrow {
  float: left;
  float: left;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -699px -257px;
  width: 35px;
  height: 77px;
}
.checkout .step {
  white-space: nowrap;
  float: left;
  float: left;
  padding: 0 4%;
  margin-top: 22px;
}
.checkout .step .icon-step {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -703px -347px;
  width: 19px;
  height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #807f7f;
  padding-left: 11px;
  padding-top: 8px;
  text-shadow: 0 -1px 1px #000000;
}
.checkout .step .icon-current {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -785px -347px;
  width: 19px;
  height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  padding-left: 11px;
  padding-top: 9px;
  text-shadow: 0 -1px 1px #000000;
  display: none;
}
.checkout .step .icon-done {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -745px -347px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: none;
}
.checkout .step span {
  font-size: 14px;
  font-weight: bold;
  color: #807f7f;
  padding: 0 2%;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px #000000;
}
.checkout .step a {
  text-decoration: none;
  color: #807f7f;
}
.checkout .step a:hover {
  text-decoration: underline;
}
.checkout .done .icon-step {
  display: none;
}
.checkout .done .icon-current {
  display: none;
}
.checkout .done .icon-done {
  display: inline-block;
}
.checkout .done span {
  color: #c1d832;
}
.checkout .done a {
  text-decoration: none;
  color: #c1d832;
}
.checkout .done a:hover {
  text-decoration: underline;
}
.checkout .current .icon-step {
  display: none;
}
.checkout .current .icon-current {
  display: inline-block;
}
.checkout .current .icon-done {
  display: none;
}
.checkout .current span {
  color: #fff;
}
.checkout .current a {
  text-decoration: none;
  color: #fff;
}
.checkout .current a:hover {
  text-decoration: underline;
}
/* -------------------------------------

    Top search

------------------------------------- */
.top-search {
  width: 100%;
  margin-bottom: 2%;
  height: 42px;
}
.top-search .search-wrapper {
  position: relative;
  float: left;
  float: left;
  width: 60%;
}
.top-search .search-wrapper .box-search {
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  border: 1px solid #a7a7a7;
  background: #fff;
  height: 40px;
  color: #2e2e2e;
  width: 100%;
  outline: none;
  padding: 0;
}
.top-search .search-wrapper .box-search input {
  height: 40px;
  width: 81%;
  outline: none;
  border: none;
  padding: 0 16% 0 3%;
}
.ie .top-search .search-wrapper .box-search input {
  height: 32px;
  line-height: 32px;
  border: 1px solid #fff;
}
.top-search .search-wrapper .box-search.active {
  -webkit-box-shadow: 0 0 10px #8e8e8e;
  -moz-box-shadow: 0 0 10px #8e8e8e;
  box-shadow: 0 0 10px #8e8e8e;
  border: 1px solid #8e8e8e;
}
.top-search .search-wrapper .box-button {
  position: absolute;
  bottom: 1px;
  right: -1px;
  border: none;
  background: url(img/bg/top-search-button.png);
  width: 69px;
  height: 40px;
  color: #fff;
}
.top-search .search-wrapper .box-button .icon {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -988px -14px;
  width: 20px;
  height: 22px;
  margin-right: 0px;
}
.top-search .search-wrapper .box-button:hover {
  background: url(img/bg/top-search-button-hover.png);
}
.top-search .search-wrapper .box-button:active {
  background: url(img/bg/top-search-button-active.png);
}
.contact-wrapper {
  float: left;
  float: left;
  width: 40%;
  height: 42px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.M .contact-wrapper {
  font-size: 17px;
}
.S .contact-wrapper {
  font-size: 15px;
}
.contact-wrapper table {
  width: 96%;
  margin-left: 4%;
  height: 42px;
}
.contact-wrapper .dots {
  white-space: nowrap;
  width: 1%;
}
.contact-wrapper .report {
  white-space: nowrap;
  position: relative;
  width: 1%;
}
.contact-wrapper .report a {
  color: #000;
  text-decoration: none;
}
.contact-wrapper .report a:hover {
  text-decoration: underline;
}
.contact-wrapper .report .popup-wrapper {
  position: relative;
  width: 100%;
  height: 42px;
  line-height: 42px;
}
.contact-wrapper .report .popup-wrapper .icon-mail {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -694px -158px;
  width: 19px;
  height: 16px;
  margin-bottom: -2px;
}
.M .contact-wrapper .report .popup-wrapper .icon-mail {
  background-position: -652px -216px;
  width: 13px;
  height: 13px;
}
.S .contact-wrapper .report .popup-wrapper .icon-mail {
  display: none;
}
.ie7 .contact-wrapper .report .popup-wrapper .icon-mail {
  margin-bottom: 3px;
}
.contact-wrapper .report .popup-wrapper .icon-arrow-down {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -723px -161px;
  width: 9px;
  height: 9px;
  bottom: 0px;
}
.ie7 .contact-wrapper .report .popup-wrapper .icon-arrow-down {
  margin-bottom: 6px;
}
.contact-wrapper .report .popup-wrapper a {
  text-decoration: none;
  color: #000;
}
.contact-wrapper .report .popup-wrapper a:hover {
  text-decoration: underline;
}
.contact-wrapper .report .popup-wrapper .contact-popup {
  position: absolute;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none;
  border: 1px solid #a7a7a7;
  top: -1px;
  left: -11px;
  background: #f6f6f6;
  padding: 0 10px;
  z-index: 150;
  width: 100%;
}
.contact-wrapper .report .popup-wrapper .contact-popup .errorlist li {
  padding: 5px 4%;
  width: 92%;
  text-transform: none;
}
.contact-wrapper .report .popup-wrapper .contact-popup .control-wrapper {
  padding: 0;
  line-height: 20px;
  background: none;
}
.contact-wrapper .report .popup-wrapper .contact-popup .control-wrapper button {
  background: url(img/bg/contact-popup-button.png) repeat-x;
  height: 33px;
  width: 100%;
  border: 1px solid #a7a7a7;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 0 1px #72842d;
  font-weight: bold;
}
.contact-wrapper .report .popup-wrapper .contact-popup .control-wrapper .border {
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.contact-wrapper .report .popup-wrapper .contact-popup .icon-mail {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -694px -158px;
  width: 19px;
  height: 16px;
  margin-bottom: -2px;
}
.M .contact-wrapper .report .popup-wrapper .contact-popup .icon-mail {
  background-position: -652px -216px;
  width: 13px;
  height: 13px;
}
.S .contact-wrapper .report .popup-wrapper .contact-popup .icon-mail {
  display: none;
}
.ie7 .contact-wrapper .report .popup-wrapper .contact-popup .icon-mail {
  margin-bottom: 3px;
}
.contact-wrapper .report .popup-wrapper .contact-popup .icon-arrow-up {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -723px -189px;
  width: 9px;
  height: 9px;
  bottom: 3px;
}
.ie7 .contact-wrapper .report .popup-wrapper .contact-popup .icon-arrow-up {
  margin-bottom: 6px;
}
.contact-wrapper .report .popup-wrapper.hover .contact-popup {
  display: block !important;
}
.contact-wrapper .phone {
  white-space: nowrap;
  width: 1%;
}
.contact-wrapper .phone .icon-phone {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -698px -186px;
  width: 11px;
  height: 23px;
  margin-bottom: -6px;
}
.contact-wrapper .shops {
  white-space: nowrap;
  width: 1%;
}
.contact-wrapper .shops .icon-checkin {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -695px -221px;
  width: 16px;
  height: 23px;
  margin-bottom: -6px;
}
.contact-wrapper .shops .icon-arrow-right {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -770px -160px;
  width: 9px;
  height: 10px;
}
.ie7 .contact-wrapper .shops .icon-arrow-right {
  margin-bottom: 6px;
}
.contact-wrapper .shops a {
  text-decoration: none;
  color: #000;
}
.contact-wrapper .shops a:hover {
  text-decoration: underline;
}
/* -------------------------------------

    Promotions

------------------------------------- */
.promotion-wrapper {
  position: relative;
  clear: both;
  width: 100%;
}
.promotion-wrapper .delivery-wrapper {
  float: left;
  float: left;
  width: 23%;
}
.promotion-wrapper .delivery-wrapper a {
  text-decoration: none;
}
.promotion-wrapper .delivery-wrapper a img {
  max-width: 100%;
  max-height: 100%;
}
.promotion-wrapper .slider-control {
  float: right;
  width: 100%;
  border: none;
  background: none;
}
.promotion-wrapper .slider-control ul li img {
  max-height: 252px;
}
.promotion-wrapper .slider-control ol {
  position: relative;
  bottom: 35px;
  right: 20px;
  text-align: right;
}
.promotion-wrapper .slider-control ol li {
  margin: -2px;
  padding: 0;
}
.promotion-wrapper .slider-control ol li a {
  position: relative;
  background: url(img/bg/top-nav.png) repeat-x;
  padding: 5px 7px 7px 7px;
  text-indent: 0px;
  text-align: center;
  color: #fff;
  border-right: 1px solid #626262;
  border-bottom: 1px solid #585858;
}
.promotion-wrapper .slider-control ol li .active {
  background: url(img/bg/top-nav-green.png) repeat-x;
  border-bottom: 1px solid #bbd45b;
  border-right: 1px solid #bbd45b;
}
.promotion-wrapper .slider-control ol li:last a {
  border-right: none;
}
.promotion-wrapper .slider-control ol li:last .active {
  border-right: none;
}
/* -------------------------------------

    popup

------------------------------------- */
.popup-window {
  width: 750px;
}
.popup-window .heading1 .grey-border .white-border span {
  padding-left: 3%;
  font-weight: bold;
}
.popup-window .login-wrapper {
  *zoom: 1;
  width: 100%;
  margin-bottom: 4%;
}
.popup-window .login-wrapper:before, .popup-window .login-wrapper:after {
  content: "";
  display: table;
}
.popup-window .login-wrapper:after {
  clear: both;
}
.popup-window .login-wrapper .block {
  float: left;
  float: left;
  width: 49.5%;
}
.popup-window .login-wrapper .block .login-type-wrapper {
  margin-top: 10%;
  text-align: center;
}
.popup-window .login-wrapper .block .login-type-wrapper .facebook {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -641px -728px;
  width: 296px;
  height: 48px;
  margin-bottom: 10px;
}
.popup-window .login-wrapper .block .login-type-wrapper .facebook:hover {
  background-position: -641px -786px;
}
.popup-window .login-wrapper .block .login-type-wrapper .facebook:active {
  background-position: -641px -847px;
}
.popup-window .login-wrapper .block .login-type-wrapper .google {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -972px -726px;
  width: 296px;
  height: 48px;
}
.popup-window .login-wrapper .block .login-type-wrapper .google:hover {
  background-position: -972px -786px;
}
.popup-window .login-wrapper .block .login-type-wrapper .google:active {
  background-position: -972px -847px;
}
.popup-window .login-wrapper .block .login-form {
  margin: 10% auto 0 auto;
  width: 290px;
}
.popup-window .login-wrapper .line {
  float: left;
  float: left;
  background: url(img/line/v-dotted.png) repeat-y left top;
  width: 1%;
  height: 173px;
  margin: 30px 0 0 0;
}
.popup-window .login-wrapper .link {
  width: 140px;
  padding-left: 7px;
  font-size: 12px;
  line-height: 20px;
  color: #2c2fb3;
}
.popup-window .login-wrapper .link a {
  text-decoration: none;
}
.popup-window .login-wrapper .link a:hover {
  text-decoration: underline;
}
.popup-window .login-wrapper .button {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -113px -359px;
  width: 132px;
  height: 44px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.lost-password {
  width: 450px;
}
.lost-password .form-wrapper {
  margin-bottom: 4%;
}
.lost-password .form-wrapper .lost {
  width: 96%;
  margin: 2%;
}
.lost-password .form-wrapper .lost span {
  display: inline-block;
}
/* -------------------------------------

    Cart

------------------------------------- */
.cart-items {
  width: 96%;
  margin: 2% 2%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.ie8 .cart-items {
  width: 91%;
}
.ie9 .cart-items {
  width: 91%;
}
.cart-items tr.item {
  height: 100px;
}
.cart-items .image {
  white-space: nowrap;
  width: 80px;
  text-align: center;
}
.cart-items .image img {
  max-width: 95%;
  max-height: 95%;
}
.cart-items .title {
  font-size: 15px;
  color: #000;
  padding: 0 3%;
}
.cart-items .title a {
  text-decoration: none;
  color: #000;
}
.cart-items .title a:hover {
  text-decoration: underline;
}
.cart-items .quanty {
  white-space: nowrap;
  padding: 10px 15px 0 15px;
}
.cart-items .quanty .control-wrapper {
  position: relative;
  width: 80px;
  height: 44px;
  padding-right: 2px;
}
.cart-items .quanty .control-wrapper .border {
  position: relative;
}
.cart-items .quanty .control-wrapper .border input {
  height: 42px;
  padding-left: 10px;
  width: 60px;
}
.cart-items .quanty .control-wrapper .border .arrow-up {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1192px -207px;
  width: 33px;
  height: 21px;
  margin-left: -34px;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  cursor: pointer;
}
.cart-items .quanty .control-wrapper .border .arrow-up:hover {
  background-position: -1192px -229px;
}
.cart-items .quanty .control-wrapper .border .arrow-up:active {
  background-position: -1192px -254px;
}
.cart-items .quanty .control-wrapper .border .arrow-down {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1235px -207px;
  width: 33px;
  height: 20px;
  margin-top: 22px;
  margin-left: -34px;
  border-left: 1px solid #cbcbcb;
  cursor: pointer;
}
.cart-items .quanty .control-wrapper .border .arrow-down:hover {
  background-position: -1235px -230px;
}
.cart-items .quanty .control-wrapper .border .arrow-down:active {
  background-position: -1235px -254px;
}
.cart-items .price {
  font-size: 15px;
  color: #000;
  padding: 0 15px;
}
.cart-items .delete {
  padding: 10px 10px 0 10px;
}
.cart-items .delete a {
  text-decoration: none;
}
.cart-items .delete .cross {
  position: relative;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1077px -403px;
  width: 19px;
  height: 19px;
  margin-top: -10px;
}
.cart-items .delete .cross:hover {
  background-position: -1110px -403px;
}
.cart-items .line {
  background: url(img/line/h-dotted.png) repeat-x center;
  height: 1px;
  padding: 10px 0 10px 0;
}
.cart-bottom {
  position: relative;
  width: 100%;
  height: 80px;
  border-top: 1px solid #d0d0d0;
  background: url(img/bg/cart-bottom.png) repeat-x;
}
.cart-bottom .back-shopping {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -336px -229px;
  width: 209px;
  height: 51px;
  left: -18px;
  top: 15px;
  cursor: pointer;
}
.cart-bottom .back-shopping span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 -1px 1px #404040;
  line-height: 50px;
  margin-left: 50px;
}
.cart-bottom .back-shopping span:hover {
  cursor: pointer;
}
.cart-bottom .back-shopping a {
  text-decoration: none;
  color: #fff;
}
.cart-bottom .back-shopping:hover {
  background-position: -336px -296px;
}
.cart-bottom .back-shopping:active {
  background-position: -336px -362px;
}
.cart-bottom .info-wrapper {
  float: right;
  margin-top: 15px;
  height: 65px;
  width: 70%;
}
.cart-bottom .info-wrapper .title {
  font-size: 12px;
  height: 15px;
  color: #888888;
}
.cart-bottom .info-wrapper .link {
  font-size: 12px;
  height: 15px;
}
.cart-bottom .info-wrapper .link a {
  text-decoration: none;
  color: #2c2fb8;
}
.cart-bottom .info-wrapper .link a:hover {
  text-decoration: underline;
}
.cart-bottom .info-wrapper .icon {
  padding: 0 15px;
}
.cart-bottom .info-wrapper .icon .icon-delivery {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -721px -391px;
  width: 36px;
  height: 23px;
}
.cart-bottom .info-wrapper .icon .icon-checkin {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -723px -437px;
  width: 28px;
  height: 38px;
}
.right-side {
  position: relative;
  width: 100%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.right-side .heading {
  padding: 8% 0 8% 3%;
  margin: 0 5% 0 5%;
  background: url(img/line/h-dotted.png) repeat-x bottom;
}
.right-side .heading span {
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
.right-side .heading span.back {
  position: relative;
  float: right;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  margin-top: -7px;
  background-position: -1070px -66px;
  width: 43px;
  height: 20px;
  font-size: 11px;
  text-transform: none;
  padding-top: 7px;
  padding-left: 20px;
}
.ie7 .right-side .heading span.back {
  margin-top: -40px;
}
.right-side .info-wrapper {
  padding: 3.7% 0 3.7% 0;
  margin: 0 5% 0 5%;
  width: 90%;
  height: 35px;
  background: url(img/line/h-dotted.png) repeat-x bottom;
}
.right-side .info-wrapper .delete {
  float: left;
  float: left;
  line-height: 35px;
  padding-right: 10px;
}
.right-side .info-wrapper .delete .cross {
  position: relative;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1077px -403px;
  width: 19px;
  height: 19px;
  margin-top: 8px;
}
.right-side .info-wrapper .delete .cross:hover {
  background-position: -1110px -403px;
}
.right-side .info-wrapper .text {
  float: left;
  float: left;
  line-height: 35px;
  font-size: 13px;
  color: #000;
  font-weight: bold;
}
.right-side .info-wrapper .euro-ammount {
  float: right;
  line-height: 37px;
  font-size: 16px;
  color: #7B7878;
  padding-left: 7px;
}
.right-side .info-wrapper .ammount {
  float: right;
  line-height: 35px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.right-side .total {
  background: none;
}
.right-side .box {
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  margin: 2% 5%;
  width: 86%;
  background: #e9e9e9;
  border: 1px solid #c4c4c4;
  height: 26px;
}
.right-side .box .details {
  display: none;
}
.right-side .box.closed:hover {
  background: #ccc;
  cursor: pointer;
}
.right-side .box .text {
  float: left;
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}
.right-side .box .status {
  float: right;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 10px;
  line-height: 20px;
  color: #fff;
  font-size: 11px;
  background: #aaa;
}
.right-side .box .reserved, .right-side .box .SU, .right-side .box .LEASE_NO_SUCCESS {
  background: #f55c00;
}
.right-side .box .CL, .right-side .box .CLw {
  background: red;
}
.right-side .box .PA,
.right-side .box .PAp,
.right-side .box .PR,
.right-side .box .SE {
  background: #0073f5;
}
.right-side .box .done, .right-side .box .FN {
  background: #b7b7b7;
}
.right-side .current {
  height: auto;
}
.right-side .current .details {
  display: block;
}
.right-side .current .top {
  height: 26px;
  margin-bottom: 2%;
}
.right-side .current .h-line-dotted {
  margin: 2% 0 2% 0;
}
.right-side .current .amount {
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #000;
  font-size: 10px;
  color: #fff;
  padding: 3px 8px;
  line-height: 26px;
}
.right-side .current .pdf {
  background: url(img/sprite.png?1);
  display: inline-block;
  position: relative;
  background-position: -551px -146px;
  width: 20px;
  height: 26px;
  line-height: 26px;
  margin-bottom: -10px;
}
.right-side .current .product {
  padding-left: 3px;
  line-height: 26px;
}
.right-side .current .product a {
  text-decoration: none;
  color: #000;
}
.right-side .current .product a:hover {
  text-decoration: underline;
}
.right-side .current .download {
  line-height: 26px;
  padding-left: 5px;
}
.right-side .current .download a {
  text-decoration: none;
  color: #000;
}
.right-side .current .download a:hover {
  text-decoration: underline;
}
.right-side .current .tooltip {
  *zoom: 1;
  position: relative;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-top: 8px;
  left: -5px;
  background: #FFF;
  width: 104%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 11px;
}
.right-side .current .tooltip:before, .right-side .current .tooltip:after {
  content: "";
  display: table;
}
.right-side .current .tooltip:after {
  clear: both;
}
.right-side .current .tooltip .triangle {
  position: absolute;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -830px -295px;
  width: 16px;
  height: 7px;
  left: 25px;
  bottom: -7px;
}
.right-side .current .manager {
  margin-top: 10px;
}
.right-side .current .manager img {
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 3px solid #b2b2b2;
  max-height: 60px;
  max-width: 60px;
}
.right-side .current .manager div {
  font-size: 12px;
  padding: 2px;
  color: #888;
}
.right-side .current .manager div a {
  text-decoration: none;
  color: #888;
}
.right-side .current .manager div a:hover {
  text-decoration: underline;
}
.right-side .done {
  background: none;
  border: none;
}
.right-side a {
  text-decoration: none;
}
.right-side .order {
  position: relative;
  cursor: pointer;
  height: 96px;
}
.right-side .order span {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -649px -175px;
  width: 100%;
  height: 96px;
  left: 0px;
}
.right-side .order span div {
  position: relative;
  top: 29px;
  left: 25px;
  text-decoration: none;
  color: #4c5513;
  font-size: 23px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #eefaa3;
}
.right-side .order .out-left {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -638px -175px;
  width: 11px;
  height: 96px;
  left: -11px;
}
.right-side .order .out-right {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1014px -175px;
  width: 30px;
  height: 96px;
  left: 100%;
}
.right-side .order:hover span {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -649px -289px;
}
.right-side .order:hover .out-left {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -638px -289px;
}
.right-side .order:hover .out-right {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1014px -289px;
}
.right-side .order:active span {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -649px -404px;
}
.right-side .order:active .out-left {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -638px -404px;
}
.right-side .order:active .out-right {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1014px -404px;
}
.right-side .disabled span, .right-side .disabled:hover span, .right-side .disabled:active span {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -649px -54px;
}
.right-side .disabled span div, .right-side .disabled:hover span div, .right-side .disabled:active span div {
  color: grey;
}
.right-side .disabled .out-left, .right-side .disabled:hover .out-left, .right-side .disabled:active .out-left {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -638px -54px;
}
.right-side .disabled .out-right, .right-side .disabled:hover .out-right, .right-side .disabled:active .out-right {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -1014px -54px;
}
.right-side .coupon {
  position: relative;
  margin-top: -12px;
  background: #e4fcfd;
  padding: 7% 10% 7% 10%;
}
.right-side .coupon .discount {
  display: none;
  text-align: center;
}
.right-side .coupon .discount .back-line {
  background: url(img/line/coupon-line.png) center repeat-x;
  height: 20px;
  width: 100%;
  text-align: center;
}
.right-side .coupon .discount .back-line span {
  background: #e4fcfd;
  padding: 0 9px;
  line-height: 18px;
}
.right-side .coupon .discount .back-line .open-discount-form:hover {
  text-decoration: underline;
  cursor: pointer;
}
.right-side .coupon .discount .control-wrapper {
  margin-top: 10px;
  background: none;
  display: block;
  padding: 0;
}
.right-side .coupon .discount .control-wrapper button {
  margin: 0 auto;
}
.right-side .triangles {
  position: absolute;
  height: 11px;
  width: 101%;
  margin-top: -2px;
  margin-left: -1px;
}
/* -------------------------------------

    Checkout

------------------------------------- */
.checkout-wrapper {
  width: 96%;
  padding: 2%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.checkout-wrapper .title {
  width: 100%;
  padding-bottom: 2%;
}
.checkout-wrapper .h-line-dotted {
  margin: 0;
}
.checkout-wrapper .radio-wrapper {
  white-space: nowrap;
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}
.checkout-wrapper .radio-wrapper .option {
  margin: 10px 0;
  margin-right: 2%;
  padding: 5px;
  line-height: 30px;
  float: left;
}
.checkout-wrapper .radio-wrapper .option label {
  cursor: pointer;
}
.checkout-wrapper .radio-wrapper .option .inside {
  padding: 10px 15px;
  background: #fff;
}
.checkout-wrapper .radio-wrapper .option .inside span.text {
  padding-left: 10px;
}
.checkout-wrapper .radio-wrapper .option .inside span.text span.red {
  color: red;
  font-weight: bold;
}
.checkout-wrapper .radio-wrapper .option:hover {
  -webkit-box-shadow: 0 0 7px #bebebe;
  -moz-box-shadow: 0 0 7px #bebebe;
  box-shadow: 0 0 7px #bebebe;
}
.checkout-wrapper .radio-wrapper .option-bank {
  float: left;
  float: left;
  display: block;
  margin-right: 1.5%;
  margin-bottom: 20px;
  padding: 5px;
  width: 22%;
}
.checkout-wrapper .radio-wrapper .option-bank label {
  cursor: pointer;
}
.checkout-wrapper .radio-wrapper .option-bank .inside {
  padding: 10px 15px;
  background: #fff;
}
.checkout-wrapper .radio-wrapper .option-bank .inside div {
  text-align: center;
}
.checkout-wrapper .radio-wrapper .option-bank .inside img {
  max-width: 90%;
  max-height: 90%;
}
.checkout-wrapper .radio-wrapper .option-bank:hover {
  -webkit-box-shadow: 0 0 7px #bebebe;
  -moz-box-shadow: 0 0 7px #bebebe;
  box-shadow: 0 0 7px #bebebe;
}
.checkout-wrapper .radio-wrapper .selected {
  -webkit-box-shadow: 0 0 7px #bebebe;
  -moz-box-shadow: 0 0 7px #bebebe;
  box-shadow: 0 0 7px #bebebe;
}

.checkout-wrapper .radio-wrapper .send-with-invoice {
  display: none;
}

.checkout-wrapper .radio-wrapper .selected .inside {
  background: #efefef;
}
.checkout-wrapper .block {
  float: left;
  float: left;
  width: 100%;
}
.checkout-wrapper .block .title {
  float: left;
  float: left;
  font-size: 13px;
  line-height: 37px;
  color: #000;
  width: 35%;
}
.checkout-wrapper .block input[type="checkbox"] {
  position: relative;
  top: 10px;
}
.checkout-wrapper .block .control-wrapper {
  float: left;
  float: left;
  width: 60%;
}
.checkout-wrapper .block .no-background {
  background: none;
}
.checkout-wrapper .v-line {
  background: url(img/line/v-dotted.png) repeat-y center;
  width: 1%;
}
.checkout-wrapper .shops-wrapper {
  padding: 0 5%;
}
.checkout-wrapper .address-wrapper {
  padding: 0 0 0 3%;
}
.checkout-wrapper .address-wrapper textarea {
  height: 65px !important;
}
.checkout-wrapper .shop {
  background: #EDEDED;
  margin: 10px 0 0 20px;
  height: 110px;
}
.ie7 .checkout-wrapper .shop {
  margin: 10px 0 0 -5px;
}
.checkout-wrapper .shop .icon-check {
  background: url(img/sprite.png?1);
  display: inline-block;
  float: left;
  float: left;
  background-position: -977px -60px;
  width: 72px;
  height: 93px;
}
.checkout-wrapper .shop .info {
  float: left;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.checkout-wrapper .shop .info .adress {
  font-size: 18px;
  line-height: 22px;
}
.checkout-wrapper .shop .info .town {
  font-size: 14px;
  line-height: 18px;
}
.checkout-wrapper .shop .info .phone {
  font-size: 11px;
  line-height: 20px;
  margin-top: 5px;
}
.checkout-wrapper .shop .info .phone .icon {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -655px -170px;
  width: 7px;
  height: 14px;
  top: 3px;
}
.checkout-wrapper .shop .info .time {
  font-size: 11px;
  line-height: 20px;
}
.checkout-wrapper .shop .info .time .icon {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -653px -188px;
  width: 14px;
  height: 13px;
  top: 3px;
}
.checkout-wrapper #id_payment_gateway {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* guaranty */
.guaranty-items {
  width: 96%;
  margin: 2% 2%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.ie8 .guaranty-items {
  width: 91%;
}
.ie9 .guaranty-items {
  width: 91%;
}
.guaranty-items tr.item {
  height: 70px;
}
.guaranty-items .image {
  white-space: nowrap;
  width: 80px;
  text-align: center;
}
.guaranty-items .image img {
  max-width: 70%;
  max-height: 70%;
}
.guaranty-items .info {
  white-space: nowrap;
}
.guaranty-items .info .title {
  float: left;
  float: left;
  font-size: 13px;
  line-height: 20px;
  width: 80%;
}
.guaranty-items .info .date {
  float: left;
  float: left;
  width: 20%;
}
.guaranty-items .info .guaranty {
  float: left;
  float: left;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  background: #e8e8e8;
  padding: 1%;
  width: 98%;
  height: 18px;
  font-size: 11px;
}
.guaranty-items .info .guaranty .green {
  position: absolute;
  -moz-border-radius: 4px;
  border-radius: 4px;
  left: 1%;
  margin-top: 1%;
  background: url(img/bg/guaranty-green.png) repeat-x;
  line-height: 16px;
  text-align: right;
  z-index: 100;
  color: #fff;
  padding-right: 5px;
  max-width: 97%;
  min-width: 10%;
}
.mozilla .guaranty-items .info .guaranty .green {
  margin-top: 0;
}
.guaranty-items .info .guaranty .time {
  position: absolute;
  right: 1%;
  margin-top: 1%;
  line-height: 16px;
  padding-right: 5px;
}
.mozilla .guaranty-items .info .guaranty .time {
  margin-top: 0;
}
.guaranty-items .line {
  background: url(img/line/h-dotted.png) repeat-x center;
  height: 1px;
  padding: 10px 0 10px 0;
}
/* Contact page */
.contact {
  position: relative;
  margin-bottom: 1.8%;
}
.contact h1, .contact h2, .contact h3 {
  padding-left: 2%;
  line-height: 30px;
  font-size: 16px;
}
.contact .left-menu {
  float: left;
  float: left;
  width: 25%;
}
.contact .left-menu .sidebar {
  padding-left: 20px;
  list-style: none;
}
.contact .left-menu .sidebar li {
  padding: 0 10px;
  padding-bottom: 10px;
}
.contact .left-menu .sidebar li a {
  text-decoration: none;
  color: #6F8F00;
}
.contact .left-menu .sidebar li .arrow {
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -26px -123px;
  width: 7px;
  height: 7px;
  margin-right: 5px;
}
.contact .left-menu .sidebar li .sub {
  padding-left: 15px;
  list-style: none;
}
.contact .left-menu .sidebar li .sub li {
  padding: 0 5px;
}
.contact .left-menu .sidebar li .sub li a {
  text-decoration: none;
}
.contact .right-content {
  float: left;
  float: left;
  width: 75%;
}
.contact .right-content h1 {
  padding-left: 0;
  font-size: 20px;
}
.contact .right-content .form-left {
  float: left;
  float: left;
  width: 45%;
}
.contact .right-content .form-right {
  float: left;
  float: left;
  width: 45%;
  margin-left: 1%;
  text-align: right;
}
.contact .right-content .form-right .no-bg {
  background: none;
}
.contact .right-content .form-right .control-wrapper textarea {
  height: 78px !important;
}
.contact .right-content .form-right .control-wrapper .reset {
  border: none;
  background: none;
  margin-right: 10px;
}
.contact .right-content .form-right .control-wrapper button {
  margin: 0 auto;
}
/* -------------------------------------

    Error messages

------------------------------------- */
.error-message {
  width: 96%;
  margin: 0 2%;
  text-align: center;
}
.error-message .error {
  background: #fde4e4;
  padding: 15px 0;
}
.error-message .error .error-icon {
  background: url(img/sprite.png?1);
  display: inline-block;
  position: relative;
  background-position: -843px -356px;
  width: 17px;
  height: 18px;
  margin: 0 5px -4px 0;
}
.error-message .error a {
  padding-left: 10px;
}
.error-message img {
  position: relative;
  margin-bottom: 4px;
}
.success .error {
  background: #cce763;
}
.errorlist {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 2% 0 1% 45%;
}
.errorlist li {
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  background: #fde4e4;
  background: #EDADAD;
  width: 80%;
  padding: 5px 0;
  font-size: 13px;
  font-weight: normal;
}
.center-errors .errorlist {
  padding: 2% 0 0 0;
}
.center-errors .errorlist  li {
  margin: 0 auto;
}
.errors-margin-bottom .errorlist {
  margin-bottom: 1%;
}
/* -------------------------------------

    Product comments

------------------------------------- */
.comment-wrapper {
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 5px;
  background: #f3f3f3;
}
.comment-wrapper .comment-wrapper-inner {
  padding: 5px;
}
.comment-wrapper .user-photo {
  float: left;
  float: left;
  width: 95px;
  text-align: center;
}
.comment-wrapper .user-photo img {
  -moz-border-radius: 4px;
  border-radius: 4px;
}


.comment-wrapper .comment {
  float: left;
  float: left;
  margin: 0 1%;
  width: 98%;
}
.comment-wrapper .comment .name {
  float: left;
  float: left;
  width: 70%;
  font-size: 18px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  color: #000;
  line-height: 30px;
  font-weight: bold;
}

.comment-wrapper .comment .name span.rating {
  margin-left: 10px;
}

.comment-wrapper .comment .user-info-input {
  float: left;
  float: left;
  width: 25%;
  font-size: 18px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  color: #000;
  line-height: 30px;
  font-weight: bold;
}

.comment-wrapper .comment .user-info-input span.rating {
  /*margin-left: 10px;*/
}

.comment-wrapper .comment .timestamp {
  float: left;
  float: left;
  width: 30%;
  text-align: right;
  font-size: 13px;
  color: #888888;
  line-height: 30px;
}
.comment-wrapper .comment .timestamp .admin {
  padding-left: 10px;
}

.comment-wrapper .comment .timestamp .admin a {
    display: inline-block;
    background: #d9d9d9;
    padding: 0px 10px;
    font-size: 11px !important;
    height: 20px;
    line-height: 20px;
    color: #232323;
    text-decoration: none;
}

.comment-wrapper .comment span.user-comment {
  width: 100%;
  display: block;
  min-height: 60px;
  font-size: 13px;
  color: #000;
  line-height: 20px;
  clear: both;
}

.comment-wrapper .comment .likes .fa-thumbs-up, .fa-thumbs-down {
    width: 18px;
    height: 18px;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
}

.comment-wrapper .comment .likes .fa-thumbs-up {
  color: #8fb823;
}

.comment-wrapper .comment .likes .fa-thumbs-down {
  color: #e26245;
}

.comment-wrapper .comment .likes .fa-thumbs-up:hover {
  color: #7e9a1a;
}

.comment-wrapper .comment .likes .fa-thumbs-down:hover {
  color: #c33f3f;
}



.comment-wrapper .comment .likes {
    float: right;
    color: #c2c2c2;
}

.comment-wrapper .comment .likes .fa-thumbs-up.active { color: #7e9a1a; }
.comment-wrapper .comment .likes .fa-thumbs-down.active { color: #c33f3f; }

.comment-wrapper .comment .likes .inactive {
  color: #c2c2c2 !important;
  cursor: default !important;
}

.comment-wrapper .comment .timestamp .answer-comment {
    display: inline-block;
    margin-top: 5px;
    padding: 0px 15px;
    font-size: 11px;
    background: #d9d9d9;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    float: right;
    margin-left: 10px;
}



.comment-wrapper .comment .login {
  position: relative;
  float: right;
  height: 30px;
  width: 140px;
  text-align: right;
}
.comment-wrapper .comment .login .login-button {
  position: relative;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -117px -229px;
  width: 132px;
  height: 29px;
  cursor: pointer;
}
.comment-wrapper .comment .login .login-button span {
  position: absolute;
  font-size: 12px;
  line-height: 29px;
  right: 24px;
  color: #000;
  font-size: uppercase;
}
.comment-wrapper .comment .login .login-button:hover {
  background-position: -117px -263px;
}
.comment-wrapper .comment .login .login-button:active {
  background-position: -117px -298px;
}
.comment-wrapper .comment .control-wrapper {
  clear: both;
  margin-bottom: 0;
  margin-top: 0;
}
.comment-wrapper .comment .control-wrapper .border textarea {
  height: 55px !important;
}
.comment-wrapper .comment .fixed {
  margin-top: 5px;
}
.comment-wrapper .comment .comment-button {
  float: right;
  padding-right: 15px;
}
.comment-wrapper .comment span.rating {
  cursor: default;
}
.comment-wrapper .comment span.rating.rating-enabled {
  cursor: pointer;
}
.comment-wrapper .comment span.rating.rated {
  cursor: default;
}
/* -----------------------------

    Footer
    
----------------------------- */
.footer {
  clear: both;
  background: url(img/bg/bg-footer-small.png);
  width: 100%;
  margin-bottom: 2%;
}
.footer .info-blog {
  width: 96%;
  margin: 2%;
}
.footer .info-blog a {
  color: #fff;
  text-decoration: none;
}
.footer .info-blog a:hover {
  text-decoration: underline;
}
.footer .info-blog .line-dotted {
  background: url(img/bg/footer-top-dotted.png) repeat-x;
  height: 2px;
  margin-bottom: 10px;
}
.footer .info-blog .title {
  position: relative;
  top: -5px;
  line-height: 35px;
  width: 100%;
}
.footer .info-blog .title span {
  font-size: 15px;
  color: #ededed;
  text-transform: uppercase;
}
.footer .info-blog .title .info {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -19px -741px;
  width: 40px;
  height: 32px;
  top: 10px;
}
.seller-info {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -19px -741px;
  width: 40px;
  height: 32px;
}
.footer .info-blog .blog-entry {
  width: 100%;
  margin: 0 0 35px 0;
}
.footer .info-blog .blog-entry .photo {
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #282828;
  padding: 5px;
  width: 95px;
}
.footer .info-blog .blog-entry .photo img {
  -moz-border-radius: 4px;
  border-radius: 4px;
  max-width: 95px;
  min-width: 75px;
  max-height: 95px;
  min-height: 75px;
}
.footer .info-blog .blog-entry .post {
  margin-bottom: 2%;
  padding-left: 1%;
  color: #fff;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.footer .info-blog .blog-entry .post .title {
  font-size: 23px;
  font-weight: bold;
  line-height: 25px;
}
.M .footer .info-blog .blog-entry .post .title {
  font-size: 22px;
  line-height: 32px;
}
.S .footer .info-blog .blog-entry .post .title {
  font-size: 19px;
  line-height: 19px;
}
.ie .footer .info-blog .blog-entry .post .title {
  font-weight: none;
}
.footer .info-blog .blog-entry .post .text {
  font-size: 15px;
  line-height: 20px;
}
.M .footer .info-blog .blog-entry .post .text {
  font-size: 15px;
  line-height: 19px;
}
.S .footer .info-blog .blog-entry .post .text {
  font-size: 13px;
  line-height: 17px;
}
.footer .facebook {
  float: right;
  width: 345px;
  margin: 15px 15px 0 0;
}
.footer .facebook a {
  color: #fff;
  text-decoration: none;
}
.footer .facebook a:hover {
  text-decoration: underline;
}
.footer .line-dotted {
  background: url(img/bg/footer-top-dotted.png) repeat-x;
  height: 2px;
  margin-bottom: 10px;
}
.footer .title {
  position: relative;
  top: -5px;
  line-height: 35px;
  width: 100%;
}
.footer .title span {
  font-size: 15px;
  color: #ededed;
  text-transform: uppercase;
}
.footer .footer-link {
  color: #fff;
  display: block;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.7;
}
.footer .footer-link:hover {
  text-decoration: underline;
}
.footer .facebook .title .fb {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -72px -741px;
  width: 40px;
  height: 32px;
  top: 10px;
}
.footer .facebook .fb-button {
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  padding: 3px;
  background: #282828;
  width: 334px;
}
.footer .facebook .fb-button .connect {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -43px -1610px;
  width: 334px;
  height: 42px;
}
.footer .facebook .fb-button .connect span {
  position: relative;
  top: 13px;
  left: 60px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-shadow: 0 -1px 0 #2f4b70;
}
.footer .facebook .fb-button .connect span abbr {
  color: #b1d043;
}
.footer .facebook .newsletter {
  margin-top: 30px;
  margin-bottom: 1%;
  width: 96%;
  padding: 0 2%;
}
.footer .facebook .newsletter .title .mail {
  position: relative;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -19px -777px;
  width: 40px;
  height: 32px;
  top: 10px;
}
.footer .facebook .newsletter .text {
  position: relative;
  width: 96%;
  padding-left: 4%;
  margin-top: 5px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  color: #fff;
  height: 55px;
}
.footer .facebook .newsletter .text .magazines {
  float: left;
  float: left;
  position: absolute;
  background: url(img/bg/magazines.png);
  width: 146px;
  height: 56px;
  bottom: -2px;
  left: 15px;
}
.footer .facebook .newsletter .text .txt {
  float: right;
  width: 50%;
  text-align: center;
  padding-top: 2%;
  padding-right: 5%;
}
.footer .facebook .newsletter .text .txt p {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
}
.M .footer .facebook .newsletter .text .txt p {
  font-size: 13px;
}
.S .footer .facebook .newsletter .text .txt p {
  font-size: 12px;
}
.footer .facebook .newsletter .text .txt p abbr {
  color: #ffb7bc;
}
.footer .facebook .newsletter .text .getnews {
  text-align: right;
}
.footer .bottom-dotted {
  clear: both;
  background: url(img/bg/footer-bottom-dotted.png) repeat-x;
  height: 5px;
  width: 98%;
  margin: 1% 0 0 1%;
}
.footer .bottom {
  width: 98%;
  padding: 1.3% 1% 0 1%;
  height: 35px;
}
.footer .bottom .copy {
  float: left;
  float: left;
  color: #fff;
  line-height: 25px;
  width: 80%;
}
.footer .bottom .logo {
  float: right;
  background: url(img/sprite.png?1);
  display: inline-block;
  background-position: -153px -748px;
  width: 86px;
  height: 18px;
}
.footer-checkout {
  clear: both;
  background: url(img/bg/bg-footer.png);
  width: 100%;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 3%;
}
.footer-checkout .copyright {
  float: left;
  float: left;
  line-height: 50px;
  padding: 0 20px;
  color: #fff;
}
.footer-checkout .banks {
  position: relative;
  float: right;
  list-style: none;
  margin-top: 5px;
  margin-right: 20px;
}
.footer-checkout .banks li {
  display: inline-block;
  padding: 0 5px;
}
.footer-checkout .banks li img {
  min-width: 70%;
  max-width: 100%;
}
/* -----------------------------

    Blog
    
----------------------------- */
.blog {
  width: 100%;
  margin-bottom: 1%;
}
.blog .post {
  width: 96%;
  padding: 1% 2%;
  background: url(img/bg/blog-post-bg.png) repeat-x bottom;
}
.M .blog .post {
  height: 170px;
}
.S .blog .post {
  height: 155px;
}
.blog .post .photo {
  float: left;
  float: left;
  width: 30%;
}
.blog .post .photo img {
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 5px solid #ebebeb;
  width: 97%;
}
.blog .post .content {
  float: left;
  float: left;
  width: 69%;
  padding-left: 1%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.blog .post .content .title {
  font-size: 25px;
  font-weight: bold;
  line-height: 35px;
}
.M .blog .post .content .title {
  font-size: 22px;
  line-height: 32px;
}
.S .blog .post .content .title {
  font-size: 19px;
  line-height: 29px;
}
.blog .post .content .title a {
  color: #000;
  text-decoration: none;
}
.blog .post .content .title a:hover {
  text-decoration: underline;
}
.blog .post .content .info {
  font-size: 15px;
  color: #888888;
  line-height: 25px;
}
.M .blog .post .content .info {
  font-size: 14px;
  line-height: 24px;
}
.S .blog .post .content .info {
  font-size: 13px;
  line-height: 23px;
}
.blog .post .content .text {
  font-size: 15px;
  line-height: 22px;
}
.M .blog .post .content .text {
  font-size: 14px;
  line-height: 22px;
}
.S .blog .post .content .text {
  font-size: 13px;
  line-height: 20px;
}
.blog .post .content .more {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -43px -565px;
  width: 167px;
  height: 41px;
  border: none;
  margin-top: 10px;
  text-decoration: none;
}
.blog .post .content .more span {
  position: relative;
  left: 18px;
  top: 12px;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  font-size: 15px;
  color: #fff;
}
/*-----------------------------------
    
    Lesson 
    
-----------------------------------*/
.lesson {
  width: 96%;
  padding: 0 2% 1% 2%;
  margin-top: 1%;
  font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.lesson img {
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 5px solid #ebebeb;
  max-width: 355px;
  margin-right: 15px;
  margin-bottom: 10px;
}
.M .lesson img {
  max-width: 340px;
}
.S .lesson img {
  max-width: 325px;
}
.lesson h1 {
  margin: 0;
  padding: 0;
  font-size: 25px;
  line-height: 30px;
}
.M .lesson h1 {
  font-size: 23px;
  line-height: 28px;
}
.S .lesson h1 {
  font-size: 21px;
  line-height: 26px;
}
.lesson h2 {
  margin: 0;
  padding: 0;
  color: #888888;
  font-size: 12px;
  font-weight: none;
  margin: 10px 0 0 0 ;
}
/* --------------------------------------

    Newsletter promotion 
    
-------------------------------------- */
.get-newsletter {
  width: 100%;
  height: 84px;
}
.get-newsletter .container-left {
  float: left;
  float: left;
  background: #d6f061 url(img/bg/news-letter-green-bg.png) no-repeat right;
  width: 60%;
  height: 84px;
}
.get-newsletter .container-left img {
  padding-left: 15px;
}
.get-newsletter .container-left h1 {
  margin: 0;
  padding: 0;
  font-size: 30px;
  color: #4b5420;
  padding-left: 230px;
  text-shadow: 0 2px 0 #edf9ad;
  margin-top: 20px;
}
.M .get-newsletter .container-left h1 {
  font-size: 25px;
}
.S .get-newsletter .container-left h1 {
  font-size: 20px;
}
.get-newsletter .container-left h2 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #4b5420;
  padding-left: 230px;
  text-shadow: 0 1px 0 #edf9ad;
}
.M .get-newsletter .container-left h2 {
  font-size: 14px;
}
.S .get-newsletter .container-left h2 {
  font-size: 13px;
}
.get-newsletter .container-right {
  float: left;
  float: left;
  background: #c8efff;
  width: 40%;
  height: 84px;
}
.get-newsletter .container-right ul {
    list-style: none;
}
.get-newsletter .container-right ul li {
    padding: 5px 0;
}
.get-newsletter .container-right .errorlist {
    padding: 0;
}
.get-newsletter .container-right ul li label input {
    position: relative;
    top: 2px;
}
.get-newsletter .container-right .wrapper {
  position: relative;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 17px 30px;
  border: 5px solid #badeed;
  border-right: 4px solid #badeed;
  background: #badeed;
}
.get-newsletter .container-right .wrapper input {
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  outline: none;
  border: none;
  padding: 0 20% 0 3%;
  width: 77%;
}
.get-newsletter .container-right .wrapper button {
  position: absolute;
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -426px -730px;
  width: 111px;
  height: 34px;
  top: 3px;
  right: 5px;
  border: none;
  color: #fff;
}
/* ------------------------------------------ */




img.lazy { display: none; }


.add-to-wishlist {
    padding: 5px 10px; 
    background: #5cb4d9; 
    color: #fff; 
    text-decoration: none;
}

.add-to-wishlist:hover {
    color: #fff;
}

.add-to-wishlist span {
    background: url('/static/app/img/sprite.png') no-repeat -775px -397px;
    background: none;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: 2px;
}



.x10popup.active {
    display: block;
}

.x10popup-inside {
    width: 525px; 
    height: auto; 
    background: #DAF536; 
    z-index: 999; 
    text-align: left; 
    white-space: normal;
}

.x10popup-inside-left {
    margin: 10px;
    width: 279px; 
    display: inline-block; 
    border-right: 1px dashed #92A527;
}

.x10popup-inside-right {
    width: 170px; 
    display: inline-block;  
    position: absolute;
    padding: 10px;
}

.x10popup-inside-left .logo {
    text-align: center;
    margin-top: 10px;
}

.x10popup-inside-left p {
    font-size: 12px;
}

.x10popup-inside-left .x10span {
    display: block;
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    margin: 0;
    height: 15px;
}

.x10popup-inside-left hr {
    width: 95%;
    border: 1px solid #92A527;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.x10popup-inside-left .x10line {
    width: 90%;
    height: 1px;
    background: #92A527;
    display: none;
}

.x10popup-inside-left .x10span .title {
    float: left;
    width: 65%;
    font-weight: normal;
}

.x10popup-inside-left .x10span span {
    float: right;
    font-weight: bold;
}

.x10popup-inside-right p {
    font-size: 12px;
}

.x10popup-inside-right a {
    margin-top: 15px;
    color: black;
    text-decoration: none;
}

.x10popup-inside-right a:hover {
    text-decoration: underline;
}
    


.loading-msg-popup {
    display: block;
    margin: 0 auto;
    width: 40%;
    left: 30%;
    right: 30%;
    text-align: center;
    background: #f9f9f9;
    padding: 0 20px;
    color: #444;
    border: 2px solid #444;
    border-top: none;
    height: 45px;
    line-height: 45px;
    display: none;
    z-index: 9999999999999999999;
    position: fixed;
    top: 0;
}

.loading-ring {
    border: 3px solid #232323;
    -webkit-border-radius: 30px;
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    top: 5px;
    right: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {-webkit-transform: scale(0.6, 0.6); opacity: 1.0;}
    100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;}
}
.bx-wrapper { max-width: 83% !important; margin: 0 auto; }
.bx-viewport { height: 130px !important; }            
.bx-pager-item { float: left; }
.bx-controls { width: 100%; }
.bx-prev {
    top: 45px;
    position: absolute;
    left: 23px;
    margin-right: -10%;
    margin-bottom: 3%;
    background: url(img/sprite.png?1);
    display: inline-block;
    background-position: -350px -99px;
    width: 18px;
    height: 37px;
    color: transparent;
}
.bx-next {
    top: 45px;
    position: absolute;
    right: 25px;
    margin-left: -10%;
    margin-bottom: 3%;
    background: url(img/sprite.png?1);
    display: inline-block;
    background-position: -384px -99px;
    width: 18px;
    height: 37px;
    color: transparent;
}
.bx-prev:hover {
    color: transparent;
}
.bx-next:hover {
    color: transparent;
}

/* social login */

.facebook-button {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -641px -728px;
  width: 296px;
  height: 48px;
  margin-bottom: 10px;
}
.facebook-button:hover {
  background-position: -641px -786px;
}
.facebook-button:active {
  background-position: -641px -847px;
}

.google-button {
  background: url(img/buttons-sprite.png?1);
  display: inline-block;
  background-position: -972px -726px;
  width: 296px;
  height: 48px;
  margin-bottom: 10px;
}
.google-button:hover {
  background-position: -972px -786px;
}
.google-button:active {
  background-position: -972px -847px;
}

span.product-title-highlight {
    color: red;
}

.youtube-thumbnail-play-icon {
    cursor: pointer;
    background-image: url('/static/app/img/YouTube-icon-full_color.png');
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    left: 34px;
    top: 36px;
}

#oxon-chat-box { z-index: 99; }

/*
.description-text img {
    max-width: 100%;
    height: auto;
}
*/

span.delivery-information a:hover {
    -webkit-filter: brightness(95%);
    filter: brightness(95%);
}

.img-r { 
    max-width: 100% !important;
    height: auto !important;
}

.img-h {
    max-width: 50% !important;
    height: auto !important;
}

.img-s {
    max-width: 25% !important;
    height: auto !important;
}

#flix-inpage {
  max-width: 910px;
}