html {
  overflow-y: visible !important; }

/**
 * Product mobile breadcrum
 */
.product .breadcrum {
  display: none;
  position: relative;
  padding-left: 23px;
  padding-right: 28px;
  color: #fff;
  min-width: 250px;
  text-align: center;
  background-color: #cfcfcf;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 14px;
  float: left;
  margin-bottom: 20px;
  margin-top: -20px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer; }
  @media (max-width: 768px) {
    .product .breadcrum {
      display: inline; } }
  .product .breadcrum a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px; }
.product .breadcrum:hover {
  background-color: #efef99; }
  .product .breadcrum:hover a {
    color: #000; }
.product .breadcrum:before {
  /* make two squares (before and after), looking similar to the button */
  content: "";
  position: absolute;
  top: 6px;
  /* move it down because of rounded corners */
  width: 31px;
  /* same as height */
  height: 31px;
  /* button_outer_height / sqrt(2) */
  background: inherit;
  /* use parent background */
  border: inherit;
  /* use parent border */
  border-left-color: transparent;
  /* hide left border */
  border-bottom-color: transparent;
  /* hide bottom border */
  border-radius: 0px 4px 0px 0px;
  /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
  -webkit-border-radius: 0px 4px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
  left: -16px;
  /* rotate left arrow squares 225 deg to point left */
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg); }
.product .top {
  float: left;
  padding-left: 280px;
  padding-bottom: 40px; }
  @media (max-width: 660px) {
    .product .top {
      padding-left: 0px; } }
  .product .top .img {
    position: relative;
    float: left;
    width: 280px;
    margin-right: -100%;
    right: 280px; }
    @media (max-width: 660px) {
      .product .top .img {
        right: 0px; } }
    .product .top .img img {
      clear: both;
      float: left; }
  .product .top .content {
    position: relative;
    float: left;
    width: 100%; }
    @media (max-width: 660px) {
      .product .top .content {
        clear: both;
        margin-top: 30px; } }
    .product .top .content h1 {
      float: left; }
      @media (max-width: 660px) {
        .product .top .content h1 {
          display: none; } }
    .product .top .content .description {
      float: left;
      clear: both;
      margin-bottom: 5px; }
      @media (min-width: 1094px) {
        .product .top .content .description {
          width: calc( 100% - 280px); } }

/**
 * Variants
 */
.product-variant .description-extended {
  margin-bottom: 20px; }
  .product-variant .description-extended .headline {
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 5px;
    border-bottom: 1px solid #696969; }
.product-variant .documents-drawings .documents {
  float: left; }
  @media (min-width: 1094px) {
    .product-variant .documents-drawings .documents {
      width: 48%; } }
  .product-variant .documents-drawings .documents .headline {
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 5px;
    border-bottom: 1px solid #696969; }
  .product-variant .documents-drawings .documents .files {
    min-height: 105px; }
    .product-variant .documents-drawings .documents .files file {
      cursor: pointer;
      display: inline-block;
      height: 100px;
      margin-right: 6px;
      padding: 5px 3px 0 3px;
      text-align: center;
      width: 87px;
      vertical-align: top; }
      .product-variant .documents-drawings .documents .files file label {
        cursor: pointer;
        line-height: 1;
        display: block;
        word-wrap: break-word; }
    .product-variant .documents-drawings .documents .files file:hover {
      background: #efefef; }
@media (min-width: 1094px) {
  .product-variant .documents-drawings .drawings {
    width: 48%;
    float: right; } }
.product-variant .documents-drawings .drawings .headline {
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 5px;
  border-bottom: 1px solid #696969; }
.product-variant .documents-drawings .drawings .files {
  min-height: 105px; }
  .product-variant .documents-drawings .drawings .files file {
    cursor: pointer;
    display: inline-block;
    height: 100px;
    margin-right: 6px;
    padding: 5px 3px 0 3px;
    text-align: center;
    width: 87px;
    vertical-align: top; }
    .product-variant .documents-drawings .drawings .files file label {
      cursor: pointer;
      line-height: 1;
      display: block;
      word-wrap: break-word; }
  .product-variant .documents-drawings .drawings .files file:hover {
    background: #efefef; }
.product-variant .documents-drawings notice {
  float: left;
  clear: both;
  margin-top: 10px;
  font-size: 0.8em;
  font-style: italic; }
.product-variant .measurements {
  margin-bottom: 20px; }
  .product-variant .measurements .headline {
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 5px;
    border-bottom: 1px solid #696969; }
  .product-variant .measurements .measure {
    width: 100%; }
    .product-variant .measurements .measure .measure-data {
      width: 100%;
      column-width: 170px;
      column-gap: 40px;
      column-rule-style: solid;
      column-rule-color: #bbb;
      background-color: #f9f9f9;
      padding: 10px;
      color: #777; }
      .product-variant .measurements .measure .measure-data div {
        margin-bottom: 4px;
        clear: left; }
        .product-variant .measurements .measure .measure-data div label {
          float: left;
          font-weight: bold; }
        .product-variant .measurements .measure .measure-data div value {
          float: right; }
.product-variant .top .content .info {
  float: left; }
  .product-variant .top .content .info .label {
    float: left;
    margin-right: 10px; }
  .product-variant .top .content .info .value {
    float: left;
    font-weight: 600; }
  .product-variant .top .content .info .sku {
    clear: both;
    width: 100%; }
  .product-variant .top .content .info .datasheet {
    clear: both;
    width: 100%; }
  .product-variant .top .content .info .description {
    width: 100%;
    margin-top: 30px;
    clear: both;
    float: left;
    font-weight: 600;
    font-size: 1.4em;
    max-width: 450px; }
  .product-variant .top .content .info .availability {
    width: 100%;
    margin-top: 30px;
    clear: both;
    float: left; }
    .product-variant .top .content .info .availability .headline {
      font-weight: 600;
      font-size: 1.2em;
      margin-bottom: 5px; }
    .product-variant .top .content .info .availability .stock label {
      float: left;
      margin-right: 5px; }
    .product-variant .top .content .info .availability .stock .value {
      float: left;
      font-weight: 600;
      margin-right: 15px; }
    .product-variant .top .content .info .availability .stock .ok {
      margin-top: 5px;
      background-color: #22ff22;
      width: 12px;
      height: 12px;
      border-radius: 6px;
      box-shadow: 1px 1px 1px #9f9f9f, inset 1px 1px 1px #dedede; }
    .product-variant .top .content .info .availability .stock .none {
      margin-top: 5px;
      background-color: #fddf18;
      width: 12px;
      height: 12px;
      border-radius: 6px;
      box-shadow: 1px 1px 1px #9f9f9f, inset 1px 1px 1px #dedede; }
    .product-variant .top .content .info .availability .time {
      clear: both;
      padding-top: 10px;
      font-size: 0.8em;
      font-style: italic; }
.product-variant .top .content .basket-info {
  float: left;
  margin-top: 20px; }
  @media (min-width: 1094px) {
    .product-variant .top .content .basket-info {
      float: right;
      margin-top: 0px; } }
  .product-variant .top .content .basket-info .price .headline {
    color: #000;
    font-size: 1.8em;
    font-weight: 600; }
  .product-variant .top .content .basket-info .price div {
    max-width: 205px;
    font-size: 1.4em; }
    .product-variant .top .content .basket-info .price div .offer {
      padding: 10px;
      color: #fff;
      background-color: green; }
      .product-variant .top .content .basket-info .price div .offer p {
        margin-bottom: 5px; }
    .product-variant .top .content .basket-info .price div label {
      float: right;
      font-weight: 600;
      float: left;
      margin-right: 10px;
      text-align: right; }
    .product-variant .top .content .basket-info .price div price {
      float: left;
      clear: both; }
      .product-variant .top .content .basket-info .price div price .quote {
        text-align: left; }
      .product-variant .top .content .basket-info .price div price wv {
        text-align: right;
        float: right; }
      .product-variant .top .content .basket-info .price div price p {
        clear: both; }
      .product-variant .top .content .basket-info .price div price vat, .product-variant .top .content .basket-info .price div price p {
        font-size: 0.7em;
        font-style: italic;
        /*float: right; */
        margin-top: -5px; }
  .product-variant .top .content .basket-info .add-to-basket {
    float: right;
    margin: 31px 0 0 0; }
    .product-variant .top .content .basket-info .add-to-basket .amount {
      width: 60px;
      text-align: center;
      background-color: #fff;
      border-top: 1px solid #cbcbcb;
      border-bottom: 1px solid #cbcbcb;
      padding: 8px 17px 9px 17px;
      margin: 0px;
      height: 45px; }
    .product-variant .top .content .basket-info .add-to-basket .amount-change {
      height: 45px;
      background: #fff;
      color: #000;
      border-top: 1px solid #cbcbcb;
      border-bottom: 1px solid #cbcbcb;
      border-left: 0px;
      border-right: 0px;
      padding: 8px 17px;
      margin: 0px;
      cursor: pointer; }
    .product-variant .top .content .basket-info .add-to-basket .amount-sub {
      border-left: 1px solid #cbcbcb; }
    .product-variant .top .content .basket-info .add-to-basket .basket-add {
      height: 45px;
      background: #3b86b0;
      color: #fff;
      border: 1px solid #3b86b0;
      padding: 8px 24px 9px 24px;
      line-height: 25px;
      cursor: pointer;
      font-size: 16px; }
    .product-variant .top .content .basket-info .add-to-basket .basket-add:hover {
      text-decoration: none;
      color: #fff;
      background: #327397;
      box-shadow: inset 0 0 5px #3b86b0; }
  .product-variant .top .content .basket-info .marker {
    float: left;
    width: 100%;
    margin-top: 10px; }

/**
 * Filter
 */
#slider-suggestions {
  z-index: 30; }

#suggestions, #slider-suggestions {
  display: none;
  min-height: 17px;
  overflow: visible;
  position: fixed;
  top: 73px;
  width: 470px;
  z-index: 3019; }

#slider-suggestions > div {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.3);
  max-height: 120px;
  overflow: hidden;
  position: relative; }

#suggestions a,
#slider-suggestions a {
  background: #FFF;
  color: #333333;
  display: block;
  font-size: 12px;
  line-height: 2.4em;
  padding-left: 5px;
  text-decoration: none;
  border-bottom: 1px solid #f2f2f2; }

#suggestions a:hover,
#slider-suggestions a:hover,
#slider-suggestions a.active {
  background: #cbcbcb; }

.product-filter {
  /**
   * Filter list
   */ }
  .product-filter .mobile-filter-menu {
    display: none;
    background: #3b86b0 url(img/filter.png) no-repeat 30px 17px;
    background-size: auto auto;
    background-size: 30px;
    height: 60px;
    width: 115%;
    z-index: 4000;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.2);
    margin-left: -34px;
    padding-top: 14px;
    color: #fff;
    font-size: 1em; }
    @media (max-width: 660px) {
      .product-filter .mobile-filter-menu {
        display: block; } }
    .product-filter .mobile-filter-menu .filters-show {
      padding-left: 77px;
      cursor: pointer;
      font-size: 1.5em;
      float: left;
      font-weight: 600; }
    .product-filter .mobile-filter-menu .filters-hide {
      padding-left: 77px;
      cursor: pointer;
      font-size: 1.5em;
      float: left;
      font-weight: 600;
      display: none; }
    .product-filter .mobile-filter-menu .filters-reset {
      cursor: pointer;
      margin-left: 15%;
      float: left;
      margin-top: 6px; }
    .product-filter .mobile-filter-menu .filters-count {
      float: right;
      margin-top: 6px; }
  @media (max-width: 660px) {
    .product-filter .top .content .description {
      height: 110px;
      overflow: hidden; } }
  .product-filter .top .content .description .off {
    display: none; }
  @media (max-width: 660px) {
    .product-filter .top .content .description .off {
      cursor: pointer;
      display: block;
      color: #3b86b0;
      font-weight: 600;
      width: 80px;
      font-size: 1.4em; }
    .product-filter .top .content .description .off::after {
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-right: 0.2em solid #3b86b0;
      border-top: 0.2em solid #3b86b0;
      transform: rotate(-45deg);
      float: right;
      margin-top: 12px; } }
  .product-filter .top .content .description-mobile-fader {
    display: none; }
    .product-filter .top .content .description-mobile-fader .on, .product-filter .top .content .description-mobile-fader .off {
      display: none; }
    @media (max-width: 660px) {
      .product-filter .top .content .description-mobile-fader {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 77%);
        display: block;
        position: absolute;
        bottom: 0;
        height: 110px;
        width: 100%; }
        .product-filter .top .content .description-mobile-fader .on {
          cursor: pointer;
          display: block;
          color: #3b86b0;
          font-weight: 600;
          margin-top: 90px;
          width: 110px;
          font-size: 1.4em; }
        .product-filter .top .content .description-mobile-fader .on::after {
          content: "";
          display: inline-block;
          width: 0.5em;
          height: 0.5em;
          border-right: 0.2em solid #3b86b0;
          border-top: 0.2em solid #3b86b0;
          transform: rotate(135deg);
          float: right;
          margin-top: 9px; } }
  .product-filter .top .content .documents {
    clear: both;
    width: 280px; }
    @media (max-width: 660px) {
      .product-filter .top .content .documents {
        display: none; } }
    @media (min-width: 1094px) {
      .product-filter .top .content .documents {
        float: right;
        clear: none;
        padding-left: 40px;
        margin-top: -45px; } }
    .product-filter .top .content .documents h3 {
      margin-top: 0px;
      margin-bottom: 10px; }
    .product-filter .top .content .documents .has_some {
      font-size: 0.6em;
      margin-top: 15px;
      clear: both; }
    .product-filter .top .content .documents .document .download_file {
      word-wrap: break-word;
      float: left;
      width: 75px;
      text-align: center;
      margin-bottom: 10px;
      margin-left: 4px; }
    .product-filter .top .content .documents .document .download_file:hover {
      background: #efefef; }
  .product-filter .productlist {
    float: left;
    padding-left: 280px;
    width: 100%;
    /* START - parameter filters */ }
    @media (max-width: 660px) {
      .product-filter .productlist {
        padding-left: 0px; } }
    .product-filter .productlist .filter {
      right: 280px;
      position: relative;
      float: left;
      margin-right: -100%;
      -moz-user-select: none;
      background: #f6f6f6 none repeat scroll 0 0;
      border: 1px solid #cbcbcb;
      border-radius: 2px;
      width: 220px;
      margin-bottom: 20px; }
      @media (max-width: 660px) {
        .product-filter .productlist .filter {
          right: 24px;
          display: none;
          z-index: 3000; } }
      .product-filter .productlist .filter fieldset {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #cbcbcb -moz-use-text-color -moz-use-text-color;
        border-image: none;
        border-style: solid none none;
        border-width: 1px medium medium;
        clear: both;
        display: block;
        margin: 0 0 0 10px;
        overflow: hidden;
        padding: 40px 0 0;
        position: relative;
        width: 200px; }
        .product-filter .productlist .filter fieldset legend {
          -moz-user-select: none;
          background: rgba(0, 0, 0, 0) url("img/downFilter.png") no-repeat scroll right top;
          cursor: pointer;
          font-size: 14px;
          left: 0;
          line-height: 11px;
          padding: 0 25px 10px 0;
          position: absolute;
          top: 17px;
          font-weight: bold; }
        .product-filter .productlist .filter fieldset label {
          -moz-user-select: none;
          display: block;
          font-size: 14px;
          line-height: 12px;
          margin: 4px 0 10px;
          padding: 5px 0 3px 25px;
          width: 180px;
          /*    word-break: break-all; */ }
      .product-filter .productlist .filter input[type="checkbox"] {
        left: -10000px;
        position: absolute; }
      .product-filter .productlist .filter input[type="checkbox"] + label {
        background: rgba(0, 0, 0, 0) url("img/check.png") no-repeat scroll left center;
        display: inline-block;
        padding-bottom: 5px;
        padding-left: 22px; }
      .product-filter .productlist .filter input[type="checkbox"]:checked + label {
        background: rgba(0, 0, 0, 0) url("img/check_selected.png") no-repeat scroll left center; }
      .product-filter .productlist .filter input.max, .product-filter .productlist .filter input.min {
        background: #f6f6f6 none repeat scroll 0 0;
        border: none;
        color: #000;
        font-size: 10px;
        height: 12px;
        margin: 0 0 15px;
        padding: 0;
        width: 80px; }
      .product-filter .productlist .filter input.min {
        float: left; }
      .product-filter .productlist .filter input.max {
        text-align: right;
        float: right; }
      .product-filter .productlist .filter .slider-select-value {
        width: 92%;
        margin-bottom: 4px;
        background: #fff; }
      .product-filter .productlist .filter .slider-select-caption {
        clear: both;
        width: 100%; }
      .product-filter .productlist .filter .slider-select-caption span {
        display: none;
        font-size: 10px; }
    .product-filter .productlist .count {
      padding-left: 10px;
      font-size: 16px;
      font-weight: bold; }
      @media (max-width: 660px) {
        .product-filter .productlist .count {
          padding-top: 4px;
          padding-bottom: 4px;
          float: left; } }
    .product-filter .productlist a.reset {
      float: right;
      padding: 2px 10px 0 0;
      font-size: 11px; }
      @media (max-width: 660px) {
        .product-filter .productlist a.reset {
          margin-top: 5px;
          font-size: 1em; } }
    .product-filter .productlist .itemList {
      float: left;
      position: relative;
      width: 100%;
      /* items on list */
      /* sort selects */ }
      @media (max-width: 660px) {
        .product-filter .productlist .itemList {
          margin-top: 10px; } }
      .product-filter .productlist .itemList h2 {
        margin-top: 6px; }
        @media (max-width: 660px) {
          .product-filter .productlist .itemList h2 {
            display: none; } }
      .product-filter .productlist .itemList .devider {
        clear: both;
        border-bottom: 1px solid #dbdbdb; }
        @media (max-width: 660px) {
          .product-filter .productlist .itemList .devider {
            display: none; } }
      .product-filter .productlist .itemList .item:hover {
        background: -webkit-linear-gradient(#fefefe, #e9e9e9);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fefefe, #e9e9e9);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fefefe, #e9e9e9);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fefefe, #e9e9e9);
        /* Standard syntax (must be last) */ }
      .product-filter .productlist .itemList .item {
        width: 100%;
        float: left;
        border-bottom: 1px solid #dbdbdb;
        margin-top: 10px;
        padding-bottom: 10px; }
        .product-filter .productlist .itemList .item a.sku {
          text-decoration: none;
          float: left; }
        .product-filter .productlist .itemList .item a.noclick:hover {
          cursor: text;
          color: inherit; }
        .product-filter .productlist .itemList .item .note {
          float: left; }
          @media (min-width: 1094px) {
            .product-filter .productlist .itemList .item .note {
              width: calc( 100% - 300px); } }
          .product-filter .productlist .itemList .item .note p {
            clear: both;
            font-size: 1.2em;
            margin: 0px;
            float: left; }
          .product-filter .productlist .itemList .item .note .stock {
            float: left;
            margin-top: 4px;
            margin-right: 15px;
            font-weight: 700;
            font-size: 0.8em; }
            .product-filter .productlist .itemList .item .note .stock .ok {
              margin-top: 3px;
              margin-left: 5px;
              float: right;
              background-color: #22ff22;
              width: 12px;
              height: 12px;
              border-radius: 6px;
              box-shadow: 1px 1px 1px #9f9f9f, inset 1px 1px 1px #dedede; }
            .product-filter .productlist .itemList .item .note .stock .vnone {
              margin-top: 3px;
              margin-left: 5px;
              float: right;
              background-color: #fddf18;
              width: 12px;
              height: 12px;
              border-radius: 6px;
              box-shadow: 1px 1px 1px #9f9f9f, inset 1px 1px 1px #dedede; }
          .product-filter .productlist .itemList .item .note .buildable,
          .product-filter .productlist .itemList .item .note .external {
            float: left;
            /*						clear: inherit; */ }
        .product-filter .productlist .itemList .item div.price {
          float: left;
          clear: both;
          margin-top: 13px; }
          .product-filter .productlist .itemList .item div.price .offer-price {
            display: inline-block;
            padding: 5px;
            font-size: 1.2em;
            font-weight: 700;
            margin-right: 15px;
            float: left; }
          .product-filter .productlist .itemList .item div.price p {
            margin-bottom: 0px;
            margin-right: 10px;
            float: left; }
          .product-filter .productlist .itemList .item div.price div.normal-price {
            clear: both;
            float: left;
            font-size: 1.2em; }
            .product-filter .productlist .itemList .item div.price div.normal-price p.price {
              clear: both;
              margin: 0px;
              float: left; }
            .product-filter .productlist .itemList .item div.price div.normal-price .vat {
              float: left;
              margin: 0 0 0 5px;
              font-size: 70%; }
              @media (min-width: 1094px) {
                .product-filter .productlist .itemList .item div.price div.normal-price .vat {
                  margin-left: 10px;
                  clear: none; } }
              @media (max-width: 1094px) {
                .product-filter .productlist .itemList .item div.price div.normal-price .vat {
                  clear: both; } }
        @media (max-width: 1094px) {
          .product-filter .productlist .itemList .item .control {
            margin-top: 10px;
            width: 100%; } }
        .product-filter .productlist .itemList .item .control a.theme-button {
          text-align: center;
          font-size: 1.1em;
          float: right;
          padding: 10px;
          color: #fff;
          width: 100px; }
          @media (min-width: 1094px) {
            .product-filter .productlist .itemList .item .control a.theme-button {
              margin-top: -15px; } }
        .product-filter .productlist .itemList .item .control .add-to-basket {
          float: left;
          margin: 10px 8px 0 0; }
          @media (max-width: 1094px) {
            .product-filter .productlist .itemList .item .control .add-to-basket {
              clear: both; } }
          @media (min-width: 1094px) {
            .product-filter .productlist .itemList .item .control .add-to-basket {
              float: right;
              margin-top: -15px; } }
          .product-filter .productlist .itemList .item .control .add-to-basket .amount {
            width: 60px;
            text-align: center;
            background-color: #fff;
            border-top: 1px solid #cbcbcb;
            border-bottom: 1px solid #cbcbcb;
            padding: 8px 17px 9px 17px;
            margin: 0px;
            height: 45px; }
            @media (max-width: 660px) {
              .product-filter .productlist .itemList .item .control .add-to-basket .amount {
                width: 70px; } }
          .product-filter .productlist .itemList .item .control .add-to-basket .amount-change {
            height: 45px;
            background: #fff;
            color: #000;
            border-top: 1px solid #cbcbcb;
            border-bottom: 1px solid #cbcbcb;
            border-left: 0px;
            border-right: 0px;
            padding: 8px 17px;
            margin: 0px;
            /*							font-size: 16px;*/
            cursor: pointer; }
            @media (max-width: 660px) {
              .product-filter .productlist .itemList .item .control .add-to-basket .amount-change {
                padding: 8px 27px; } }
          .product-filter .productlist .itemList .item .control .add-to-basket .amount-sub {
            border-left: 1px solid #cbcbcb; }
          .product-filter .productlist .itemList .item .control .add-to-basket .basket-add {
            height: 45px;
            background: #fff;
            color: #000;
            border: 1px solid #cbcbcb;
            padding: 8px 17px 9px 17px;
            line-height: 25px;
            font-size: 16px;
            cursor: pointer; }
            @media (max-width: 660px) {
              .product-filter .productlist .itemList .item .control .add-to-basket .basket-add {
                padding: 10px 24px 0 24px; } }
          .product-filter .productlist .itemList .item .control .add-to-basket .basket-add:hover {
            text-decoration: none;
            color: green; }
      .product-filter .productlist .itemList .form-select {
        height: 36px;
        margin-left: 5px;
        padding: 0;
        position: relative;
        overflow: visible;
        float: right;
        z-index: 3; }
        .product-filter .productlist .itemList .form-select .hidden {
          display: none; }
        .product-filter .productlist .itemList .form-select span {
          font-weight: normal;
          width: 100%;
          padding-right: 40px; }
        .product-filter .productlist .itemList .form-select div .list {
          position: relative;
          overflow: hidden;
          max-height: 165px;
          background: #FFF; }
        .product-filter .productlist .itemList .form-select .list span {
          display: block;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 14px;
          list-style-type: none;
          margin: 0;
          padding: 8px;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
        .product-filter .productlist .itemList .form-select .list span:hover,
        .product-filter .productlist .itemList .form-select .list span.active {
          color: #FFF;
          background: #929292;
          cursor: pointer; }
      .product-filter .productlist .itemList .form-select > span {
        display: block;
        color: #000000;
        background: #ffffff url(img/select.png) no-repeat top right;
        border: 1px #cbcbcb solid;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        height: 36px;
        overflow: hidden;
        padding: 7px 50px 10px 10px;
        height: 38px;
        cursor: pointer; }
        @media (max-width: 660px) {
          .product-filter .productlist .itemList .form-select > span {
            font-size: 13px; } }
        .product-filter .productlist .itemList .form-select > span b {
          font-weight: bold; }
      .product-filter .productlist .itemList .form-select > div {
        position: relative;
        display: none;
        border: 1px #cbcbcb solid;
        border-radius: 2px;
        margin: 0;
        overflow: hidden;
        position: absolute !important;
        padding: 0;
        top: 37px;
        left: 0;
        width: 100%;
        -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1); }

/**
 * Groups
 */
.product-group .group-content {
  background-color: #f9f9f9;
  float: left; }
  .product-group .group-content .group-main {
    min-width: 195px;
    width: 25%;
    float: left;
    height: 200px;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-color: #f9f9f9; }
    @media (min-width: 1094px) {
      .product-group .group-content .group-main {
        width: 20%; } }
    @media (max-width: 880px) {
      .product-group .group-content .group-main {
        width: 33.333%; } }
    @media (max-width: 660px) {
      .product-group .group-content .group-main {
        width: 50%; } }
    @media (max-width: 440px) {
      .product-group .group-content .group-main {
        width: 100%; } }
    .product-group .group-content .group-main a {
      text-descoration: none; }
      @media (max-width: 660px) {
        .product-group .group-content .group-main a {
          font-size: 1.2em; } }
      .product-group .group-content .group-main a .group:hover {
        -webkit-box-shadow: inset 0px 0px 37px 5px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0px 0px 37px 5px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0px 0px 37px 5px rgba(0, 0, 0, 0.03); }
      .product-group .group-content .group-main a .group {
        border-left: 1px solid #f1f1f1;
        border-top: 1px solid #f1f1f1;
        height: 100%;
        padding: 10px; }
        .product-group .group-content .group-main a .group .name {
          width: 100%;
          text-align: center; }
        .product-group .group-content .group-main a .group .img {
          width: 100%;
          width-min: 175px;
          text-align: center;
          height: 130px;
          white-space: nowrap; }
          .product-group .group-content .group-main a .group .img .helper {
            display: inline-block;
            height: 100%;
            vertical-align: middle; }
          .product-group .group-content .group-main a .group .img img {
            vertical-align: middle;
            max-height: 130px;
            max-width: 175px; }
        .product-group .group-content .group-main a .group .description {
          display: none; }

/**
 * Search
 */
.product-search .content .product .note {
  clear: both; }
.product-search .productlist .itemList .form-select .search-submit {
  padding: 8px 18px 7px 18px; }

/*# sourceMappingURL=products.css.map */