/*
* Blau: #02133e
* Rot: #d8232a
*/

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

body {
    font: 12px / 140% 'Roboto', sans-serif ;
    background: #FFF;
    font-weight: normal;
    overflow-y: scroll;
}

select, input, button, textarea, button {
    font: 99% 'Roboto', clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h2, h3, h4, h5 {
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-weight: bold;
}

optgroup {
    font-weight: normal;
}

i, em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

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

a:hover {
    text-decoration: underline;
}

ul, ol {
}

li {
    list-style: square;
}

ol li {
    list-style: decimal;
}

p {
}

ul, ol {
}

ul ul, ol ul {
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

ul li {
    list-style: square;
}

ul li li {
    list-style: square;
}

form ul {
    margin: 0;
    padding: 0;
}

form ol {
    margin: 0;
    padding: 0;
}

form li {
    list-style: none;
    position:relative;
}

.text-right {
  text-align: right;
}

/* CMS Content */

.cmsContent {
    max-width: 1300px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    color: #5f5f5f;
}

.cmsContent h1.pageHead {
    border-bottom: 1px solid gray;
    text-align: center;
    font-size: 29px;
    padding: 22px 0px;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #02133E;
}

.cmsContent ul li {
    margin-left: 20px;
    list-style-type: disc;
}

/* --- layout --------------------------------------- */

#header, #footer {
    clear: left;
}

#page:after, #header:after, #footer:after, #footer #panel:after, #details #attributes table:after, #navigation:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

#page {
    min-width: 640px;
    max-width: 5120px;
    margin: 0 auto;
    position: relative;
    min-height: 100%;
}

#header {
    width: 100%;
    height: 120px;
    margin: 0;
    position: relative;
    background: #02133e;
}

.contentHeading {
  font-size: 32px;
  color: #02133E;
  text-align: center;
  line-height: 32px;
  padding: 20px 2%;
  margin: 0px 0px 16px;
}

#breadCrumb + .contentHeading {
  padding-top: 8px;
}

.cat-next-level {
  text-align: center;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cat-next-level .cat-next-box {
  color: #02133E;
  text-decoration: none;
  display: block;
  padding: 0 10px;
}
.cat-next-level .cat-next-box img {
  width: 88px;
}
.cat-next-level .cat-next-title {
  font-size: 13px;
  padding: 5px;
}

#sidebar {
    width: 20%;
    float: left;
    max-width: 273px;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#content {
    width: 100%;
    max-width: 1930px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
}
.basket #content {
  padding: 0;
}

div.sidebarLeft #content, div.sidebarRight #content {
    width: 76%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px;
    margin: 0 0px 0 0;
    float: left;
}

div.sidebarRight #sidebar {
    float: right;
}

#footer {
    color: #fff;
    background: #02133E;
    min-width: 640px;
    clear: both;
}

#footer a {
    color: inherit;
}

#footer .footer-newsletter {
  padding-top: 45px;
}
#footer .footer-newsletter h3 {
  font-family: inherit;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  margin-bottom: 30px;
}

#footer .footer-newsletter .newsletterButtonBox {
  width: 61.8%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#footer .footer-newsletter input {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  padding: 25px 15px;
  margin-right: 30px;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#footer .footer-newsletter input::-webkit-input-placeholder {
  color: #02133e;
}
#footer .footer-newsletter input::-moz-placeholder {
  color: #02133e;
  opacity: 1;
}
#footer .footer-newsletter input:-ms-input-placeholder {
  color: #02133e;
}
#footer .footer-newsletter input::-ms-input-placeholder {
  color: #02133e;
}
#footer .footer-newsletter input::placeholder {
  color: #02133e;
}

#footer .footer-newsletter button {
-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background-color: #d8232a;
  padding: 10px 15px;
  width: -webkit-calc(38.2% - 15px);
  width: calc(38.2% - 15px);
  cursor: pointer;
}
#footer .footer-newsletter button:hover,
#footer .footer-newsletter button:focus {
  background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.1)));
  background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
}

#footer .footer-row {
  font-size: 14px;
  margin: 45px 60px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#footer .footer-col h3 {
  font-family: inherit;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #7d8aa1;
  margin-bottom: 15px;
}
#footer .footer-col .linklist li {
  padding: 7px 0;
}
#footer .footer-col .linklist img {
  vertical-align: text-bottom;
}
#footer .footer-col .flex-images {
  max-width: 170px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#footer .footer-col .flex-images li {
  padding: 5px 0;
}
@media (max-width: 1200px) {
  #footer .footer-row {
    margin-bottom: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #footer .footer-col {
    -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  #footer .footer-col {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}

#footer .footer-bottom {
  font-size: 14px;
  padding-top: 20px;
  border-top: 1px solid #203451;
}
#footer .footer-bottom-line {
  padding: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .footer-bottom-line .footer-logo {
  width: 80px;
  height: auto;
  margin-right: auto;
}
#footer .footer-bottom-line .copyright {
  color: #7d8aa1;
  margin-right: auto;
}
#footer .footer-bottom-line .social-icons a {
  margin-left: 10px;
  display: inline-block;
}
@media (max-width: 1400px) {
  #footer .footer-bottom {
    padding-right: 2%;
    padding-left: 2%;
  }
}

.newsletterContentPage{
  font-size: 13px;
}

.newsletterContentPage .form li.checkFields{
  padding-left: 0px;
}

#footer .footer_socialmedia a{
  display: inline-block;
  margin: 0 15px;
  width: 30px;
}

#footer .footer_socialmedia a img{
  max-width: 30px;
}

.newsletterContentPage .form li.checkFields{
  padding-left: 0px;
}

/* --- Checkout basket content ----------------------- */

.CheckoutThankyouFrame {
  width: 100%;
  min-height: 150px;
  font-family: 'Roboto', sans-serif;
}

.checkoutThankyouBox {
  width: 100%;
  min-height: 100px;
  margin: 30px auto 0px;
  color: #02133e;
}

.checkoutThankyouBox .backButton {
  overflow: hidden;
  margin-bottom: 15px;
}

.checkoutThankyouBox .backButton button {
  width: 330px;
}

.checkoutThankyouBox .subInfo {
   width: 25% !important;
   margin: 0px !important;
   padding: 0px 20px;
}

.checkoutThankyouBox .text {
  margin: 20px 0 35px 0;
  padding: 0 0 0 0;
  text-align: left;
  font-size: 14px;
  color: #02133e;
}

.checkoutThankyouBox .Title {
  width: 100%;
  font-weight: bold;
  color: #02133e;
  text-transform: uppercase;
  border-bottom: 1px solid gray;
  text-align: center;
  font-size: 29px;
  padding: 22px 0px;
  margin-bottom: 35px;
}

.checkoutThankyouBox .picture {
  height: auto;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

.checkoutThankyouBox .picture img {
  width: 100%;
}

.checkoutThankyouBox .icons {
    height: auto;
    width: 100%;
    text-align: center;
}

.checkoutThankyouBox .icons img{
    margin-right: 55px;
}

.checkoutThankyouBox a{
    text-decoration: none;
}

.checkoutThankyouBox a:hover{
    text-decoration: none;
}

.brandtext {
    font-size: 14px;
    padding: 0px 0px;
    margin: 0 auto;
}

.brandtext p {
    margin: 5px 0px 15px;
}

.brandtext>table {
    margin-top: 10px;
}

.brandtext>table>tbody>tr>td {
    padding: 10px;
}

.brandtext .brandicon {
    max-width: 250px;
    padding-right: 40px;
    max-height: 250px;
    vertical-align: middle;
    text-align: center;
}

.brandtext .brandicon img {
    max-width: 220px;
    max-height: 220px;
    vertical-align: middle;
}

div.basketItem {
  padding: 20px;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e4ebed;
}
div.basketItem:last-child {
    border-bottom: 1px solid #e4ebed;
}

div.basketItem .basketItemTitle {
  font-weight: bold;
  font-size: 20px;
}

div.basketItem .attributes {
  font-weight: 400;
  word-wrap: break-word;
  line-height: 20px;
  padding: 10px 0;
  overflow: hidden;
}

div.basketItem .quantity {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
div.basketItem .quantity .amount {
  font-size: inherit;
  text-align: center;
  line-height: inherit;
  padding: 3px 10px;
  height: auto;
  width: 40px;
  display: inline-block;
  border: none;
}
div.basketItem .basketActions .deleteButton {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal !important;
  color: inherit;
  text-align: right;
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
}
div.basketItem .basketActions .deleteButton img {
  width: 18px;
  height: auto;
  vertical-align: text-bottom;
}
.amountchange {
  font-size: 17px;
  text-align: center;
  background-color: #fff;
  padding: 3px 2px;
  width: 20px;
  display: inline-block;
  border: 1px solid #000;
}
.amountchange:hover {
  text-decoration: none;
}

.basketSize{
    padding: 5px;
    display: inline-block;
}

.basketSize span{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.basketSize span a{
    display: block;
    padding: 3px 0;
    height: 4px;
}

.basketSize span a img{
    display: block;
}

div.basketitems {
    font-size: 16px;
    padding-top: 15px;
}

div.basketitems .basketImage {
    width: 155px;
    height: 155px;
    margin-right: 30px;
}
div.basketitems .basketImage a{
    display: block;
    height: 155px;
    width: 155px;
}
div.basketitems .basketImage img{
    max-height: 150px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}
div.basketitems .basketImage img.modelPic{
    max-height: inherit;
    max-width: inherit;
    width: 100%;
}

div.basketitems .basketDetails {
    padding: 15px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

div.basketitems .basketActions {
    text-align: right;
    padding: 15px 0;
    margin-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
div.basketitems .basketActions .basketCenter {
    white-space: nowrap;
}
div.basketitems .basketActions .price {
    font-size: 20px;
    font-weight: bold;
}
div.basketitems .basketActions .old {
    font-size: 16px;
    color: #9b9b9b;
    margin-right: 5px;
}
div.basketitems .basketActions .oldPresent {
    color: #c60000;
}
div.basketitems tr.basketError td {
    padding-top: 0;
    padding-bottom: 10px;
    border: none;
}

div.basketitems .picture {
    width: 130px;
    height: 160px;
    overflow: hidden;
    border: 1px solid #555555;
}

div.basketitems .wrappingTrigger {
    color: #1D7E96;
}

div.basketitems .checkbox {
    vertical-align: middle;
}

div.basketitems .textbox {
    width: 20px;
    text-align: right;
}

div.basketitems .persParam {
    width: 120px;
    text-align: left;
}

div.basketitems .persParamLabel {
    font-size: 12px;
    font-weight: bold;
}
div.basketitems .inlineError {
  margin-bottom: 15px;
  display: block;
}

#basketContent{
  margin: 0px 0 0px;
}

.wrappingTrigger span {
  display: block;
  color: #555;
  font-size: 11px;
}

.wrappingTrigger:hover span {
  text-decoration: underline;
}

.quantity strong {
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
}

.quantity p {
  margin-bottom: 5px;
}

.quantity {
    white-space: nowrap;
    padding-right: 10px;
}

.noteWSD {
  color: #c60000 !important;
  text-align: right;
}
.basket-content .noteWSD {
  padding-top: 15px;
}

.backtoshop {
    float: left;
    padding-left: 10px;
}

#checkoutContainer .basket-summary-line {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#checkoutContainer .basket-summary-line img {
  height: 14px;
  width: auto;
  vertical-align: text-bottom;
}

.basketRight #basketVoucher {
  margin-bottom: 25px;
}

#basketGrandTotal,
#basketGrandTotalText {
  font-size: 18px;
  text-transform: uppercase;
}
#basketGrandTotal {
  white-space: nowrap;
}

#checkoutContainer .nextStep {
  font-weight: normal;
  color: #fff;
  line-height: normal;
  background-color: #d8232a;
  width: 100%;
  height: auto;
  padding: 15px 30px;
  margin: 30px 0;
  display: block;
  float: none;
  border: none;
}
#checkoutContainer .nextStep:hover,
#checkoutContainer .nextStep:focus {
  background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.1)));
  background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
}

.prevStep {
    float: left;
    background: #fff !important;
    color: #02133E !important;
    border: 1px solid #02133E !important;
    font-size: 14px !important;
    height: 31px !important;
    line-height: 30px !important;
    padding: 0 8px 0px 8px !important;
}

button.prevStep {
    height: 35px !important;
}

.prevStep:hover {
    color: #fff !important;
    background: #02133E !important;
}

.prevStep.backButton {
    padding: 0px !important;
    border: 1px solid #02133E !important;
    margin-left: 0px;
    float: none;
    font-size: 12px !important;
    line-height: 24px !important;
    height: 25px !important;
}

#orderBottomLineRight{
    float: right;
}

#orderBottomLineRight .nextStep{
    float: none;
}

#orderBottomLineRight a{
    display: block;
    border: 1px solid #858585;
    color: #5f5f5f;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 141px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.basketFunctions {
    width: 100%;
    float: right;
    margin-top: 10px;
}

.basketFunctions button {
    background: none;
    border: 1px solid #8a8a8a;
    cursor: pointer;
    padding: 5px;
    font-size: 15px;
    color: #5f5f5f;
    text-transform: uppercase;
    float: right;
}

.basketFunctions span {
}

.removeFn:hover {
    background-position: 0 -25px;
}

/* --- checkout order ---------------------------- */

.order-box {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-box a {
  text-decoration: underline;
}
.order-box .fa {
  font-size: 16px;
  margin-right: 5px;
}
.order-box-content {
  font-size: 16px;
  letter-spacing: .5px;
  line-height: 1.3;
  padding-left: 10px;
}

#orderPayment .order-box-content img,
#orderShipping .order-box-content img {
  margin-right: 10px;
  width: 100px;
  vertical-align: middle;
}

#orderPayment .desc {
  font-size: 14px;
  line-height: 1.3;
}

.checkout-address-form #basketVoucher {
  padding: 30px 0 20px;
}
.checkout-address-form .couponBox {
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 1.3;
  padding: 20px 0 0 10px;
  border-top: 1px solid #e4ebed;
}
.checkout-address-form .couponBox .toggle-input-form {
  font-weight: bold;
  text-transform: uppercase;
}
.checkout-address-form .couponBox .toggle-input-form img {
  margin-left: 10px;
}
#page.checkout .couponBox input {
  margin: 0;
}
#page.checkout .couponButton {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  background-color: #02133E;
  padding: 5px 30px;
  margin-left: 20px;
  display: block;
  border: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* --- CLEAR ------------------------ */

.clear:after, .basketFlyout li a:after, .basketFlyout .totals:after, .basketFlyout .title:after, .lineView li:after, .wrappingData li:after, .form li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {
    display: inline-block;
}

/* start commented backslash hack \*/ * html .clear, * html .basketFlyout li a, * html .basketFlyout .totals, * html .basketFlyout .title, * html .lineView li, * html .wrappingData li, * html .form li {
                                          height: 1%;
                                      }

.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {
    display: block;
}

/* close commented backslash hack */


/* --- Main page error or messages -----------*/

.status {
    padding: 8px 15px 8px 30px;
    margin: 10px 0px;
    font-size: 14px;
}

.error {
    color: #E51937;
    border: 1px solid #E51937;
    background: #ffe7e3 url(../../img/error-inline.png) no-repeat 12px 11px;
}

.success {
    border: 2px solid #edf8cb;
    color: #323b16;
    background: #f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px;
}

.status p {
    margin: 0;
}

.inlineError {
    color: #E51937;
    background: url(../../img/error-inline.png) no-repeat 0 3px;
    padding-left: 15px;
}


/* --- box -------------------------------- */

#alistCatDesc .box {
    width: 80%;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 0 10%;
}

#alistCatDesc .box ul, .box ol, .box .content {
    border: 2px solid #58b3ca;
    border-top: none;
    margin: 0;
    margin-top: -2px;
    text-shadow: 0 1px 1px #fff;
}

#alistCatDesc .box li {
    list-style: none;
    padding: 0;
}

#alistCatDesc .box .content {
    padding: 10px;
}

#sidebar .box {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 25px;
}

#sidebar .box ul, .box ol, .box .content {
    border: 2px solid #58b3ca;
    border-top: none;
    margin: 0;
    margin-top: -2px;
    text-shadow: 0 1px 1px #fff;
}

#sidebar .box li {
    list-style: none;
    padding: 0;
}

#sidebar .box .content {
    padding: 10px;
}

#sidebar {
    will-change: min-height;
}

.sidebar__inner {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); /* For browsers don't support translate3d. */
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

/* --- News Box ----------------------- */
#newsBox.box li {
    padding-top: 7px;
}

#newsBox.box li:first-child {
    padding-top: 0;
}


/* --- Article  box & recommendation box --------------------- */
.featuredList a {
    padding: 7px 10px 5px 10px;
    display: block;
}

.featuredList .desc {
    padding: 0 10px 3px;
    display: block;
}

.featuredList ol a {
    padding-left: 0;
}

.featuredList li:last-child a {
    padding-bottom:11px;
}

.featuredList a:hover, .featuredList a:hover strong, .featuredList li.articleImage:hover + li.articleTitle > a {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.box .featured {
    display: block;
    text-align: center;
}

.box .featured.icon{
}

.box .featured img {
    vertical-align: middle;
}

/* --- category list category boxes ---------------- */
.box .subcatPic {
    position: relative;
    height: 100px;
    left: -10px;
    top: -10px;
}

.box .subcatPic a{
    background:#fff;
    display:block;
    height: 100px;
    line-height:98px;
}

.box .catPicOnly {
    padding: 0;
}

.box .catPicOnly .subcatPic {
    left: 0;
    top: 0;
    text-align: center;

}

.box .catPicOnly .subcatPic img{
    vertical-align: middle;
}

.subcatList .box li.subcatPic {
    padding: 0;
}

/* --- promo boxes: bargain item -------------- */

.promoBoxes {
    margin-bottom: 20px;
}

.promoBoxes .box {
    margin-bottom: 0;
}

.specBox {
    width: 368px;
    float: left;
}

.specBox h3 {
    width: 158px;
    height: 74px;
    padding: 10px;
    margin: 0;
    position: relative;
    color: #fff;
    text-shadow: 0 -1px 0 #000000;
    z-index: 2;
    text-transform: uppercase;
}

.specBox h3 strong {
    font-size: 21px;
    padding-top: 3px;
    display: block;
    line-height: 21px;
    padding-right: 10px;
}

.specBox .rss {
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none;
}

.specBox .rss span {
    visibility: hidden;
    white-space: nowrap;
    right: -198px;
    color: #fff;
    padding: 5px 8px 0 30px;
    height: 22px;
}

.specBox .deliveryInfo {
    display: block;
    font-size: 11px;
    color: #fff;
    line-height: 12px;
}

.specBox .deliveryInfo a {
    color: #fff;
    text-decoration: underline;
}

.specBox .deliveryInfo a:hover {
    text-decoration: none;
}

.specBox .toCart {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #000;
}



.specBox .price, .specBox .price .button{
    visibility: hidden;
}

.specBox:hover .price, .specBox:hover .price .button, .specBoxTitles a.title:hover .specBox .price {
    visibility: visible;
}

.specCatBox {
    width: 370px;
    float: right;
    position: relative;
    z-index: 1;
}

.specBoxTitles a.title {
    display: block;
    width: 158px;
    height: 44px;
    padding: 12px 10px 0 10px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    text-shadow: 0 1px 1px #fff;
}

.specBoxTitles {
    float: left;
    width: 178px;
}

.specBoxTitles a.title:hover {
    color: #fff;
    text-shadow: 0 -1px 1px #652b00;
}

.specBoxInfo {
    float: left;
    width: 190px;
    height: 150px;
    position: relative;
    text-align: center;
}

.specBoxInfo div {
    text-align: left;
}

.specBoxInfo .price {
    position: absolute;
    bottom: 0;
    padding: 25px 10px 0 10px;
    height: 51px;
    width: 167px;
    background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat;
}

.specBoxInfo .price.tight {
    padding-top: 20px;
    height: 56px;
}

.specBoxInfo .priceValue, .specBoxInfo .priceValue a {
    color: #fff;
    text-shadow: 0 -1px 1px #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.specBoxInfo .button{
    color:#fff;
    text-shadow:0 -1px 0 #8c4600;
    border:1px solid #fff;
    background:transparent;
    display: block;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding:1px 10px;
    visibility: hidden;
    text-decoration:none;
    font-size: 10px;
    font-weight: 100;
}

.specBoxInfo .tight .button{
    bottom: 5px;
}
.specBoxInfo .priceOld{
    font-size: 11px;
    color:#fff;
    text-shadow: 0 -1px 1px #000;
}

.specBoxInfo .pricePerUnit{
    font-size: 8px;
    color:#fff;
    line-height: 9px;
    display:block;
    margin-top:-1px;
    text-shadow: 0 -1px 1px #000;
}

.specBoxInfo .price:hover .button{
    background:#ec6105;
}

.specCatBox .viewAllHover {
    position: absolute;
    left: 105px;
    top: 75px;
    display: none;
}

.specCatBox:hover .specCatBox .viewAllHover {
    display: block;
}


/* ??? */
.list {
    clear: left;
}

/* --- form elements  -------------------- */
.checkbox {
    padding: 0;
    margin: 0;
    border: none;
}

input{
    border-radius: 0px !important;
}

.textbox, input[type="text"] {
    border: 1px solid #adadad;
    background: #fff;
    padding: 1px 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 15px;
    line-height: 14px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.textbox:focus, input[type ="text"]:focus {
    border-color: #666;
}

.areabox {
    border: 1px solid #8c8989;
    padding: 7px;
}

.radiobox, .checkbox {
    margin: 0;
    padding: 0;
    height: 13px;
    width: 13px;
}

/* --- Page title --------------------- */
.pageHead {
    border-bottom: 1px solid gray;
    text-align: center;
    font-size: 29px;
    padding: 22px 0px;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #02133E;
}

/* --- box -------------------------------- */

.box h2, .box h3, .sectionHead {
    color: #fff;
    text-transform: uppercase;
    /* padding: 5px 10px; */
    /* font-size: 12px; */
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 18px;
}

.box h2 {
    font-size: 14px;
}

.box h3 a {
    white-space: nowrap;
}

h2.sectionHead {
    font-size: 18px;
    padding: 13px 10px;
    text-shadow: 0 -1px 0 #000;
    position: relative;
}

h3.blockHead {
    font-size: 13px;
    padding: 5px 0;
    color: #5f5f5f;
    line-height:20px;
    text-transform: uppercase;
}


.sectionHead + .gridView, .sectionHead + .infogridView {
    margin-top: -2px;
}

div.lineBlock {
}

.viewAllHover {
    padding: 1px 10px 3px 8px;
    position: relative;
    height: 23px;
    line-height: 25px;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
}

a.viewAllHover:hover {
    text-decoration: none;
}

a.viewAllHover span {
    padding-left: 25px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    background: url(../../img/plus.png) no-repeat 0 0;
    text-shadow: 0 -1px 0 #ac5403;
}

/* --- underlined links in login page ---------------- */
a.textLink {
    text-decoration: underline;
}

/* --- RSS link ----------------------------- */
a.rss {
    text-decoration:none;
    float: right;
    height:16px;
    margin:1px 0;
    position: relative;
}

a.rss img {
    position: relative;
    z-index: 11;
}

a.rss span {
    visibility: hidden;
    display: block;
    position: absolute;
    white-space: nowrap;
    right: -6px;
    font-size: 12px;
    top: -5px;
    color: #fff;
    padding: 5px 30px 0 8px;
    height: 21px;
    z-index: 5;
}

a.rss:hover span {
    visibility: visible;
}

h3.lightHead {
    color: #1d7e96;
    text-shadow: 0 1px 1px #fff;
}

.widgetBox, .widgetBoxBottomRound {
    border: 1px solid #c9d3d7;
    padding: 10px;
    clear: both;
}

.widgetBox, .widgetBoxBottomRound, .tabbedWidgetBox {
    margin-bottom: 20px;
}

.tabbedWidgetBox {
    min-height:50px;
}
.widgetBoxBottomRound {
    margin-top: -1px;
}

.tabbedWidgetBox .widgetBoxBottomRound {
    top: -1px;
    position: relative;
    margin-top: 0;
}



.widgetBox h4, .widgetBoxBottomRound h4 {
    color: #515353;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.pageHead + .widgetBoxBottomRound, .pageHead + css3-container + .widgetBoxBottomRound {
    border-top: 0;
}

/* --- Reviews ------------------------------- */
div.reviews h4 {
    margin-bottom: 5px;
}

div.reviews ul.rating {
    margin: 0 0 10px 0;
}

div.reviews textarea.areabox {
    width: 95%;
    height: 120px;
    margin-bottom: 10px;
}

div.reviews form {
    margin-bottom: 20px;
}

div.reviews dt {
    display: block;
    border-top: 1px solid #b4b8b8;
    padding: 10px 0 5px;
    margin-top: 10px;
}

div.reviews dt:first-child {
    margin-top: 5px;
}

div.reviews dt span,
div.reviews dt ul {
    float: left;
    margin-right: 10px;
}

div.reviews dd {
    line-height: 18px;
}

#writeReview {
    display: none;
}

/* --- Article details tabs  ----------- */
ul.tabs {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

ul.tabs li {
    float: left;
    list-style: none;
    border: 1px solid #999;
    border-bottom: 1px solid #c9d3d7;
    background: #d9dfe1;
    padding: 7px 10px;
    margin-left: -1px;
    font-weight: 700;
    position: relative;
    color: #515353;
    height: 15px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #fff;
}

ul.tabs li.ui-state-active {
    background: #fff;
    border-bottom-color: #fff;
    border-top-color: #c9d3d7;
    border-right-color: #c9d3d7;
    z-index: 2;
}

ul.tabs css3-container:first-child + li, .tabs li:first-child {
    margin-left: 0;
}

ul.tabs li.ui-state-active:first-child, .tabs css3-container:first-child + li.ui-state-active {
    border-left-color: #c9d3d7;
}

ul.tabs a {
    color: #515353;
}

div.ui-tabs-hide {
    display: none;
}

ul.tabs li.fbTab a {
    background: url(../../img/facebook_icon.png) no-repeat 0 1px;
    padding: 0 0 0 18px;
}

/* --- BUTTONS  ------------------- */
button {
    width: auto;
    overflow: visible;
    margin: 0;
    padding: 1px 20px;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.submitButton {
    padding: 0 8px 0px 8px;
    border: 2px solid #02133E;
    font-size: 12px;
    height: 35px;
    line-height: 30px;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #02133E;
}

.submitButton:hover {
    border: 2px solid #02133E;
    background: #02133E;
    color: #fff;
}

.largeButton {
    text-transform: uppercase;
    padding: 0 30px;
    font-size: 15px !important;
}

.DashboardBackLinebox {
    width: 100%;
    height: 50px;
}

.DashboardBackLinebox .BackToShopButton {
    border: 1px solid #8a8a8a;
    height: 35px;
    background-color: #ffffff;
    font-size: 15px;
    color: #5f5f5f;
    text-transform: uppercase;
    cursor: pointer;
}

.DashboardBackLinebox .BackToShopButton:hover {
    background-color: #8a8a8a;
    color: #ffffff!important;
}

.DashboardBackLinebox .BackToShopButton:hover {
    background-color: #8a8a8a;
    color: #ffffff!important;
}

div.lineBox .largeButton {
    text-transform: uppercase;
}

div.lineBox .backtoshop .largeButton {
    color: #606060;
    background-color: white;
    border: 1px solid #606060;
}

div.lineBox a.largeButton {
    display:inline-block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: 28px;
    line-height:28px;
    color: white;
}

div.lineBox a.largeButton:hover {
    color: white;
}

div.lineBox span.title {
    float: right;
    text-shadow: 0 -1px 0 #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #1A7990;
    text-transform: uppercase;
}

.submitButton:hover {
    text-decoration: none;
    cursor:pointer;
}

button[disabled].submitButton, button[disabled].submitButton:hover  {
    background: #cccccc;
    color:#fff;
    text-shadow:none;
}

a.submitButton {
    color: #fff;
    padding: 2px 17px 1px;
    font-weight: bold;
}

.textButton {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    padding: 0;
}

.textButton:hover {
    text-decoration: none;
}

.removeButton {
    padding-left: 2px;
}

.removeButton span {
    background: url(../../img/remove.png) no-repeat 0 1px;
    padding-left: 15px;
}

.container {
  max-width: 1366px;
  min-width: 640px;
  margin: 0 auto;
}

/* --- HEADER ELEMENTS ---------------- */

#scrollHeader{
    width: 100%;
    min-width: 640px;
    background-color: #fff;
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #e3e3e3;
    z-index: 9999;
}

#headerTopBar {
  font-size: 10px;
  color: #fff;
  background-color: #02133e;
}
#headerTopBar a {
  color: #fff;
}
#headerTopBar ul {
  padding: 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}
#headerTopBar li {
  list-style: none;
  padding: 0 15px;
}

#headerTop {
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1400px) {
  #headerTopBar {
    padding: 0px 2%;
  }
  #headerTop {
    padding: 0px 2%;
  }
}
@media (max-width: 1366px) {
  #content {
    padding: 0px 2%;
  }
}

.searchError {
    margin: 0px 0px 10px;
    color: #5f5f5f;
    font-size: 14px;
    width: 97%;
    float: left;
    position: relative;
}

.rightHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-pull-right {
  margin-left: auto;
}

.hover-link {
  padding-top: 4px;
}
.hover-link:hover {
  text-decoration: none;
}
.hover-link::after {
  content: '';
  background-color: #d8232a;
  display: block;
  height: 2px;
  margin-top: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform .35s cubic-bezier(.3,.01,.03,1),background-color .35s cubic-bezier(.24,.015,.145,.93),-webkit-transform .35s cubic-bezier(.3,.01,.03,1);
  transition: transform .35s cubic-bezier(.3,.01,.03,1),background-color .35s cubic-bezier(.24,.015,.145,.93),-webkit-transform .35s cubic-bezier(.3,.01,.03,1);
}
.hover-link:hover::after {
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.hover-link a {
  text-decoration: none;
}

#header .header-search {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 0 20px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
}
#header .search-container {
  padding: 12px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #EBEBEB;
}
#header .header-search img {
  height: 26px;
  margin-right: 6px;
  margin-bottom: 1px;
}
#header .header-search input {
  font: 16px / 140% 'Roboto', sans-serif;
  width: 200px;
  padding: 12px 5px;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#header .header-search input::-webkit-input-placeholder {
  color: #999;
}
#header .header-search input::-moz-placeholder {
  color: #999;
}
#header .header-search input:-ms-input-placeholder {
  color: #999;
}
#header .header-search input::-ms-input-placeholder {
  color: #999;
}
#header .header-search input::placeholder {
  color: #999;
}

#header .header-account {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#header .header-account img {
    height: 32px;
}

#header .header-wishlist {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#header .header-wishlist img {
  height: 32px;
}
.wishlist-icon-container {
  float: left;
  position: relative;
}
.wishlist-icon-container .wishlist-icon-count {
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #02133E;
  padding: 0 2px;
  min-width: 16px;
  height: 16px;
  position: absolute;
  bottom: 4px;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#header .header-basket {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0 0 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#header .header-basket img {
    height: 32px;
}
.basket-icon-container {
  float: left;
  position: relative;
}
.basket-icon-container .basket-icon-count {
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #D70929;
  padding: 0 2px;
  min-width: 16px;
  height: 16px;
  position: absolute;
  bottom: 4px;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#header .searchForm {
    background-color: #f4f4f4;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 900;
}

#header .searchForm .searchBox {
    height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

#header .searchForm input[type=text] {
    font-size: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #858a9b;
    background-color: #dddddd;
    line-height: 60px;
    height: 60px;
    margin-left: 20px;
    border: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
#header .searchForm input[type=text]:focus {
  outline: none;
}

#header .searchForm input[type=submit] {
    font-size: 55px;
    font-weight: bold;
    color: white;
    background: #02133e;
    text-transform: uppercase;
    width: 120px;
    height: 60px;
    margin-left: 120px;
    margin-right: 20px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    padding: 0px !important;
    line-height: 60px;
    -webkit-appearance: none;
}

.subHeader {
  background-color: #fff;
}

.logoutLink {
    padding-left: 20px;
    text-transform: uppercase;
    background: url(../../img/logout.png) no-repeat 8px 3px;
}

.flyout h4 {
    text-align: right;
    margin-bottom: 5px;
    color: #1d7e96;
}

.topPopList {
    float: right;
    position: relative;
}

.topPopList #langContainer{
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 32px;
}

.flyoutBox {
    position:absolute;
    display:none;
    top: 35px;
    right: 0;
    z-index: 15;
}

.selectedValue {
    padding-left: 10px;
}

/* --- basket box ------------------------------ */
#minibasket_container {
    float: left;
    margin-left: 15px;
}

#minibasketIcon {
    height: 30px;
}

.basketBox {
    position: relative;
    cursor: pointer;
    color: #fff;
}

.basketBox:hover {
    text-decoration: none;
}

.counter {
    display: block;
    color: #fff;
    font-size: 10px;
    position: absolute;
    z-index: 13;
    left: 0px;
    top: -8px;
    text-align: center;
    width: 30px;
    height: 17px;
    font-weight: 700;
}

.basketBox img {
    z-index: 12;
}

/* --- Logo --- */
#logo {
  padding-right: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#logo > img{
    height: 28px;
}

/* --- main navigation menu ------------------- */

#navigation {
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#navigation .headerList{
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#navigation .headerList .headerLink{
    font-size: 16px;
    font-weight: bold;
    color: #0b1f3f;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    position: relative;
    z-index: 999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px;
}
#navigation .headerList .headerLink.sale,
.flyNav li .subCatHeaderLink.sale {
    color: #d8232a;
}
#navigation .headerList .headerLink.noclick,
.flyNav li .subCatHeaderLink.noclick {
    cursor: default;
}
#navigation .headerList .headerLink::after {
  content: '';
  background-color: #d8232a;
  display: block;
  height: 2px;
  margin-top: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform .35s cubic-bezier(.3,.01,.03,1),background-color .35s cubic-bezier(.24,.015,.145,.93),-webkit-transform .35s cubic-bezier(.3,.01,.03,1);
  transition: transform .35s cubic-bezier(.3,.01,.03,1),background-color .35s cubic-bezier(.24,.015,.145,.93),-webkit-transform .35s cubic-bezier(.3,.01,.03,1);
}
#navigation .headerList:hover .headerLink::after {
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}

#navigation .headerList ul a{
    color: #02133E;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 25px;
    padding-left: 0px;
}
#navigation .headerList ul .level2 a{
    font-size: 14px;
}
#navigation .headerList ul .level3 a{
    font-size: 14px;
}

#navigation .headerList:hover ul a:hover{
    text-decoration: underline;
}

#navigation .headerList.sale{
    border: 0px;
}

#navigation > .headerList:hover > a, #navigation > .headerList > a.current{
    /*color: #fff;*/
}

a.current {
    color: #fff;
}

li.current > a.current{
    color: #fff;
}

#navigation .headerList .subcat{
    display: none;
    left: 0;
    margin: 0px;
    top: 100%;
    padding: 20px 15px 60px;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 900;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#navigation.with-filters .headerList .subcat{
    top: calc(100% - 41px);
}

#navigation .headerList .subcat .categoryImg{
    margin-right: 115px;
}
#navigation .headerList .subcat .categoryImg img{
    max-width: 230px;
    height: auto;
}

#navigation .headerList .subcat ul {
    float: left;
    min-width: 180px;
    list-style-type: none;
}
#navigation .headerList .subcat ul.subUl {
    max-width: 180px;
}

@media(max-width:1250px){

  #navigation .headerList .subcat ul:first-child {
      display: none;
  }

}

#navigation .headerList .subcat ul li {
    list-style-type: none;
}

#navigation .headerList .subcat .level2 {
    font-weight: bold;
    margin-bottom: 10px;
}

#navigation .subcat.featured .container {
  max-width: 1000px;
}
#navigation .headerList .subcat.featured ul.subUl {
  width: 25%;
  max-width: none;
}
#navigation .headerList .subcat.featured .level2 a {
  text-align: center;
  display: block;
}
#navigation .headerList .subcat.featured .level2 a:hover {
  text-decoration: none;
}
#navigation .subcat.featured img {
  max-width: 100%;
  padding: 10px 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.headerLast{
    list-style-type: none;
    float: right;
}

#burgerMenu {
  display: none;
}

.flyNav{
  display: none;
}

#burgerTrigger {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  display: none;
  margin-right: auto;
}
#burgerTrigger img {
  height: 26px;
  margin-right: 8px;
  vertical-align: text-bottom;
  float: left;
}
#burgerTrigger span {
  line-height: 28px;
}

@media (max-width: 1300px) {
  #burgerTrigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #navigation {
    display: none;
  }

  #burgerMenu {
    display: none;
    position: absolute;
    background-color: #f4f4f4;
    min-height: 0;
    padding: 0 2% 40px;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 500;
    max-height: 500px;
  }

  .flyNav{
    margin: 0 30px;
    display: block;
    padding-bottom: 15px;
    float: left;
  }

  .flyNav li {
    list-style-type: none;
  }

  .flyNav li a {
    text-decoration: none;
  }

  .flyNav li .subCatHeaderLink{
    text-transform: uppercase;
    display: block;
    color: #02133E;
    font-size: 14px;
    padding: 15px 0;
    margin-right: 10px;
    font-weight: bold;
  }

  .flyNav li .subCatHeaderLink.current{
    color: #E51937;
  }

  .flyNav .realSubcat{
    padding: 0;
    margin: 0;
  }

  .flyNav .realSubcat a{
    padding: 5px 0;
    display: block;
    font-size: 14px;
  }

  .flyNav .realSubcat .current{
    color: #E51937;
  }

}

/* ---------------- Languages -------------------- */

#header .languages {
    position: relative;
}

#header .languages .flagImg {
    height: 6px;
    margin-right: 5px;
}
#header .languages .language-change {
    margin-left: 5px;
}

#header .languageSelect {
    background-color: #02133E;
    width: 100%;
    padding: 5px 20px;
    position: absolute;
    top: 100%;
    right: -20px;
    display: none;
    z-index: 10;
}

span.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}

/* --- Footer ----------------------------- */

#footer .bar {
    padding: 0px 22px;
    overflow: hidden;
    width: 84%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
}

/* Stores Anfang */

.footer-services {
  background-color: #fff;
  padding: 60px 0;
}
.footer-services .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-service {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3%;
      -ms-flex: 0 0 33.3%;
          flex: 0 0 33.3%;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.footer-service h4 {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 0;
}
.footer-service .payment-icon {
  margin: 10px 5px -10px 0;
  max-width: 60px;
  display: inline-block;
}
.footer-service a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .footer-service {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}

.icon-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.icon-box > img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 30px;
}

.delivery-fact img {
  max-width: 50px;
}
.ger-shipping-fact img,
.payment-fact img {
  max-width: 38px;
}

/* Stores Ende */

#footer .footerInfo {
    text-transform: uppercase;
    margin: 61px auto 0;
    width: 80%;
}

#footer .footerInfo table{
    width: 90%;
    margin: 0 auto;
}

#footer .footerInfo td{
    width: 33%;
    padding-left: 50px;
}

#footer .footerInfo .left {
    text-align: left;
}

#footer .footerInfo .center {
    /*text-align: center;*/
}


#footer .footerInfo .center img {
    vertical-align: middle;
}

#footer .footerInfo .linklist ul{
    margin: 0px;
}

#footer .footerInfo .linklist li{
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

#footer .footerInfo .linklist a{
    color: white;
    text-decoration: none;
}

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

#footer .footerInfo h4 {
    font-size: 15px;
    color: white;
    margin: 0px 0px 20px 0px;
}

#footer .footerInfo a img{
    margin: 0px 5px 10px;
    vertical-align: middle;
}

#footer ul {
    margin: 0;
    word-wrap: break-word;
}

#footer li {
    list-style: none;
    padding: 0;
}

#footer dl dt {
    color:#fff;
    padding: 0px 0px 15px;
    font-size: 15px;
}

#footer .list a  {
    line-height: 100%;
    display:block;
    color: #fff;
}

#footer .list a:hover  {
    text-decoration: none;
    color: #FFF;
    text-shadow: none;
}

#footerServices{
    overflow: hidden;
}

#footerServices a{
    padding: 5px 0;
}

#footerPayment{
    overflow: hidden;
}

#footerPayment ul{
    width: 50%;
    overflow: hidden;
}

#footerPayment li{
    float: left;
}

#footerPayment li a{
    margin-right: 15px;
    margin-bottom: 15px;
}

#footerPayment li a img{
    max-width: 50px;
}

#footerDelivery{
    overflow: hidden;
}

#footerDelivery li{
    float: left;
    margin-right: 40px;
}

#footerDelivery a{
    padding: 5px 0;
}

#footerDelivery .deliveryImgBox{
}

#footerDelivery .deliveryImgBox a{
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    padding: 0px;
}

#footerQuality{
    position: relative;
    height: 100%;
    overflow: hidden;
}

#footerQuality ul{
    height: 164px;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
}

/*
#footerQuality li{
    text-align: center;
}

.newsletter {
    float: left;
    background: #E7EAEC;
    padding:0 0 0 10px;
    font-size:10px;
    width: auto;
}

.newsletter .textbox {
    margin: 0 10px 0 10px;
    width: 140px;
}
*/

.NewsletterBanner {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: -10px;
}

.NewsletterBanner img{
    width: 100%;
}

.NewsletterBanner img{
    width: 100%;
}

.NewsletterSubscribeForm {
  padding: 0px 0 0 10px;
  width: 48%;
  float: left;
  position: relative;
  height: 350px;
}

.NewsletterSubscribeForm .subscribeInformation  {
  margin: 20px 0 0 0;
  color: #02133e;
  height: 50px;
  font-size: 12px;
}

.NewsletterSubscribeForm .subscribeInformation.text  {
  text-align: left;
  width: 70%;
  height: auto;
}

.NewsletterSubscribeForm .subscribeInformation.unsubscribelink a  {
  margin: 15px 0 0 0;
  font-size: 14px;
  color: #02133e;
  text-align: left;
  width: 70%;
  height: auto;
  font-weight: bold;
  text-decoration: underline;
}

.NewsletterSubscribeForm h3 {
    text-transform: uppercase;
    font-size: 19px;
    padding: 10px 0px 20px;
    color: #02133e;
    background: #fff;
    margin: 0px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 45px;
    font-weight: 900;
    text-align: center;
}

.NewsletterSubscribeForm .form input.newsletter {
  color: #02133e;
  border: 1px solid #adadae;
  width: 90%;
}

.NewsletterSubscribeForm .form label {
  width: 40px;
  padding-right: 10px;
  line-height: 18px;
  font-size: 13px;
  color: #02133e;
}

.NewsletterSubscribeForm .form label.title{
  padding: 7px 35px 0 0;
  height: auto;
}

.NewsletterSubscribeForm .form label.radio{
  padding: 7px 30px 0 25px;
  height: auto;
}

.NewsletterConfirmation {
  min-height: 250px;
}

.NewsletterConfirmation h3 {
  color: #02133e;
  font-size: 24px!important;
  margin: 45px 0 0 0;
  text-transform: uppercase;
  text-align: center;
  line-height: 25px;
}

.NewsletterConfirmation .Text  {
  color: #02133e;
  margin: 32px 0 0 0;
  text-align: center;
  height: auto;
  font-size: 16px!important;
  line-height: 20px;
}

.NewsletterConfirmationButton {
  width: 100%;
  margin: 55px 0 0 0;
}


.fbInfoPopup {
    width: 500px;
}

.fbInfoPopup a {
    color: #1D7E96;
}

.fbEnableButton {
    float: left;
    border: 1px solid #c8d5e6;
    text-align: left;
    margin-right: 10px;
}

.fbEnableButton:hover {
    border-color: #9dacce;
}

.fbEnableButton a {
    display: block;
    float: left;
    line-height: 18px;
    background: url(../../img/facebook_icon.png) no-repeat 3px 3px;
    padding: 0 0 0 21px;
    font-size: 10px;
    text-transform: uppercase;
    color: #2c5e97;
}

.fbEnableButton a:hover {
    text-decoration: none;
}

.fbEnableButton a.helpText {
    float: left;
    background: none;
    border-left: 1px solid #c8d5e6;
    margin-left: 5px;
    padding: 0 4px;
}

.fbEnableButton a.helpText:hover {
    background: #d7e3f1;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.pageend {
  background-color: #fff;
}
.pageend .container {
  padding: 15px 20px;
  max-width: 683px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.pageend a {
  text-decoration: none;
}
.pageend img {
  vertical-align: middle;
}
.pageend .lang {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.pageend .lang span {
  margin: 0 10px;
}
.pageend .activeFlag {
  display: inline-block;
  padding: 2px 5px;
}
.pageend .languageSelect {
  background-color: #fff;
  padding: 5px;
  width: 100%;
  max-width: 150px;
  position: absolute;
  bottom: 100%;
  display: none;
  -webkit-box-shadow: 0px -2px 2px rgba(0,0,0,.5);
          box-shadow: 0px -2px 2px rgba(0,0,0,.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pageend .copyright {
  text-align: right;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.text {margin: 0 10px; text-align: center; padding: 5px 0; color:#29373C; clear: both;}


a.readMore {
    color: #1d7e96;
}

.box li a.readMore:hover
a.readMore:hover {
    color: #1d7e96;
    text-decoration: underline;
}

/* ------------------- Social Media --------------------*/
#socialMediaContent{
    position: relative;
    text-align: center;
}

#socialMedia{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0;
    width: 300px;
}

#socialMedia .social_buttons{
    position: relative;
    float: left;
    margin-right: 30px;
}

#socialMedia .social_buttons:last-child{
    margin-right: 0px;
}

/* --- Tags --------------------------------- */

p.tagCloud, div.tagCloud  {
    line-height: 1.5em;
}

a.tagitem_100 {
    font-size:12px;
}

a.tagitem_200 {
    font-size:14px;
}

a.tagitem_300 {
    font-size:16px;
}

a.tagitem_400 {
    font-size:18px;
}

a.tagitem_500 {
    font-size:20px;
}

a.tagitem_600 {
    font-size:22px;
}

a.tagitem_700 {
    font-size:24px;
}

a.tagitem_800 {
    font-size:26px;
}

a.tagitem_900 {
    font-size:28px
}

span.taggedText {
    color: #a2a9ab;
}

p.tagError {
    display: none;
}

a.tagText{
    vertical-align:middle;
    display:inline-block;
    line-height:12px;
}

a.tagText img{
    margin-right:3px;
    vertical-align:top;
}

a.compare.remove {display:none}


/* --- Grid View ------------------------------------ */
.gridView,
.infogridView {
    margin: 0;
}

.gridView{
    min-height: 330px;
}

.gridView a{
    text-decoration: none;
    color: #02133E;
    font-weight: normal;
    line-height: 1;
}
.gridView a::after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.gridView li{
    width: 23.5%;
    overflow: hidden;
    float: left;
    position: relative;
    padding: 0;
    list-style: none;
    margin: 0 2% 2% 0;
    font-size:13px;
}

.alist-page.gridView li:nth-child(5),
#productList.gridView li:nth-child(5) {
  margin: 0 13.75% 2%;
}
.alist-page.gridView li:nth-child(18),
#productList.gridView li:nth-child(18) {
  margin: 0 13.75% 2% 11.75%;
}
.alist-page.gridView li:nth-child(27),
#productList.gridView li:nth-child(27) {
  margin: 0 13.75% 2%;
}
.alist-page.gridView li:nth-child(40),
#productList.gridView li:nth-child(40) {
  margin: 0 13.75% 2% 11.75%;
}

.gridView.infogrid li{
    width: 49%;
    height: 430px;
}

.productSlider .gridView li {
    width: 100%;
    margin: 0px;
}

.gridView.grid li:nth-child(4n) {
  margin-right: 0px;
}
.alist-page.gridView.grid li:nth-child(4n),
#productList.gridView.grid li:nth-child(4n) {
  margin-right: 2%;
}
.alist-page.gridView.grid li:nth-child(4),
#productList.gridView.grid li:nth-child(4),
.alist-page.gridView.grid li:nth-child(7),
#productList.gridView.grid li:nth-child(7),
.alist-page.gridView.grid li:nth-child(11),
#productList.gridView.grid li:nth-child(11),
.alist-page.gridView.grid li:nth-child(15),
#productList.gridView.grid li:nth-child(15),
.alist-page.gridView.grid li:nth-child(22),
#productList.gridView.grid li:nth-child(22),
.alist-page.gridView.grid li:nth-child(26),
#productList.gridView.grid li:nth-child(26),
.alist-page.gridView.grid li:nth-child(29),
#productList.gridView.grid li:nth-child(29),
.alist-page.gridView.grid li:nth-child(33),
#productList.gridView.grid li:nth-child(33),
.alist-page.gridView.grid li:nth-child(37),
#productList.gridView.grid li:nth-child(37),
.alist-page.gridView.grid li:nth-child(44),
#productList.gridView.grid li:nth-child(44) {
    margin-right: 0px;
}

.gridView.infogrid li:nth-child(2n){
    margin-right: 0px;
}

.gridView li > a{
    display: block;
    width: 100%;
    position: relative;
}

.slider.gridView li{
    margin: 0 !important;
    width: 100% !important;
    max-height: none !important;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.slider.gridView li .gridPicture{
    position: relative;
}

.gridView li .productInfoBlock {
    color: #02133e;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0px;
    margin: 0 1px;
    display: block;
}

.gridView li .productColorBlock {
    height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.gridView li .more-colors::before {
  content: attr(data-more-color-count);
  font-size: 15px;
  line-height: 1;
  padding: 0 2px;
  vertical-align: text-top;
}
.gridView li .more-colors.open::before {
  display: none;
}
.gridView li .more-colors span {
  display: none;
}
.gridView li .more-colors.open span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.gridView li .titleBlock{
    line-height: 15px;
    position: relative;
    padding: 10px 0;
}
@media (max-width: 1366px) {
  .gridView li .titleBlock{
      height: 30px;
  }
}

.gridView li .gridPicture{
    display: table;
    width: 100%;
    table-layout: fixed;
}

.gridView li .label {
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
}
.pictureContainer .label {
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.label-sale {
  background-color: #D8232A;
  padding: 5px 12px;
}
.label-soldout {
  background-color: #999;
  padding: 5px 8px;
}
.label-new {
  background-color: #02133E;
  padding: 5px 12px;
}

.gridView li .category-wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
}
.gridView li .category-wishlist a {
  text-decoration: none;
}
.gridView li .category-wishlist img {
  width: 26px;
  height: auto;
}

.gridView li .gridPicture span{
    display: table-cell;
    width: 100%;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
}

.gridView li .gridPicture img{
    max-width: 100%;
    display: block;
    border: none !important;
    line-height: 1 !important;
    outline: none !important;
    background: none !important;
    line-height: 99%;
    margin: 0 auto;
}

.gridView li .gridPicture img.modelPic{
    width: 100%;
    max-width: inherit;
    max-height: inherit;
}

.gridView li .category-tobasket {
    font-weight: bold;
    color: #02133E;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding: 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.gridView li > a:hover .category-tobasket {
    display: block;
}
.gridView li .category-tb-btn {
    background-color: #fff;
    padding: 13px 6px;
    cursor: pointer;
}
.gridView li .category-tb-sizes {
    background-color: #fff;
    padding: 0 6px;
    display: none;
}
.gridView li .category-tb-sizes > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.gridView li .category-tb-size {
    min-width: 34px;
    padding: 13px 6px;
}
.gridView li .category-tb-size:hover {
    color: #fff;
    background-color: #02133E;
}
.gridView li .category-tb-size.soldout {
    color: #D1D1D1;
    background-color: transparent;
}

.category-campaigns {
  margin: 80px 0;
}
.category-campaigns a {
  color: #02133E;
  text-decoration: none;
}
.category-campaigns h2 {
  font-size: 32px;
  color: #02133e;
  line-height: 38px;
  margin: 40px 0;
}
.category-campaigns h4 {
  font-size: 20px;
  color: #02133e;
  line-height: 30px;
  margin: 12px 0;
}
.category-campaigns img {
  max-width: 100%;
  height: auto;
}

.gridView li .priceBlock{
  padding: 5px 0;
    position:relative;
}

.gridView li .priceContainer{
    font-size: 15px;
    font-weight: bold;
}

.gridView li .priceContainer.oldPresent{
    color: #E51937;
}

.gridView li .priceContainer.oldPresent .old{
    font-size: 15px;
    color: #999;
    margin-left: 10px;
    font-weight: normal;
    text-decoration: line-through;
}

.gridView li .priceBlock .priceOld{
    font-size: 12px;
    color: #c50000;
    margin-left: 10px;
    text-decoration: line-through;
}

.gridView li .priceBlock .pricePerUnit{
    font-size: 9px;
    line-height: 9px;
    display:block;
}

.gridView li .priceBlock .button{
    position: relative;
    display: block;
    padding:3px 10px;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 12px;
    color:#fff;
    border: 2px solid #000;
    background:#000;
    width: 120px;
    margin: 10px auto;
    display: none;
}

.gridView li:hover .priceBlock .button:hover{
    background:#fff;
    color:#000;
}

.account_noticelist .row,
.details-featured .row,
.alist .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.account_noticelist .row > div,
.details-featured .row > div,
.alist .row > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.account_noticelist .row .col-4,
.details-featured .row .col-4,
.alist .row .col-4 {
  width: -webkit-calc((100% - 30px) / 3);
  width: calc((100% - 30px) / 3);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 15px;
}
.account_noticelist .row .col-4:last-child,
.details-featured .row .col-4:last-child,
.alist .row .col-4:last-child {
  margin-right: 0;
}

.titleBox{
    width: 187px;
}

.titleBox a{
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
}

.priceBox {
    padding: 10px;
    width: 167px;
}

.priceBox .toCart {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.priceBox strong {
    font-size: 14px;
    padding-right: 5px;
}

.pictureBox {
    width: 190px;
    height:150px;
    float: left;
    text-align: center;
    line-height:150px;
    overflow: hidden;
}

.pictureBox img {
    vertical-align: middle;
}

.pictureBox {
    position: relative;
}

.pictureBox .viewAllHover {
    position: absolute;
    left: 23px;
    top: 62px;
    display: none;
}

.pictureBox:hover .viewAllHover {
    display: block;
}

.pictureBox .sliderHover {
    width: 100%;
    height: 150px;
}

.pictureBox:hover .sliderHover {
    display: block;
}

.pictureBox.gridPicture .sliderHover {
    margin-top: 10px;
    height: 150px;
}

.pictureBox.gridPicture .viewAllHover {
    top: 68px;
}

.listStyles {
    margin-bottom: 10px;
}

.listStyles .viewOptions {
    float: right;
}

.viewOptions a {
    background: url("../bg/raster.png") no-repeat;
    display: block;
    height: 38px;
    float: left;
}

.viewOptions .zweier {
    width: 40px;
    background-position: left bottom;
}

.viewOptions .dreier {
    width: 55px;
    background-position: right bottom;
}

.viewOptions .zweier.selected {
    background-position: left -1px;
}

.viewOptions .dreier.selected {
    background-position: right -1px;
}


/* --- Modal Popup -------------------- */

.popupBox {
    position: absolute;
    border: 1px solid #c1c1c1;
    padding: 10px;
    display: none;
}

.popupBox img.closePop {
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
}

/* --- mini basket -------------------------- */
.basketFlyout {
    display: none;
    width: 280px;
    position: absolute;
    z-index: 111;
    right: 91px;
    top: 50px;
    padding: 15px;
    background: #000;
    font-size: 11px;
}

.basketFlyout #perfect_scrollbar{
    width: 280px;
    height: 200px;
    overflow: auto;
    position: relative;
}

.basketFlyout img.basket {
    position: absolute;
    right: 4px;
    z-index: 12;
    top:26px;
}

.basketFlyout .counter {
    right: 32px;
    z-index: 13;
    top:23px;
}

.basketFlyout .title {
    padding-left: 10px;
    padding-bottom: 7px;
    display: block;
    margin: 0;
    font-size: 12px;
}

.basketFlyout .title .note {
    color: #EC6105;
}

.basketFlyout .functions {
    padding: 10px;
    padding-bottom: 0;
    margin: 0;
}

.basketFlyout .functions a {
    margin-right: 10px;
    line-height: 18px;
    color: #fff;
}

.basketFlyout button {
    margin-right: 5px;
}

.basketFlyout ul {
    width: 250px;
    margin: 0;
}

.basketFlyout li {
    list-style: none;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.basketFlyout li:first-child {
    margin-top: 15px;
}

.basketFlyout li a{
    border-bottom: 1px solid #a2a9ab;
    border-top: 1px solid #fff;
    padding: 10px;
    display: block;
    color: #fff;
}

.basketFlyout li:first-child a {
    border-top: none;
}

.basketFlyout li a:hover {
    color: #fff;
    text-decoration: none;
}

.basketFlyout button {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}

.basketFlyout .totals {
    width: 280px;
    color: #fff;
    border-bottom: 1px solid #a2a9ab;
    border-top: 1px solid #fff;
    padding: 5px 0px;
    margin: 0px;
    margin-top: 5px;
}


.scrollable .totals {
    width: 300px;
    border-top: none;
}

.basketFlyout .price {
    float: right;
}

.basketFlyout .img {
    float: left;
    display: block;
    width: 250px;
}

.basketFlyout .item {
    float: left;
    color: #fff;
    width: 125px;
}

.basketFlyout a:hover .item {
    color: #fff;
}

.basketFlyout .textButton {
    text-transform: uppercase;
    font-size: 11px;
}

.basketFlyout img.closePop {
    float:right;
    cursor:pointer;
}




/* --- Side Bar category tree ------------------------------ */
#sidebar .tree {
    margin: 0 0 20px 0;
}

#sidebar .tree ul {
    padding-left:0;
    margin: 0;
}

#sidebar .tree li {
    list-style: none;
    padding: 0;
}

#sidebar .tree li.active li {
    list-style: none;
    padding: 0;
    background: #fff;
}

#sidebar .tree ul li a  {
    padding-left: 5px;
    color: #333;
}

#sidebar .tree li.exp>a, #sidebar .tree li.active>a {
    position: relative;
}

#sidebar .tree ul li.active li a  {
    color: #000;
}

#sidebar .tree ul li.active li a:hover  {
    color: #fff;
}

#sidebar .tree ul li ul li a  {
    padding-left: 15px;
}

#sidebar .tree ul li ul li ul li a  {
    padding-left: 30px;
}


#sidebar .tree a  {
    display:block;
    padding:5px;
    line-height: 17px;
}

#sidebar .tree a>i {
    width:14px;
    height: 14px;
    float:left;
    padding:0;
    margin:2px 5px 2px 0;
}

#sidebar .tree li.exp>a>i span, #sidebar .tree li.active>a>i span {
    width:14px;
    height: 14px;
    position: absolute;
    bottom: -14px;
    z-index: 20;
}

#sidebar .tree li.exp>a>i span {
}

#sidebar .tree li.active>a>i span {
}

#sidebar .tree li.end>a>i span {
    background: none;
}

#sidebar .tree a:hover {
    color:#000;
}

#sidebar .tree a:hover>i  {
    background-position: left -45px;
}

#sidebar .tree li.active>a {
    color:#000;
}

#sidebar .tree li.active>a>i {
    background-position: 1px -30px;
}

#sidebar .tree li.exp>a {
    color:#000;
}

#sidebar .tree li.active>a, #sidebar .tree li.exp>a {
    border-bottom: none;
}

#sidebar .tree li.exp>a>i {
    background-position: 1px -61px;
}

#sidebar .tree li.end>a>i {
    background-position: left 15px;
}

#sidebar .sidebarMenu {
    border: 1px solid #999;
    line-height: 18px;
}

#sidebar .sidebarMenu a:hover {
    text-decoration: none;
}

#sidebar .sidebarMenu .active {
    text-shadow: 0 -1px 0 #aa6826;
}
/* ------------ CatTree -----------*/


.categoryBox{
    width: 100%;
}

.categoryBox li{
    list-style-type: none;
}

.showSub.showSidebarMenu {
    margin-bottom: 10px;
}

.showSidebarMenu{
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    background-color: #02133e;
    border: 1px solid #02133e;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.level2 .showSidebarMenu2{
    cursor: pointer;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.showSidebarMenu .saleBtn{
    background-color: #E51937;
    color: white;
}

.showSidebarMenu a{
    display: block;
    text-decoration: none;
    color: white;
    padding: 5px 8px 5px;
    font-size: 15px;
    font-weight: 700;
}

.showSidebarMenu .bup,
.showSidebarMenu .bdown,
.cattrees .level1.active .showSidebarMenu .bup,
.cattrees .level1.active .showSidebarMenu .bdown{
    position: absolute;
    padding: 8px;
    top: 0px;
    right: 0px;
}

.showSidebarMenu2 .bup2,
.showSidebarMenu2 .bdown2,
.cattrees .level2.active .showSidebarMenu2 .bup2,
.cattrees .level2.active .showSidebarMenu2 .bdown2{
    position: absolute;
    padding: 11px 8px;
    top: 0px;
    right: 0px;
}

.bdown {
    display: none;
}

.bdown2 {
    display: none;
}

#hideContent{
    display: none;
}

.catTree{
    position: relative;
    margin: 10px 0px 0;
    padding: 0px;
    display: none;
    overflow: hidden;
}

.level1.active .catTree{
    display: block;
}

.catTree.catTreeOpen{
    display: block;
}

.cattrees .catTree{
    margin-bottom: 7px;
    margin-top: 0px;
}

.catTree li{
    list-style-type: none;
    margin-bottom: 2px;
    padding: 2px 0;
    line-height: 22px;
}

.catTree .subUl{
    display: none;
}

.catTree .active .subUl{
    display: block;
}

.catTree .level1 .showSub{
    cursor: pointer;
}

.catTree li.active a{
    background: #02133e;
    color: #fff;
}

.catTree li.level2 a:hover{
    background: #fff;
    color: #02133e;
}

.catTree li.level2.active a{
    background: #fff;
    color: #02133e;
}

.catTree .subUl .active a{
    background: black;
    color: white;
}

.catTree .level2{
}

.catTree .level2 a{
    font-weight: bold;
    /*border-bottom: 1px solid #02133e;*/
    padding: 5px 8px 5px;
}

.catTree .level2 .catTree{
    display: none;
}

.catTree .level2 .catTreeOpen2{
    display: block;
}

.catTree .level3>a{
    padding-left: 15px !important;
}
.catTree .level2.active .level3 a{
    background: none;
    color: #02133e;
    font-weight: normal;
    border-bottom: 0px;
}
.catTree .level3 a{
    background: none;
    color: #02133e;
    border-bottom: 0px;
    font-weight: normal;
    padding: 2px 0px;
}

.catTree li a{
    text-decoration: none;
    padding: 2px 15px 4px;
    display: block;
    white-space: nowrap;
    color: #02133e;
    font-size: 15px;
}

.colors.catTree li a {
    width: 48px;
    padding: 0px;
}

.brandSearch{
    margin-top: 10px;
    position: relative;
}
.brandSearch .searchIcon {
    background: #888 url(../../img/search_icon.png) no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 3px;
    background-size: 14px;
}

.brandSearch #brandsearch{
    border: 0px;
    border-bottom: 1px solid #888;
    width: 98%;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

.activeBrand li{
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 15px;
    margin-top: 10px;
}

.activeBrand li a{
    color: #5f5f5f;
    text-decoration: none;
}

.catTreeBrand li{
    list-style-type: none;
    margin-top: 2px;
    /*padding: 2px auto;*/
    line-height: 20px;
}

.catTreeBrand li a:hover, .catTree li a:hover{
    color: white;
    background-color: #02133e;
}

.catTreeBrand .active .showSub{
    background: #848484;
    color: white;
}

.catTreeBrand .level1 .showSub{
    cursor: pointer;
}

.catTreeBrand .subUl{
    display: none;
}

.catTreeBrand .subUl .active a{
    background: black;
    color: white;
}

.catTreeBrand .level2{
    margin-left: 15px;
}

.catTreeBrand .level3{
    margin-left: 15px;
}

.catTreeBrand li a{
    text-decoration: none;
    padding: 2px 5px;
    display: block;
}

.sizes2 li{
    line-height: 18px;
    padding: 2px 0;
}

.sizes2 li:hover{
}

.sizes2 li.active a {
    background: none;
}

.sizes2 li a{
    padding: 0;
}

.sizes2 li a span{
    color: #02133e;
    padding-left: 25px;
    line-height: 20px;
    height: 20px;
    display: block;
    background: url("../../img/checkBox.png") left 0 no-repeat;
}

.sizes2 li a span.checked{
    background-position: left -60px;
}

.sizes2 li a:hover{
    background: none;
    color: #02133e;
}

.sizes2 li a.small{
    font-size: 8px;
}

.colors a {
    background: none;
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 25px;
    border: 1px solid #DDDDDD;
}

.colors a:hover,
ul.colors li.active a {
    border: 1px solid #5F5E5A;
}

ul.colors li.active a {
    border: 1px solid black;
}

.colors li{
    float: left;
}

.colors li.active{
    float: left;
}

.subTopParams .color,
.filter-color .color {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: text-bottom;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.subTopParams .color-gruen,
.filter-color .color-gruen {
  background-color: #2D770F;
}
.subTopParams .color-khaki,
.filter-color .color-khaki {
  background-color: #bdc391;
}
.subTopParams .color-neongruen,
.filter-color .color-neongruen {
  background-color: #a3ff00;
}
.subTopParams .color-mintgruen,
.filter-color .color-mintgruen {
  background-color: #a6e8d7;
}
.subTopParams .color-mint,
.filter-color .color-mint {
  background-color: #a6e8d7;
}
.subTopParams .color-hellgruen,
.filter-color .color-hellgruen {
  background-color: #11f909;
}
.subTopParams .color-dunkelgruen,
.filter-color .color-dunkelgruen {
  background-color: #006400;
}
.subTopParams .color-gruen-braun,
.filter-color .color-gruen-braun {
  background-color: #8B864E;
}
.subTopParams .color-gruen-camel,
.filter-color .color-gruen-camel {
  background: -o-linear-gradient(left, #528E3B 50%, #C19A6B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #528E3B), color-stop(50.1%, #C19A6B));
  background: linear-gradient(90deg, #528E3B 50%, #C19A6B 50.1%);
}
.subTopParams .color-gruen-schwarz,
.filter-color .color-gruen-schwarz {
  background: -o-linear-gradient(left, #2D770F 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #2D770F), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #2D770F 50%, #000 50.1%);
}
.subTopParams .color-hellgruen-schwarz-blau,
.filter-color .color-hellgruen-schwarz-blau {
  background: -o-linear-gradient(left, #11f909 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #11f909), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #11f909 50%, #000 50.1%);
}
.subTopParams .color-khaki-beige,
.filter-color .color-khaki-beige {
  background-color: #BDB76B;
}
.subTopParams .color-olive-camel,
.filter-color .color-olive-camel {
  background-color: #605412;
}

.subTopParams .color-elfenbein,
.filter-color .color-elfenbein {
  background-color: #FFFFF0;
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-farblos,
.filter-color .color-farblos {
  background-color: #F8F8FF;
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-offwhite,
.filter-color .color-offwhite {
  background-color: #FFFAFA;
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-offwhite-bordeaux,
.filter-color .color-offwhite-bordeaux {
  background: -o-linear-gradient(left, #fff 50%, #5e2028 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #5e2028));
  background: linear-gradient(90deg, #fff 50%, #5e2028 50.1%);
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-offwhite-gold,
.filter-color .color-offwhite-gold {
  background: -o-linear-gradient(left, #fff 50%, #dbb569 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #dbb569));
  background: linear-gradient(90deg, #fff 50%, #dbb569 50.1%);
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-perlweiss,
.filter-color .color-perlweiss {
  background-color: #EAE6CA;
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-weiss,
.filter-color .color-weiss {
  background-color: #ffffff;
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}
.subTopParams .color-weiss-apricot,
.filter-color .color-weiss-apricot {
  background-color: #FDF5E6;
  border: 1px solid #000;
  text-shadow: 0 0 1px #000;
}

.subTopParams .color-anthrazit,
.filter-color .color-anthrazit {
  background-color: #666666;
}
.subTopParams .color-blau-grau,
.filter-color .color-blau-grau {
  background-color: #B9D3EE;
}
.subTopParams .color-dunkelgrau,
.filter-color .color-dunkelgrau {
  background-color: #4D4D4D;
}
.subTopParams .color-grau,
.filter-color .color-grau {
  background-color: #BEBEBE;
}
.subTopParams .color-hellgrau,
.filter-color .color-hellgrau {
  background-color: #E5E5E5;
}
.subTopParams .color-mittelgrau,
.filter-color .color-mittelgrau {
  background-color: #969696;
}
.subTopParams .color-silber,
.filter-color .color-silber {
  background-color: #d9d9d9;
}

.subTopParams .color-schwarz,
.filter-color .color-schwarz {
  background-color: #000;
}

.subTopParams .color-beige,
.filter-color .color-beige {
  background-color: #f5f5dc;
}
.subTopParams .color-braun,
.filter-color .color-braun {
  background-color: #8B4513;
}
.subTopParams .color-bronze,
.filter-color .color-bronze {
  background-color: #cc8e34;
}
.subTopParams .color-camel,
.filter-color .color-camel {
  background-color: #c19a6b;
}
.subTopParams .color-cognac,
.filter-color .color-cognac {
  background-color: #A3481B;
}
.subTopParams .color-creme,
.filter-color .color-creme {
  background-color: #ffffb6;
}
.subTopParams .color-dunkelbraun,
.filter-color .color-dunkelbraun {
  background-color: #8B5A2B;
}
.subTopParams .color-hellbraun,
.filter-color .color-hellbraun {
  background-color: #EEC591;
}
.subTopParams .color-mocca,
.filter-color .color-mocca {
  background-color: #8B4513;
}
.subTopParams .color-sand,
.filter-color .color-sand {
  background-color: #c2b280;
}

.subTopParams .color-apricot,
.filter-color .color-apricot {
  background-color: #fbceb1;
}
.subTopParams .color-bordeaux,
.filter-color .color-bordeaux {
  background-color: #5e2028;
}
.subTopParams .color-coral,
.filter-color .color-coral {
  background-color: #ff7f50;
}
.subTopParams .color-pfirsich,
.filter-color .color-pfirsich {
  background-color: #FFE5B4;
}
.subTopParams .color-rot,
.filter-color .color-rot {
  background-color: #FF0000;
}
.subTopParams .color-weinrot,
.filter-color .color-weinrot {
  background-color: #8B0000;
}

.subTopParams .color-brombeer,
.filter-color .color-brombeer {
  background-color: #660033;
}
.subTopParams .color-dunkelrot,
.filter-color .color-dunkelrot {
  background-color: #8B0000;
}
.subTopParams .color-flieder,
.filter-color .color-flieder {
  background-color: #723298;
}
.subTopParams .color-fuchsia,
.filter-color .color-fuchsia {
  background-color: #ff00ff;
}
.subTopParams .color-koralle,
.filter-color .color-koralle {
  background-color: #ff7f50;
}
.subTopParams .color-lachs,
.filter-color .color-lachs {
  background-color: #fa8072;
}
.subTopParams .color-lila,
.filter-color .color-lila {
  background-color: #D02090;
}
.subTopParams .color-magenta,
.filter-color .color-magenta {
  background-color: #FF00FF;
}
.subTopParams .color-pflaume,
.filter-color .color-pflaume {
  background-color: #dda0dd;
}
.subTopParams .color-pink,
.filter-color .color-pink {
  background-color: #FF1493;
}
.subTopParams .color-rosa,
.filter-color .color-rosa {
  background-color: #FFC0CB;
}
.subTopParams .color-rosa-pink,
.filter-color .color-rosa-pink {
  background-color: #FFC0CB;
}
.subTopParams .color-violett,
.filter-color .color-violett {
  background-color: #EE82EE;
}
.subTopParams .color-lila-pink,
.filter-color .color-lila-pink {
  background-color: #663399;
}

.subTopParams .color-aqua,
.filter-color .color-aqua {
  background-color: #00ffff;
}
.subTopParams .color-blau,
.filter-color .color-blau {
  background-color: #0000FF;
}
.subTopParams .color-dunkelblau,
.filter-color .color-dunkelblau {
  background-color: #00008B;
}
.subTopParams .color-hellblau,
.filter-color .color-hellblau {
  background-color: #BFEFFF;
}
.subTopParams .color-jeans,
.filter-color .color-jeans {
  background-color: #84beeb;
}
.subTopParams .color-marineblau,
.filter-color .color-marineblau {
  background-color: #002a77;
}
.subTopParams .color-navyblau,
.filter-color .color-navyblau {
  background-color: #000080;
}
.subTopParams .color-ozeanblau,
.filter-color .color-ozeanblau {
  background-color: #0077be;
}
.subTopParams .color-royalblau,
.filter-color .color-royalblau {
  background-color: #4169E1;
}
.subTopParams .color-tuerkis,
.filter-color .color-tuerkis {
  background-color: #00C5CD;
}

.subTopParams .color-multicolor,
.filter-color .color-multicolor {
  background: url("../../img/bunt.jpg") center center;
}

.subTopParams .color-gelb,
.filter-color .color-gelb {
  background-color: #FFFF00;
}
.subTopParams .color-gelb-braun,
.filter-color .color-gelb-braun {
  background-color: #CD950C;
}
.subTopParams .color-gold,
.filter-color .color-gold {
  background-color: #dbb569;
}
.subTopParams .color-rosegold,
.filter-color .color-rosegold {
  background-color: #daa889;
}
.subTopParams .color-honig,
.filter-color .color-honig {
  background-color: #a98307;
}
.subTopParams .color-mais,
.filter-color .color-mais {
  background-color: #FCEC34;
}
.subTopParams .color-orange,
.filter-color .color-orange {
  background-color: #FFA500;
}
.subTopParams .color-senf,
.filter-color .color-senf {
  background-color: #c38f00;
}

a.color {
  font-size: 10px;
  color: #fff;
  text-align: center;
  padding: 5px;
}
a.color div {
  background-color: #f0f0f0;
  width: 16px;
  height: 16px;
  position: relative;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a.color::first-of-type div {
  padding-left: 0;
}
a.color.color-undefined div {
  background-color: #f0f0f0;
}
/* Gruen */
a.color.color-gruen div {
  background-color: #2D770F;
}
a.color.color-khaki div {
  background-color: #bdc391;
}
a.color.color-neongruen div {
  background-color: #a3ff00;
}
a.color.color-mintgruen div {
  background-color: #a6e8d7;
}
a.color.color-mint div {
  background-color: #a6e8d7;
}
a.color.color-hellgruen div {
  background-color: #11f909;
}
a.color.color-dunkelgruen div {
  background-color: #006400;
}
a.color.color-gruen-braun div {
  background-color: #8B864E;
}
a.color.color-gruen-camel div {
  background: -o-linear-gradient(left, #528E3B 50%, #C19A6B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #528E3B), color-stop(50.1%, #C19A6B));
  background: linear-gradient(90deg, #528E3B 50%, #C19A6B 50.1%);
}
a.color.color-gruen-schwarz div {
  background: -o-linear-gradient(left, #2D770F 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #2D770F), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #2D770F 50%, #000 50.1%);
}
a.color.color-hellgruen-schwarz-blau div {
  background: -o-linear-gradient(left, #11f909 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #11f909), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #11f909 50%, #000 50.1%);
}
a.color.color-khaki-beige div {
  background-color: #BDB76B;
}
a.color.color-olive-camel div {
  background-color: #605412;
}
a.color.color-silt-green div {
  background-color: #a9bdb1;
}
a.color.color-sharp-green div {
  background-color: #c6e67a;
}
a.color.color-lovebird div {
  background-color: #c1db3c;
}
a.color.color-sulphur-spring div {
  background-color: #d5d717;
}
a.color.color-warm-olive div {
  background-color: #c7b63c;
}
a.color.color-smoke-green div {
  background-color: #a8bba2;
}
a.color.color-sycamore div {
  background-color: #35463d;
}
a.color.color-biscay-green div {
  background-color: #55c6a9;
}
a.color.color-alhambra div {
  background-color: #008778;
}
a.color.color-storm div {
  background-color: #035453;
}
a.color.color-olivine div {
  background-color: #666b54;
}
a.color.color-evening-primrose div {
  background-color: #cddc20;
}
a.color.color-wildlime div {
  background-color: #c6e67a;
}
a.color.color-deep-lichen div {
  background-color: #676B57;
}
a.color.color-forest-night div {
  background-color: #434237;
}
a.color.color-mist-green div {
  background-color: #aacebc;
}
a.color.color-sea-spray div {
  background-color: #727E6F;
}
a.color.color-teal-green div {
  background-color: #006361;
}
a.color.color-biscay-green div {
  background-color: #56C6A9;
}
a.color.color-shady-glade div {
  background-color: #006E5B;
}
a.color.color-aqua-green div {
  background-color: #21b19c;
}
a.color.color-ice-green div {
  background-color: #8dc8ba;
}
a.color.color-iceberg-green div {
  background-color: #8b9b92;
}
a.color.color-green-ash div {
  background-color: #add4a8;
}
/* Weiss */
a.color.color-elfenbein div {
  color: #000;
  background-color: #FFFFF0;
  border: 1px solid #ccc;
}
a.color.color-farblos div {
  color: #000;
  background-color: #F8F8FF;
  border: 1px solid #ccc;
}
a.color.color-offwhite div {
  color: #000;
  background-color: #FFFAFA;
  border: 1px solid #ccc;
}
a.color.color-offwhite-bordeaux div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #5e2028 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #5e2028));
  background: linear-gradient(90deg, #fff 50%, #5e2028 50.1%);
  border: 1px solid #ccc;
}
a.color.color-offwhite-gold div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #FFD700 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #FFD700));
  background: linear-gradient(90deg, #fff 50%, #FFD700 50.1%);
  border: 1px solid #ccc;
}
a.color.color-perlweiss div {
  color: #000;
  background-color: #EAE6CA;
  border: 1px solid #ccc;
}
a.color.color-weiss div {
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
}
a.color.color-weiss-blau div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #0000ff 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #0000ff));
  background: linear-gradient(90deg, #fff 50%, #0000ff 50.1%);
  border: 1px solid #ccc;
}
a.color.color-weiss-hellgrau div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #8a8a8a 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #8a8a8a));
  background: linear-gradient(90deg, #fff 50%, #8a8a8a 50.1%);
  border: 1px solid #ccc;
}
a.color.color-weiss-marine div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #000080 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #000080));
  background: linear-gradient(90deg, #fff 50%, #000080 50.1%);
  border: 1px solid #ccc;
}
a.color.color-weiss-rot div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #ff0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #ff0000));
  background: linear-gradient(90deg, #fff 50%, #ff0000 50.1%);
  border: 1px solid #ccc;
}
a.color.color-weiss-schwarz div {
  text-shadow: 0 0 1px #000;
  background: -o-linear-gradient(left, #fff 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #fff 50%, #000 50.1%);
  border: 1px solid #ccc;
}
a.color.color-weiss-silber div {
  color: #000;
  background: -o-linear-gradient(left, #fff 50%, #d9d9d9 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50.1%, #d9d9d9));
  background: linear-gradient(90deg, #fff 50%, #d9d9d9 50.1%);
  border: 1px solid #ccc;
}
a.color.color-bright-white div {
  color: #000;
  background-color: #f4f5f0;
  border: 1px solid #ccc;
}
a.color.color-snow-white div {
  color: #000;
  background-color: #f2f0eb;
  border: 1px solid #ccc;
}
a.color.color-whisper-white div {
  color: #000;
  background-color: #ede6db;
  border: 1px solid #ccc;
}
a.color.color-antique-white div {
  color: #000;
  background-color: #EEE5D3;
  border: 1px solid #ccc;
}
a.color.color-marshmallow div {
  color: #000;
  background-color: #F0EEE4;
  border: 1px solid #ccc;
}
a.color.color-irish-cream div {
  color: #000;
  background-color: #C0AC93;
  border: 1px solid #ccc;
}
a.color.color-sweet-corn div {
  color: #000;
  background-color: #f2edd7;
  border: 1px solid #ccc;
}
a.color.color-lucent-white div {
  color: #000;
  background-color: #f4f7fc;
  border: 1px solid #ccc;
}
a.color.color-whisper-white div {
  color: #000;
  background-color: #e7e4d7;
  border: 1px solid #ccc;
}
a.color.color-peyote div {
  color: #000;
  background-color: #c5bbae;
  border: 1px solid #ccc;
}
/* Grau */
a.color.color-anthra-melange div {
  background-color: #293133;
}
a.color.color-anthrazit div {
  background-color: #666;
}
a.color.color-blau-grau div {
  background-color: #B9D3EE;
}
a.color.color-dunkelgrau div {
  background-color: #4D4D4D;
}
a.color.color-grau div {
  background-color: #BEBEBE;
}
a.color.color-hellgrau div {
  color: #000;
  background-color: #E5E5E5;
  border: 1px solid #ccc;
}
a.color.color-mittelgrau div {
  background-color: #969696;
}
a.color.color-platin div {
  color: #000;
  background-color: #e5e4e2;
  border: 1px solid #ccc;
}
a.color.color-silber div {
  color: #000;
  background-color: #d9d9d9;
  border: 1px solid #ccc;
}
a.color.color-zinn div {
  background-color: #373f43;
}
a.color.color-lightgrey-melange div {
  color: #000;
  background-color: #D8D9D9;
  border: 1px solid #ccc;
}
a.color.color-blancdeblanc div {
  color: #000;
  background-color: #e7e9e7;
  border: 1px solid #ccc;
}
a.color.color-desert-sage div {
  background-color: #a7ae9e;
}
a.color.color-asphalt div {
  background-color: #434447;
}
a.color.color-feather-gray div {
  color: #000;
  background-color: #B8AD9E;
  border: 1px solid #ccc;
}
a.color.color-gray-violet div {
  background-color: #BBBCBC;
}
a.color.color-castle-rock div {
  background-color: #5F5E62;
}
/* Schwarz */
a.color.color-schwarz div {
  background-color: #000;
}
a.color.color-schwarz-beige div {
  background: -o-linear-gradient(left, #000 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #000 50%, #f5f5dc 50.1%);
}
a.color.color-schwarz-camel div {
  background: -o-linear-gradient(left, #000 50%, #c19a6b 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #c19a6b));
  background: linear-gradient(90deg, #000 50%, #c19a6b 50.1%);
}
a.color.color-schwarz-cognac div {
  background: -o-linear-gradient(left, #000 50%, #A3481B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #A3481B));
  background: linear-gradient(90deg, #000 50%, #A3481B 50.1%);
}
a.color.color-schwarz-dunkelbraun div {
  background: -o-linear-gradient(left, #000 50%, #8B5A2B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #8B5A2B));
  background: linear-gradient(90deg, #000 50%, #8B5A2B 50.1%);
}
a.color.color-schwarz-gold div {
  background: -o-linear-gradient(left, #000 50%, #FFD700 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #FFD700));
  background: linear-gradient(90deg, #000 50%, #FFD700 50.1%);
}
a.color.color-schwarz-grau div {
  background: -o-linear-gradient(left, #000 50%, #8a8a8a 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #8a8a8a));
  background: linear-gradient(90deg, #000 50%, #8a8a8a 50.1%);
}
a.color.color-schwarz-gruen div {
  background: -o-linear-gradient(left, #000 50%, #2D770F 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #2D770F));
  background: linear-gradient(90deg, #000 50%, #2D770F 50.1%);
}
a.color.color-schwarz-lila div {
  background: -o-linear-gradient(left, #000 50%, #D02090 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #D02090));
  background: linear-gradient(90deg, #000 50%, #D02090 50.1%);
}
a.color.color-schwarz-navyblau div {
  background: -o-linear-gradient(left, #000 50%, #000080 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #000080));
  background: linear-gradient(90deg, #000 50%, #000080 50.1%);
}
a.color.color-schwarz-pflaume div {
  background: -o-linear-gradient(left, #000 50%, #dda0dd 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #dda0dd));
  background: linear-gradient(90deg, #000 50%, #dda0dd 50.1%);
}
a.color.color-schwarz-rot div {
  background: -o-linear-gradient(left, #000 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #000 50%, #FF0000 50.1%);
}
a.color.color-schwarz-royalblau div {
  background: -o-linear-gradient(left, #000 50%, #4169E1 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #4169E1));
  background: linear-gradient(90deg, #000 50%, #4169E1 50.1%);
}
a.color.color-schwarz-rubinrot div {
  background: -o-linear-gradient(left, #000 50%, #8d1d2c 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #8d1d2c));
  background: linear-gradient(90deg, #000 50%, #8d1d2c 50.1%);
}
a.color.color-schwarz-sand div {
  background: -o-linear-gradient(left, #000 50%, #c2b280 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #c2b280));
  background: linear-gradient(90deg, #000 50%, #c2b280 50.1%);
}
a.color.color-schwarz-weiss div {
  text-shadow: 0 0 1px #000;
  background: -o-linear-gradient(left, #000 50%, #fff 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50.1%, #fff));
  background: linear-gradient(90deg, #000 50%, #fff 50.1%);
  border: 1px solid #ccc;
}
a.color.color-moonless-night div {
  background-color: #2f2d2f;
}
a.color.color-pewter div {
  background-color: #656664;
}
a.color.color-volcanic-ash div {
  background-color: #4a4a48;
}
a.color.color-jet-black div {
  background-color: #2e2e2e;
}
a.color.color-micro-chip div {
  background-color: #b9babc;
}
a.color.color-nimbus-cloud div {
  background-color: #d4d3d4;
}
a.color.color-iron-gate div {
  background-color: #4f5255;
}
/* Braun */
a.color.color-beige div {
  color: #000;
  background-color: #f5f5dc;
  border: 1px solid #ccc;
}
a.color.color-beige-blau div {
  color: #000;
  background: -o-linear-gradient(left, #f5f5dc 50%, #0000FF 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5dc), color-stop(50.1%, #0000FF));
  background: linear-gradient(90deg, #f5f5dc 50%, #0000FF 50.1%);
  border: 1px solid #ccc;
}
a.color.color-beige-braun div {
  color: #000;
  background: -o-linear-gradient(left, #f5f5dc 50%, #8B4513 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5dc), color-stop(50.1%, #8B4513));
  background: linear-gradient(90deg, #f5f5dc 50%, #8B4513 50.1%);
  border: 1px solid #ccc;
}
a.color.color-beige-cognac div {
  color: #000;
  background: -o-linear-gradient(left, #f5f5dc 50%, #A3481B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5dc), color-stop(50.1%, #A3481B));
  background: linear-gradient(90deg, #f5f5dc 50%, #A3481B 50.1%);
  border: 1px solid #ccc;
}
a.color.color-beige-creme div {
  color: #000;
  background: -o-linear-gradient(left, #f5f5dc 50%, #ffffb6 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5dc), color-stop(50.1%, #ffffb6));
  background: linear-gradient(90deg, #f5f5dc 50%, #ffffb6 50.1%);
  border: 1px solid #ccc;
}
a.color.color-beige-pink div {
  color: #000;
  background: -o-linear-gradient(left, #f5f5dc 50%, #FF1493 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5dc), color-stop(50.1%, #FF1493));
  background: linear-gradient(90deg, #f5f5dc 50%, #FF1493 50.1%);
  border: 1px solid #ccc;
}
a.color.color-beige-schwarz div {
  background: -o-linear-gradient(left, #f5f5dc 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5dc), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #f5f5dc 50%, #000 50.1%);
  border: 1px solid #ccc;
}
a.color.color-braun div {
  background-color: #8B4513;
}
a.color.color-bronze div {
  background-color: #cc8e34;
}
a.color.color-camel div {
  background-color: #c19a6b;
}
a.color.color-camel-beige div {
  color: #000;
  background: -o-linear-gradient(left, #c19a6b 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c19a6b), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #c19a6b 50%, #f5f5dc 50.1%);
  border: 1px solid #ccc;
}
a.color.color-camel-braun-multicolor div {
  background: -o-linear-gradient(left, #c19a6b 50%, #8B5A2B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c19a6b), color-stop(50.1%, #8B5A2B));
  background: linear-gradient(90deg, #c19a6b 50%, #8B5A2B 50.1%);
}
a.color.color-camel-dunkelbraun div {
  background: -o-linear-gradient(left, #c19a6b 50%, #8B5A2B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c19a6b), color-stop(50.1%, #8B5A2B));
  background: linear-gradient(90deg, #c19a6b 50%, #8B5A2B 50.1%);
}
a.color.color-camel-hellbeige div {
  color: #000;
  background: -o-linear-gradient(left, #c19a6b 50%, #e9e0c8 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c19a6b), color-stop(50.1%, #e9e0c8));
  background: linear-gradient(90deg, #c19a6b 50%, #e9e0c8 50.1%);
  border: 1px solid #ccc;
}
a.color.color-cognac div {
  background-color: #A3481B;
}
a.color.color-creme div {
  color: #000;
  background-color: #ffffb6;
  border: 1px solid #ccc;
}
a.color.color-creme-rot div {
  color: #000;
  background: -o-linear-gradient(left, #ffffb6 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffb6), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #ffffb6 50%, #FF0000 50.1%);
  border: 1px solid #ccc;
}
a.color.color-dunkelbeige div {
  background-color: #d0bd8a;
}
a.color.color-dunkelbraun div {
  background-color: #8B5A2B;
}
a.color.color-dunkelbraun-beige div {
  background: -o-linear-gradient(left, #8B5A2B 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8B5A2B), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #8B5A2B 50%, #f5f5dc 50.1%);
  border: 1px solid #ccc;
}
a.color.color-dunkelbraun-camel div {
  background: -o-linear-gradient(left, #8B5A2B 50%, #c19a6b 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8B5A2B), color-stop(50.1%, #c19a6b));
  background: linear-gradient(90deg, #8B5A2B 50%, #c19a6b 50.1%);
}
a.color.color-dunkelbraun-cognac div {
  background: -o-linear-gradient(left, #8B5A2B 50%, #A3481B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8B5A2B), color-stop(50.1%, #A3481B));
  background: linear-gradient(90deg, #8B5A2B 50%, #A3481B 50.1%);
}
a.color.color-espresso div {
  background-color: #67564e;
}
a.color.color-hellbeige div {
  color: #000;
  background-color: #e9e0c8;
  border: 1px solid #ccc;
}
a.color.color-hellbeige-creme div {
  color: #000;
  background-color: #e9e0c8;
  border: 1px solid #ccc;
}
a.color.color-hellbraun div {
  background-color: #EEC591;
}
a.color.color-kaffee div {
  background-color: #654a35;
}
a.color.color-make-up div {
  background-color: #d69f7e;
}
a.color.color-marone div {
  background-color: #60341c;
}
a.color.color-mittelbraun div {
  background-color: #793d00;
}
a.color.color-mocca div {
  background-color: #8B4513;
}
a.color.color-mud div {
  background-color: #70543e;
}
a.color.color-nougat div {
  background-color: #B89F86;
}
a.color.color-nude div {
  background-color: #E3BC9A;
}
a.color.color-ocker div {
  background-color: #b88428;
}
a.color.color-puder div {
  background-color: #fde2c5;
}
a.color.color-sand div {
  background-color: #c2b280;
}
a.color.color-sand-camel div {
  background-color: #c6a664;
}
a.color.color-tabak div {
  background-color: #6D5843;
}
a.color.color-tabak-beige div {
  background: -o-linear-gradient(left, #6D5843 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #6D5843), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #6D5843 50%, #f5f5dc 50.1%);
}
a.color.color-tabak-dunkelbraun div {
  background: -o-linear-gradient(left, #6D5843 50%, #8B5A2B 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #6D5843), color-stop(50.1%, #8B5A2B));
  background: linear-gradient(90deg, #6D5843 50%, #8B5A2B 50.1%);
}
a.color.color-tabak-schwarz div {
  background: -o-linear-gradient(left, #6D5843 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #6D5843), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #6D5843 50%, #000 50.1%);
}
a.color.color-taupe div {
  background-color: #483c32;
}
a.color.color-zinn div {
  background-color: #373f43;
}
a.color.color-eggnog div {
  background-color: #ece1d3;
}
a.color.color-brazilian-sand div {
  background-color: #dbcab8;
}
a.color.color-cuban-sand div {
  background-color: #c1a68d;
}
a.color.color-chocolate-truffle div {
  background-color: #612e35;
}
a.color.color-rainyday div {
  background-color: #cfc8bd;
}
a.color.color-oxford-tan div {
  background-color: #b8a99a;
}
a.color.color-tawny-brown div {
  background-color: #ab856f;
}
a.color.color-hazel div {
  background-color: #ae7250;
}
a.color.color-curry div {
  background-color: #be9e6f;
}
a.color.color-purple-dove div {
  background-color: #99888D;
}
a.color.color-turtledove div {
  background-color: #DED7C8;
}
a.color.color-cinnamon div {
  background-color: #9C4722;
}
a.color.color-overland-trek div {
  background-color: #898270;
}
a.color.color-cumin div {
  background-color: #917241;
}
/* Rot */
a.color.color-amber div {
  background-color: #FFBF00;
}
a.color.color-apple div {
  background-color: #a40000;
}
a.color.color-apricot div {
  background-color: #fbceb1;
}
a.color.color-bordeaux div {
  background-color: #5e2028;
}
a.color.color-bordeaux-camel div {
  background: -o-linear-gradient(left, #5e2028 50%, #c19a6b 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #5e2028), color-stop(50.1%, #c19a6b));
  background: linear-gradient(90deg, #5e2028 50%, #c19a6b 50.1%);
}
a.color.color-bordeaux-schwarz div {
  background: -o-linear-gradient(left, #5e2028 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #5e2028), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #5e2028 50%, #000 50.1%);
}
a.color.color-coral div {
  background-color: #ff7f50;
}
a.color.color-curry div {
  background-color: #9e2c05;
}
a.color.color-purple-dove div {
  background-color: #99888D;
}
a.color.color-turtledove div {
  background-color: #DED7C8;
}
a.color.color-cinnamon div {
  background-color: #9C4722;
}
/* Rot */
a.color.color-papaya div {
  background-color: #ffc281;
}
a.color.color-pfirsich div {
  background-color: #FFE5B4;
}
a.color.color-rost div {
  background-color: #b7410e;
}
a.color.color-rot div {
  background-color: #FF0000;
}
a.color.color-rot-beige div {
  background: -o-linear-gradient(left, #FF0000 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FF0000), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #FF0000 50%, #f5f5dc 50.1%);
}
a.color.color-rot-camel div {
  background: -o-linear-gradient(left, #FF0000 50%, #c19a6b 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FF0000), color-stop(50.1%, #c19a6b));
  background: linear-gradient(90deg, #FF0000 50%, #c19a6b 50.1%);
}
a.color.color-rot-weiss div {
  background: -o-linear-gradient(left, #FF0000 50%, #fff 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FF0000), color-stop(50.1%, #fff));
  background: linear-gradient(90deg, #FF0000 50%, #fff 50.1%);
}
a.color.color-rubinrot div {
  background-color: #8d1d2c;
}
a.color.color-rubinrot-camel div {
  background: -o-linear-gradient(left, #8d1d2c 50%, #c19a6b 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8d1d2c), color-stop(50.1%, #c19a6b));
  background: linear-gradient(90deg, #8d1d2c 50%, #c19a6b 50.1%);
}
a.color.color-tartan div {
  background-color: #a60000;
}
a.color.color-weinrot div {
  background-color: #8B0000;
}
a.color.color-calypsocoral div {
  background-color: #ee5c6c;
}
a.color.color-cherrytomato div {
  background-color: #eb3c27;
}
a.color.color-hotsauce div {
  background-color: #ab4f41;
}
a.color.color-filared div {
  background-color: #be132d;
}
a.color.color-tawnyport div {
  background-color: #5c2c35;
}
a.color.color-rouge-red div {
  background-color: #d84c69;
}
a.color.color-hot-coral div {
  background-color: #e84831;
}
/* Lila */
a.color.color-aubergine div {
  background-color: #513137;
}
a.color.color-brombeer div {
  background-color: #660033;
}
a.color.color-dunkelrot div {
  background-color: #8B0000;
}
a.color.color-flieder div {
  background-color: #723298;
}
a.color.color-fuchsia div {
  background-color: #ff00ff;
}
a.color.color-koralle div {
  background-color: #ff7f50;
}
a.color.color-lachs div {
  background-color: #fa8072;
}
a.color.color-lavendel div {
  background-color: #a4a0d0;
}
a.color.color-lila div {
  background-color: #D02090;
}
a.color.color-lila-schwarz-pink div {
  background: -o-linear-gradient(left, #8800ff 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8800ff), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #8800ff 50%, #000 50.1%);
}
a.color.color-magenta div {
  background-color: #FF00FF;
}
a.color.color-malve div {
  background-color: #ae7181;
}
a.color.color-mauve div {
  background-color: #ae7181;
}
a.color.color-pflaume div {
  background-color: #dda0dd;
}
a.color.color-pink div {
  background-color: #FF1493;
}
a.color.color-pink-schwarz-lila div {
  background: -o-linear-gradient(left, #8800ff 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8800ff), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #8800ff 50%, #000 50.1%);
}
a.color.color-rosa div {
  background-color: #FFC0CB;
}
a.color.color-rosa-bordeaux div {
  background-color: #4c1c24;
}
a.color.color-violett div {
  background-color: #EE82EE;
}
a.color.color-lila-pink div {
  background-color: #663399;
}
a.color.color-pinkmist div {
  background-color: #e6bccd;
}
a.color.color-coralblush div {
  background-color: #e6b2b8;
}
a.color.color-coralcloud div {
  background-color: #e2a9a1;
}
a.color.color-tearose div {
  background-color: #dc7178;
}
a.color.color-peony div {
  background-color: #ed9ca8;
}
a.color.color-moonlite-mauve div {
  background-color: #d28fb0;
}
a.color.color-conch-shell div {
  background-color: #fc8f9b;
}
a.color.color-superpink div {
  background-color: #ce6ba4;
}
a.color.color-pinkpeacok div {
  background-color: #c62386;
}
a.color.color-fuchsiapurple div {
  background-color: #d33479;
}
a.color.color-brightrose div {
  background-color: #c51959;
}
a.color.color-beetroot div {
  background-color: #cf2d71;
}
a.color.color-palemauve div {
  background-color: #c6a4a4;
}
a.color.color-baroquerose div {
  background-color: #b35a66;
}
a.color.color-quail div {
  background-color: #98868c;
}
a.color.color-orchid-petal div {
  background-color: #bdb1cb;
}
a.color.color-amethyst-orchid div {
  background-color: #926aa6;
}
a.color.color-purple-cactus div {
  background-color: #9d3695;
}
a.color.color-pastel-lilac div {
  background-color: #bfb1d2;
}
a.color.color-purplehaze div {
  background-color: #807396;
}
a.color.color-sparkling-grape div {
  background-color: #773376;
}
a.color.color-hyacinth-violet div {
  background-color: #8d4687;
}
a.color.color-winterbloom div {
  background-color: #47253c;
}
a.color.color-eclipse div {
  background-color: #343148;
}
a.color.color-lavender div {
  background-color: #afa4ce;
}
a.color.color-lobster-bisque div {
  background-color: #DE938E;
}
a.color.color-quartz-pink div {
  background-color: #EFA6AA;
}
a.color.color-salmon div {
  background-color: #FF8371;
}
a.color.color-sepia-rose div {
  background-color: #D5BBB6;
}
a.color.color-shell-pink div {
  background-color: #F48385;
}
a.color.color-tillandsia-purple div {
  background-color: #563474;
}
a.color.color-rhubarb div {
  background-color: #77202F;
}
a.color.color-ultraviolet div {
  background-color: #5F4B8B;
}
a.color.color-pastel-lilac div {
  background-color: #BEB2D5;
}
a.color.color-coral-paradise div {
  background-color: #e06174;
}
a.color.color-pink-peacock div {
  background-color: #c3356b;
}
a.color.color-festival-fuchsia div {
  background-color: #b11661;
}
a.color.color-flamingo-pink div {
  background-color: #e9929d;
}
a.color.color-chateau-rose div {
  background-color: #d0738e;
}
a.color.color-purple-rose div {
  background-color: #aa9eb9;
}
a.color.color-lilac-sachet div {
  background-color: #d8a9bf;
}
a.color.color-lavender-lustre div {
  background-color: #8a9dc5;
}
a.color.color-amaranth div {
  background-color: #6f3f55;
}
a.color.color-keepsake-lilac div {
  background-color: #c0a5ae;
}
/* Blau */
a.color.color-aqua div {
  background-color: #00ffff;
}
a.color.color-aqua-beige div {
  background: -o-linear-gradient(left, #00ffff 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00ffff), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #00ffff 50%, #f5f5dc 50.1%);
}
a.color.color-azurblau div {
  background-color: #2e5978;
}
a.color.color-blau div {
  background-color: #0000FF;
}
a.color.color-blau-beige div {
  background: -o-linear-gradient(left, #0000FF 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0000FF), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #0000FF 50%, #f5f5dc 50.1%);
  border: 1px solid #ccc;
}
a.color.color-blau-hellgrau div {
  background: -o-linear-gradient(left, #0000FF 50%, #8a8a8a 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0000FF), color-stop(50.1%, #8a8a8a));
  background: linear-gradient(90deg, #0000FF 50%, #8a8a8a 50.1%);
}
a.color.color-blau-lila div {
  background: -o-linear-gradient(left, #0000FF 50%, #D02090 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0000FF), color-stop(50.1%, #D02090));
  background: linear-gradient(90deg, #0000FF 50%, #D02090 50.1%);
}
a.color.color-blau-rot div {
  background: -o-linear-gradient(left, #0000FF 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0000FF), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #0000FF 50%, #FF0000 50.1%);
}
a.color.color-blau-schwarz div {
  background: -o-linear-gradient(left, #0000FF 50%, #000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0000FF), color-stop(50.1%, #000));
  background: linear-gradient(90deg, #0000FF 50%, #000 50.1%);
}
a.color.color-blau-schwarz-rot div {
  background: -o-linear-gradient(left, #00008B 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00008B), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #00008B 50%, #FF0000 50.1%);
}
a.color.color-dunkelblau div {
  background-color: #00008B;
}
a.color.color-hellblau div {
  color: 000;
  background-color: #BFEFFF;
}
a.color.color-hellblau-beige div {
  color: #000;
  background: -o-linear-gradient(left, #BFEFFF 50%, #f5f5dc 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #BFEFFF), color-stop(50.1%, #f5f5dc));
  background: linear-gradient(90deg, #BFEFFF 50%, #f5f5dc 50.1%);
  border: 1px solid #ccc;
}
a.color.color-jeans div {
  background-color: #84beeb;
}
a.color.color-jeans-camel div {
  background: -o-linear-gradient(left, #84beeb 50%, #c19a6b 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #84beeb), color-stop(50.1%, #c19a6b));
  background: linear-gradient(90deg, #84beeb 50%, #c19a6b 50.1%);
}
a.color.color-jeans-rot div {
  background: -o-linear-gradient(left, #84beeb 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #84beeb), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #84beeb 50%, #FF0000 50.1%);
}
a.color.color-marineblau div {
  background-color: #002a77;
}
a.color.color-navyblau div {
  background-color: #000080;
}
a.color.color-navyblau-rot div {
  background: -o-linear-gradient(left, #000080 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000080), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #000080 50%, #FF0000 50.1%);
}
a.color.color-navyblau-weiss-orange div {
  background: -o-linear-gradient(left, #000080 50%, #ff8800 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000080), color-stop(50.1%, #ff8800));
  background: linear-gradient(90deg, #000080 50%, #ff8800 50.1%);
}
a.color.color-ozeanblau div {
  background-color: #0077be;
}
a.color.color-petrolblau div {
  background-color: #095b69;
}
a.color.color-petrol div {
  background-color: #095b69;
}
a.color.color-royalblau div {
  background-color: #4169E1;
}
a.color.color-tuerkis div {
  background-color: #00C5CD;
}
a.color.color-blue-fog div {
  background-color: #9babbb;
}
a.color.color-coronet-blue div {
  background-color: #59728e;
}
a.color.color-surftheweb div {
  background-color: #203c7f;
}
a.color.color-cameo-blue div {
  background-color: #769da6;
}
a.color.color-vallarta-blue div {
  background-color: #346cb0;
}
a.color.color-placid-blue div {
  background-color: #8cadd3;
}
a.color.color-dazzling-blue div {
  background-color: #3950a0;
}
a.color.color-indigo-bunting div {
  background-color: #006ca9;
}
a.color.color-galaxy-blue div {
  background-color: #2a4c7d;
}
a.color.color-limoges div {
  background-color: #243f6c;
}
a.color.color-blue-atoll div {
  background-color: #00b6d9;
}
a.color.color-scuba-bloe div {
  background-color: #00abc0;
}
a.color.color-royalblue div {
  background-color: #3d428b;
}
a.color.color-skydiver div {
  background-color: #00589b;
}
a.color.color-island-paradise div {
  background-color: #96dfe4;
}
a.color.color-beach-glass div {
  background-color: #96dfec;
}
a.color.color-turquoise div {
  background-color: #009dae;
}
a.color.color-celestial-blue div {
  background-color: #2e62a3;
}
a.color.color-baja-blue div {
  background-color: #5f6db0;
}
a.color.color-clematis-blue div {
  background-color: #363b7c;
}
a.color.color-crown-blue div {
  background-color: #464b65;
}
a.color.color-black-iris div {
  background-color: #2b3042;
}
a.color.color-black-dress-blue div {
  background-color: #2A3244;
}
a.color.color-skyway div {
  background-color: #ADBED3;
}
a.color.color-cameo-blue div {
  background-color: #769DA6;
}
a.color.color-bay div {
  background-color: #BAE5D6;
}
a.color.color-sky-blue div {
  background-color: #8ABAD3;
}
a.color.color-lapis-blue div {
  background-color: #2D5593;
}
a.color.color-nautical-blue div {
  background-color: #1b5390;
}
a.color.color-medieval-blue div {
  background-color: #34364b;
}
a.color.color-ultramarine div {
  background-color: #5b7fb5;
}
a.color.color-spa-retreat div {
  background-color: #b8d8d9;
}
a.color.color-eggshell-blue div {
  background-color: #9fccc9;
}
a.color.color-blue-coral div {
  background-color: #1a6779;
}
a.color.color-simply-blue div {
  background-color: #1567ae;
}
/* Multi */
a.color.color-multicolor div {
  background: -o-linear-gradient(left, #000FF 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000FF), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #000FF 50%, #FF0000 50.1%);
}
a.color.color-regenbogen div {
  background: -o-linear-gradient(left, #000FF 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000FF), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #000FF 50%, #FF0000 50.1%);
}
/* Gelb */
a.color.color-gelb div {
  color: #000;
  background-color: #FFFF00;
}
a.color.color-gelb-braun div {
  background: -o-linear-gradient(left, #FFFF00 50%, #8B4513 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFFF00), color-stop(50.1%, #8B4513));
  background: linear-gradient(90deg, #FFFF00 50%, #8B4513 50.1%);
}
a.color.color-gelb-rot div {
  background: -o-linear-gradient(left, #FFFF00 50%, #FF0000 50.1%);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFFF00), color-stop(50.1%, #FF0000));
  background: linear-gradient(90deg, #FFFF00 50%, #FF0000 50.1%);
}
a.color.color-gold div {
  color: #000;
  background-color: #dbb569;
}
a.color.color-rosegold div {
  color: #000;
  background-color: #daa889;
}
a.color.color-honig div {
  color: #000;
  background-color: #a98307;
}
a.color.color-mais div {
  color: #000;
  background-color: #FCEC34;
}
a.color.color-orange div {
  background-color: #ff8800;
}
a.color.color-orange-gelb div {
  background-color: #dd7907;
}
a.color.color-senf div {
  color: #000;
  background-color: #c38f00;
}
a.color.color-waxyellow div {
  color: #000;
  background-color: #ede9ad;
}
a.color.color-lemonchrome div {
  color: #000;
  background-color: #ffc300;
}
a.color.color-aurora div {
  color: #000;
  background-color: #eddd59;
}
a.color.color-saffron div {
  color: #000;
  background-color: #ffa500;
}
a.color.color-russetorange div {
  color: #000;
  background-color: #e47127;
}
a.color.color-flameorange div {
  color: #000;
  background-color: #fb8b23;
}
a.color.color-mandarin div {
  color: #000;
  background-color: #ec6a37;
}
a.color.color-tigerlily div {
  color: #000;
  background-color: #e2583e;
}
a.color.color-fiesta div {
  color: #000;
  background-color: #dd4132;
}
a.color.color-elfin-yellow div {
  color: #000;
  background-color: #EEEA97;
}
a.color.color-limelight div {
  color: #000;
  background-color: #F3ED7C;
}
a.color.color-habanero-gold div {
  color: #000;
  background-color: #f0d157;
}
a.color.color-buttercup div {
  color: #000;
  background-color: #efd942;
}
a.color.color-tangelo div {
  color: #000;
  background-color: #f07e36;
}

a.color i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
}

.resetLink{
    margin: 5px 0 0px;
    padding: 0px;
}

.resetLink li{
    list-style-type: none;
}

.resetLink li .subcategoryLink{
    text-decoration: none;
    text-transform: none;
    color: #5f5f5f;
    text-align: right;
    display: block;
}

.resetLink li .subcategoryLink:hover{
    color: #000;
}

/* -------- locator Filter --------------------*/

.locatorFilter{
    /*overflow: hidden; */
    width: 100%;
}

.locatorFilter .categoryBox {
    width: 24%;
    float: left;
    margin-right: 1.33%;
    min-width: 202px;
}

.locatorFilter .categoryBox:nth-child(4n) {
    margin-right: 0;
}

@media(max-width:1150px){

  .locatorFilter .categoryBox {
      width: 49%;
      margin-right: 1.33%;
  }

  .locatorFilter .categoryBox:nth-child(2n) {
      margin-right: 0;
  }

  .listStyles #sortItems{
      width: 49%;
  }


}

.locatorFilter .categoryBox li{
    list-style-type: none;
}

.locatorFilter .categoryBox .showFilter{
    font-size: 15px;
    color: #02133e;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #02133e;
}

.locatorFilter .categoryBox .showFilter img{
    float: right;
    margin-top: 5px;
}

.locatorFilter .categoryBox .showFilter .noActFilter{
    display: block;
}

.locatorFilter .categoryBox .showFilter .notVisible{
    display: none;
}

.locatorFilter .categoryBox .showFilter .activeFilter{
    display: block;
}

.locatorFilter .categoryBox .catTree {
    position: absolute;
    background: url(../../img/subCatBg.png);
    width: 24%;
    margin: 0px;
    margin-top: -1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    border: 1px solid #02133e;
    border-top: 0px;
    min-width: 202px;
    z-index: 20;
}

.locatorFilter .wrapper{
    max-height: 200px;
}

.locator-dropdown {
  font-size: 12px;
  line-height: 16px;
  position: relative;
}

.locator-dropdown > span {
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.locator-dropdown > span:hover,
.locator-dropdown.open > span {
  color: #3659B3;
}

.locator-dropdown > span > span {
  margin-left: 4px;
}

.locator-dropdown i {
  font-size: 20px;
  margin-left: 10px;
  vertical-align: bottom;
  vertical-align: sub;
}

.locator-dropdown > ul {
  background: #fff;
  min-width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #EBEBEB;
  -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.locator-dropdown.right > ul {
  left: auto;
  right: 0
}
.locator-dropdown > ul li {
  list-style: none;
  display: block;
}
.locator-dropdown > ul li a {
  display: block;
}

.locator-filter {
  margin-right: 20px;
}

.locator-filter .filter-btn a {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 16px;
  letter-spacing: 1px;
  white-space: nowrap;
  background-color: #D70929;
  padding: 10px 15px;
  margin: 0 -1px -1px;
}
.locator-filter .filter-btn a.disabled {
  background-color: #999;
}
.locator-filter .filter-btn i {
  font-size: 10px;
  vertical-align: middle;
}

.locator-filter .scrollable {
  max-height: 350px;
  position: relative;
}

.locator-filter .filter-option > span,
.locator-filter .filter-option a {
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  padding: 10px 15px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.locator-filter .filter-option:hover a {
  background-color: #f4f4f4;
}
.locator-filter .filter-option.active a {
  color: #fff;
  background: url(../../img/filter-close-icon.png) no-repeat center right 15px;
  background-size: 16px;
  background-color: #02133E;
}
.locator-filter .filter-option.active:hover a {
  background-color: #3659B3;
}

.filter-heading {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 1px;
  padding: 10px 15px;
}

.locator-dropdown > ul.filter-size .filter-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.locator-dropdown > ul.filter-size .filter-content ul {
  min-width: 200px;
}

.locator-dropdown > ul.filter-color .filter-option {
  min-width: 200px;
}
.locator-dropdown > ul.filter-gender .filter-option {
  min-width: 200px;
}

.locator-dropdown .filter-price-controls {
  padding: 10px 15px;
  width: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.locator-dropdown .filter-price-input {
  font-size: 14px;
  line-height: 20px;
  padding: 4px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #EBEBEB;
}
.locator-dropdown .filter-price-input input {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  padding: 24px 6px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.locator-dropdown .filter-price-slider {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.filter-price-sale {
  padding: 10px 15px;
}

.locator-category {
  margin-left: auto;
}
.locator-category li a {
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 15px;
}
.locator-category li a:hover {
  color: #fff;
  background-color: #02133E;
}

.locator-sort {
  margin-left: auto;
}
.locator-category + .locator-sort {
  margin-left: 0;
}
.locator-sort li a {
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 15px;
}
.locator-sort li a:hover {
  color: #fff;
  background-color: #02133E;
}

.filter-close-btn {
  font-size: 14px;
  color: #02133E;
  line-height: 20px;
  background-color: #f4f4f4;
  padding: 6px 8px 6px 12px;
  margin-right: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #EBEBEB;
}
.filter-close-btn:hover {
  text-decoration: none;
  border: 1px solid #3659B3;
}
.filter-close-btn img {
  width: 24px;
  height: auto;
  margin-left: 8px;
}
.filter-reset-btn {
  font-size: 14px;
  color: #02133E;
  line-height: 20px;
  padding: 6px 8px 6px 12px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #EBEBEB;
}
.filter-reset-btn:hover {
  text-decoration: none;
  border: 1px solid #3659B3;
}
.filter-reset-btn img {
  width: 24px;
  height: auto;
  margin-left: 8px;
}

.genderList .level1 a{
    color: #02133e;
    padding: 0px;
    padding-left: 25px;
    line-height: 20px;
    height: 20px;
    display: block;
    background: url("../../img/checkBox.png") left 0 no-repeat;
    cursor: pointer;
}

.genderList li.active a{
    background: transparent;
}

.genderList li a.checked{
    background-position: left -60px;
    color: #02133e;
}

.locatorFilter .wrapper .sizes2{
    position: relative;
    z-index: 1;
    border: 0px;
    width: 100%;
}

.scrollable.ps-container > .ps-scrollbar-x-rail,
.scrollable.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.1;
}
.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
  z-index: 100;
}

.locatorFilter .saleOnly {
    margin-top: 20px;
}

.locatorFilter .resetLink{
    display: block;
    clear: both;
    float: none;
    width: 100%;
    border: 0px;
    text-align: left;
    color: #02133e;
    background: none;
}

.locatorFilter .resetLink:hover{
    display: block;
    clear: both;
    float: none;
    width: 100%;
    border: 0px;
    text-align: left;
    color: #02133e;
    background: none;
}

.locatorFilter .resetLink a{
    display: block;
    clear: both;
    float: none;
    border: 0px;
    width: 100% !important;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #02133e;
    margin: 0px;
    padding: 0px;
}

.locatorFilter .resetLink a:hover{
    display: block;
    clear: both;
    float: none;
    border: 0px;
    width: 100%;
    background: none;
    color: #02133e;
}

/* --- Checkout - payment --------------------- */

#payment .lineBox a, #payment .lineBox button{
  width: 25%;
  display: block;
  text-align: center;
}

.shippingSet {
  font-size: 16px;
  padding: 30px 0 30px 5px;
  border-top: 1px solid #e4ebed;
}
.shippingSet:last-of-type {
  border-bottom: 1px solid #e4ebed;
}
.shippingSet img {
  margin-right: 20px;
  margin-left: 10px;
  width: 100px;
  display: inline-block;
  vertical-align: text-bottom;
}
.shippingSet .shippingSetToggle {
  padding-left: 45px;
  display: none;
}
.shippingSet input[type="radio"]:checked + label + .shippingSetToggle {
  display: block;
}
#page.checkout .shippingSet .submitButton {
  margin: 30px 0 0;
}

.paymentMethod {
  font-size: 16px;
  padding: 30px 0 30px 5px;
  border-top: 1px solid #e4ebed;
}
.paymentMethod:last-of-type {
  border-bottom: 1px solid #e4ebed;
}
.paymentMethod dt {
  margin: 0;
  font-size: 16px;
}

.paymentMethod dd {
  margin-left: 45px;
  display: none;
}

.paymentMethod.activePayment dd {
  display: block;
}

.payment .desc {
  font-size: 14px;
  line-height: 1.3;
  padding-top: 15px;
}

.paymentMethod img {
  margin-right: 20px;
  margin-left: 10px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.paymentMethod input[type="radio"] + label {
  line-height: 40px;
  background-position: left 10px top 10px;
  height: 40px;
}
.paymentMethod input[type="radio"]:checked + label {
    background-position: left 10px top -50px;
}


/* --- Trusted shops -------------------------------- */

.etrustlogocol {
    float: left;
    width: 100px;
}

.etrustlogocol img {
    border: 0;
}

.etrustTsRatingButton {
    margin: 7px 0;
}

/* --- Checkout - thankyou page --------------------- */

#thankyouPage .lightHead {
    margin-top: 80px;
}

#thankyouPage .link {
    font-weight: bold;
    color: #3799B1;
}

.listRefine {
    position: relative;
}

.refineParams {
    font-size: 12px;
}

.topParams {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  border-bottom: 1px solid #EBEBEB;
}
.subTopParams {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

#filterSticky {
  border-top: 1px solid #e3e3e3;
}
#filterSticky .topParams {
  margin-bottom: 0;
  border-bottom: none;
}

.bottomParams,
.detailsParams {
    text-align: center;
}

.bottomParams .pager,
.detailsParams .pager {
    float: none;
}

.detailsParams .pager {
    background-image: none;
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
}

.bottomParams a.prev,
.detailsParams a.prev {
    float: left;
}

.bottomParams a.next,
.detailsParams a.next {
    float: right;
}

.bottomParams {
    padding: 0;
}

#itemsPerPage{
    position: relative;
    float: right;
}

#itemsPerPage ul{
    margin: 0px;
    padding: 0px;
}

#itemsPerPage li{
    list-style-type: none;
    float: left;
    margin-right: 4px;
    border-right: 1px solid #5f5f5f;
}

#itemsPerPage li:last-child{
    margin-right: 0px;
    border-right: 0px;
}

#itemsPerPage li a{
    padding-right: 4px;
    color: #5f5f5f;
    text-decoration: none;
}

#itemsPerPage li a.selected{
    color: #000;
}

#sortItems{
    position: relative;
    border: 1px solid #02133e;
    color: #02133e;
    width: 24%;
    font-size: 15px;
    margin-top: 5px;
    min-width: 202px;
    padding: 0px;
    padding-bottom: 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
}

#sortItems ul{
    background: url(../../img/subCatBg.png);
    right: 0px;
    font-size: 13px;
    font-weight: normal;
    width: 100.5% !important;
}

#sortItems p{
    background: url(../../img/locatorClose.png) no-repeat 98% center;
    padding: 5px 6px 4px 5px;
}

#sortItems label{
    padding: 0px;
}

#sortItems span{
    padding: 0px;
    font-weight: normal;
}

#sortItems li{
    line-height: 20px;
}

#sortItems li a:hover{
    background: #02133e;
    color: #fff;
}

#sortItems li a.selected{
    background: #C4C4C4;
    color: #fff;
}


/* --- dropDown ------------- */
.drop li {
    list-style: none;
    padding: 0;
}

.dropDown{
    position:relative;
    float:left;
    padding-right: 10px;
    min-width: 120px;
    cursor: pointer;
}


.dropDown ul{
    position: absolute;
    display: none;
    margin: 0;
    z-index: 20;
    top: 25px;
    left: -1px;
    padding-top: 1px;
    border: 1px solid #02133e;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 0px;
}

.dropDown ul a{
    text-decoration:none;
    display:block;
    padding: 3px 5px;
    color: #02133e;
}

.dropDown li {
}

.dropDown li:first-child a {
    border-top: none;
}

.dropDown li:last-child a {
    border-bottom: none;
}


.dropDown ul a:hover,
.dropDown ul a.selected{
    color: #000;
}
.dropDown p{
    color: #02133e;
    margin: 0;
    background: url(../../img/dropdown.png) no-repeat right center;
    padding-right: 15px;
}

.dropDown p label {
}

.dropDown p span {
    font-weight: 700;
}

.dropDown .value {
    padding: 3px 10px 3px 0;
    border-bottom: 1px solid #b4b8b8;
}

.dropDown label {
    padding:0 3px 0 5px;
}

.dropDown li.asc span,
.dropDown li.desc span,
.dropDown p span.asc,
.dropDown p span.desc {
    /*padding-right: 15px;
    background: url(../../img/arrow-updown.png) no-repeat 100% -39px;*/
}

.dropDown li.desc span, .dropDown p span.desc {
    background-position: 100% -39px;
}

.dropDown li.asc span, .dropDown p span.asc {
    background-position: 100% 3px;
}

/* --- Pager ------------------------- */
.bottomParams{
    text-align: center;
    clear: both;
}

.paging-overview {
  font-size: 14px;
  color: #999;
  margin: 40px 0 10px;
}

.paging-progress {
  background-color: #ebebeb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px auto 20px;
  width: 120px;
  height: 2px;
}
.paging-progress div {
  background-color: #02133E;
  display: inline-block;
  width: 20px;
  height: 2px;
}

a.paging-btn {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #D70929;
  padding: 20px 25px;
  width: 400px;
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a.paging-btn:hover {
  background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.1)));
  background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
}

/* --- Bread crumb ------------------ */
#breadCrumb {
  color: #02133e;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  left: 0px;
  min-height: 1.5em;
  padding: 12px 0 0;
  margin-bottom: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#breadCrumb span {
  margin-right: 2px;
}

#breadCrumb a {
  font-weight: bold;
  color: #02133E;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 2px;
  margin-left: 2px;
}
#breadCrumb span:last-of-type a,
#breadCrumb span:last-of-type i {
  color: #D1D1D1;
}

#breadCrumb a:hover {
  color: black;
}

#breadCrumb i {
  margin: 0 4px;
}

@media (max-width: 1400px) {
  #breadCrumb {
    padding-left: 2%;
    padding-right: 2%;
  }
}

#overviewLink{
    position: relative;
    overflow: hidden;
    margin-top: 7px;
}

#overviewLink a{
    color: #02133e;
}

.listFilter {
    background: #f2f4f5;
    padding: 10px 10px 0 10px;
    font-size: 11px;
    border-bottom: 1px solid #29373c;
}

.listFilter .dropDown {
    margin-bottom: 10px;
    min-width:232px;
}

/* --- Wrapping ----------------------------- */
.wrapping {
    border-color: #666;
    overflow: hidden;
}

.wrappingIntro img,
.wrappingIntro .introtext {
    float: left;
}

.wrappingIntro .introtext {
    padding:15px 0 0 20px;
    width: 290px;
}

.wrapping h3 {
    border-color: #a2a9ab;
    padding-left: 5px;
    text-transform: uppercase;
}

.wrappingData .thumbCol {
    width: 150px;
}

.wrappingData .articleCol {
    width: 170px;
}

.wrappingData .priceCol {
    width: 640px;
}

.wrappingData td {
    vertical-align: top;
    padding:10px 15px 10px 0;
    border-bottom: 5px solid #fff;
}

.wrappingData tr:last-child td {
    border-bottom: none;
}

.wrappingData span,
.wrappingData strong,
.wrappingData input,
.wrappingData label {
    float:left;
}

.wrappingData span {
    width: 95px;
    height: 55px;
    margin: 0 15px 0 0;
    overflow: hidden;
}

.wrappingData label {
    font-size: 14px;
    width: 155px;
}

.wrappingData strong {
    float: right;
}

.wrappingData li {
    padding: 5px 0;
}

.wrappingData li:first-child {
    padding-top: 0;
}

.wrapping .radiobox {
    margin: 1px 5px 0 0;
}

.wrappingCard li{
    float: left;
    min-height: 150px;
    padding-left: 20px;
}

.wrappingCard label,
.wrappingCard input {
    float: left;
}

.wrappingCard li:first-child {
    padding-left: 0;
}

.wrappingCard p{
    margin-bottom: 5px;
}

.wrapping .areabox {
    width: 646px;
    margin-bottom: 10px;
    background:#fff;
    z-index: 99999;
}

.wrappingComment label {
    display: block;
    text-transform: uppercase;
    padding: 3px 5px;
}

.wrapping .submitForm {
    padding-bottom: 15px;
}

.wrapping .submitForm button {
    float: right;
    margin-left: 10px;
}

.wrapping .textButton {
    margin-top: 2px;
}

/* --- checkout Steps ------------------ */

.underline {
    text-decoration: underline;
}

.well {
  background-color: #fff;
  padding: 45px;
}
.well-sm {
  padding: 45px 30px;
}

#checkoutContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 45px 0 120px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#checkoutContainer .basket-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 30px;
}
#checkoutContainer .basket-summary {
  width: 350px;
}
#checkoutContainer h2 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 45px;
}
#checkoutContainer h3 {
  font-size: 26px;
  margin-bottom: 45px;
}
#checkoutContainer h3 small {
  font-size: 80%;
  font-weight: normal;
  color: #9b9b9b;
  margin-left: 15px;
}
#checkoutContainer h3.section {
  font-size: 18px;
  text-align: center;
  padding: 30px 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e4ebed;
}

.checkout-address-form {
  max-width: 450px;
  margin: 0 auto;
}

@media (max-width: 1400px) {
  #checkoutContainer {
    margin: 45px 2% 120px;
  }
}

.icon-hint {
  padding: 3px 5px;
  border-bottom: 2px solid #000;
}
.icon-hint:hover {
  text-decoration: none;
}
.icon-hint img {
  margin-left: 6px;
}

.orderInfo {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4ebed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderInfo .left strong {
  font-size: 16px;
  color: #02133e;
}
.orderInfo .right {
  font-weight: 500;
}
.order-items {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4ebed;
}
#orderItemsSmall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#orderItems {
  display: none;
}
.order-item-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
}
.order-item-image:last-of-type {
  margin-right: 0;
}
.order-item-image img {
  width: 90px;
  height: auto;
}
.order-item-box {
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e4ebed;
}
#orderItems form:last-child .order-item-box {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.order-item-details {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-item-title {
  font-size: 16px;
  font-weight: bold;
}
.order-item-attributes,
.order-item-amount {
  font-size: 14px;
}

.order-item-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-item-actions button {
  font-weight: normal;
  background: none;
  padding: 1px 0 0 5px;
}
.order-item-actions button img {
  width: 16px;
  height: auto;
  vertical-align: text-bottom;
}
.order-item-actions .price {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.order-item-actions .old {
  font-size: 12px;
  color: #9b9b9b;
  margin-bottom: 5px;
}
.order-item-actions .oldPresent {
  color: #c60000;
  display: block;
}

.shippingInfo {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4ebed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.shippingInfo .left strong {
  font-size: 16px;
  color: #02133e;
}
.shippingInfo .right {
  font-weight: 500;
}
.shippingInfo .left .icon-hint {
  border-width: 1px;
}
.shippingInfo .right .icon-hint img {
  margin-left: 4px;
  width: 14px;
  vertical-align: text-bottom;
}

.basketTrustPoints {
  font-size: 14px;
  font-weight: bold;
  width: 62%;
  margin: 30px auto;
}
.basketTrustPoints .basketTrustPoint {
  padding: 5px 0;
}
.basketTrustPoints img {
  width: 28px;
  height: auto;
  margin-right: 10px;
  vertical-align: middle;
}

.categories-with-btn {
  margin-bottom: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.categories-with-btn a {
  text-decoration: none;
}
.categories-with-btn img {
  display: block;
}
.categories-with-btn .shift-btn {
  display: block;
  position: relative;
  top: -20px;
}

#page.emptyBasket .innerContent h2,
#page.thankYou .innerContent h2 {
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 1px;
  margin: 60px 0 30px;
}
#page.emptyBasket .innerContent h3,
#page.thankYou .innerContent h3 {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin: 30px 0 60px;
}
#page.emptyBasket .innerContent .submitButton,
#page.thankYou .innerContent .submitButton {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  background-color: #d8232a;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  height: auto;
  padding: 15px 30px;
  margin: 0 30px;
  display: block;
  float: none;
  border: 2px solid #d8232a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#page.emptyBasket .innerContent .submitButton:hover,
#page.emptyBasket .innerContent .submitButton:focus,
#page.thankYou .innerContent .submitButton:hover,
#page.thankYou .innerContent .submitButton:focus {
  background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.1)));
  background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
}
#page.emptyBasket .innerContent .bigText,
#page.thankYou .innerContent .bigText {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin: 30px 0 60px;
}
#page.emptyBasket #productSliders,
#page.thankYou #productSliders {
  margin-bottom: 90px;
}

.checkout-overlay {
  background-color: rgba(0,0,0,.5);
  height: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity .2s .2s, height 0s .4s;
  -o-transition: opacity .2s .2s, height 0s .4s;
  transition: opacity .2s .2s, height 0s .4s;
  z-index: 10000;
}
.checkout-overlay.show {
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity .2s .2s;
  -o-transition: opacity .2s .2s;
  transition: opacity .2s .2s;
}
.checkout-overlay-content {
  background-color: #fff;
  height: 100%;
  width: 450px;
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
          box-shadow: 0 0 5px rgba(0,0,0,.3);
  -webkit-transition: left .4s, opacity .2s .2s;
  -o-transition: left .4s, opacity .2s .2s;
  transition: left .4s, opacity .2s .2s;
}
.checkout-overlay.show .checkout-overlay-content {
  left: -webkit-calc(100% - 450px);
  left: calc(100% - 450px);
  opacity: 1;
}
.checkout-overlay-content .overlay-header {
  padding: 30px;
}
.checkout-overlay-content .overlay-content {
  font-size: 16px;
  padding: 0 60px;
}
.checkout-overlay-content .overlay-content h3 {
  font-size: inherit;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.checkout-overlay-content .overlay-content h3 + p {
  margin-bottom: 20px;
}

.shipping-country-list li {
  list-style: none;
}
.shipping-country-list li a {
  padding: 15px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #f1f4f5;
}
.shipping-country-list li a:hover {
  text-decoration: none;
}
.shipping-country-list li a img {
  -webkit-transition: margin-right .2s;
  -o-transition: margin-right .2s;
  transition: margin-right .2s;
}
.shipping-country-list li a:hover img {
  margin-right: 5px;
}

#shippingAddress input, #shippingAddress label{
    color: #02133e;
}

#shippingAddress .shipOptions label {
    margin-right: 20px;
}

#addressForm input, #addressForm label{
    color: #02133e;
}

/* Checkout Steps */

#page.basket,
#page.emptyBasket,
#page.thankYou {
  color: #02133e;
  background-color: #f6f7f7;
}

#page.bg-gray {
  color: #02133e;
  background-color: #f6f7f7;
}
#page.basket a,
#page.bg-gray a {
  color: inherit;
}

#page.checkout .form li {
  margin-top: 5px;
}
#page.checkout .form li[data-placeholder] {
  position: relative;
}
#page.checkout .form li[data-placeholder]::before {
  content: attr(data-placeholder);
  font-size: 10px;
  color: #cdcdcd;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#page.checkout input {
  font-size: 16px;
  line-height: 42px;
  background-color: #fff;
  padding: 0 10px;
  margin: 5px 0;
  width: 100%;
  height: 42px;
  border: none;
  border-bottom: 2px solid #cdcdcd;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#page.checkout .filled input {
  color: #02133e;
  border-color: #02133e;
}
#page.checkout .oxInValid input {
  color: #e51937;
  border-bottom-color: #e51937;
}
#page.checkout input::-webkit-input-placeholder {
  color: #9c9c9c;
}
#page.checkout input::-moz-placeholder {
  color: #9c9c9c;
  opacity: 1;
}
#page.checkout input:-ms-input-placeholder {
  color: #9c9c9c;
}
#page.checkout input::-ms-input-placeholder {
  color: #9c9c9c;
}
#page.checkout input::placeholder {
  color: #9c9c9c;
}

.password-overlay {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.filled .password-overlay {
  display: block;
}

.post-search-overlay {
  font-weight: 500;
  text-decoration: underline;
  padding: 0 10px;
  display: none;
}
.post-search-overlay.show {
  display: block;
}

#page.checkout select {
  font-size: 16px;
  color: #9c9c9c;
  line-height: 42px;
  background: url("../../img/chevron-down.png") no-repeat right 10px center;
  background-color: #fff;
  padding: 0 30px 0 5px;
  margin: 5px 0;
  width: 100%;
  height: 42px;
  border: 1px solid #fff;
  border-bottom: 2px solid #cdcdcd;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#page.checkout option {
  color: #02133e;
}
#page.checkout .filled select {
  color: #02133e;
  border-bottom-color: #02133e;
}
#page.checkout .oxInValid select {
  border-bottom-color: #e51937;
}
#page.checkout .filled.oxInValid select {
  color: #e51937;
}

#page.checkout .submitButton {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  background-color: #d8232a;
  width: 100%;
  height: auto;
  padding: 15px 30px;
  margin: 30px 0;
  display: block;
  float: none;
  border: 2px solid #d8232a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#page.checkout .submitButton:hover,
#page.checkout .submitButton:focus {
  background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.1)));
  background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
}
#page.checkout .secondaryButton {
  font-size: 16px;
  font-weight: normal;
  color: #02133e;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  background-color: #fff;
  width: 100%;
  height: auto;
  padding: 15px 30px;
  margin: 30px 0;
  display: block;
  float: none;
  border: 2px solid #02133e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#page.checkout .secondaryButton:hover,
#page.checkout .secondaryButton:focus {
  font-weight: bold;
  text-decoration: none;
  background-image: none;
}

#page.checkout #header {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  height: auto;
}
#page.checkout #headerTop {
  height: auto;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#page.checkout #header a {
  color: inherit;
}
#page.checkout #header a:hover {
  text-decoration: none;
}

.checkoutHeaderLeft {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
}
.checkoutHeaderLeft img {
  width: 20px;
  height: auto;
  margin-right: 15px;
  vertical-align: text-bottom;
}

.checkoutHeaderCenter {
  text-align: center;
  padding: 20px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.checkoutHeaderCenter #logo {
  padding-right: 0;
  height: 38px;
  display: inline-block;
}
.checkoutHeaderCenter #logo > img {
  height: 38px;
}

.checkoutHeaderRight {
  text-align: right;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
}
.checkoutHeaderRight img {
  width: 44px;
  height: auto;
  vertical-align: text-bottom;
}

.headerSteps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.headerSteps .step {
  font-size: 18px;
  font-weight: 500;
  color: #9b9b9b;
  text-align: center;
  width: 150px;
  padding: 15px 30px 0;
}
.headerSteps .step a {
  color: inherit;
  padding: 15px 20px;
  display: inline-block;
}
.headerSteps .step a:hover {
  text-decoration: none;
}
.headerSteps .step .stepNumber {
  font-size: 16px;
  color: #fff;
  background-color: #9b9b9b;
  width: 22px;
  padding: 7px 5px;
  margin-bottom: 15px;
  display: inline-block;
}
.headerSteps .step .stepName {
  display: block;
}
.headerSteps .step.active {
  color: #02133e;
}
.headerSteps .step.active .stepNumber {
  background-color: #d8232a;
}
.headerSteps .step.current a {
  border-bottom: 2px solid #02133e;
}

.accountPage {
  color: #02133e;
  margin-top: 20px;
}
.accountPage h1 {
  font-size: 29px;
  color: #02133e;
  text-align: center;
  text-transform: uppercase;
  padding: 22px 0;
  margin-bottom: 35px;
  border-bottom: 1px solid #02133e;
}
.accountPage h2 {
  font-size: 21px;
  font-weight: 900;
  color: #02133d;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0 20px;
}

.accountFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.accountPage .orderLeft {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
}
.accountPage .orderRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  padding-top: 12px;
}

.accountPage #orderAddress,
.accountPage #orderShippingAddress,
.accountPage #orderPayment,
.accountPage #orderShipping,
.accountPage #orderAgbTop,
.accountPage #orderBasket {
  font-size: 14px;
  font-weight: 500;
  color: #02133e;
  line-height: 19px;
  padding-bottom: 10px;
  width: 80%;
  float: left;
  position: relative;
  border-bottom: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.accountPage #orderAddress h3,
.accountPage #orderShippingAddress h3,
.accountPage #orderShipping h3,
.accountPage #orderPayment h3 {
  font-size: 15px;
  color: #02133e;
  padding: 0;
  padding-right: 15px;
  margin: 10px 0;
  border-bottom: 0;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.accountOptions,
.checkoutOptions {
  color: #02133e;
  max-width: 920px;
  min-height: 480px;
  margin: 100px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.accountOptions .form {
  text-align: center;
}

.accountOptions #loginForm .form {
  padding-top: 40px;
}

.accountOptions h2,
.checkoutOptions h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 1px;
  margin-bottom: 60px;
}
.accountOptions h3,
.checkoutOptions h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 20px;
}

.accountOptions .leftOption,
.checkoutOptions .leftOption {
  width: 400px;
}
.accountOptions .rightOption,
.checkoutOptions .rightOption {
  width: 400px;
  position: relative;
}
.accountOptions .option,
.checkoutOptions .option {
  margin: 0;
}

.bgOptions{
    background: #efefef;
}

#addressForm{
    background: #fff;
}

.checkoutOptionscontact h2{
    text-transform: uppercase;
    font-size: 27px;
    text-align: center;
    color: #02133e;
    font-weight: normal;
}



.checkoutOptions .option h3.blockHead{
    text-transform: uppercase;
    font-size: 19px;
    padding: 10px 0px 20px;
    color: #02133e;
    background: #fff;
    margin: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    font-weight: 700;
    text-align: left;
}

.checkout-footer-links {
  font-size: 14px;
  text-align: center;
  padding: 20px 0;
}
.checkout-footer-links li {
  display: inline-block;
  list-style: none;
}
.checkout-footer-links a {
  padding: 15px 30px;
  display: block;
}
.checkout-footer-links img {
  margin-right: 10px;
  width: 20px;
  height: auto;
  vertical-align: text-bottom;
}

.salutation{
    text-align: left;
}

.checkoutOptions .bigText,
#checkoutContainer .bigText {
  color: #767676;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: .4px;
}

.shipment-type-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 15px -5px 0;
}
.shipment-type {
  font-size: 14px;
  color: #9c9c9c;
  text-align: center;
  padding: 5px 10px;
  margin: 0 5px;
  width: 136px;
  border: 1px solid #c8d3d6;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.shipment-type.active {
  color: #02133e;
  border: 2px solid #02133e;
}
.shipment-type img {
  margin: 0 auto 4px;
  width: 40px;
  height: auto;
  display: block;
}

#forgotPwd {
    display: none;
    overflow: hidden;
}

.no-wrap {
  white-space: nowrap;
}

.lineBox {
    margin: 20px 0 20px;
}

.lineBox.user {
    margin-top: 0px;
    text-align: center;
}

.basketLinebox .backtoshop, .basketLinebox .nextStep{
    width: 25%;
    display: block;
}

.basketLinebox .backtoshop button{
    width: 100%;
    display: block;
}

.lineBox p.errorMsg {
    color: #e51937;
}

.lineBox .maxWk {
    float: right;
    font-size: 16px;
    line-height: 33px;
    color: #02133E;
}

#couponInputToggle {
  padding-bottom: 15px;
  display: none;
}
.couponInput {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.couponInput input.textbox {
  letter-spacing: .5px;
  background-color: #f4f4f4;
  margin-right: 15px;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.couponBox .submitButton {
  font-weight: normal;
  text-transform: none;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
}

.basketRight .couponBox {
    border-bottom: 1px solid #e4ebed;
}

.couponBox .oxValidateError {
    padding-left: 0px !important
}

.couponBox #couponHeader{
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.couponBox #couponHeader .left strong {
  font-size: 16px;
  font-weight: bold;
  color: #02133e;
}
.couponBox #couponHeader .right {
  font-weight: 500;
}

.couponBox .inlineError {
    padding-bottom: 10px;
    line-height: 16px;
}

.couponBox .textbox {
    margin: 0 0px;
    padding: 0 10px;
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 12px;
}

.couponBox.couponError .textbox {
    color: #e51937;
    border-color: #e51937;
}

.couponBox .errortext {
    color: #e51937;
    margin: 5px 5px 15px;
}

.couponData td strong {
    color: #c60000;
}

h3.section {
    border-bottom: 5px solid #eceff0;
    padding-bottom: 7px;
    margin-top: 15px;
    text-transform: uppercase;
}

h3.section button {
    margin-left: 10px;
}

#productTitle {
    position: relative;
    font-size: 32px;
    color: #02133e;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 38px;
}

/* --- Amount price select ---------- */
.pricePopup li {
    padding: 0 10px;
}

.pricePopup span{
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b6b6;
    padding: 3px 0;
}

.pricePopup label{
    width: 80px;
    float: left;
    padding: 3px 0;
}

.pricePopup li:first-child span{
    border-top: 0;
}

.pricePopup li:last-child span{
    border-bottom: 0;
}

.pricePopup h4{
    padding: 0 30px;
}

.pricePopup {
    display: none;
    position: absolute;
    z-index: 12;
    background: #D8DEE0;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #979797;
    padding: 7px 0;
}

/* --- Article action select ------ */
.actionLinks {
    display: none;
    position: absolute;
    z-index: 16;
    background: #D8DEE0;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #979797;
    padding: 7px 0;
    margin: 0;
}

.actionLinks li {
    padding: 0 10px;
    list-style: none outside none;
    position: relative;
}

.actionLinks li:hover a {
    border-color: #fb8523;
    color: #fff;
}

.actionLinks a {
    display: block;
    padding: 3px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b6b6;
}

.actionLinks a:hover {
    text-decoration: none;
    color: #fff;
}

.actionLinks li:first-child span{
    border-top: 1px solid #b2b6b6;
    display: block;
}

.actionLinks li:last-child a{
    border-bottom: 0;
}

/* --- Social button like FB and etc. --- */
.social{
    padding-top:10px;
    margin-bottom:0;
    height:25px;
}

.social div.socialButton {
    float: left;
}

.social label {
    display: block;
    text-transform: none;
    padding: 3px 0 5px 0;
    font-weight: 700;
    text-shadow: 0 1px 1px #fff;
}

.social a{
    display: block;
    border: 0;
    padding: 0;
}

.social .fbEnableButton a:first-child{
    padding: 0 0 0 21px;
}

.social span {
    float: left;
    z-index: 66;
}

.fb_share_count_hidden {
    margin: 3px 7px 0 0;
    display:inline-block;
}

a.fb_button_simple {
    width: 14px;
    height: 14px;
    overflow: hidden;
    display:inline-block;
}

.social:hover {
    background: none;
}

/* --- Article Details ----------- */

#details_container{
    max-width: 1400px;
    margin: 0 auto;
}

#details{
    width: 100%;
}

#detailsMain {
  max-width: 1150px;
  margin: 0 auto;
}

.detailsRelated {
    clear:both;
    padding-top:20px;
}

.detailsInfo .picture {
    float: left;
    text-align: center;
    width: 50%;
    margin-right: 12%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.salePic{
    position: absolute;
    z-index: 100;
    right: 30px;
}

.newPic{
    position: absolute;
    z-index: 100;
    right: 50px;
    top: 10px;
}

@media (max-width: 1400px) {
  .detailsInfo .picture {
    width: 54%;
    margin-right: 8%;
  }
}
@media (max-width: 991px) {
  .detailsInfo .picture {
    width: 58%;
    margin-right: 4%;
  }
}

.detailsInfo .picture .pictureContainer{
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}

.detailsInfo .picture a.cloud-zoom {
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    width: 100%;
/*    height: 600px;*/
}

.detailsInfo .picture .morPicsCenterContainer {
    display: block;
    overflow: hidden;
    width: 100%;
}

.detailsInfo .picture img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 600px;
}

.detailsInfo .picture img.modelPic {
    width: 100%;
    max-height: inherit;
    max-width: inherit;
}

.detailsInfo .morPicsCenterContainer img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 180px;
    width: auto;
}

.detailsInfo .morPicsCenterContainer img.modelPic {
    width: 100%;
    max-height: inherit;
    max-width: inherit;
}

.detailsInfo .picture .picIcons img {
    max-width: 75px;
    max-height: 75px;
}

.hasBrand {
    float:left;
    width:258px;
}

.detailsInfo .information {
    float: left;
    min-height: 340px;
    position: relative;
    width: 450px;
    margin-left: 20px;
}

.productMainInfo{
    float: left;
    width: 38%;
}

.popupBasketHint {
    position: absolute;
    background-color: white;
    top: 170px;
    left: 50%;
    width: 440px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 2px black;
            box-shadow: 0px 0px 2px black;
    height: 150px;
    padding: 10px;
    margin-left: -220px;
    text-align: center;
    color: #666;
    font-size: 16px;
    font-weight: 700;
}

.popupBasketHint h2 {
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    color: #02133E;
    font-weight: 900;
    margin: 20px auto 14px;
}

.popupBasketHint .popupAction a {
    bottom: 15px;
    position: absolute;
    width: 140px;
    height: 30px;
    font-size: 13px !important;
}

.popupBasketHint .popupAction .continue {
    left: 20px;
}

.popupBasketHint .popupAction .basket {
    right: 20px;
}

body.fixed {
  height: 100%;
  overflow: hidden;
}

#detailsImageOverlay {
  font-size: 16px;
  color: #02133e;
  line-height: 24px;
  background-color: #fff;
  height: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 10000;
}
#detailsImageOverlay.show {
  height: 100%;
  opacity: 1;
}
#detailsImageOverlay > div {
  position: relative;
}
#detailsSlider img {
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100vh;
  max-height: 100vw;
}
#detailsSliderStatus {
  padding: 32px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#detailsSliderArrows {
  font-size: 32px;
  line-height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 180px;
  z-index: 2;
}
#detailsSliderArrows .prev,
#detailsSliderArrows .next {
  padding: 26px 32px;
  cursor: pointer;
}
#detailsImageOverlay .close {
  padding: 32px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}

.details-overlay {
  color: #02133e;
  background-color: rgba(0,0,0,.5);
  height: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity .2s .2s, height 0s .4s;
  -o-transition: opacity .2s .2s, height 0s .4s;
  transition: opacity .2s .2s, height 0s .4s;
  z-index: 10000;
}
.details-overlay.show {
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity .2s .2s;
  -o-transition: opacity .2s .2s;
  transition: opacity .2s .2s;
}
.details-overlay-content {
  background-color: #fff;
  height: 100%;
  width: 450px;
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
          box-shadow: 0 0 5px rgba(0,0,0,.3);
  -webkit-transition: left .4s, opacity .2s .2s;
  -o-transition: left .4s, opacity .2s .2s;
  transition: left .4s, opacity .2s .2s;
}
.details-overlay.show .details-overlay-content {
  left: -webkit-calc(100% - 450px);
  left: calc(100% - 450px);
  opacity: 1;
}
.details-overlay-content .overlay-header {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  padding: 30px;
}
.details-overlay-content .overlay-header a {
  margin-right: 8px;
}
.details-overlay-content .overlay-header .toggle-sizetable {
  font-size: 14px;
  text-decoration: underline;
  margin-right: 0;
  float: right;
}
.details-overlay-content .overlay-content {
  font-size: 16px;
  padding: 0 30px;
  position: relative;
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
}
.details-overlay-content .overlay-content .size {
  font-size: 16px;
  line-height: 24px;
  border-top: 1px solid #EBEBEB;
}
.details-overlay-content .overlay-content .size:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.details-overlay-content .overlay-content .size:hover {
  background-color: #fbfbfb;
}
.details-overlay-content .overlay-content .size a {
  color: #02133E;
  text-decoration: none;
  padding: 15px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.details-overlay-content .overlay-content .size.inactive a {
  color: #999;
  cursor: default;
}
.details-overlay-content .overlay-content .size .soldout {
  font-size: 14px;
  font-weight: bold;
}
.details-overlay-content .overlay-content h3 {
  font-size: inherit;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.details-overlay-content .overlay-content h3 + p {
  margin-bottom: 20px;
}

.sizetable {
  font-size: 16px;
  line-height: 24px;
  display: none;
}

.sizetable table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.sizetable th,
.sizetable td {
  text-align: center;
  background-color: #fff;
  padding: 20px;
}
.sizetable tr:nth-child(2n) td {
  background-color: #f4f4f4;
}

.category-overlay {
  background-color: rgba(0,0,0,.1);
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.category-overlay.open {
  visibility: visible;
  opacity: 1;
}
.category-overlay .popupBasketHint {
  display: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: initial;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.category-overlay .spinner-popup {
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
  visibility: hidden;
  opacity: 0;
}
.category-overlay.spinner .spinner-popup {
  visibility: visible;
  opacity: 1;
}

/*-------- Details Page Description And Information -------------*/

#productDetailsBottomInfo{
    overflow: hidden;
    margin: 10px auto 50px;
    width: 1210px;
    position: relative;
    float: right;
}

#productDescription{
    float: left;
    color: #5f5f5f;
    width: 740px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0%;
}

#productInformation{
    float: left;
    color: #5f5f5f;
    width: 450px;
    margin-left: 20px;
}

#detailsPageHeading{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #d0d0d0;
}

#desContent{
    font-size: 14px;
}

#desContent span {
    color: #5f5f5f!important;
}

#infoContent{
    font-size: 14px;
}

#infoContent table{
    width: 100%;
}

#infoContent tr td:first-child{
    width: 30%;
}

#infoContent tr td a{
    color: #5f5f5f;
}


#DetailsPageAll{
    position: relative;
    clear: both;
}

.lazyCross{
    margin-top: 40px;
}

@media (max-width: 1400px) {
  .details-featured,
  .catText,
  .lazyCross {
    padding-left: 2%;
    padding-right: 2%;
  }
}

/* --- persistent params ---------------- */
.persparamBox {
    padding-bottom: 7px;
}

.basketitems .persparamBox {
    padding-top:5px;
    font-size: 12px;
}

.persparamBox label,
.persparamBox input {
    float: left;
}

.persparamBox input {
    width: 150px;
}

.persparamBox label {
    margin: 2px 5px 0 0;
}

/* --- articles details attributes ------------ */
.attributes {
    width: 100%;
}

.attributes th,
.attributes td {
    padding:4px 10px;
    border-top: 1px solid #ddd;
}

.attributes th {
    text-align: left;
    width: 35%;
    background: #f5f5f5;
}

.attributes tr:first-child th,
.attributes tr:first-child td {
    border: none;
}

.information h1 {
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
}

.itemCode {
    color: #515353;
}

.shortDescription {
    clear:both;
    font-size: 14px;
    margin-bottom: 10px;
}

.additionalInfo {
    padding-top: 7px;
}

.additionalInfo span{
    padding: 0 7px;
    margin-bottom: 3px;
    font-size: 11px;
    line-height: 12px;
    border-left: 1px solid #999;
}

.additionalInfo span:first-child {
    padding-left: 20px;
    border: none;
}

.additionalInfo .stockFlag {
    padding-left: 20px;
}

.tobasketFunction .selector {
    position: relative;
    z-index:14;
}

.selector {
    padding: 2px 6px 3px 6px;
    line-height: 16px;
    position: absolute;
    z-index: 18;
}

.selector img {
    vertical-align: middle;
}
/* --- variant Chooser --------------- */

.chooseArticle {
    padding-top: 20px;
    padding-bottom: 12px;
}

.chooseArticle .variants h2{
    font-size: 14px;
    font-weight: normal;
    color: #02133E;
    line-height: 20px;
    margin-bottom: 10px;
}
.chooseArticle .variants h2 .color-name{
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 4px;
}
.chooseArticle .variants h2 .toggle-sizetable{
    font-weight: bold;
    text-decoration: underline;
    float: right;
}

.chooseArticle .variants .toggle-size-select{
    font-size: 14px;
    color: #999;
    line-height: 20px;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #EBEBEB;
    cursor: pointer;
}
.chooseArticle .variants .toggle-size-select.active {
    font-weight: bold;
    color: #02133E;
    border-color: #02133E;
}
.chooseArticle .variants .toggle-size-select:hover{
    border-color: #02133E;
}
.chooseArticle .variants .toggle-size-select i{
    font-size: 20px;
    color: #02133E;
    margin-right: 5px;
}

#chooseColor .sizeBlock {
    width: 100%;
    position: relative;
    overflow-x: hidden;
}
#chooseColor .sizeBlock.ps.ps--active-x {
  padding-bottom: 15px;
}
#chooseColor .sizeBlock > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.chooseArticle .variants .sizeBlock .selectColor{
    margin-right: 6px;
}
.chooseArticle .variants .sizeBlock .selectColor:last-child{
    margin-right: 0;
}

.chooseArticle .variants .sizeBlock .selectColor a {
    text-align: center;
    background-color: #fff;
    padding: 2px;
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid transparent;
    border-radius: 50%;
    overflow: hidden;
}
.chooseArticle .variants .sizeBlock .selectColor.active a {
    border-color: #02133E;
}
.chooseArticle .variants .sizeBlock .selectColor:hover a {
    border-color: #02133E;
}

.chooseArticle .variants .sizeBlock .selectColor img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}

.chooseArticle .variants .sizeBlock .selectColor img.modelPic {
    width: 100%;
    max-height: inherit;
    max-width: inherit;
}

.chooseArticle .variants .sizeBlock .size{
    float: left;
    cursor: pointer;
    border: 1px solid #02133e;
    margin-left: 6px;
    margin-bottom: 6px;
}

.chooseArticle .variants .sizeBlock .size.inactive{
    opacity: 0.5;
    cursor: default;
    background: url("../bg/notavailable.png") center center no-repeat;
}

.chooseArticle .variants .sizeBlock .size h3{
    margin: 0px;
    font-weight: normal;
}

.chooseArticle .variants .sizeBlock .size a{
    color: #02133e;
    font-size: 16px;
    line-height: 16px;
    padding: 6px 4px;
    width: 60px;
    text-align: center;
    display: block;
}

.chooseArticle .variants .sizeBlock .size a .small{
    font-size: 8px;
    display: none;
}

.chooseArticle .variants .sizeBlock .size.active a,
.chooseArticle .variants .sizeBlock .size:hover a{
    color: #fff;
    background: #c4c4c4 !important;
    text-decoration: none;
}

.chooseArticle .variants .sizeBlock .size.inactive.active a,
.chooseArticle .variants .sizeBlock .size.inactive:hover a{
    background: url("../bg/notavailable.png") center center no-repeat !important;
    color: #02133e !important;
}

.basketButton {
    padding: 20px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.basketButton .submitButton{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 14px !important;
    line-height: 20px;
    background-color: #D70929;
    height: 56px;
    border-color: #D70929;
}
.basketButton .submitButton:hover{
  background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.1)));
  background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
}

#descriptionContainer {
    background-color: #F4F4F4;
    padding: 80px 0;
    margin-top: 50px;
}

#description {
    color: #02133e;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    max-width: 1150px;
}

#description h2 {
    font-size: 32px;
    font-weight: bold;
    color: #02133e;
    margin-bottom: 40px;
}

.productMainInfo #description ul li {
    list-style-type: disc;
    list-style: inside;
    margin: 2px 0px;
}

@media (max-width: 1400px) {
  #description {
    padding-left: 2%;
    padding-right: 2%;
  }
}

.otherPictures {
    position: relative;
    z-index: 4;
    margin-right: 24px;
}

.otherPictures #morePicsContainer {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: auto;
    width: 80px;
}

.otherPictures #morePicsContainer ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.otherPictures li{
    list-style: none;
    padding: 0;
}

.otherPictures a {
    display: block;
    margin-bottom: 16px;
}

.otherPictures a img{
    max-width: 100%;
    height: auto;
}

.otherPictures a:hover {
    cursor: pointer;
}

.otherPictures a:hover .marker,
#zoomModal a:hover .marker {
    display:block;
}

.otherPictures img {
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.otherPictures .mpdDown{
    position: relative;
    bottom: 0px;
    display: block;
    margin: 15px auto 0;
    cursor: pointer;
}

.otherPictures .mpdUp{
    position: relative;
    top: 0px;
    margin: 0px auto 15px;
    display: block;
    cursor: pointer;
}

.otherPictures .selected .marker,
#zoomModal .selected .marker{
    display: block;
}

#morePicsSlide{
    width: 90%;
    float: left;
}

.otherPictures #morePicsSlide li{
    width: 100%;
    margin-right: 0px;
    float: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


.otherPictures #morePicsSlide .morPicsCenterContainer{
/*    height: 180px;*/
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.otherPictures li a{
    width: 100%;
    display: table;
    table-layout: fixed;
/*    height: 180px;*/
}

.otherPictures #morePicsSlide li img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    width: auto;
}


.trLeft{
    width: 5%;
    float: left;
    display: block;
    line-height: 180px;
    height: 180px;
    cursor: pointer;
    background: url(../../img/arrowLeft.png) no-repeat center center;
}

.trRight{
    width: 5%;
    float: right;
    display: block;
    line-height: 180px;
    height: 180px;
    cursor: pointer;
    background: url(../../img/arrowRight.png) no-repeat center center;
}

.trLeft:hover{
    background: url(../../img/arrowLeft2.png) no-repeat center center;
}

.trRight:hover{
    background: url(../../img/arrowRight2.png) no-repeat center center;
}

.shadowLine {
    width: 100%;
    height: 8px;
    position: absolute;
    top: 0;
    z-index: 4;
    background: url(../../img/shadow-line.png) repeat-x 0 0;
}

.relatedInfo {
    float: left;
    width: 561px;
    padding-right: 15px;
}

.relatedProducts {
    float: right;
    width: 172px;
}

.relatedInfoFull {
    float: none;
    width: auto;
    padding-right: 0;
}

/* --- Stock flags ----------------- */
.stockFlag {
    background: url(../../img/stockstatus.png) no-repeat 7px -46px;
}

.lowStock {
    background-position: 7px 2px;
}

.notOnStock {
    background-position: 7px -22px;
}

.priceBoxDetails{
    position: relative;
    padding-bottom: 20px;
    margin-top: 20px;
    color: #02133e;
    border-bottom: 1px solid #ebebeb;
}

.priceBoxDetails .price {
    font-size: 20px;
    font-weight: 600;
    color: #02133e;
    display: block;
    float: left;
    margin-right: 10px;
}

.priceBoxDetails .price.oldpresent {
    color: #d8232a;
}

.priceBoxDetails .oldPrice {
    font-weight: normal;
    font-size: 16px;
    text-decoration: line-through;
    color: #02133e;
    margin-right: 10px;
    display: inline-block;
}

.priceBoxDetails .priceinfo_vat{
    font-size: 12px;
    color: #999;
    line-height: 20px;
    display: inline-block;
}

.priceBoxDetails .priceinfo_vat a{
    font-weight: 500;
    color: #5f5f5f;
}

.tobasketFunction .textbox {
    width: 20px;
}

.noSize{
    display: none;
    cursor: pointer;
}

.soldOut{
    display: none;
    cursor: default;
}

.withSize{
    display: block;
    cursor: pointer;
}

.tobasket .tobasketFunction {
    position: relative;
}

.tobasket button{
    float: left;
    margin-right: 5px;
    padding: 5px;
    width: 100%;
    height: 40px;
    line-height: 12px;
    color: white;
    border: 2px solid #02133e;
    background: #02133e;
    font-size: 15px;
    margin-top: 20px;
    cursor: pointer;
    outline: none;
}

button:focus, .button:focus{
    outline: none;
}

.tobasket #toBasket:hover {
    border: 2px solid #02133e;
    color: #02133e;
    background: white;
}

.tobasket #toBasket.noHover:hover {
    border: 2px solid black;
    background: black;
    color: white;
    cursor: default;
}

.tobasket #toBasket.noSizeSelected {
    border: 2px solid #c60000;
    color: #C60000;
    background: #fff;
    font-size: 13px;
}

.tobasketFunction label {
    margin: 1px 10px 0 0;
}

.information .tobasket{
    bottom:5px;
}

.details-wisthlist-btn {
  padding: 15px;
  margin-left: 10px;
  width: 56px;
  height: 56px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #EBEBEB;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.details-wisthlist-btn:hover {
  border-color: #02133e;
}
.details-wisthlist-btn img {
  width: 24px;
}

ul.delivery-facts {
  color: #02133E;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
ul.delivery-facts li {
  list-style: none;
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
}
ul.delivery-facts img {
  max-width: 24px;
  height: auto;
  margin-right: 4px;
  vertical-align: middle;
}

#availabilityContent{
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
}

#availabilityHeader{
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 2px solid #d0d0d0;
    padding-bottom: 5px;
    color: #999;
}

.availabilityChooseSize {
    color: #A1A1A1;
    font-size: 12px;
}

#availabilityContent .storeOptions{
    float: left;
    text-align: center;
    width: 20%;
    margin-top: 15px;
    margin-right: 0px;
    overflow: hidden;
    position: relative;
    opacity: 0.5;
}

#availabilityContent .storeOptions span{
    display: block;
    width: 100%;
    text-align: center;
    color: #5F5F5F;
}

#availabilityContent .storeOptions .check{
    position: absolute;
    right: 9px;
    top: 12px;
    display: none;
}



/* --- Ratings ---------------------------- */
div.rating {
    margin-bottom: 10px;
}

ul.rating {
    width: 89px;
    height: 16px;
    margin: 5px 0;
    padding: 0;
    list-style: none;
    clear: both;
    float: left;
    position: relative;
    background: url(../../img/stars.jpg) no-repeat left top;
}

a.rates {
    float: left;
    color: #515353;
    padding: 6px 0 0 7px;
}

ul.rating li {
    cursor: pointer;
    float: left;
    padding: 0;
    list-style: none;
}

ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 16px;
    text-decoration: none;
    z-index: 10;
}

ul.rating li a b {
    display: none;
}

ul.rating li.s1 a {
    left: 0;
}

ul.rating li.s2 a {
    left: 17px;
}

ul.rating li.s3 a {
    left: 34px;
}

ul.rating li.s4 a {
    left: 51px;
}

ul.rating li.s5 a {
    left: 68px;
}

ul.rating li a:hover {
    z-index: 2;
    width: 89px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background: url(../../img/stars.jpg) no-repeat 0 -18px;
}

ul.rating li.s1 a:hover {
    background-position: -72px -18px;
}

ul.rating li.s2 a:hover {
    background-position: -54px -18px;
}

ul.rating li.s3 a:hover {
    background-position: -36px -18px;
}

ul.rating li.s4 a:hover {
    background-position: -18px -18px;
}

ul.rating li.s5 a:hover {
    background-position: 0 -18px;
}


.rating li.currentRate {
    background: url(../../img/stars.jpg) left bottom;
    position: absolute;
    height: 16px;
    z-index: 1;
}

.rating li.ratingValue a,
.rating li.ratingValue a:hover {
    width: auto;
    height: auto;
    left: 90px;
    white-space: nowrap;
    padding-top: 3px;
    background: none;
}

/* ---- Reviews ------------------------ */
dl.review {
    margin: 5px 0;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

dl.review dt {
    margin-bottom: 7px;
    height: 1em;
}

dl.review dd.item {
    display: none;
}

dl.review dd {
    clear: both;
    margin: 0;
}

dl.review .param {
    margin-left: 20px;
    color: #757C83;
}
/* --- Account login / register ------ */
.optionRegistration .form .salutation label,
.accountPage .form .salutation label {
  font-size: 14px;
}
/* --- Account billing / shipping addresses ------ */
.addressCollumns .collumn {
    float: left;
    width: 50%;
}
/* --- Account Downloads ------------------------ */
.downloadList {
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.downloadList li {
    padding: 15px 10px;
    list-style: none;
    border-top: 5px solid #eceff0;
}

.downloadList li:first-child {
    border: 0;
    padding-top: 0;
}

.downloadList dd {
    padding: 3px 0;
}

.downloadList dt {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    display: block;
    font-weight: 400;
    margin-bottom: 7px;
}

.downloadList dt strong {
    font-size: 18px;
    display: block;
}

/* --- Account Order List ----------------------- */

.orderList {
    padding: 0;
    width: 100%;
    line-height: 18px;
    margin: 10px auto;
    text-align: left;
    margin-bottom: 65px;
    margin-top: 38px;
}

.orderList thead th {
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    width: 20%;
    text-align: center;
    font-weight: bold;
    line-height: 27px;
    background-color: #02133E;
}

.orderList tr:nth-child(2n){
    background-color: #DADADA;
}

.orderList td {
    width: 20%;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    padding: 8px 0px;
}

.orderList td a {
    text-decoration: underline;
}

.orderList .left {
    text-align: left;
}


.orderList .orderstatus .sent {
    color: green;
}

.orderList .orderstatus .storno {
    color: red;
}

.orderDetails {
    color: #02133E;
    font-size: 15px;
}

.orderDetails a {
    text-decoration: underline;
    color: #5f5f5f;
    font-weight: normal;
}

.orderDetails a:hover {
    color: black;
}

.orderDetails font {
    font-weight: bold;
}

table.basketitems {
  width: 100%;
  font-size: 14px;
}
table.basketitems thead {
  border-bottom: 1px solid #d3d3d3;
}
table.basketitems tr:last-child td {
  border-bottom: 1px solid #fff;
}
table.basketitems th:first-child {
  padding-left: 10px;
}
table.basketitems th {
  font-size: 15px;
  text-align: left;
  color: #02133E;
  padding-bottom: 10px;
  font-weight: 700;
  vertical-align: top;
  text-transform: uppercase;
}
table.basketitems tr td:last-child,
table.basketitems tr th:last-child,
table.basketitems .unitPrice,
table.basketitems .vatPercent {
  text-align: right;
  padding-right: 5px;
}
table.basketitems td {
  vertical-align: middle;
  border-bottom: 1px solid lightgray;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: bold;
  color: #606060;
  line-height: 26px;
}
table.basketitems td a{
  text-decoration: none;
  color: #02133E;
}
table.basketitems td .price{
  color: #02133E;
  font-size: 18px;
}
table.basketitems td.basketImage {
  vertical-align: middle;
  width: 140px;
  padding: 5px;
  height: 150px;
}
table.basketitems td.basketImage a{
  display: block;
  height: 150px;
  width: 150px;
  overflow: hidden;
}
table.basketitems td.basketImage .basketImgSpan{
  display: block;
  height: 150px;
  width: 150px;
  overflow: hidden;
}
table.basketitems td.basketImage .basketImgCenter{
  display: table;
  width: 100%;
  height: 150px;
  table-layout: fixed;
}
table.basketitems td.basketImage .basketImgCenterContent{
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 100%;
}
table.basketitems td.basketImage img{
  max-height: 150px;
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
table.basketitems td.basketImage img.modelPic{
  max-height: inherit;
  max-width: inherit;
  width: 100%;
}
table.basketitems tr.basketError td {
  padding-top: 0;
  padding-bottom: 10px;
  border: none;
}

.account-order-item {
    width: 100%;
    font-size: 14px;
}
.account-order-item thead {
    border-bottom: 1px solid lightgray;
}
.account-order-item td {
    vertical-align: middle;
    border-bottom: 1px solid lightgray;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #606060;
    line-height: 26px;
}
.account-order-item td a{
    text-decoration: none;
    color: #02133E;
}
.account-order-item td .price{
    color: #02133E;
    font-size: 18px;
}
.account-order-item tr:last-child td {
    border-bottom: 1px solid #fff;
}
.account-order-item th:first-child {
    padding-left: 10px;
}
.account-order-item th {
    font-size: 15px;
    text-align: left;
    color: #02133E;
    padding-bottom: 10px;
    font-weight: 700;
    vertical-align: top;
    text-transform: uppercase;
}
.account-order-item tr td:last-child,
.account-order-item tr th:last-child,
.account-order-item .unitPrice,
.account-order-item .vatPercent {
    text-align: right;
    padding-right: 5px;
}
.account-order-item td.basketImage {
    vertical-align: middle;
    width: 140px;
    padding: 5px;
    height: 150px;
}
.account-order-item td.basketImage a{
    display: block;
    height: 150px;
    width: 150px;
    overflow: hidden;
}
.account-order-item td.basketImage .basketImgSpan{
    display: block;
    height: 150px;
    width: 150px;
    overflow: hidden;
}
.account-order-item td.basketImage .basketImgCenter{
    display: table;
    width: 100%;
    height: 150px;
    table-layout: fixed;
}
.account-order-item td.basketImage .basketImgCenterContent{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 100%;
}
.account-order-item td.basketImage img{
    max-height: 150px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.account-order-item td.basketImage img.modelPic{
    max-height: inherit;
    max-width: inherit;
    width: 100%;
}
.account-order-item tr.basketError td {
    padding-top: 0;
    padding-bottom: 10px;
    border: none;
}

.accountPage .basketBottom{
    background: #efefef;
    position: relative;
    overflow: hidden;
    margin: 15px 0;
    padding: 0px 15px;
}
.accountPage .summary {
    font-size: 14px;
    width: 350px;
    float: right;
    margin: 15px 0;
    background: #efefef;
    color: #02133E;
}
.accountPage .summary table {
    width: 100%;
}
.accountPage .summary table td {
    text-align: right;
    width: 90px;
}
.accountPage .summary table th {
    text-align: right;
    color: #02133E;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.accountPage .summary table .bPGross td,
.accountPage .summary table .bPGross th {
    font-size: 14px;
    padding-top: 0px;
    font-weight: 600;
    padding-bottom: 3px;
}
.accountPage .summary table .ust td,
.accountPage .summary table .ust th {
    font-size: 12px;
    padding-top: 0px;
    font-weight: 600;
}
.accountPage .summary table td#basketGrandTotal {
}
.accountPage .summary table th strong,
.accountPage .summary table td strong{
    font-size: 18px;
}
.accountPage .summary table tr:last-child td,
.accountPage .summary table tr:last-child th {
    border-top-color: #c9d3d7;
    border-bottom-width: 0;
}
.accountPage .summary table tr:first-child td,
.accountPage .summary table tr:first-child th {
    border-top-width: 0;
}

.checkbox-line {
  font-size: 14px;
  padding: 15px 0;
}

.address-form {
  padding-bottom: 20px;
}

#billingAddressContainer {
  display: none;
}
#billingAddressContainer.show {
  display: block;
}
#billingAddressContainer h3 {
  text-align: center;
  line-height: normal;
  margin-bottom: 15px;
  margin-top: 15px;
}

#createAccountContainer {
  display: none;
}
#createAccountContainer.show {
  display: block;
}


/* --- Forms, Validation ---------------------------- */
.form li {
    padding: 5px 0;
}

.form li.formSubmit {
    padding-top: 10px;
}

.form li.formNote {
    padding-bottom: 0;
    font-size: 11px;
    color: #666;
    line-height: 14px;
}

.form label,
.form input {
    height: 35px;
    /*line-height: 35px;*/
    line-height: 1;
    color: #02133e;
    font-weight: normal;
}

.form select {
    height: 35px;
    line-height: 29px;
    color: #02133e;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
    border: 1px solid #adadad;
}

.form select .noSelect {
    color: #adadad;
}

.oxDate .headerBirth{
    display: block;
    text-align: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: rgb(119, 128, 151);
}

.form .oxDate select {
    float: left;
    width: 36%;
    height: 35px;
}

.form .oxDate .innerLabel {
    margin-top: 1px;
    text-transform: none;
}

.placeholder{
    width: 2%;
    height: 20px;
    float: left;
}

.halfInput {
    float: left;
    width: 49%;
}

.halfInput input {
    width: 100%;
}

.form input[data-fieldsize="halfInput"] {
    float: left;
    width: 49%;
}

.form input[data-fieldsize="fullInput"] {
    float: left;
    width: 100%;
}

.form input[data-fieldsize="sPartInput"] {
    float: left;
    width: 30%;
}

.form input[data-fieldsize="bPartInput"] {
    float: left;
    width: 68%;
}

.form select[data-fieldsize="normal"] {
    float: left;
    width: 202px;
}

.form input[data-fieldsize="xsmall"] {
    float: left;
    width: 25px;
}

.form input[data-fieldsize="small"] {
    width: 52px;
}

.form input[data-fieldsize="small"] {
    float: left;
    width: 52px;
}

.form input[data-fieldsize="medium"] {
    float: left;
    width: 86px;
}

.form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"],
.form input[data-fieldsize="xsmall"] + css3-container + input[data-fieldsize="pair-xsmall"],

.form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"],
.form input[data-fieldsize="pair-xsmall"] + css3-container + input[data-fieldsize="xsmall"],

.form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="pair-small"],

.form input[data-fieldsize="small"] + input[data-fieldsize="small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="small"],

.form input[data-fieldsize="medium"] + input[data-fieldsize="medium"],
.form input[data-fieldsize="medium"] + css3-container + input[data-fieldsize="medium"] {
    margin-left: 5px;
}

.form input[data-fieldsize="xsmall"] + .form input,
.form input[data-fieldsize="xsmall"] + css3-container + .form input {
    margin-left: 10px;
    margin-right: 0;
}

.form input[data-fieldsize="pair-xsmall"] {
}

.form input[data-fieldsize="pair-small"] {
    width: 121px;
}

.form input[data-fieldsize="verify"] {
    width: 103px;
}

.verificationCode {
    margin: 0 7px 0 0;
    float: left;
}

span.verificationCode {
    margin-top: 2px;
}

.form li.stateBox {
    padding-left: 150px;
}

.form .salutation div {
    display: inline-block;
}

.form .salutation label {
    margin-right: 15px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    width: auto;
    font-size: 16px;
    color: #02133e;
    font-weight: normal;
    float: left;
}

.form label.req{
    font-weight:700;
}

.form .salutation .oxInValid {
    color: #E51937;
}

.form .oxInValid label {
    color: #E51937;
}

.form label.short {
    width: 90px;
    padding-right: 5px;
    line-height: 18px;
}

.form .underInput {
    padding: 5px 0;
}

.form label.tooltip{
    background:url(../../img/help-icon.png) 95% center no-repeat;
}

.form li.checkFields {
    padding-left: 150px;
}

.form li.checkFields label {
    width: auto;
    margin-right: 10px;
}

.form li.checkFields input {
    margin: 2px 5px 0 0;
}

.form textarea {
    float: left;
    width: 100%;
    border: 1px solid #adadad;
    padding: 4px 5px;
    color: #5f5f5f;
}

.inputNote {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    padding: 2px 0 0 0;
    color: #666;
}

.form .note {
    padding-left: 150px;
    font-size: 11px;
    color: #666;
    line-height: 14px;
    font-style: italic;
    padding-top: 7px;
}

#shipSetCost {
    padding-top: 5px;
}

.inlineForm button {
    margin-left: 5px;
}

.verify img {
    float: left;
    margin: 1px 5px 0 0;
}

.notice {
    font-size: 11px;
    font-style: italic;
    border-top: 1px solid #eceff0;
    margin-top: 10px;
    padding: 5px 0;
}

.inlineForm .notice {
    display: block;
    clear: both;
}

label.innerLabel{
    display:block;
    position:absolute;
    color:#B4B8B8;
    margin: 3px 0 0 5px;
    font-weight: normal;
    text-transform: uppercase;
}

label.innerLabel.textArea{
    text-transform: none;
}

.oxValidateError {
    display: none;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    color: #ff0000;
    margin: 0;
    padding: 5px 0;
}

.oxValidateError span {
    display: none;
}

.oxValidateError span.req {
    clear: both;
    display: inline;
}
.oxInValid label,
.oxInValid p {
    color: #ff0000;
}

.oxInValid input.js-oxValidate,
.oxInValid select.js-oxValidate,
.oxInValid input.js-oxValidate:focus {
    border-color: #e51937;
    background: #fff8f8;
}

.oxInValid select {
    border-style: solid;
    border-width: 1px;
}

.oxInValid .oxValidateError,
.oxInValid .oxValidateError .js-oxError_postError {
    display:block;
}
/* --- Contact Page  ------------------------*/

.contactTopFrame {
  width: 100%;
  overflow: hidden;
  margin-top: -10px;
  padding: 0 0 0 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #5f5f5f;
}

.contactTopFrame a {
  width: 584px;
  height: 348px;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.contactTopFrame a img{
  max-width: 50%;
  padding: 0;
  margin: 0;
}

.contactMidFrame {
  width: 100%;
  overflow: hidden;
  color: #5f5f5f;
  font-family: 'Roboto', sans-serif;
}

.contactMidFrame h2 {
  font-size: 27px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #606060;
}

.contactMidFrame form ul {
  width: 68%;
  margin-left: 17%;
}

.contactMidFrame form ul li {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}

.contactMidFrame li.compulsoryNote{
  font-size: 19px !important;
  margin: 20px 0 0 0;

}

.contactMidFrame form ul li input {
  border: 1px solid #adadad;
  width: 100%
}

.contactMidFrame form ul li textarea {
  border: 1px solid #adadad;
  width: 100%
}

.contactMidFrame form ul li label {
  float: left;
  padding: 10px 0 10px 0;
  margin: 20px 0 0 0;
  width: 100%;
  font-weight: normal!important;
  font-size: 16px;
  height: auto;
}

.contactBottomFrame {
    width: 74%;
    min-height: 150px;
    font-family: 'Roboto', sans-serif;
    color: #5f5f5f;
    overflow: hidden;
    margin: 50px auto 0px;
    text-align: center;
}

.contactBottomFrame h2 {
    font-size: 27px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #606060;
}

.contactBottomFrame .StoreinfoBox {
    border: 13px solid #ededed;
    width: 42%;
    min-height: 250px;
    display: inline-block;
    margin: 12px;
    text-align: center;
}

.contactBottomFrame .StoreinfoBox img {
    margin: 15px 0 0 0;
}


.contactBottomFrame .StoreinfoBox .title2 {
    margin: 15px 0 0 0;
    font-size: 27px;
    font-weight: lighter;
}

.contactBottomFrame .StoreinfoBox .heading {
    margin: 9px 0 0 0;
    font-size: 24px;
    font-weight: lighter;
}

.contactBottomFrame .StoreinfoBox .html {
    margin: 19px 0 0 0;
    font-size: 13px;
    font-weight: bold;
}

.contactBottomFrame .StoreinfoBox .html2 {
    margin: 19px 0 19px 0;
    font-size: 13px;
    font-weight: lighter;
}

/* --- Promotions Slider ------------------------*/

.oxSlider {
    position: relative;
    width: 99.99%;
    max-height: 730px;
    overflow: hidden;
}

.oxSlider .item {
    position: relative;
}

.oxSlider a:hover {
    text-decoration: none;
}

.oxSlider ul, .oxSlider li {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    list-style: none;
}

#promotionSlider {
    max-width: 5120px;
    z-index: 1;
}

#promotionSlider img {
    width: 100%;
    display: block;
}

#promotionSlider .item {
    position: relative;
}

.navBack{
    position: absolute;
    top: 40%;
    left: 15px;
    z-index: 2;
    width: 100px;
    height: 100px;
    background: url('../bg/static-elipse-1.png') center center no-repeat;
    background-size: 100px 100px;
}

.navBack:hover {
    top: 39%;
    left: 8px;
    width: 118px;
    height: 118px;
    background-size: 118px 118px;
}

.navBack span{
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.navBack:hover span {
    width: 118px;
    height: 118px;
}

.navBack span img{
    position: relative;
    margin: auto 0px;
    cursor: pointer;
    width: 100px;
    height: 100px;
}

.navBack:hover span img {
    width: 118px;
    height: 118px;
}

.navNext{
    position: absolute;
    top: 40%;
    right: 15px;
    z-index: 2;
    width: 100px;
    height: 100px;
    background: url('../bg/static-elipse-1.png') center center no-repeat;
    background-size: 100px 100px;
}

.navNext:hover {
    top: 39%;
    right: 8px;
    width: 118px;
    height: 118px;
    background-size: 118px 118px;
}

.navNext span{
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.navNext:hover span {
    width: 118px;
    height: 118px;
}

.navNext span img{
    position: relative;
    margin: auto 0px;
    cursor: pointer;
    width: 100px;
    height: 100px;
}

.navNext:hover span img {
    width: 118px;
    height: 118px;
}

/* --- Category Blocs ------------------------*/

#glCats{
    position: relative;
    overflow: hidden;
    max-width: 1930px;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
}

#glCats>div{
    position: relative;
    float: left;
    margin-left: 1.55%;
    margin-top: 1.55%;
    line-height: 1;
}

#glCats .gl_cat img{
    width: 100%;
}

#glCats .gl_cat div {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    color: white;
    text-align: center;
    background: url(../../img/subCatBg.png);
}

#glCats .gl_cat:hover div {
    background-color: black;
}

#glCats .gl_cat div .gl_cat_header{
    display: block;
    font-size: 170%;
    padding: 13px 0 5px;
}

#glCats .gl_cat div .gl_cat_html{
    display: block;
    font-size: 130%;
    text-decoration: underline;
}

/* Teaser Divs - auskommentiert 16.11.

#glCats .gl_cat div{
    position: absolute;
    bottom: 2px;
    height: 117px;
    width: 100%;
    background: url(../../img/glCatBg.png);
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

#glCats .gl_cat div span.gl_cat_header{
    display: block;
    font-size: 23px;
    margin: 25px 0 15px;
    line-height: 26px;
}

#glCats .gl_cat div span.gl_cat_html{
    font-size: 15px;
    text-decoration: underline;
}

*/


/* --- Startseiten Artikel Slider ------------------------*/

.sliderHeader{
    font-size: 32px;
    font-weight: bold;
    color: #02133E;
    line-height: 38px;
    margin-bottom: 40px;
    position: relative;
}

.sliderHeader a {
    color: #5f5f5f!important;
    text-decoration: none;
}

.sliderHeader a:hover {
    color: #000000!important;
    text-decoration: none;
}

.items {
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #adadae;
    font-size: 12px;
    margin: 1px;
    overflow: hidden;
}

.items a{
    color: #5f5f5f;
}

.items a:hover{
    text-decoration: none;
}

.artInfo{
    padding: 15px 25px;
}

.artBrand{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.artName{
}

.artPrice{
    overflow: hidden;
    margin: 10px 0px 0;
}

.artPrice .artPriceAkt{
    font-size: 15px;
    line-height: 15px;
}

.artPrice .artPriceOld{
    color: #c50000;
    font-weight: bold;
    margin-left: 15px;
    text-decoration: line-through;
    line-height: 12px;
}

.showArticleButton{
    padding: 4px;
    background: black;
    color: #fff;
    text-transform: uppercase;
    width: 120px;
    margin: 15px auto 0;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid #000;
    display: none;
}

.showArticleButton:hover{
    background: #fff;
    color: black;
}

#startArticleSlider{
    position: relative;
    margin-top: 45px;
    width: 100%;
    overflow: hidden;
    clear: both;
}

#startArticleSlider .prev{
    float: left;
    cursor: pointer;
}

#startArticleSlider .next{
    float: right;
    cursor: pointer;
}

/* --- Recommendations ---------------------------- */
.recommendations .title {
    font-size:12px;
    padding:2px 0 6px;
}

.recommendations .title a {
    float: left;
    font-weight: bold;
}

.recommendations .title .editButtons {
    float: right;
}

.recommendations .title .textButton {
    color: #1d7e96;
    padding: 0;
    height: 14px;
    line-height: 14px;
}

.recommendations .description {
    font-size:11px;
    padding:0 0 8px;
}

.recommendationsSearchForm {
    padding: 15px 10px;
}

.recommendationsSearchForm label {
    font-size: 11px;
}

.recommendationsSearchForm .searchInput {
    width: 85px;
}


/* --- Manufacturer Item slider ------------------------- */
.itemSlider {
    width:744px;
    height: 148px;
    margin: 0 1px 20px 1px;
    border: 1px solid #76c9dd;
    position: relative;
}

.itemSlider ul {
    height: 148px;
}

.itemSlider li {
    width: 124px;
    height: 148px;
    line-height: 148px;
    padding: 0;
    text-align: center;
    list-style: none;
}

.itemSlider li img {
    vertical-align: middle;
}

.itemSlider .slideNav {
    font-size: 21px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    z-index: 4;
    bottom: -1px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    height: 150px;
    display: block;
    text-shadow: 0 -1px 0 #486066;
}
.itemSlider .leftHolder {
    position:absolute;
    left:-1px;
    bottom:-1px;
    height:150px;
    z-index:3;
    width:179px;
}

.itemSlider .slideNav:hover {
    text-shadow: 0 -1px 0 #ac8a6b;
    opacity: 1;
    filter: alpha(opacity=100);

}
.itemSlider .titleBlock {
    left: -1px;
    bottom:0;
    width: 130px;
    padding-left: 10px;
    text-transform: uppercase;
}
.itemSlider .titleBlock:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-shadow: 0 -1px 0 #486066;
}

.itemSlider .titleBlock strong {
    float: left;
    margin: 50px 0 0 0;
    width: 130px;
}
.itemSlider span.slideBg {
    display: block;
    height:100%;
    width:100%;
    top: 0;
    position: absolute;
}
.itemSlider .prevItem {
    left:139px;
    bottom:0;
    width:40px;
}
.itemSlider .nextItem {
    right: -1px;
    width: 40px;
}
.itemSlider .prevItem:hover span.slideBg,
.itemSlider .nextItem:hover span.slideBg {
    filter: alpha(opacity=90);
    opacity:0.9;
}

.itemSlider .prevItem span.slidePointer,
.itemSlider .nextItem span.slidePointer {
    position:relative;
    z-index: 5;
    float: right;
    text-indent: -9999px;
    width: 30px;
    height: 32px;
    margin: 58px 5px 0 0;
    background:url(../../img/promo-arrows.png) no-repeat -98px -162px;
}

.itemSlider .prevItem span.slidePointer {
    background-position: -26px -162px;
}

.itemSlider .prevItem:hover span.slidePointer {
    background-position: -26px -86px;
}

.itemSlider .nextItem:hover span.slidePointer {
    background-position: -98px -86px;
}

.itemSlider li {
    position: relative;
}

.itemSlider li a.viewAllHover {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 35px;
    z-index: 5;
    opacity: 1;
    padding-right: 5px;
    padding-top:25px;
    filter: alpha(opacity=100);
    background:transparent url(../bg/fx-grad-orange-spiked.png) -30px 0 no-repeat;
}


.itemSlider li a span {
    text-align: left;
    line-height: 12px;
    padding-top: 4px;
    background-position: 0 50%;
    font-size: 10px;
}

.itemSlider a.sliderHover,
a.sliderHover {
    background: #fd8304;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 124px;
    height: 148px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.itemSlider li:hover a.viewAllHover,
.itemSlider li:hover a.sliderHover {
    display: block;
}
.slider li {
  list-style: none;
}

/* --- Category lists ----------------------- */
.subcatList,
.subcatList ul {
    margin: 0;
}

.subcatList li{
    padding: 0;
    list-style: none;
}

.subcatList .box {
    float: left;
    margin-left: 20px;
}

.subcatList li .box:first-child {
    margin-left: 0;
}

.subcatList h3 a {
    color: #fff;
    font-size: 14px;
}

.subcatList .box li {
    text-transform: uppercase;
    padding: 3px 0;
}

#content .categoryDescription {
    background: #f2f4f5;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    border-bottom: 1px solid #B4B8B8;
}

#content .categoryTopLongDescriptionHeader{
    font-size: 14px;
    font-weight: bold;
    color: #5f5f5f;
    margin-top: 50px;
}

#content .categoryTopDescription,
#catLongDesc {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color: #02133e;
    padding-right: 15px;
    margin-top: 40px;
}

#catLongDesc h1 {
    margin-bottom: 40px;
}

#catLongDesc p {
    margin-bottom: 10px;
}

#content .categoryPicture {
    margin-bottom: 10px;
    width: 100%;
}

.categoryPicture {
    max-height: 450px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    z-index: 2;
}

.categoryPicture img {
    width: 100%;
    display: block;
}

#sidebar .categoryDescription {
    background: #f2f4f5;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    border-bottom: 1px solid #B4B8B8;
}

#sidebar .categoryTopLongDescriptionHeader{
    font-size: 14px;
    color: #5f5f5f;
    margin-top: 50px;
}

#sidebar .categoryTopDescription,
#sidebar .categoryTopLongDescription {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #02133e;
    width: 100%;
}

#sidebar .categoryTopLongDescription p {
    margin-bottom: 10px;
}

#sidebar .categoryTopLongDescription h1 {
    color: #02133e;
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#sidebar .categoryTopLongDescription h2 {
    color: #02133e;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0;
}

#sidebar .categoryTopLongDescription a {
    text-decoration: underline;
    color: #02133e;
}

#sidebar .categoryTopLongDescription a:hover {
    color: #000000;
    text-decoration: none;
}

#sidebar .categoryPicture {
    margin-bottom: 10px;
    width: 100%;
}

.faq {
    max-width: 1300px;
    margin: 10px auto;
}

.faq h1 {
}

.faq .entry {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.faq .entry .entryContent {
    display: none;
    padding: 11px 14px;
    color: #02133e;
}

.faq .entry .entryContent p {
    margin: 0px 0px 10px;
}

.faq .entry .entryContent p,
.faq .entry .entryContent ul {
    margin: 0px 0px 10px;
}

.faq .entry .entryContent li {
    margin: 0px 0px 5px 20px;
}

.faq .entry .entryContent a {
     text-decoration: underline;
    color: #02143D;
}

.faq .entry .entryContent a:hover {
    color: red;
}

.faq h2 {
    font-weight: 500;
}

.faq .entry h3{
    color: #02133e;
    padding: 11px 14px;
    margin: 0;
    font-weight: 400;
    background: url("../bg/faqIcons.png") no-repeat;
    background-position: right 5px;
}

.faq .entry h3:hover{
    cursor: pointer;
    color: red;
    background-position: right -35px;
}

.faq .entry h3.active{
    color: red;
    background-position: right -74px;
}

/* Brand Page */

.manuimage {
    float: left;
    text-align: center;
    height: 200px;
    width: 16.5%;
}

.manuimage a {
    display: table-cell;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    width: 500px;
    border: 1px solid white;
}

.manuimage a:hover {
    border: 1px solid #5f5f5f;
}

.manuimage a img {
    max-height: 180px;
    max-width: 80%;
}

.brandList {
    width: 30%;
    float: left;
    margin-right: 3%;
    color: #5f5f5f;
}

.brandList strong {
    font-size: 22px;
    margin-top: 15px;
    display: block;
}

.brandList hr {
    background: none;
    border: none;
    border-top: 1px solid #5f5f5f;
}

.brandList a {
    color: #5f5f5f;
}

/* 404 Error Page */

.errorPicture {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.errorPicture .largeButton {
    padding: 5px 10px;
    width: 132px;
}

#moreProducts {
    width: 100%;
    margin: 20px auto 0px;
    text-align: center;
}

#moreProducts h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #02133e;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
}

#moreProducts .moreProductsContainer {
    width: 1200px;
    overflow: hidden;
}

#moreProducts .moreProductsContainer .items {
    height: 350px;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #b2b2b3;
    font-size: 13px;
    max-width: 268px !important;
    margin: 0px 20px 20px 0 !important;
}

#moreProducts .moreProductsContainer .items .itemsImg {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}

#moreProducts .moreProductsContainer .items .itemsImg a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 250px;
}

.itemsImg img{
    display: block;
    max-width: 100%;
    max-height: 250px;
    margin: 0 auto;
}

#moreProducts .moreProductsContainer .items.last {
    margin-right: 0px;
}

/* --- Trusted shop logo --------------- */
.box #tsSeal {
    text-align: center;
    margin-bottom: 7px;
}


/* --- Layout helpers ---------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* --- Interaction Cues ----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .50;filter:Alpha(Opacity=50); }


.ui-dialog { position: absolute; padding: .2em; width: 300px;}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* --- ZOOM CLOUD ----------------------------- */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 2px solid #EB6005;
    margin: -2px;    /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: default;
}

/* This is for the title text. */
.cloud-zoom-title {
    font-family: 'Roboto', sans-serif;
    position:absolute !important;
    background-color:#000;
    color:#fff;
    padding:3px;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:10px;
    top:0;
}

.picture #wrap{
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
/*    max-height: 600px;*/
}

/* This is the zoom window. */
.cloud-zoom-big {
    overflow:hidden;
    background-repeat: no-repeat;
    background-color: #fff;
}

/* This is the loading message. */
.cloud-zoom-loading {
    color: #000;
    background: #fff;
    padding: 0;
}

#zoomTrigger {
    width: 18px;
    height: 18px;
    display: none;
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    left: 17%;
    float: left;
    z-index: 1000;
    background: url(../../img/zoom.png) no-repeat 0 0;
}

.zoomed {
    width: 663px;
    height: 665px;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
}

.zoomPager {
    margin: 0;
    padding: 0;
}

.zoomPager li {
    list-style: none;
    float: left;
    padding: 0;
}

.zoomHead {
    font-weight: 700;
    text-transform: uppercase;
}


#zoomModal .otherPictures {
    margin: 0;
    padding: 0;
    width: 663px;

    z-index: 9;
}

#zoomModal .otherPictures a{
    width: 30px;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
}

#zoomModal .shadowLine {
    width: 663px;
    clear: both;
}

#zoomModal .otherPictures ul{
    margin: 0;
}

#zoomModal .marker {
    border: 2px solid #EB6005;
    display: none;
    height: 31px;
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
    z-index: 99;
}

#zoomModal .marker img {
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: -6px;
    z-index: 6;
}

/* --- Services ---------------------- */
#services {
    width: 175px;
}

#services a {
    text-decoration: none;
    text-transform: uppercase;
}

#services li {
    position: relative;
}

#services .counter {
    right: 5px;
    top: 1px;
}

#servicesTrigger {
    position: relative;
}

#servicesTrigger .counter {
    right: 0;
    top: 0;
    z-index: 11;
}

.hasNotifications {
    padding-right: 25px;
}

#services a:hover .counter {
    border: 1px solid orange;
    background: #fff;
    color: orange;
}

/* --- WishList ------------------------------ */
.wishlist {
  margin: 60px 0;
}
.wishlist .pageHead {
  font-size: 32px;
  color: #02133E;
  line-height: 38px;
  padding: 0;
  margin-bottom: 20px;
  border-bottom: none;
}
.wishlist h2 {
  font-size: 32px;
  line-height: 38px;
  margin: 40px 0;
}
.wishlist .teaser {
  text-align: center;
  font-size: 14px;
  color: #999;
  width: 300px;
  margin: 20px auto 60px;
  line-height: 20px;
}
.wishlist .text-center {
  text-align: center;
}
.wishlist-empty .teaser {
  color: #02133E;
  margin: 20px auto;
}
.wishlist .wishlist-btn {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #D70929;
  padding: 20px 25px;
  margin: 0 auto 60px;
  width: 300px;
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wishlist #startArticleSlider {
  margin-top: 0;
}


/* --- Account Dashboard ----------------- */

.DashboardTitleBox {
    width: 100%;
    height: auto;
    color: #02133E;
    text-align: center;
    margin: 35px 0px;
}

.DashboardTitleBox .Title{
    border-bottom: 1px solid #02133E;
    text-align: center;
    font-size: 29px;
    padding: 22px 0px;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #02133E;
    font-weight: bold;
}

.DashboardTitleBox .Description{
    font-size: 16px;
}

.DashboardSelection {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.DashboardSelectionTile {
    width: 100%;
    min-height: 190px;
    background-color: #f3f3f3!important;
    font-family: 'Roboto', sans-serif;
    color: #5f5f5f;
    margin: 0 0 2% 0;
}

.DashboardSelectionTileSPACER {
    width: 2%;
    height: 50px;
    float: left;
}

.DashboardSelectionTile .Heading {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    width: 97%;
    height: auto;
    padding-left: 3%;
    padding-top: 15px;
    color: #02133e;
}

.DashboardSelectionTile .Content {
    font-size: 13px;
    height: auto;
    min-height: 50px;
    padding: 2% 3%;
}

.DashboardSelectionTile .Content .info {
    font-size: 12px;
    color: #4EB0ED;
    margin: 5px 0px;
}

.DashboardSelectionTileButton {
    width: 97%;
    height: auto;
    padding-left: 3%;
    padding-bottom: 20px;
}

.dashboardLogout {
    position: relative;
    float: right;
    padding-right: 3%;
}

.AccountActionFrame {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: yellow;
}

.AccountActionBox {
    width: 100%;
    height: auto;
    background-color: orange;
    float: left;
    font-family: 'Roboto', sans-serif;
    color: #5f5f5f;
    margin: 0 0 0 0;
    text-align: center;
}


/* --- Compare List ----------------------- */
#compareList {
    width: 100%;
}

#compareList td {
    border-collapse: collapse;
    vertical-align:top;
}

#compareList table{
    width:200px;
    border-collapse:collapse;
}

#compareList table td {
    border-top: 5px solid #ECEFF0;
    padding: 5px;
}

#compareList table #firstTr td,
#compareList table #firstDataTr td {
    border: 0;
}

#compareList table tr:last-child td {
    padding-bottom: 20px;
}

#compareDataDiv {
    overflow:hidden;
}

#compareFirstCol {
    overflow: hidden;
}

.compareItem {
    width: 190px;
    height: 380px;
    position: relative;
}

.compareNarrow {
    width:596px;
    position:relative;
}

#compareFirstCol.compareNarrowFirstCol table{
    width: 152px;
}

.compareWide {
    width:740px;
    position:relative;
}

.compareWide .compareItem {
    width: 238px;
}

.compareItem .tobasket {
    position: absolute;
    bottom: 10px;
}

.compareItem .oldPrice {
    font-size: 11px;
    line-height: 14px;
}

.compareItem .variants{
    padding-top:15px;
}

.compareItem .variants select{
    margin:5px 0 10px 0;
    display: block;
}

.compareItem .picture {
    text-align: center;
    display:block;
    width:190px;
    height:150px;
    overflow:hidden;
    margin-bottom:7px;
}

.compareItem .title {
    display: block;
    font-size: 18px;
    line-height:18px;
    font-weight: 400;
    padding-bottom: 3px;
}

.compareItem .identifier {
    color: #515353;
    display: block;
}

.compareItem .fn {
    padding-top: 5px;
    margin: 0;
    clear: both;
}

#compareList .lineBox {
    padding: 5px 10px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
}

#compareList a.navigation {
    background: url(../../img/prevnext.png) no-repeat 0 0;
    height: 7px;
    width: 4px;
    text-indent: -9999px;
    margin-top: 4px;
}

#compareList .lineBox a.movePrev {
    float: left;
    background-position: 0 -7px;
}

#compareList .lineBox a.moveNext {
    float: right;
}

td.centered {
    text-align:center;
}
td.alignTop{
    vertical-align:top;
}

/* --- Login form ------------------------ */
.accountLoginView .col {
    float: left;
    width: 50%;
}

/* --- right corner message ---------------- */
#incVatMessage{
    position:fixed;
    bottom:-3px;
    right:-5px;
    font-size:11px;
    padding:4px 20px 6px 17px;
    background:url(../../img/vatmsg-bg.png) no-repeat 0 0;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:9999;
    display: none;
}

#incVatMessageTsBadge{
    position:fixed;
    bottom:-3px;
    right:100px;
    font-size:11px;
    padding:4px 20px 6px 17px;
    background:url(../../img/vatmsg-bg.png) no-repeat 0 0;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:9999;
}

/* --- Plain errors ------------------------ */
.errorBox {font-size:12px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px;}
.errorBox a {color:#D81F01; text-decoration: underline;}
.errorBox a:hover {color:#666;}
.errorBox .errHead {background: #D81F01; color: #fff; padding: 5px 15px;}
.errorBox .errBody {border: 1px solid #D81F01; padding: 15px;}
.errorBox .stackTrace { font-size: 11px; color: #000; font-weight: normal; margin: 10px 0; padding: 10px 0; border-top: 2px solid #EED8D2}


/* --- article box ------------------------ */
li.articleImage{
    height: 110px;
}

.featuredList a.articleBoxImage {
    height: 97px;
    line-height:97px;
    width:148px;
    background: #fff;
    text-align: center;
    display: block;
}

.featuredList a.articleBoxImage img{
    vertical-align:middle;
}

/* --- MD Variant Selects in details ----------- */
.selectorsBox {
    clear:both;
    background: none;
    padding: 10px 10px 0 0;
    font-size: 11px;
}

div.information .selectorsBox {
}

.selectorsBox .dropDown {
    margin-bottom: 10px;
    min-width: 200px;
}

.selectorsBox .dropDown li.disabled a {
    color: #b4b8b8;
}

.selectorsBox p.underlined {
    border-bottom: 1px solid #29373c;
}

.selectorLabel label {
    min-width: 60px;
    display: inline-block;
}

.variantReset {
    padding-bottom: 10px;
    font-size: 11px;
    margin-top: -55px;
}

.variantReset label {
    text-transform: uppercase;
}

.variantReset  a.reset {
    color: #1d7e96;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}

.variantReset  a.reset:hover {
    text-decoration:none;
    color: #EB6005;
}

/* --- MD Variant Selects in infoGrid ----------------- */
.listDetails .selectorsBox {
    background: none;
    padding: 10px 10px 0 5px;
    font-size: 11px;
}

.listDetails .selectorsBox .dropDown {
    margin-bottom: 10px;
    min-width: 150px;
}

.listDetails .selectorsBox .dropDown li.disabled a {
    color: #b4b8b8;
}

.listDetails .selectorsBox p.underlined {
    border-bottom: 1px solid #29373c;
}

.listDetails .selectorLabel label {
    min-width: 45px;
    display: inline-block;
}

/* --- MD Variant Selects for line -------------------- */
.infoBox .selectorsBox {
    background: none;
    padding: 10px 10px 0 0;
    font-size: 11px;
}

.infoBox .selectorsBox .dropDown {
    margin-bottom: 10px;
    min-width: 200px;
}

.infoBox .selectorsBox .dropDown li.disabled a {
    color: #b4b8b8;
}

.infoBox .selectorsBox p.underlined {
    border-bottom: 1px solid #29373c;
}

.infoBox .selectorLabel label {
    min-width: 50px;
    display: inline-block;
}

/* ------- Checkout AGB conditions links --------------- */
.agb {
  text-align: left;
}
.agb a, .cmsContent p a {
    color: inherit;
    font-weight: 500;
}
.agbConfirmation a {
  font-weight: normal;
  text-decoration: underline;
}
/* ---- ajax loading icon -----------------------------*/

.loadingfade {
    background: #fff;
    z-index : 5000;
}
.loadingiconbg {
    background: url(../../img/loading_bg.png) no-repeat center center;
    z-index : 5001;
}
.loadingicon {
    background: url(../../img/loading.gif) no-repeat center center;
    z-index : 5002;
}

/* Storeviews - Content */

.storeTopteaser {
  width: 100%;
  height: 350px;
  background-color: #000000;
  text-align: left;
}

.storeTopteaser .adressblock {
  width: 28%;
  margin: 1%;
  height: 350px;
  float: left;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.storeTopteaser .adressblock .title {
  width: 100%;
  height: auto;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.storeTopteaser .adressblock .title img{
  margin: 0 15px 0 0;
}

.storeTopteaser .adressblock .adress  {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
}

.storeTopteaser .adressblock table {
  margin-top: 20px;
  font-size: 14px;
  width: 100%;
}

.storeTopteaser .adressblock table td{
  line-height: 19px;
}

.storeTopteaser .adressblock table td a{
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #ffffff;
}

.storeTopteaser .adressblock table td a:hover{
  text-decoration: none;
}

.storeTopteaser .adressblock a {
  color: white;
  text-decoration: underline;
}

.storeTopteaser .mapBlock {
  width: 70%;
  height: 250px;
  float: left;
}

/* --------- CONTENT ------------ */

.Stores_Contentframe {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.Advantages_Contentframe_Infotext1 {
  width: 100%;
  height: auto;
  text-align: center;
  color: #02133e;
  font-size: 15px;
  margin: 0 auto;
  background: #fff;
}

.Advantages_Contentframe_Infotext1 h2{
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}

.Advantages_Contentframe_Infotext1 h3{
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 20px;
}

.bigSliderFrame {
  width: 100%;
  height: 440px;
  margin-top: 25px;
}

.bigSlider {
  width: 94% !important;
  height: 440px;
  float: left;
}

.bigSlider .owl-item img {
  display: inline !important;
  max-width: 95%;
  vertical-align: middle;
}

.bigSlider .owl-item {
  text-align: center !important;
  line-height: 440px;
}

.bigSliderLeft {
  width: 3%;
  height: 440px;
  float: left;
  cursor: pointer;
  background-image: url(../../img/slider-arrows-left.png);
  background-repeat: no-repeat;
  background-position: center 204px;
}

.bigSliderRight {
  width: 3%;
  height: 440px;
  float: left;
  cursor: pointer;
  background-image: url(../../img/slider-arrows-right.png);
  background-repeat: no-repeat;
  background-position: center 204px;
}

.Stores_Contentframe_Videoframe {
  text-align: center;
  margin-top: 50px;
}

.Stores_Contentframe_Imagegallery {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

.Stores_Contentframe_Imagegallery h2{
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  text-align: center;
  color: #5f5f5f;
}

.smallSliderFrame {
  width: 100%;
  height: 290px;
  margin-top: 25px;
  position: relative;
}

.smallSlider {
  width: 100%;
  height: 290px;
  float: left;
}

.smallSliderLeft {
  width: 44px;
  height: 290px;
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  z-index: 10;
  background-color: transparent;
  background-image: url(../../img/slider2-arrows-left.png);
  background-repeat: no-repeat;
  background-position: 0px 83px;
}

.smallSliderRight {
  width: 44px;
  height: 290px;
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: -1px;
  z-index: 10;
  background-color: transparent;
  background-image: url(../../img/slider2-arrows-right.png);
  background-repeat: no-repeat;
  background-position: 3px 83px;
}

.smallSlider .owl-item img {
  display: inline !important;
  max-width: 95%;
  vertical-align: middle;
}

.smallSlider .owl-item {
  text-align: center !important;
  line-height: 290px;
}

/* --- shop lupe ------------------------------ */
p.shoplupe {
    padding-top:15px;
    text-align: center;
}

/* --- category tree ----------------------------- */
.categoryBox {
    margin: 0 0 10px;
}

.categoryBox.account {
    padding-top: 80px;
}

.categoryBox.account .level1 .showSidebarMenu:hover,
.categoryBox.account .level1.active .showSidebarMenu {
    background-color: #fff;
}

.categoryBox.account .level1 .showSidebarMenu:hover a,
.categoryBox.account .level1.active .showSidebarMenu a {
    color: #02133e;
}

.categoryTagsBox {
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
}

.categoryTagsBox h3 {
    text-transform: uppercase;
    padding: 5px 0 0 10px;
    font-size: 12px;
}

.categoryTags {
    padding: 5px 5px 5px 5px;
}

a.fbEnableLink {
    display: inline-block;
    text-transform: uppercase;
    padding: 30px 0 15px 0;
    font-size: 12px;
    font-weight: bold;
    color: #2c5e97;
}

.fbEnableDesc {
    margin-bottom: 35px;
    font-size: 11px;
    color: #555;
}

.fbEnableDesc a {
    line-height: 25px;
    color: #2c5e97;
}

a.fbEnableLink, .fbEnableDesc {
    margin-left: 20px;
}

a.downloadableFile {
    color: #1d7e96;
    text-decoration: underline;
    background: url(../bg/download.png) left center no-repeat;
    padding:5px 0 5px 25px;
}

a.downloadableFile:hover {
    color: #ec6105;
    text-decoration: none;
}

a.downloadableFile.pending {
    color: #909090;
    text-decoration: none;
    background: url(../bg/download-pending.png) left center no-repeat;
    padding:5px 0 5px 25px;
}
.variantMessage{
    color: #e70404;
    display: block;
    padding-bottom: 5px;
}
.selectMessage{
    color: #e70404;
}


#cookieNote {
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:105;
    font-weight:normal;
    font-size:12px;
    color: #fff;
    background-color: #02133e;
    padding:10px 0 10px 0;
    border-bottom: 1px solid #262525;
    display: none;
}

#cookieNote span.dismiss {
    cursor:pointer;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 80px;
    padding-left: 25px;
    height: 18px;
    display: block;
    font-size: 14px;
    background: url(../../img/close.png) no-repeat 0 0;
    color: #fff;
}

#cookieNote a {
    color: #fff;
    text-decoration:underline;
    font-weight:bold
}

#cookieNote+#page {
    padding-top: 35px;
}

#cookieNote .notify{
    padding: 0 150px 0 35px;
}

.alert {
  margin: 5px 0 20px;
  padding: 8px 15px;
  word-wrap: break-word;
}
.alert p {
  margin: 0;
}
.alert.alert-error {
  background: url(../../img/error-inline.png) no-repeat 12px 13px #ffe7e3;
  padding: 8px 15px 8px 30px;
}

.smallFont {
    font-size: 13px;
    word-wrap: break-word;
    overflow: hidden;
    color: #606060;
    font-weight: 500;
    line-height: 20px;
}

#betaNote {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:105;
    font-weight:normal;
    font-size:16px;
    color: #fff;
    background-color:#f77704;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding:8px 0 8px 0;
    text-align: center;
    border-bottom: 1px solid #d36706;
    display:none;
}

#betaNote span.dismiss {
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    background: url(../../img/close.png) no-repeat 0 0;
}

#betaNote a {
    color: #fff;
    text-decoration:underline;
    font-weight:bold
}

#betaNote+#page {
    padding-top: 35px;
}
.hidden {
    display: none;
}
#orderConfirmAgbBottom {
    display: block;
    clear: both;
    float: none;
}
#orderConfirmAgbBottom hr {
    border: none;
    background-color: #ECEFF0;
    height: 5px;
    margin: 10px 0;
}

#orderConfirmAgbBottom .prevStep{
    width: 25%;
    display: block;
    text-align: center;
}

#orderConfirmAgbBottom #orderBottomLineRight{
    width: 25%;
    display: block;
}

#orderConfirmAgbBottom #orderBottomLineRight button{
    width: 100%;
    display: block;
}

.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
}


input[type=checkbox] {
  display: none !important;
}

input[type=checkbox] + label {
    line-height: 20px;
    background: url(../../img/checkBox.png) no-repeat left;
    background-position: left 0;
    height: 20px;
    padding: 0 0 0 25px;
    display: block;
    cursor: pointer;
    color: #02133e;
}

input[type=checkbox]:checked + label {
    background-position: left -60px;
}

input[type=radio] {
  display: none !important;
}

input[type=radio] + label {
    line-height: 20px;
    background: url(../../img/radioBox.png) no-repeat;
    background-position: left 10px top 0;
    padding: 0 0 0 40px;
    height: 20px;
    display: block;
    cursor: pointer;
    color: #02133e;
}

input[type=radio]:checked + label {
    background-position: left 10px top -60px;
}

.salutation input[type=radio] + .oxInValid2 {
    background: url(../../img/radioBoxRed.png) no-repeat;
    background-position: left 10px top 0;
    padding: 0 0 0 35px;
    display: block;
    cursor: pointer;
    color: #E51937;
}

.salutation input[type=radio]:checked + .oxInValid2 {
    background: url(../../img/radioBoxRed.png) no-repeat;
    background-position: left 10px top -60px;
}

.salutation .oxInValid input[type=radio] + label {
    background: url(../../img/radioBoxRed.png) no-repeat;
    background-position: left 10px top 0;
    padding: 0 0 0 35px;
    display: block;
    cursor: pointer;
    color: #E51937;
}

.salutation .oxInValid input[type=radio]:checked + label {
    background: url(../../img/radioBoxRed.png) no-repeat;
    background-position: left 10px top -60px;
}

.respcontent.alist,
.respcontent.details,
.respcontent.account_user,
.respcontent.account_password,
.respcontent.account_order,
.respcontent.account_orderdetails {
    padding-top: 10px;
}

.respcontent.account_user #breadCrumb,
.respcontent.account_password #breadCrumb,
.respcontent.account_order #breadCrumb,
.respcontent.account_orderdetails #breadCrumb {
    margin-bottom: 0px;
}

.respcontent.details #content {
    margin-top: 10px;
}

@media(max-width:1000px){

  #sidebar {
    width: 30%;
  }

  div.sidebarLeft #content,
  div.sidebarRight #content {
    width: 66%;
  }

  .gridView li{
      width: 49%;
  }
  
  .gridView.grid li:nth-child(2),
  .gridView.grid li:nth-child(9),
  .gridView.grid li:nth-child(13),
  .gridView.grid li:nth-child(17),
  .gridView.grid li:nth-child(20){
      margin-right: 0;
  }
  
  .gridView li:nth-child(5),
  .gridView li:nth-child(18) {
    margin: 0 26.5% 2% 24.5%;
  }

  .listStyles .viewOptions{
      display: none;
  }

}

@media(max-width:800px){
  #header #navigation {
    display: none;
  }

  .gridView li{
      width: 49%;
  }

  .locatorFilter .categoryBox:nth-child(2n) {
      margin-right: 0;
  }
}

.extGroessentabelle{
    position: relative;
    width: 100%;
    text-align: left;
    margin: 20px 0;
    font-size: 14px;
    color: #5f5f5f;
    border-collapse: separate;
    font-family: Arial, Helvetica, sans-serif;
}

.extGroessentabelle th{
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0 10px 10px;
    width: 200px;
}

.extGroessentabelle thead tr th{
    font-weight: bold;
}

.extGroessentabelle tbody tr:first-child th,
.extGroessentabelle tbody tr:first-child td{
    border-top: 1px solid #e5e5e5;
}

.extGroessentabelle tbody th{
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.extGroessentabelle td{
    text-align: center;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#extPressekontakt{
    position: relative;
    background: url(../../img/pressekontakt.jpg) no-repeat center center;
    background-size: 100% 100%;
    height: 511px;
    color: #fff;
}

#extPressekontakt div{
    float: right;
    margin: 150px 110px 0 0;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
}

#extPressekontakt div h1{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #fff;
}

#extPressekontakt div a{
    color: #E51937;
    text-decoration: none;
    font-weight: normal;
}

#extPartnerprogramm {
  width: 100%;
  height: auto;
  min-height: 100%;
  font-size: 13px;
  font-weight: normal;
}

#extPartnerprogramm ul li {
  font-size: 13px !important;
  line-height: 17px;
}

#extPartnerprogramm h1{
  font-size: 24px;
  font-weight: normal;
  line-height: 100%;
  margin-bottom: 20px;
}

#extPartnerprogramm h2{
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 15px;
}

#extPartnerprogramm .ePHead{
  font-size: 15px;
  margin-bottom: 5px;
}

#extPartnerprogramm blockquote{
  margin: 20px 35px;
}

#extPartnerprogramm blockquote a{
  float: left;
  margin-right: 25px;
}

#extAboutFila img.extImgLeft{
  width:350px;
  height:524px;
  float:left;
  margin-right:23px
}

#extAboutFila img.extImgRight{
  width:360px;
  height:auto;
  float:right;
  margin-left:13px
}

#extAboutFila div{
  width:380px;
  height:auto;
  min-height:100%;
  margin:0 0 0 13px;
  padding-bottom:100px;
  float:left
}

#extAboutFila div h2{
  margin:0;
  color:#e82033;
  text-transform:uppercase
}

#extAboutFila div p{
  margin:0 20px 10px 0;
  padding:0;
  font-size:13px
}

.extRedSpan{
  color:#e82033
}

#extAboutFila div img{
  width:100%;
  height:auto;
  margin:0 0 5px 0
}

#extAboutFila div.extContentThird{
  width:913px;
  margin:0;
}

#extAboutFila div.extContentThird h2{
  color:#02143d
}

.filaText{
  width: 90% !important;
}

.extWrap {height:auto;min-height:100%;margin:0 auto;padding:20px 0 40px 0;font:12px/145% Arial,Helvetica,sans-serif!important;color:#444}

.glNews .newsItem{
  width: 50%;
  float: left;
  font-size: 14px;
  padding: 0 2.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 25px;
  height: 450px;
}

.glNews .newsItem img{
  width: 100%;
}

.glNews .newsItem a{
  text-decoration: none;
  display: block;
  color: #5f5f5f;
}

.glNews .newsItem h3{
  font-size: 32px;
  text-decoration: underline;
  font-weight: normal;
  text-transform: uppercase;
  color: #5f5f5f;
  margin: 20px 0;
  line-height: 32px;
}

.newsContent{
  height: 50px;
}

.extVitaPlayer{width:100%;margin:10px 0;border-bottom:1px solid #e5e5e5;float:left}
.extVitaPlayer:last-child{border-bottom:none}
.extVitaPlayer h1{float:right;display:inline-block;padding:5px 0;margin:0;font:lighter 60px/95% "HelveticaThin","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-transform:uppercase;text-align:right;letter-spacing:1px}
.extVitaPlayer h2{width:96%;float:right;padding:5px 4% 5px 0;margin:0 0 40px 0;font:18px/100% Helvetica,Arial,sans-serif!important;text-transform:uppercase;text-align:right;color:#fff;background:#e82033}
.extVitaPlayer .extErfolge,.extPersonal{margin-bottom:40px}
.extVitaPlayer .extErfolge{width:50%;float:left}
.extVitaPlayer .extPersonal{width:44%;float:right}
.extVitaPlayer .extErfolge img{max-width:100%;height:auto;width:auto\9 ;position:relative;float:left;margin:0 0 40px 0;border-bottom:1px solid #e8e8e8}
.extVitaPlayer .extErfolge ul{margin:0 0 0 40px}
.extVitaPlayer ul li{position:relative;margin:0 0 7px 0;clear:both;font:14px/135% Arial,Helvetica,sans-serif;vertical-align:central}
.extVitaPlayer ul li.extVitaHome{list-style:url(/DE/de/shop/content/img/extVitaHome.gif) inside;margin-top:15px}
.extVitaPlayer ul li.extVitaFacebook{list-style:url(/DE/de/shop/content/img/extVitaFacebook.gif) inside}
.extVitaPlayer ul li.extVitaTwitter{list-style:url(/DE/de/shop/content/img/extVitaTwitter.gif) inside}
.extVitaPlayer ul li.extVitaInstagram{list-style:url(/DE/de/shop/content/img/extVitaInstagram.gif) inside;margin-bottom:15px}
.extVitaPlayer ul li.extNoSquare{list-style:none;color:#02133e;font-weight:bold;margin-top:14px}

.extWrap img{display: block; width: 100%;}

.extWrap h1{width:98%;padding:0 1% 5px 1%;margin:30px 0 0 0;clear:both;border-bottom:1px solid #e5e5e5;text-transform:uppercase;color:#444;font-size:32px!important; line-height: 32px;}

#extBmwOpen h2{width:98%;padding:0 1% 5px 1%;margin:20px 0 20px 0;clear:both;text-transform:uppercase;color:#444;}

#extBmwOpen .extBmwOpenContent{width:48%;height:auto;min-height:100%;margin:0 1% 60px 1%;float:left}

#extBmwOpen .extBmwOpenContent p{margin:0 20px 10px 0}

#extBmwOpen .extBmwOpenContent strong{color:#02133e}

ul.spobi_bilder{width:100%;clear:both;display:block;margin:0 0 10px 0}

ul.spobi_bilder li{width:32.5%;display:inline-block;float:left;margin:0 10px 0 0}

ul.spobi_bilder li.lastUlLi{margin:0}

h2.spobiH2{border-top:1px solid #e5e5e5!important;padding:20px 1% 5px 1%!important}

h3.spobiH3{color:#051338}

#video_howdoyoufila iframe{
  width: 100%;
  min-height: 500px;
}

#video_howdoyoufila h1.hdfH1{font:bold 28px/135% "Helvetica Neue",Helvetica,Arial,Tahoma,Verdana,sans-serif;color:#e82033;margin:0;padding:0}

#video_howdoyoufila h2.hdfH2{font:18px/140% "Helvetica Neue",Helvetica,Arial,Tahoma,Verdana,sans-serif;color:#7e7e7e;margin:0;padding:10px 0 40px 0}

#video_howdoyoufila .howdoyoufilaVideo{width:100%;float:left;margin:20px 0 40px 0}

#video_howdoyoufila ul.howdoyoufilaRow{width:100%;margin:0 0 11px 0;display:block}

#video_howdoyoufila ul.lastUL{margin:0 0 40px 0}

#video_howdoyoufila ul.howdoyoufilaRow li{width:32.5%;display:inline-block;float:left;margin:0 11px 0 0}

#video_howdoyoufila ul.howdoyoufilaRow li.lastUlLi{margin:0}

#video_howdoyoufila ul.howdoyoufilaRow li img{width:100%;}

.extPorscheContent{width:48%;height:auto;min-height:100%;margin:0 1% 60px 1%;float:left}

.extPorscheContent p{margin:0 20px 10px 0}

.extPorscheContent strong{color:#02133e}

/* ----- Produkt Slider --------------------------*/

#productSliders{
    margin: 40px auto 0;
    position: relative;
    max-width: 100%;
}

#productSliders .productSliderContent .owl-controls{
    position: relative;
    padding: 10px 0;
    text-align: center;
    margin-top: 0px;
}

#productSliders .productSliderContent .owl-controls .owl-dot{
    display: inline-block;
    margin-right: 10px;
}

#productSliders .productSliderContent .owl-controls .owl-dot:last-child{
    margin-right: 0px;
}

#productSliders .productSliderContent .owl-controls .owl-dot span{
    display: block;
    background: url(../../img/detailpicslider.png) no-repeat center center;
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

#productSliders .productSliderContent .owl-controls .owl-dot.active span{
    background: #E51937;
}


#productSliders .bigHeading{
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #02133e;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
}

.errorSliderContent .productData{
    width: 100%;
}

#productSliders .productSlider {
    padding: 0 2%;
}

/* Autocomplete */
.select-overlay {
  font-size: 14px;
  background: url('../../img/powered_by_google.png') no-repeat bottom 1px right 5px #fff;
  padding-bottom: 20px;
  width: 100%;
  position: absolute;
  top: -webkit-calc(100% - 10px);
  top: calc(100% - 10px);
  -webkit-box-shadow: 0px 2px 3px #cdcdcd;
          box-shadow: 0px 2px 3px #cdcdcd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}

.select-overlay .select-entry {
  padding: 10px 20px;
  cursor: pointer;
}
.select-overlay .select-entry:hover {
  background-color: #f6f7f7;
}

/* Content Pages */
#content.full-width {
  max-width: 100vw;
  padding: 0;
}
.content-page {
  color: #02133E;
}
.content-page #breadCrumb {
  padding-top: 20px;
  padding-left: 0;
}
.content-page img {
  height: auto;
  max-width: 100%;
  display: block;
}
.content-page .block {
  position: relative;
}
.content-page .block-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.content-page .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.content-page .row > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.content-page .row .col-4 {
  width: -webkit-calc((100% - 30px) / 3);
  width: calc((100% - 30px) / 3);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 15px;
}
.content-page .row .col-4:last-child {
  margin-right: 0;
}
.content-page .row .col-3 {
  width: -webkit-calc((100% - 30px) / 4);
  width: calc((100% - 30px) / 4);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 15px;
}
.content-page .row .col-3:last-child {
  margin-right: 0;
}


.content-page .intro {
  margin-bottom: 60px;
}
.content-page .intro .block-bg {
  top: -70px;
}
.content-page .row .intro-img {
  width: 680px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.content-page .intro-content {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
}
.content-page .intro-content > div {
  width: 420px;
  margin: 0 auto;
}
.content-page .intro-content h1 {
  font-size: 60px;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 60px;
  margin-bottom: 15px;
}

.content-page .products3 h2,
.content-page .products4 h2 {
  font-size: 32px;
  line-height: 1.2em;
  margin: 30px 0 15px;
}
.content-page .products3 .gridView::after,
.content-page .products4 .gridView::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.content-page .products3 .gridView li,
.content-page .products4 .gridView li {
  width: 23%;
}
.content-page .products3 .gridView li.featured {
  width: 48%;
}
.content-page .products3 .gridView li .productInfoBlock,
.content-page .products4 .gridView li .productInfoBlock {
  padding-left: 5px;
  padding-right: 5px;
}
.content-page .products3 .block-desc,
.content-page .products4 .block-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
  max-width: 70%;
}
.content-page .products3 .gridView,
.content-page .products4 .gridView {
  margin: 15px 0;
}

.content-page .imageslider h2,
.content-page .productsslider h2 {
  font-size: 32px;
  line-height: 1.2em;
  margin: 30px 0 15px;
}
.content-page .imageslider .block-desc,
.content-page .productsslider .block-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
  max-width: 70%;
}
.content-page .imageslider .owl-prev,
.content-page .imageslider .owl-next,
.content-page .productsslider .owl-prev,
.content-page .productsslider .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-webkit-calc(-50% - 30px));
      -ms-transform: translateY(calc(-50% - 30px));
          transform: translateY(calc(-50% - 30px));
}
.content-page .imageslider .owl-prev img,
.content-page .imageslider .owl-next img,
.content-page .productsslider .owl-prev img,
.content-page .productsslider .owl-next img {
  width: 15px;
  height: auto;
}
.content-page .imageslider .owl-prev,
.content-page .productsslider .owl-prev {
  left: 0;
}
.content-page .imageslider .owl-next,
.content-page .productsslider .owl-next {
  right: 0;
}
.content-page .imageslider .owl-controls,
.content-page .productsslider .owl-controls {
  text-align: center;
  padding: 20px 0 10px;
}
.content-page .imageslider .owl-controls .owl-dot,
.content-page .productsslider .owl-controls .owl-dot {
  display: inline-block;
  margin-right: 10px;
}
.content-page .imageslider .owl-controls .owl-dot span,
.content-page .productsslider .owl-controls .owl-dot span {
    display: block;
    background: #D1D1D1;
    height: 8px;
    width: 8px;
    border-radius: 50%;
}
.content-page .imageslider .owl-controls .owl-dot.active span,
.content-page .productsslider .owl-controls .owl-dot.active span {
    background: #02133E;
}

.content-page .productsslider-container {
  position: relative;
  max-width: 100%;
}
.content-page .productsslider .slider {
  padding: 0 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-page .productsslider .gridView {
  margin: 15px 0;
}

.content-page .imageslider {
  margin: 45px 0;
}
.content-page .imageslider-container {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.content-page .imageslider .slider  {
  padding: 0 135px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-page .imageslider .block-bg {
  height: -webkit-calc(100% - 49px);
  height: calc(100% - 49px);
}
.content-page .imageslider .owl-prev,
.content-page .imageslider .owl-next {
  padding: 30px;
}

.content-page .video {
  margin: 45px 0;
}
.content-page .video .block-bg {
  top: 30px;
  height: -webkit-calc(100% - 60px);
  height: calc(100% - 60px)
}
.content-page .youtube-container {
  position: relative;
  width: 700px;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.content-page .youtube-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
@supports not (aspect-ratio: 1) {
  .content-page .youtube-container {
    padding-top: 56.25%;
  }
}

.content-page .text-block {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  margin: 75px 0;
}
.content-page .text-block h2 {
  font-size: 32px;
  line-height: 1.2em;
  margin-bottom: 30px;
}

.content-page .image2desc {
  margin: 45px 0;
}
.content-page .image2desc h2 {
  font-size: 32px;
  line-height: 1.2em;
  margin: 30px 0 15px;
}
.content-page .image2desc .block-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
  max-width: 70%;
}
.content-page .image2 {
  margin: 90px 0;
}
.content-page .image2 .block-bg {
  height: -webkit-calc(100% - 45px);
  height: calc(100% - 45px);
}
.content-page .image2 .row {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content-page .image-big-small .row .left-image {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.content-page .image-big-small .left-image img {
  -webkit-transform: translateY(-45px);
      -ms-transform: translateY(-45px);
          transform: translateY(-45px);
}
.content-page .image-big-small .row .right-image {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.content-page .image-big-small .right-image img {
  -webkit-transform: translate(-25%, 0);
      -ms-transform: translate(-25%, 0);
          transform: translate(-25%, 0);
}

.content-page .image-small-big .row .left-image {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.content-page .image-small-big .left-image img {
  -webkit-transform: translate(25%, -45px);
      -ms-transform: translate(25%, -45px);
          transform: translate(25%, -45px);
}
.content-page .image-small-big .row .right-image {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.content-page .image1 {
  margin: 45px 0;
  text-align: center;
}
.content-page .image1 img {
  margin: 0 auto;
}

.content-page .cta {
  margin: 45px 0;
  text-align: center;
}
.content-page .cta-button {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 15px;
  width: 350px;
  display: inline-block;
  border: 1px solid #EBEBEB;
}
.content-page .cta-button:hover {
  text-decoration: none;
  background-color: #f4f4f4;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.content-page .categories-block {
  margin: 45px 0;
}
.content-page .categories-block h2 {
  font-size: 32px;
  line-height: 1.2em;
  margin-bottom: 30px;
}
.content-page .categories-block img {
  margin-bottom: 15px;
}
.content-page .categories-block h4 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
}

.content-page .seotext {
  margin: 45px 0;
}
.content-page .seotext h3 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}
.content-page .seotext .block-desc {
  font-size: 14px;
  line-height: 20px;
}

.content-page .start-btn {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: normal;
  background-color: #02133e;
  padding: 15px 30px;
  border: 2px solid #02133e;
  box-sizing: border-box;
}
.content-page .start-btn.start-btn-white {
  color: #02133e;
  background-color: #fff;
  border-color: #fff;
}
.content-page .start-btn.start-btn-white-transparent {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.content-page .mainbanner {
  color: #fff;
  margin-bottom: 60px;
}
.content-page .mainbanner a {
  color: inherit;
  text-decoration: none;
}
.content-page .mainbanner .mb-container {
  position: relative;
}
.content-page .mainbanner .mb-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 100px;
}
.content-page .mainbanner .mb-heading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.content-page .mainbanner .mb-text {
  font-size: 72px;
  font-weight: bold;
  line-height: 1;
  max-width: 500px;
  padding: 0;
  margin: 0 0 15px;
}
.content-page .mainbanner .mb-subtext {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
}
.content-page .mainbanner .mb-buttons {
  margin-top: 20px;
}
.content-page .mainbanner .mb-buttons .start-btn {
  width: 212px;
}
.content-page .mainbanner .mb-buttons .start-btn + .start-btn {
  margin-left: 15px;
}

.content-page .imagecta {
  text-align: center;
  margin-bottom: 60px;
}
.content-page .imagecta a {
  color: inherit;
  text-decoration: none;
}
.content-page .imagecta img {
  display: block;
  margin-bottom: 30px;
}
.content-page .imagecta h2 {
  font-size: 72px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px;
}
.content-page .imagecta .start-btn {
  min-width: 240px;
}

.content-page .categoryaccess {
  text-align: center;
  margin: 60px 0;
}
.content-page .categoryaccess .ca-heading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.content-page .categoryaccess .ca-text {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  padding: 0;
  margin: 0 0 30px;
}
.content-page .categoryaccess .ca-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 30px;
}
.content-page .categoryaccess .ca-card {
  width: calc((100% - 90px) / 4);
}
.content-page .categoryaccess .ca-card a {
  color: inherit;
  text-decoration: none;
}
.content-page .categoryaccess .ca-card-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 1;
  padding: 15px 0;
}
.content-page .categoryaccess .ca-card-title img {
  width: auto;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
}

.content-page .categorybubbles {
  text-align: center;
  margin: 75px 0;
}
.content-page .categorybubbles .cb-row {
  display: flex;
  justify-content: space-between;
}
.content-page .categorybubbles .cb-card {
  width: calc(100% / 6 - 20px);
}
.content-page .categorybubbles .cb-card a {
  color: inherit;
  text-decoration: none;
}
.content-page .categorybubbles .cb-card img {
  width: 100%;
  aspect-ratio : 1 / 1;
  object-fit: cover;
  border-radius: 50%;
}
.content-page .categorybubbles .cb-card-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 15px 0;
}

.content-page .imagevideomix {
  margin-bottom: 60px;
}
.content-page .imagevideomix a {
  color: inherit;
  text-decoration: none;
}
.content-page .imagevideomix .ivm-row {
  display: flex;
  gap: 0 30px;
}
.content-page .imagevideomix .ivm-left {
  width: calc(33% - 30px);
  padding-top: 100px;
}
.content-page .imagevideomix .ivm-right {
  width: 67%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.content-page .imagevideomix .ivm-right-left {
  width: calc(57% - 30px);
  padding-left: 10px;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
}
.content-page .imagevideomix .ivm-right-right {
  width: 43%;
}
.content-page .imagevideomix .ivm-right-bottom {
  width: 75%;
  position: relative;
}
.content-page .imagevideomix .ivm-text {
  font-size: 72px;
  font-weight: bold;
  line-height: 1;
  max-width: 500px;
  padding: 0;
  margin: 0 0 30px;
}
.content-page .imagevideomix .start-btn {
  width: 244px;
  margin: 0 0 15px;
}

@media (max-width: 1400px) {
  .content-page .container {
    padding: 0 2%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .content-page .row .intro-img {
    width: 500px;
  }
  .content-page .image-big-small .right-image img {
    -webkit-transform: translate(-5%, 0);
        -ms-transform: translate(-5%, 0);
            transform: translate(-5%, 0);
  }
  .content-page .image-small-big .left-image img {
    -webkit-transform: translate(5%, -45px);
        -ms-transform: translate(5%, -45px);
            transform: translate(5%, -45px);
  }
  .content-page .imageslider .block-desc,
  .content-page .productsslider .block-desc,
  .content-page .image2desc .block-desc {
    max-width: 100%;
  }
  .content-page .productsslider .owl-prev,
  .content-page .productsslider .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-webkit-calc(-50% - 45px));
        -ms-transform: translateY(calc(-50% - 45px));
            transform: translateY(calc(-50% - 45px));
  }
}
@media (max-width: 992px) {
  .content-page .row .intro-img {
    width: 300px;
  }
  .content-page .row > div {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .account_noticelist .row > div,
  .details-featured .row > div,
  .alist .row > div {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
}

.covid-restrictions {
  font-size: 14px;
  color: #d8232a;
  background-color: #fff;
  padding: 15px;
  margin-top: 32px;
  border: 2px solid #d8232a;
}
.covid-restrictions + #checkoutContainer {
  margin-top: 30px;
}

.nobr {
  white-space: nowrap;
}

/*!
 * jQuery UI Slider 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; height: 8px; }
.ui-slider .ui-slider-handle { position: absolute !important; z-index: 2; width: 12px !important; height: 18px !important; padding: 0px !important; cursor: hand; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 2px; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 8px; margin: 27px 20px; }
.ui-slider-horizontal .ui-slider-handle { top: -15px; margin-left: -6px !important; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-widget-content { background-color: #919191;  height: 6px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}
.ui-widget-header { background-color: #02133E; color: #02133E; height: 2px;}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { 
  font-weight: normal; 
  background-color: #02133E;
  height: 24px !important;
  width: 24px !important;
  top: -9px;
  margin-left: -12px !important;
  border-radius: 50%; 
  text-decoration: none; 
}

.ui-state-default a,
.ui-state-default a:hover,
.ui-state-default a:link,
.ui-state-default a:visited { 
  background: #395562;
  text-decoration: none; 
}