/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
	touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
	user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; /* Fix 401 */
}
.noUi-connect {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-origin {
	position: absolute;
	height: 0;
	width: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  background: #999; 
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 10px;
}
.noUi-horizontal .noUi-handle {
	width: 25px;
	height: 25px;
	left: -12px;
	top: -7px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 25px;
	height: 25px;
	left: -7px;
	top: -17px;
}

/* Styling;
 */
.noUi-target {
	background: #FAFAFA;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connect {
	background: #285493;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
	cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}
.noUi-handle {
	border-radius: 50%;
  background: #444 url(../../img/priceSliderBg.png) no-repeat center center;
	cursor: pointer;
}
.noUi-active {
	background: #285493 url(../../img/priceSliderBg.png) no-repeat center center;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */

[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
	cursor: not-allowed;
}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  /*display: none;*/
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/* perfect-scrollbar v0.6.12 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; 
  }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    /*.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }      */
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    /*.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }    */
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
      height: 11px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 15px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right: 2px;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    /*.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; } */       
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    /*.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; } */
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }  
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  /*.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }        */
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  /*.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }    */
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }           
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  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;
  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-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  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 */
}
/* --- Typography ------------------------ */
/*
body {
font: 12px / 140% arial, helvetica, clean, sans-serif;
background: #FFF;
}

select, input, button, textarea, button {
font: 99% arial, helvetica, clean, sans-serif;
}
*/
body {
  font-size: 12px;
  font-family: 'Roboto';
  background-color: #fff;
  /*background-image: url(../../img/pattern8.png);*/
  color: #666666;
}

input, select, option, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-size: 1rem;
  font-family: inherit;
}

select{
  height: 35px;
  line-height: 35px;
  border: 1px solid #e1e1e1;
  color: #909090;
  width: 250px;
  box-sizing: border-box;
  padding: 0 5px;
}

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: #666;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
}

li {
}

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

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

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


#fixedMenu{
  position: fixed;
  display: none;
  top: 250px;
  left: 10px;
  z-index: 999;
}

#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 {
  width: 1300px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#header {
  width: 1300px;
  padding: 0 0px;
  margin: 0;
  position: relative;
  height: 116px;
}

.line {
  font-size: 1rem;
  color: #000;
  text-align: center;
  background-color: #e73032;
  padding: 15px;
  clear: both;
}
.line .highlight {
  font-weight: 600;
  color: #fff;
}

#sidebar {
  margin-top: 0;
  margin-left: 20px;
  min-height: 50px;
  float: left;
  margin-right: 25px;
}

#content {
  width: 1300px;
  margin: 0;
  padding: 0px;
  float: left;
}

.noSearchResult{
}

div.sidebarLeft #content, div.sidebarRight #content {
  width: 940px;
  margin-left: 20px;
}

div.sidebarRight #sidebar {
  float: right;
}

#footer {
  color: #fff;
  background-color: #285493;
  clear: both;
  width: 1300px;
  padding-bottom: 10px;
}

/* --- Fixed Menu ----------------------- */

#fixedBasket #minibasketIcon{
  height: 40px;
  width: 40px;
  background: white url(../../img/fixedBasket.png) no-repeat center center;
  border: 1px solid #ddd;
}

#fixedBasket #minibasketIcon .counter{
  display: block;
  color: #444;
  font-size: 11px;
  padding: 0px 4px 0 4px;
  line-height: 13px;
  position: absolute;
  z-index: 13;
  right: 3px;
  top: 3px;
  background: #fff;
  border: 1px solid #444;
  white-space: nowrap;
  text-align: center;
  -moz-border-radius: 25px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

#fixedBasket #minibasketIcon .basketNote, #fixedBasket #minibasketIcon img{
  display: none;
}

#fixedBasket #basketFlyout{
  top: 40px;
  left: 0px;
  box-shadow: none;
  border: 1px solid #ddd;
}




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

.checkoutBox{
  margin: 0 15px;
  overflow: hidden;
}

.checkoutBox .submitButton{
}

#basketContainer{
  margin: 20px 15px;
}

.basketitems {
  width: 100%;
  font-size: 14px;
  table-layout: fixed;
}

.basketitems .editCol {
  width: 50px;
}
.basketitems .thumbCol {
  width: 110px;
}
.basketitems .wrappingCol {
  width: 120px;
}
.basketitems .coutCol {
  width: 100px;
}
.basketitems .priceCol {
  width: 130px;
}
.basketitems .vatCol {
  width: 100px;
}
.basketitems .totalCol {
  width: 130px;
}

.basketitems td {
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}

.basketitems td.basketTitle {
  text-align: left;
  padding-left: 15px;
  border-left: 0px;
}

.basketitems td.basketTitle a {
  text-decoration: none;
  line-height: 25px;
  font-size: 15px;
}

.basketitems td.basketTitle a:hover {
  color: #285493;
}

.basketitems td.basketImage {
  border-right: 0px;
}

.basketitems tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.basketitems th {
  font-size: 14px;
  text-align: left;
  color: #444;
  font-weight: 400;
  padding: 5px 0;
  border: 1px solid #ddd;
  text-align: center;
  min-width: 125px;
}

.basketitems th.thBasketImage{
  border-right: 0px;
  text-align: left;
  padding-left: 10px;
}

.basketitems th.thBasketTitle{
  border-left: 0px;
}

.basketitems tr td:last-child, .basketitems tr th:last-child, .basketitems .unitPrice, .basketitems .vatPercent {
}

.basketitems td.basketImage {
  text-align: center;
  vertical-align: middle;
}

.basketitems tr.basketError td {
  padding-top: 0;
  padding-bottom: 10px;
  border: none;
}

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

.basketitems .checkbox .deleteButton {
  background: #fff;
  cursor: pointer;
}

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

.basketitems .textbox {
  width: 35px;
  text-align: center;
}

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

.basketitems .persParamLabel {
  font-size: 12px;
  font-weight: bold;
}

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

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

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

.summary {
  font-size: 14px;
  width: 350px;
  float: right;
  padding-top: 15px;
}

.summary table {
  width: 100%;
}

.summary table td {
  text-align: right;
  width: 90px;
  padding: 7px 5px 7px 2px;
  border-top: 1px solid #ddd;
}

.summary table th {
  text-align: left;
  font-weight: 400;
  border-top: 1px solid #ddd;
}

.summary table tr:last-child td, .summary table tr:last-child th {
  border-top-color: #c9d3d7;
  border-bottom-width: 0;
}

.summary table tr:first-child td, .summary table tr:first-child th {
  border-top-width: 0;
}

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

.nextStep {
  float: right;
}
.prevStep {
  float: left;
}

.basketFunctions {
  float: left;
  padding-top: 20px;
}

.basketFunctions button {
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  background: #285493;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
}

.basketFunctions span {
}

.removeFn {
  padding-left: 17px;
  color: #e70404;
  background: url(../../img/x-icon.png) no-repeat 0px 3px;
}

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


/* --- checkout payment ---------------------------- */

.checkoutPayment{
  margin: 15px;
}

.checkoutPayment .checkoutBox{
  margin: 25px 0 15px;
}

.checkoutPayment #shipping{
  margin-bottom: 15px;
}


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

.checkoutOrder{
  margin: 15px;
}

.orderBasketItems,
.orderBasketItems a,
.orderSummary,
#orderAddress,
#orderShipping,
#orderPayment {
}

#orderAddress, #orderShipping, #orderPayment, #orderEditCart, #orderAgbTop, #orderBasket {
  margin-bottom: 35px;
}

#orderAddress dl {
  float: left;
  line-height: 15px;
}

#orderAddress dl.shippingAddress {
  padding-left: 20px;
}

#orderAddress dl.orderRemarks {
  padding-left: 20px;
  width: 250px;
}

/* --- 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-bottom: 15px;
  font-size: 14px;
}

.error {
  color: #4b0b0b;
  border: 2px solid #fed8d2;
  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: #c21a2b;
  background: url(../../img/error-inline.png) no-repeat 0 3px;
  padding-left: 15px;
}

.basketError {
  display: block;
}

.basketError .inlineError{
  background: none;
  padding-left: 0px;
  margin-top: 15px;
  display: block;
}


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

.box {
  width: 172px;
  margin-bottom: 15px;
}

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

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

.box .content {
  padding: 10px;
}

/* --- 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 {
  height: 100px;
  width: 168px;
  display: block;
  text-align: center;
  border-left: 2px solid #58b3ca;
  border-right: 2px solid #58b3ca;
  line-height: 100px;
}

.box .featured.icon{
  border-bottom: 2px solid #58b3ca;
  overflow: hidden;
  height: auto;
  min-height: 100px;
}

.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;
}

.textbox, input[type="text"] {
  border: 1px solid #e1e1e1;
  background: #fff;
  color: #909090;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 10px;
}

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

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

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

/* --- Page title --------------------- */
.pageHead {
  font-size: 18px;
  line-height: 18px;
  color: #444;
  text-transform: uppercase;
  padding: 15px 0;
  margin: 0 15px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  font-family: 'Oswald';
  border-bottom: 1px solid #ddd;
}

.pageHead.alistPageHead {
  margin: 0;
}

#accountMain, #personalSettingsHeader, #newsletterSettingsHeader, #addressSettingsHeader, #orderSettingsHeader {
  margin: 0;
}

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

.box h2, .box h3, .sectionHead {
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 12px;
  position: relative;
  z-index: 2;
  margin: 0;
  text-shadow: 0 -1px 1px #397f90;
  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: 14px;
  line-height: 30px;
}


.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;
}

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

#tabwrap {
  position: relative;
  width: 1300px;
  margin: 50px auto 30px;
  overflow: hidden;
}

#tabs {
  position: relative;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  height: 40px;
  background: #F1F1F1;
}

#tabs li {
  position: relative;
  list-style: none;
  display: inline-block;
  height: 40px;
}

#tabs li div{
  height: 40px;
}

#tabs li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #444;
  min-width: 50px;
  text-decoration: none;
  text-align: center;
  border-bottom: none;
  font-size: 15px;
  text-transform: uppercase;
}

#tabs li a:hover {
  background: #285493;
  color: #fff;
}

#tabs li div.current a {
  background: #285493;
  color: #fff;
}

#tabs li.current a {
  background: #285493;
  color: #fff;
}

#contentamount .productScrollbar {
  position: relative;
  width: 1200px;
  padding: 15px 50px;
  max-height: 200px;
  overflow: auto;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

#contentamount .productScrollbar .tabContent {
  position: relative;
  width: 100%;
  clear: both;
  line-height: 19px;
  color: #444;
  display: none;
}

#contentamount .productScrollbar .current {
  display: block;
}


#contentamount #beschreibung .first {
  display: block;
}

#contentamount #beschreibung ul > li{
  list-style-type: disc;
  padding: 0 0 0 0;
  list-style-position: inside;
}

#contentamount p {
  margin: 0 0 20px 0px;
}

.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
}



/* --- BUTTONS  ------------------- */
button {
  width: auto;
  overflow: visible;
  margin: 0;
  border: 0;
  text-align: center;
}

.submitButton {
  cursor: pointer;
  width: auto;
  overflow: visible;
  text-transform: uppercase;
  background: #285493;
  color: #fff;
  height: 35px;
  line-height: 35px;
}

.largeButton {
  text-transform: uppercase;
}

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

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

div.lineBox span.title {
  float: right;
  font-size: 12px;
  color: #285493;
  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: 0px 20px;
}

button#userChangeAddress{
  height: 25px;
  line-height: 25px;
}

.textButton {
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  padding: 0;
  text-shadow: 0 1px 1px #fff;
}

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

.removeButton {
  padding-left: 2px;
  text-shadow: 0 -1px 0 #aa6826;
}

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

/* --- HEADER ELEMENTS ---------------- */
#headerTop{
  color: #fff;
  background-color: #285493;
  padding: 0 0px;
  height: 40px;
  border-bottom: 1px solid #ddd;
}

#headerTop #headerContact{
  position: relative;
  float: left;
}

#headerTop #headerContact #headerSupport, #headerTop #headerContact #headerHotline{
  color: #fff;
  padding: 0 15px 0 25px;
  margin-left: 15px;
  border-right: 1px solid #ddd;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
}

#headerTop #headerContact #headerSupport{
  background: url(../../img/support.png) no-repeat left center;
}

#headerTop #headerContact #headerHotline{
  background: url(../../img/headhotline.png) no-repeat left center;
}

#headerTop #headerContact #headerSupport:hover{
  text-decoration: none;
}

#headerTop #headerContact #headerHotline:hover{
  text-decoration: none;
}

#headerBottom{
  padding: 0px 0;
  height: 75px;
  position: relative;
  background: #fff;
  z-index: 900;
  border-bottom: 1px solid #ddd;
}

#logo {
  margin: 0;
  padding: 10px 0;
  float: left;
  width: 20%;
  height: 55px;
  overflow: hidden;
}

#logo #logoContent{
  display: block;
  margin-left: 30px;
}

#topMenu{
  float: right;
  margin: 8px 0 0 0;
}

#topMenu li {
  float: left;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  padding: 0 11px 0 10px;
  list-style: none;
  background: url(../../img/menu-divider.png) no-repeat 100% 2px;
}


#topMenu li:last-child {
  background: none;
  padding-right: 0;
}

#topMenu a,
.selectedValue a {
  color: #515353;
}

#topMenu a:hover,
.selectedValue a:hover {
  color: #18778e;
  text-decoration: none;
}
#topMenu li p.errorMsg{
  text-transform: none;
}

.flyout .textbox {
  color: #b4b8b8;
}

.loginForm,.altLoginBox{
  border: 1px solid #c1c1c1;
  padding: 1px 11px 5px 11px;
  width: 140px;
  position: relative;
  z-index: 2;
}

.loginForm p {
  margin-bottom: 5px;
  position: relative;
}

.loginForm p.errorMsg {
  color: #ff0000;
}

.loginForm p.checkFields {
  margin-bottom: 4px;
}

.loginForm .checkbox,
.loginForm p.checkFields label {
  float: left;
  text-transform: none;
  line-height: 14px;
}

.loginForm p.checkFields label {
  text-transform: none;
  color: #515353;
  display: block;
  line-height: 11px;
  font-size: 10px;
}

.loginForm .checkbox {
  margin-right: 5px;
}

.loginForm .textbox {
  width: 128px;
}

.loginForm .textbox:focus {
  color: #333;
}

.loginForm .passwordbox {
  width: 118px;
  margin-right: 3px;
}

.loginForm label.innerLabel{
  margin-top: 2px;
}

.altLoginBox {
  z-index: 1;
  top: -5px;
  padding-top: 10px;
  padding-bottom: 6px;
  background: #d9dfe1;
}

.altLoginBox span {
  font-size: 10px;
  color: #515353;
  display: block;
  margin-bottom: 5px;
  text-shadow: 0 1px 1px #fff;
}

.altLoginBox .fb_button {
  float: left;
  margin-right: 5px;
}

.login {
  position: relative;
}

.logged, #topMenu li.logged {
  text-transform: none;
}

.loginBox {
  position: absolute;
  right: -1px;
  top: -2px;
  display: none;
  z-index: 9;
}

#topMenu .flyout strong a  {
  color: #18778e;
}

#step2PswdOpener {
  color: #285493;
  clear: both;
  display: block;
  line-height: 30px;
}

#step2PswdOpener:hover {
  text-decoration: none;
}

.stepsPasswordbox {
}

.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;
  margin-left: 10px;
  position: relative;
  padding: 10px 15px;
}

.topPopListLeft {
  float: left;
  padding-left: 5px;
  padding-top: 13px;
  border-right: 1px solid #ddd;
}


.flyoutBox {
  position: absolute;
  display: none;
  top: 40px;
  right: 12px;
  z-index: 999;
  background: #fff;
}


.selectedValue {
}

.selectedValue a{
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 14px;
  padding-right: 10px;
  background: url(../../img/arrow-down.png) no-repeat 100% 5px;
}

.topPopList li.active span{
  padding-right: 10px;
  background: url(../../img/arrow-down.png) no-repeat 100% 5px;
}

/* --- currency and language flyouts ----- */
#currencies,
#languages,
.flyoutMenu {
  font-size: 12px;
  padding: 1px;
  margin: 0;
}

#currencies li,
#languages li,
.flyoutMenu li {
  list-style: none;
  padding: 0;
}

#currencies li:first-child,
#languages li:first-child,
.flyoutMenu li:first-child {
  border: none;
}

#currencies a,
#languages a,
.flyoutMenu a {
  display: block;
  zoom: 1;
  min-width: 25px;
  padding: 4px 5px;
  line-height: 16px;
}

#languages a {
  width: 25px;
}

#currencies a:hover,
#languages a:hover,
#currencies a.selected,
#languages a.selected ,
.flyoutMenu a:hover,
.flyoutMenu a.selected{
  color: #285493;
}

#languages a span,
.selectedValue a.flag span{
  text-indent: -9999px;
  display: block;
}

#languages a.flag span,
.selectedValue a.flag span{
  background-image: url(../../img/lang/blank.png) ;
  background-position: 0 3px;
  background-repeat: no-repeat;
}

.selectedValue a.flag span{
  background-position: 0 2px;
}

.selectedValue a.flag{
  display: inline-block;
  width: 15px;
  line-height: 15px;
}

#languages li.active a {
  background: #fff url(../../img/arrow-down.png) no-repeat 27px 8px;
}


/* --- main navigation menu ------------------- */
#navigation {
  width: 60%;
  height: 75px;
  float: left;
  text-align: center;
}

#navigation .navList{
  list-style-type: none;
  display: inline-block;
}

#navigation .navLink{
  display: block;
  font-size: 16px;
  line-height: 35px;
  padding: 20px 15px;
  color: #444444;
  font-family: 'Oswald';
  font-weight: bold;
  text-transform: uppercase;
}
#navigation .navLink:hover{
  color: #285493;
}
#navigation .navLink[href*="Sale/"] {
  color: #C21A2B;
}

#navigation .navList.current .navLink.current {
  color: #285493
}

#navigation a {
  text-decoration: none;
}

#navigation .navList .subcat{
  display: none;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0px;
  text-align: left;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -webkit-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -moz-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -o-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  z-index: 999;
}

#navigation .navList:hover .subcat{
  display: block;
}

#navigation .navList .subcat ul{
  display: block;
}

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

#navigation .navList ul li a{
  padding: 3px 0;
  display: block;
}

#navigation .navList ul li a:hover{
  color: #285493;
}

#navigation .navList .subcat > ul{
  display: block;
}

#navigation .navList .subcat > ul > li{
  width: 25%;
  float: left;
  padding: 0 10px 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#navigation .navList .subcat > ul > li.clear {
  width: 100%;
  clear: both;
}

#navigation .navList .subcat > ul > li > a{
  font-weight: bold;
}


/* --- Search box ------------------------------- */
div.searchBox {
  position: relative;
  float: right;
  width: 20%;
  padding: 20px 0;
  line-height: 35px;
  box-sizing: border-box;
  padding-right: 15px;
  z-index: 100;
}

div.searchBox input.textbox {
  width: 100%;
  padding-left: 30px;
  float: left;
  margin: 0;
  box-sizing: border-box;
  float: right;
  border-radius: 5px;
}

div.searchBox label.innerLabel{
  margin-left: 30px;
}

div.searchBox input.searchSubmit {
  background: url(../../img/search.png) no-repeat 0px;
  border: none;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 28px;
  width: 25px;
}

div.searchBox input.textbox:focus {
  color: #333;
}

/* --- basket box ------------------------------ */
#minibasket_container{
  overflow: hidden;
  float: right;
  padding: 10px 15px;
}

.basketBox {
  position: relative;
}

.basketBox img {
  position: relative;
  z-index: 12;
  float: left;
  margin-right: 5px;
}

.basketBox img:hover {
}

#minibasketIcon{
  color: #fff;
  line-height: 18px;
  cursor: pointer;
}

#minibasketIcon .counter{
  display: none;
}

/* --- Footer ----------------------------- */
#footer #panel {
  margin: 0;
  background: #f1f1f1;
  color: #666;
  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;
}

#footer dl {
  min-width: 160px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 45px 0;
  height: auto;
}

#footer dl.services {
  border-left: none;
}

#footer dl:last-child {
  border-right: none;
}

#footer ul {
}

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

#footer dl dt {
  padding: 0px;
  font-size: 16px;
  font-family: 'Oswald';
  font-weight: normal;
  text-transform: uppercase;
}

#footer dl dd {
  margin-top: 20px;
}

#footer #footerMap dd {
  margin-top: 0;
}

#footer .list #footerAdd  {
  padding: 4px 0 4px 23px;
  height: 19px;
  line-height: 19px;
  background: url(../../img/pin.png) no-repeat left center;
}

#footer .list #footerMail  {
  padding: 4px 0 4px 23px;
  height: 19px;
  line-height: 19px;
  background: url(../../img/fSupport.png) no-repeat left center;
}

#footer .list #footerPhone  {
  padding: 4px 0 4px 23px;
  height: 19px;
  line-height: 19px;
  background: url(../../img/hotline.png) no-repeat left center;
}

#footer .list a:not(.submitButton) {
  line-height: 100%;
  display: inline-block;
  color: #666666;
  padding: 4px 0px;
}

#footer .list a:not(.submitButton):hover {
  text-decoration: none;
  color: #285493;
  padding-left: 2px;
  text-shadow: none;
}

#footer .tree ul {
  margin: 0;
  margin-left: 10px;
}

#footerNewsletter {
  color: #666;
  background-color: #f1f1f1;
  padding: 30px 20px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#footerNewsletter h4 {
  padding: 0px;
  font-size: 26px;
  font-family: 'Oswald';
  font-weight: bold;
  text-transform: uppercase;
}

.newsletter {
  width: 900px;
}

.newsletter form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.newsletter .newsletterText{
  font-size: 12px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 550px;
}

.newsletter .newsletterButtonBox{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.newsletter .textbox {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 35px 0 15px;
}

.newsletter .newsletterButton {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #fff;
  background-color: #285493;
  padding: 9px 15px;
  vertical-align: middle;
  cursor: pointer;
}

.socialMedia {
  -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-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.socialMedia ul {
  list-style: none;
}
.socialMedia img {
  max-height: 35px;
}

#footerPayments{
  text-align: center;
  position: relative;
  margin-top: 20px;
}

#footerPayments .fPayment{
  display: inline-block;
  margin: 0 15px 5px;
}

.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;
}


.copyright {
  margin: 0 10px;
  font-size: 10px;
  float: right;
  padding: 5px 0;
  color: #2F2F2F;
  font-weight: bold;
}

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

#footer .text {
  color: #fff;
}

#footer a {
  color: #fff;
  display: inline-block;
}


a.readMore {
  color: #1d7e96;
}

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

/* --- 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 li{
  width: 33.33%;
  padding: 4px;
}

/* --- InfoGrid -------------------------------- */
.infogridView {
  margin: 0;
  padding: 0;
}

.infogridView li.productData{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  border-top: 5px solid #eceff0;
}

.infogridView li.productData:nth-child(0n+1) {
  border: medium none;
}

.infogridView li.productData:nth-child(0n+2) {
  border: medium none;
}

.infogridView li.productData:nth-child(2n+1) {
  border-right: 5px solid #eceff0;
  width: 368px;
}

.infogridView li.productData:nth-child(2n+2) {
  padding-left: 10px;
  width: 358px;
}

.infogridView .listDetails {
  float: left;
  position: relative;
  height: 150px;
  width: 170px;
  padding-top: 10px;

}

.infogridView .titleBox,
.infogridView .selectorsBox,
.infogridView .buttonBox,
.infogridView .priceBox {
  background: none;
  width: 170px;
  padding: 0;
}

.infogridView .titleBox {
  height: 40px;
}

.infogridView .selectorsBox {
  height: 35px;
  padding-left: 10px;
}

.infogridView .priceBox {
  height: 50px;
  padding-left: 10px;
}

.infogridView .buttonBox {
  height: 20px;
  padding-left: 10px;
}

.infogridView .titleBox a {
  padding-top: 10px;
}

.infogridView  a.compare {
  font-size: 11px;
  color: #1d7e96;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 3px;
}

.infogridView .priceBox .oldPrice {
  font-size: 9px;
}
.infogridView .priceBox .price {
  font-size: 14px;
  font-weight: bold;
}
.infogridView .priceBox .pricePerUnit {
  font-size: 9px;
  white-space: nowrap;
}

.infogridView .priceBox .content {
  position: absolute;
  bottom: 23px;
  line-height: 10px;
}

.infogridView .gridPicture {
  width: 187px;
  padding: 10px 0 10px 0;
}

.infogridView .gridPicture img {
  vertical-align: middle;
}

.infogridView .deliveryInfo {
  font-size: 11px;
}

.infogridView .title {
  font-size: 12px;
}
.infogridView .title:hover {
  color: #eb6005;
  text-decoration: none;
}

/* --- line view --------------------------- */
.lineView {
  margin: 0;
}

.lineView li.productData {
  padding: 10px 0 10px 0;
  list-style: none;
  position: relative;
  border-top: 5px solid #eceff0;
}

.lineView li:first-child {
  border: none;
}

.lineView .title {
  font-size: 18px;
}

.lineView .title:hover {
  color: #eb6005;
  text-decoration: none;
}

.lineView  a.compare {
  font-size: 11px;
  color: #1d7e96;
  font-weight: bold;
  text-transform: uppercase;
}

.lineView .pictureBox,
.lineView .info,
.lineView .description{
  float: left;
}

.lineView .infoBox {
  float: right;
  padding-bottom: 5px;
}

.lineView .functions .oldPrice {
  font-size: 10px;
}

.lineView .functions .price {
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
}
.lineView .functions .pricePerUnit {
  font-size: 9px;
  white-space: nowrap;
}

.infoBox {
  width: 558px;
  position: relative;
}
.lineView .info {
  width: 260px;
  height: 50px;
  float: left;
  padding: 10px 0 0 10px;
}
.lineView .description {
  width: 268px;
  padding: 7px 0 0 20px;
  font-size: 14px;
  line-height: 18px;
}
.lineView .functions {
  padding: 0 0 0 10px;
  position: absolute;
  bottom: 10px;
  clear: right;
  float: left;
  left: 190px;
  width: 550px;
}
.lineView .functions label.price {
  margin: 10px;
}

.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;
}

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



li.productData{
  list-style-type: none;
  float: left;
  height: 330px;
  box-sizing: border-box;
}

li.productData a{
  display: block;
  text-decoration: none;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  text-align: center;
  max-width: 290px;
}

li.productData a:hover{
  box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -webkit-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -moz-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -o-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
}

li.productData a .productsImg{
  width: 100%;
  height: 200px;
  display: table;
}

li.productData a .productsImgCenter{
  display: table-cell;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

li.productData a .productsImg img{
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

li.productData a .productsInfo{
  display: block;
  text-align: left;
  color: #444444;
}

li.productData a .productsInfo .productsTitle{
  padding: 25px 0 15px;
  border-bottom: 1px solid #e1e1e1;
  font-family: 'Oswald';
  font-size: 14px;
  display: block;
}

li.productData a .productsInfo .productsPrice{
  float: right;
  margin-top: 10px;
  font-size: 16px;
  font-family: 'Oswald';
  display: block;
}

li.productData a .productsInfo .productsPrice .price{
  float: right;
}

li.productData a .productsInfo .productsPrice .old{
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  float: right;
  color: #909090;
}

li.productData a .productsInfo .productsPrice .new{
  float: right;
  margin-left: 10px;
  color: #C21A2B;
}

li.productData a .productHoverInfo{
  display: none;
}

li.productData a:hover .productHoverInfo{
  display: none;
  position: absolute;
  bottom: 20px;
  height: 40px;
  line-height: 40px;
  left: 0px;
  width: 60%;
  text-align: center;
  margin: 0 auto;
}

li.productData a .productHoverInfo .addToCartBtn{
  display: inline-block;
  margin: 0 10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #909090 url(../../img/cartBtn.png) no-repeat center center;
}

li.productData a .productHoverInfo .addToCartBtn:hover{
  background: #285493 url(../../img/cartBtn.png) no-repeat center center;
}

li.productData a .productHoverInfo .addToWishlistBtn{
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #909090 url(../../img/wishlistBtn.png) no-repeat center center;
}

li.productData a .productHoverInfo .addToWishlistBtn:hover{
  background: #285493 url(../../img/wishlistBtn.png) no-repeat center center;
}

li .sale {
  width: 48px;
  height: 22px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 450;
  display: block;
  background: url("../../img/sale.png") top right no-repeat;
}

li .newin {
  width: 48px;
  z-index: 500;
  height: 22px;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("../../img/new.png") top right no-repeat;
}


/* --- 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: 325px;
  position: absolute;
  z-index: 999;
  right: 62px;
  top: 40px;
  padding: 10px;
  background: #fff;
  box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -webkit-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -moz-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -o-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
}

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

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

.miniBasketScrollbar{
  position: relative;
  max-height: 260px;
  overflow: hidden;
  padding: 0 10px;
}

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

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

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

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

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

.basketFlyout ul {
  margin: 0;
}

.basketFlyout li {
  list-style: none;
  padding: 0;
}

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

.basketFlyout li a img {
  float: left;
  margin-right: 10px;
}

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

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

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

.basketFlyout .totals {
  color: #444;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  padding: 5px 10px;
  margin: 0;
}

.scrollable .totals {
  border-top: none;
}

.basketFlyout .price {
  float: right;
}

.basketFlyout .item {
  float: left;
  overflow: hidden;
  width: 220px;
  line-height: 15px;
}

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

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

.basketFlyout img.closePop {
  float: right;
  cursor: pointer;
  margin: 0 6px 0 0;
}

.basketFlyout hr {
  margin: 0;
  border: 0;
  background: #fff;
  color: #fff;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  width: 250px;
  text-align: left;
}

.scrollable hr {
  width: 250px;
}

.scrollable .scrollbarBox {
  height: 200px;
  width: 265px;
  overflow: hidden;
}

.scrollable .basketItems {
  width: 250px;
  min-height: 230px;
  overflow: hidden;
}



/* --- Side Bar category tree ------------------------------ */
#sidebar .tree {
  width: 250px;
  margin-top: 20px;
  min-height: 310px;
}

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

#sidebar .tree li {
  list-style: none;
  padding: 0;
  background: #f1f1f1;
  margin-bottom: 10px;
}

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

#sidebar .tree a  {
  display: block;
  padding: 5px;
  font-size: 13px;
}

#sidebar .sidebarMenu {
  line-height: 18px;
}

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

#sidebar .sidebarMenu .active {
}

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

.checkoutPayment{
  margin: 15px;
}

.payment dl {
  margin-bottom: 10px;
}

.payment dt {
  margin: 0;
}

.payment dl dd {
  display: none;
  margin-left: 25px;
}

.payment dl dd.activePayment {
  display: block;
}

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

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

.etrustlogocol img {
  border: 0;
}

.etrustTsRatingButton {
  margin: 7px 0;
}

/* --- Checkout - than kyou page --------------------- */
#thankyouPage {
  margin: 15px;
  line-height: 15px;
}

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

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



.pageHead + .listRefine,
.pageHead + css3-container +.listRefine {
}

.listRefine {
  margin-bottom: 20px;
  border-top: 0;
  background: #ffffff;
  position: relative;
  z-index: 1;
}

.refineParams {
  padding: 7px 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

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

.bottomParams .pager,
.detailsParams .pager {
}

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

#paggingSelect{
  float: left !important;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-size: 14px;
  height: 33px;
  overflow: hidden;
}

#paggingSelect .flyoutSelect{
  text-align: left;
  float: none !important;
  overflow: hidden;
  padding: 0 3px 5px;
}

#paggingSelect .flyoutSelect .selectScrollbar{
  max-height: 250px;
  position: relative;
  background: #fff;
  /*border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; */
  -webkit-box-shadow: 0px 3px 5px 0px rgba(153,153,153,1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(153,153,153,1);
  box-shadow: 0px 3px 5px 0px rgba(153,153,153,1);
}

#paggingSelect a{
  display: block;
  color: #909090;
  line-height: 25px;
  text-decoration: none;
  padding-right: 25px;
  padding-left: 10px;
  width: 70px;
}

#paggingSelect a:first-child{
  line-height: 33px;
  border-bottom: 1px solid #e1e1e1;
  background-image: linear-gradient(135deg, #909090 50%, transparent 50%),
  linear-gradient(45deg, transparent 50%, #909090 50%),
  linear-gradient(to right, #fff, #fff);
  background-position: calc(100% - 5px) 1em,
  calc(100% - 10px) 1em,
  calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px,
  5px 5px,
  1px 1.5em;
  background-repeat: no-repeat;
}

#paggingSelect a:hover{
  color: #285493;
}

#paggingSelect .selectScrollbar a:first-child{
  line-height: 25px;
  border-bottom: 0px;
  background: none;
}


/*
#paggingSelect{
float: left;
margin-right: 5px;
width: auto;

background-color: white;
border: 1px solid white;
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
display: inline-block;
font: inherit;
font-size: 14px;
padding-right: 25px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;

background-image:
linear-gradient(135deg, #909090 50%, transparent 50%),
linear-gradient(45deg, transparent 50%, #909090 50%),
linear-gradient(to right, #fff, #fff);
background-position:
calc(100% - 5px) 1em,
calc(100% - 10px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
*/
/*::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }*/

#paggingSelect:hover{
  cursor: pointer;
  cursor: pointer;
  color: #909090;
}

/*#paggingSelect:focus {
background-image:
linear-gradient(45deg, #909090 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, #909090 50%),
linear-gradient(to right, #fff, #fff);
background-position:
calc(100% - 5px) 1em,
calc(100% - 10px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
outline: 0;
}


#paggingSelect:-moz-focusring {
color: transparent;
}     */

#paggingSelect .hiddenOption{
  display: none;
}

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

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

.bottomParams {
  position: relative;
  background: #fff;
  margin-bottom: 0px;
  border-bottom: 0px;
}

.bottomParams #itemsPagerbottom{
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-top: 10px;
  width: 100%;
  display: block;
  z-index: 100;
}

.bottomParams #itemsPagerbottom div{
  float: right;
}

.refineParams .dropDown {
  float: right;
}

#sortItems{
  float: left;
}

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

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


.dropDown ul{
  position: absolute;
  display: none;
  background: #fff;
  margin: 35px 20px 0 0;
  width: 50px;
  right: 0px;
  z-index: 20;
  border: 1px solid #ddd;
  border-top: none;
}

#sortItems ul{
  width: 80px;
}

#sortItems p span{
  width: 60px;
  background: url(../../img/bg-selectbox.png) no-repeat 60px center;
}

.dropDown ul a{
  text-decoration: none;
  display: block;
  padding: 3px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}


.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: #285493;
}
.dropDown p{
  margin: 0;
  line-height: 33px;
}

.dropDown p label {
  text-transform: uppercase;
  float: left;
}

.dropDown p span {
  font-weight: 700;
  display: block;
  height: 33px;
  width: 30px;
  padding: 0 10px;
  line-height: 33px;
  float: left;
  border: 1px solid #ddd;
  background: url(../../img/bg-selectbox.png) no-repeat 32px center;
}

.dropDown .value {
  display: none;
}

.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;
  display: block;
  background: url(../../img/arrow-updown.png) no-repeat 99% -39px;
}

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

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

/* --- Pager ------------------------- */
.pager {
  float: right;
}

.pager .page {
  height: 33px;
  width: 33px;
  text-align: center;
  line-height: 33px;
  color: #444;
  display: block;
  float: left;
  margin-right: 5px;
  border: 1px solid #ddd;
}

a.page:hover {
  text-decoration: none;
  background: #285493;
  border: 1px solid #285493;
  color: #fff;
}

.pager .active {
  background: #285493;
  border: 1px solid #285493;
  color: #fff;
}

a.next,
a.prev {
  text-transform: uppercase;
  height: 33px;
  width: 33px;
  display: block;
  float: left;
  border: 1px solid #ddd;
}

a.prev {
  background: url(../../img/pageBack.png) no-repeat center center;
  margin-right: 5px;
}

a.next {
  background: url(../../img/pageNext.png) no-repeat center center;
}

/* --- Bread crumb ------------------ */

.categoryPicture {
  margin-bottom: 0px;
  max-width: 1300px;
  position: relative;
}

#breadLink{
  font-weight: bold;
}

#breadCrumb {
  font-size: 14px;
  clear: both;
  position: relative;
  display: block;
  width: 100%;
  color: #444;
  padding: 15px;
}

#breadCrumb img{
  margin: 0 5px;
}

#breadCrumb span {
  color: #444;
}

#breadCrumb a {
  color: #444;
  text-decoration: none;
}


#overviewLink a{
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
  top: 115px;
}

.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 ------------------ */

.checkoutSteps + .status, .checkoutSteps + css3-container + .status {
  margin-top: 20px;
}

.checkoutCollumns .row {
  margin-bottom: 20px;
}

.checkoutCollumns .collumn {
  width: 50%;
  float: left;
}

.checkoutCollumns .collumn .form .orderMessage{
  display: block;
  float: none;
  clear: both;
  margin: 10px 0;
}

.checkoutSteps {
  margin: 15px;
  overflow: hidden;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.checkoutSteps li{
  list-style: none;
  padding: 0;
  float: left;
  height: 29px;
  text-transform: uppercase;
  line-height: 29px;
  position: relative;
  color: #444;
  left: 0;
  background: url(../../img/steps.png) no-repeat 100% 0;
}

.checkoutSteps li.active {
  background-position: 100% -29px;
  color: #fff;
}

.checkoutSteps li.activeLast {
  background-position: 0 -29px;
  color: #fff;
}
.checkoutSteps li.defaultLast {
  background-position: 0 0;
}

.checkoutSteps li.passed {
  background-position: 100% -58px;
  color: #fff;
}

.checkoutSteps li a {
  color: #444;
}

.checkoutSteps li.active a {
  color: #fff;
}

.checkoutSteps li.passed a {
  color: #fff;
}

.checkoutSteps li a:hover {
  text-decoration: none;
}

.checkoutSteps span {
  padding-left: 10px;
}

.checkoutSteps li.step1 {
  z-index: 5;
  width: 255px;
  margin-left: 0;
  padding-left: 0;
}

.checkoutSteps li.step2 {
  z-index: 4;
  width: 254px;
}

.checkoutSteps li.step3 {
  z-index: 3;
  width: 253px;
}

.checkoutSteps li.step4 {
  z-index: 2;
  width: 253px;
}

.checkoutSteps li.step5 {
  z-index: 1;
  width: 253px;
}

/* --- checkout options ---------------------------- */

.checkoutOptions {
  position: relative;
  margin: 20px 15px;
}

.checkoutOptions .option{
  width: 31%;
  float: left;
  box-sizing: border-box;
  padding: 20px;
  margin-right: 3.33%;
  background-color: #f1f1f1;
  position: relative;
  font-size: 12px;
  line-height: 15px;
  min-height: 245px;
}

.checkoutOptions .option:last-child{
  margin-right: 0;
}

.checkoutOptions #optionLogin .form{
  height: 100%;
}

.checkoutOptions .option .submitButton{
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.checkoutOptions .option h3{
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 15px;
  font-family: 'Oswald';
}

.checkoutCollumns {
  margin: 15px;
}

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

.couponBox {
  padding: 15px 0;
  width: 545px;
  position: absolute;
  top: -60px;
}

.couponBox p.oxValidateError {
  padding-left: 135px;
}

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

.couponBox .textbox {
  margin: 0 5px;
}

.couponData span {
  padding-right: 10px;
}

h3.section {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-top: 15px;
  text-transform: uppercase;
  font-family: 'Oswald';
  color: #444;
  height: 25px;
  line-height: 25px;
}

h3.section button {
  float: right;
  height: 25px;
  line-height: 25px;
}

#productTitle {
  position: relative;
  font-size: 23px;
  color: #444;
  margin-bottom: 15px;
  z-index: 17;
}

.productMainManufacturerImage {
  float: right;
  max-width: 75px;
}
.productMainManufacturerImage img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

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

.topDetails{
  position: relative;
  overflow: hidden;
  margin: 15px 20px;
}

.pictureContainer{
  position: relative;
  width: 700px;
  float: left;
}

.picture{
  position: relative;
  float: left;
}

#morePicsContainer{
  position: relative;
  float: left;
  height: 490px;
}

.morePicsContainer{
  overflow: hidden;
  height: 400px;
  top: 40px;
  position: relative;
}

.morePicsContainer ul{
  margin-right: 30px;
  width: 120px;
}

#morePicsContainer li{
  width: 120px;
  height: 120px;
  margin-bottom: 15px;
}

#morePicsContainer li a{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 120px;
  height: 120px;
}

.controlTop{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  cursor: pointer;
  text-align: center;
}

.controlBottom{
  position: absolute;
  top: 460px;
  left: 0px;
  width: 120px;
  cursor: pointer;
  text-align: center;
}

.pictureContainer .picture img{
  display: block;
  max-width: 100%;
  max-height: 500px;
  margin: 0 auto;
}

.detailsContainer{
  position: relative;
  width: 520px;
  float: left;
  margin-left: 40px;
}

.detailsContainer h1{
  font-weight: normal;
}

.detailsContainer .manufacturer{
  color: #666;
  display: block;
}

.productInfoDetails{
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.detailsContainer .productInfoDetails #productArtnum, .detailsContainer .productInfoDetails #productEannum{
  color: #444;
  text-transform: uppercase;
  padding: 3px 0;
}

.detailsContainer .detailsPriceBox{
  color: #444;
  font-size: 18px;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.detailsContainer .detailsPriceBox .oldPrice{
  color: #909090;
  font-size: 12px;
  float: left;
  margin-right: 15px;
  line-height: 21px;
}

.detailsContainer .detailsPriceBox .newPrice{
  color: #C21A2B;
}

.detailsContainer .detailsPriceBox .detailsVatInfo{
  font-size: 11px;
  margin-top: 10px;
  color: #666;
}

.detailsContainer .detailsPriceBox .detailsVatInfo a{
  color: #000;
}

.detailsFilterHeader{
  text-transform: uppercase;
  color: #444;
  font-size: 14px;
  margin: 15px 0;
}

.colorContainer{
  position: relative;
  overflow: hidden;
}

.colorContainer li{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.colorContainer li a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
  height: 120px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 2px;
}

.colorContainer li a:hover{
  border: 1px solid #285493;
}

.detailsFilter .size{
  float: left;
  border: 1px solid #ddd;
  width: 75px;
  margin-right: 10px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
}

.detailsFilter .size.active{
  background: #285493;
  border: 1px solid #285493;
}

.detailsFilter .size:hover{
  background: #285493;
  border: 1px solid #285493;
}

.detailsFilter .size a{
  display: block;
  text-decoration: none;
  padding: 5px 0;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.detailsFilter .size.active a{
  color: #fff;
}

.detailsFilter .size:hover a{
  color: #fff;
}

.hideToCartContainer{
  display: none;
}

.toCartBox #newItemMsg{
  display: block;
  margin: 15px 0;
  color: #285493;
}

.toCartBoxContent{
  border: 1px solid #ddd;
  background: #fff;
  height: 33px;
  width: 90px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}

.toCartBoxContent img{
  float: left;
  cursor: pointer;
  margin-top: 2px;
}

.toCartBoxContent #amountToBasket{
  height: 33px;
  line-height: 33px;
  width: 30px;
  border: 0px;
  float: left;
  text-align: center;
  color: #444;
  font-weight: bold;
}

.toCartBox #toBasket{
  height: 32px;
  line-height: 32px;
  border-radius: 15px;
  padding: 0 20px 0 40px;
  background: #285493 url(../../img/cartBtn.png) no-repeat 10px center;
  background-size: 15px 15px;

}

.cart-buttons {
  padding: 10px 15px;
}

.noneJavaSizes{
  margin: 30px 15px 0;
}

.noneJavaSizes h3{
  font-weight: normal;
  font-family: 'Oswald';
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
}

.noneJavaSizes table tr td{
  text-align: center;
  padding-top: 15px;
}

.noneJavaSizes table tr td input{
  text-align: center;
}

.noneJavaSizes table tr td a{
  text-decoration: none;
  color: #285493;
}



/* ------ Same Category ------------------*/

.detailSliderHeader{
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  color: #444;
  margin: 30px 0 30px;
}

.detailSliderHeader #crossPrev, .detailSliderHeader #catPrev{
  float: left;
}

.detailSliderHeader #crossNext, .detailSliderHeader #catNext{
  float: right;
}

.sameCategory, .crossselling{
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 430px;
}

.sameCategorySlider li, .crossselling li{
  width: 300px;
  margin: 5px;
  float: left;
}



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

.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;
}

.marker {
  position: absolute;
  width: 96px;
  height: 96px;
  top: 0;
  left: 0;
  display: none;
  z-index: 33;
}

.marker img {
  position: absolute;
  top: -8px;
  left: 50%;
  z-index: 6;
  margin-left: -6px;

}

#zoomModal .selected .marker{
  display: block;
}

/* --- Stock flags ----------------- */

.additionalInfo {
  margin: 18px 0;
}

.additionalInfo span{
  padding: 0;
  line-height: 15px;
}

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

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

.stockFlag {
  background: url(../../img/stockstatus.png) no-repeat 7px -41px;
  color: #6caf54;
}

.lowStock {
  background-position: 7px 3px;
  color: #F67A3E;
}

.notOnStock {
  background-position: 7px -20px;
  color: #C21A2B;
}

/* --- 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 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 {
  margin: 0;
  padding: 0;
  line-height: 18px;
}

.orderList li {
  list-style: none;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.orderList dl{
  width: 100%;
}

.orderList dd {
  padding: 0px 10px 5px;
}

.orderList dt {
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  background: #f1f1f1;
  padding: 5px 10px;

}

.orderList dt span {
  font-size: 18px;
  display: block;
  padding: 5px 0;
}

.orderList dt label {
  color: #666;
}

.orderList td {
  vertical-align: top;
  width: 50%;
}

.orderList td table {
  text-align: left;
}

.orderList td table th {
  font-size: 14px;
  padding-bottom: 14px;
}

.orderList td table tr {
  border-top: 1px solid #ddd;
}

.orderList td table tr:first-child {
  border-top: 0px;
}

.orderList .orderitems, .orderList .orderhistory {
  width: 100%;
}

.orderList .orderitems td {
  vertical-align: top;
}

.orderList .orderitems td:last-child {
  border-left: 1px solid #ddd;
}

.orderhistory td {
  padding: 10px 0;
  vertical-align: top;
  width: 99%;
  border-left: 0px !important;
}

.orderhistory td a{
  display: block;
  overflow: hidden;
}

.orderhistory td a:hover{
  color: #285493;
  text-decoration: none;
}

.orderhistory td .orderImg{
  float: left;
  margin-right: 25px;
  margin-left: 10px;
}

.orderhistory td .orderImg span{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 200px;
  height: 200px;
}

.orderhistory td img {
  max-width: 200px;
  max-height: 200px;
}

.orderhistory td .orderTitle{
  font-size: 14px;
}

.orderhistory td.small {
  width: 1%;
}

.orderhistory td .amount {
  display: block;
  font-size: 12px;
}

.orderList h3 {
  padding: 10px 10px;
  background: #f1f1f1;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0px;
}

/* --- Forms, Validation ---------------------------- */
.form {
  width: 100%;
}

.form li {
  padding: 5px 0;
  width: 100%;
}

.form li.formSubmit {
  padding-top: 10px;
  padding-left: 150px;
  box-sizing: border-box;
}

.form li.formNote {
  padding-bottom: 0;
  font-size: 11px;
  color: #666;
  line-height: 14px;
}

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

.form select {
  height: 35px;
  line-height: 35px;
  border: 1px solid #e1e1e1;
  color: #909090;
  width: 250px;
  box-sizing: border-box;
  padding: 0 5px;
}

.form .oxDate select {
  float: left;
  width: 128px;
  margin-right: 10px;
}

.form .oxDate .innerLabel {
  text-transform: none;
  line-height: 35px;
  padding-left: 5px;
}

.form .oxDate #oxDay {
  margin-right: 10px;
}

.form input[type="password"],
.form input[type="text"] {
  width: 250px;
}

.form select[data-fieldsize="normal"] {
  width: 250px;
}

.form input[data-fieldsize="xsmall"] {
  width: 50px;
}

.form input[data-fieldsize="small"] {
  width: 60px;
}

.form input[data-fieldsize="medium"] {
  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"] {
  width: 195px;
}

.form input[data-fieldsize="pair-small"] {
  width: 185px;
}

.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 label {
  width: 140px;
  padding-right: 10px;
  line-height: 18px;
}

input[type=checkbox] {
  display: none !important;
}

input[type=checkbox] + label {
  background: url(../../img/check.png) no-repeat left;
  padding: 0px 0 0px 20px;
  line-height: 15px;
  display: block;
  cursor: pointer;
}

input[type=checkbox]:checked + label {
  background: url(../../img/checked.png) no-repeat left;
}

input[type=radio] {
  display: none !important;
}

input[type=radio] + label {
  background: url(../../img/radio.png) no-repeat left;
  padding: 0px 0 0px 20px;
  line-height: 15px;
  display: block;
  cursor: pointer;
}

input[type=radio]:checked + label {
  background: url(../../img/radioed.png) no-repeat left;
}

.form label.req{
  font-weight: 700;
}

.form label.short {
  width: 90px;
  padding-right: 5px;
  line-height: 18px;
}

.form .underInput {
  padding: 5px 0;
  margin-left: 140px;
}

.form .underInput.short {
  margin-left: 90px;
}

.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: 400px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.inputNote {
  display: block;
  clear: both;
  font-size: 11px;
  line-height: 14px;
  padding: 2px 0 0 0;
  color: #666;
}

.form .note {
  padding-left: 20px;
  font-size: 11px;
  color: #666;
  line-height: 14px;
  font-style: italic;
  padding-top: 5px;
}

.payment .form {
  margin: 15px 0 5px 0;
}

.payment .desc {
  margin-bottom: 15px;
}

#shipSetCost {
  padding-top: 5px;
}

.inlineForm button {
  margin-left: 5px;
}

.verify img {
}

.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: #909090;
  margin: 0;
  font-weight: normal;
}

label.innerLabel.textArea{
  text-transform: none;
  padding: 10px 0 0 10px;
}

.oxValidateError {
  display: none;
  clear: both;
  font-size: 11px;
  line-height: 14px;
  color: #ff0000;
  margin: 0;
  padding: 5px 0 5px 150px;
}

.oxValidateError span {
  display: none;
}

.oxValidateError span.req {
  float: none;
  display: inline;
}
.oxInValid label,
.oxInValid p {
  color: #ff0000;
}

.oxInValid input,
.oxInValid select,
.oxInValid input:focus {
  border-color: #e40000;
  background: #fff8f8;
}

.oxInValid select {
  border-style: solid;
  border-width: 1px;
}

.oxInValid .oxValidateError,
.oxInValid .oxValidateError .js-oxError_postError {
  display: block;
}
/* --- Promotions Slider ------------------------ */
.promoShadow {
  position: absolute;
  top: 0;
  z-index: 3;
}

.shadowRight {
  right: 10px;
}

.oxSlider {
  position: relative;
  height: 475px;
  overflow: hidden;
}

.oxSlider li {
  position: relative;
}

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

.oxSlider {
  padding: 0;
  overflow: hidden;
  clear: both;
}

.oxSlider ul, .oxSlider li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#promotionSlider .owl-controls{
  position: relative;
  padding: 5px 0;
  text-align: center;
  margin-top: -40px;
}

#promotionSlider .owl-controls .owl-dot{
  display: inline-block;
  margin-right: 10px;
}

#promotionSlider .owl-controls .owl-dot span{
  display: block;
  background: #828282;
  height: 15px;
  width: 15px;
  border-radius: 7px;
}

#promotionSlider .owl-controls .owl-dot.active span{
  background: #fff;
}

#promotionSlider .owl-controls .owl-dot:hover span{
  background: #fff;
}

#promotionSlider img {
  max-width: 1300px;
}

/* ----- Small Banners --------------------------*/

#smallBanners{
  position: relative;
  margin: 10px 0 0;
  overflow: hidden;
}

#smallBanners .item{
  float: left;
  position: relative;
  width: 33.33%;
  list-style-type: none;
}

#smallBanners .item img{
  max-width: 100%;
}


/* ----- Neue Produkte --------------------------*/
#startCategories {
  text-align: center;
  position: relative;
  margin-top: 20px;
  display: none;
}

.bigHeading{
  position: relative;
  font-size: 300%;
  padding: 30px 0 20px;
  color: #444444;
  font-weight: bold;
  font-family: 'Oswald';
  text-transform: uppercase;
}

#startCategories .buttonBox{
  background: url(../../img/headerBg.png);
}

#startCategories .switcherButton{
  display: inline-block;
  font-size: 133.33%;
  line-height: 38px;
  color: #444444;
  font-family: 'Oswald';
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
  margin: 0 2px;
  top: 1px;
}

#startCategories .switcherButton:hover{
  color: #285493;
  border-bottom: 1px solid #285493;
}

#startCategories .currentProduct{
  color: #285493;
  border-bottom: 1px solid #285493;
}

#startCategories #categorieContent{
  position: relative;
  height: 690px;
  margin: 30px 20px 0;
}

#startCategories #categorieContent .productsContainer{
  position: absolute;
  display: none;
  width: 100%;
}

#startCategories #categorieContent .productsContainer li.productsItems{
  width: 25%;
  padding: 10px;
}



/* ----- Big Banner --------------------------*/

#bigBanner{
  position: relative;
  margin-top: 50px;
}

#bigBanner img{
  display: block;
  max-width: 100%;
}


/* ----- Produkt Slider --------------------------*/

#productSliders{
  margin: 40px 20px 0;
  position: relative;
}

#productSliders .productSlider{
  margin: 30px 0px;
  position: relative;
  overflow: hidden;
}

.productSliderImg{
  float: left;
  margin-right: 5px;
}

.productSliderContent{
  width: 985px;
  float: left;
  height: 320px;
}

.productSliderContent li{
  width: 305px;
  float: left;
  height: 320px;
  padding: 10px 5px 10px 10px;
}

/*.sliderFloat{
display: table-cell;
width: 955px;
} */

.owlnav{
  width: 985px;
  height: 25px;
  position: relative;
  float: left;
  color: #909090;
  border-bottom: 1px solid #909090;
}

.owlnav span{
  font-family: 'Oswald';
  font-size: 20px;
  margin-left: 5px;
  text-transform: uppercase;
  line-height: 25px;
}

.owlnav .prev{
  float: right;
  max-height: 20px;
  padding: 0 10px;
}

.owlnav .next{
  float: right;
  max-height: 20px;
  padding: 0 10px;
  margin-left: 5px;
}

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

#brandSlider {
  max-width: 1300px;
  padding: 0 20px;
}

.brandSlider{
  overflow: hidden;
  margin: 25px auto;
  height: 100px;
}

.brandSlider #owl_brands{
  margin: 0;
  float: left;
  height: 100px;
  overflow: hidden;
  width: 96%;
}

.brandSlider #owl_brands .owl-item{
  float: left;
}

.brandSlider #owl_brands .itemBrand a{
  display: block;
  text-align: center;
  height: 100px;
  line-height: 100px;
}

.brandSlider #owl_brands img{
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  vertical-align: middle;
}

#brandBack {
  float: left;
  width: 2%;
  margin-top: 38px;
  text-align: center;
}

#brandNext {
  float: right;
  width: 2%;
  text-align: center;
  margin-top: 38px;
}

#brandBack img{
  max-width: 100%;
}

#brandNext img{
  max-width: 100%;
}

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

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

.picture #wrap {
  position: relative;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 550px;
  height: 500px;
  z-index: 10;
}

.picture #wrap div{
  height: 500px;
  z-index: 10 !important;
}

.picture .mousetrap {
  width: 550px;
  height: 500px;
  z-index: 1000 !important;
}

.picture #wrap a {
  line-height: 0;
}

#zoomContainer {
  position: absolute;
  width: 518px;
  height: 498px;
  background-color: white;
  display: none;
  left: 590px;
  top: 0px;
  z-index: 200;
  border: 1px solid #ddd;
  /*-webkit-box-shadow: 0px 0px 3px 0px rgba(59,67,72,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(59,67,72,0.75);
  box-shadow: 0px 0px 3px 0px rgba(59,67,72,0.75);   */
}
/* --- ZOOM CLOUD ----------------------------- */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
  margin: -2px;    /* Set this to minus the border thickness. */
  background-color: #fff;
  cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title {
  font-family: Arial, Helvetica, 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;
}

/* 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: 35px;
  height: 35px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  float: left;
  z-index: 350;
  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 .otherPictures ul{
  margin: 0;
}

#zoomModal .marker {
  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;
  padding: 10px 5px;
  box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -webkit-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -moz-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
  -o-box-shadow: 1px 1px 6px rgba(201,201,201,0.75);
}

#services li {
  position: relative;
}

#services a {
  text-decoration: none;
  padding-left: 25px;
}

#services #account_konto {
  background: url(../../img/account.png) no-repeat 5px center;
}

#services #account_konto:hover {
  background: url(../../img/account_hover.png) no-repeat 5px center;
}

#services #account_order {
  background: url(../../img/orders.png) no-repeat 5px center;
}

#services #account_order:hover {
  background: url(../../img/orders_hover.png) no-repeat 5px center;
}

#services #account_login {
  background: url(../../img/login.png) no-repeat 5px center;
}

#services #account_login:hover {
  background: url(../../img/login_hover.png) no-repeat 5px center;
}

#services #account_logout {
  background: url(../../img/acc_logout.png) no-repeat 5px center;
}

#services #account_logout:hover {
  background: url(../../img/acc_logout_hover.png) no-repeat 5px center;
}

#services #account_wishlist {
  background: url(../../img/wishlist.png) no-repeat 5px center;
}

#services #account_wishlist:hover {
  background: url(../../img/wishlist_hover.png) no-repeat 5px center;
}

#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 ------------------------------ */
.wishlistPublish {
  float: right;
  width: 360px;
}

.wishlistSearch {
  float: left;
}

.wishlistSearch .form {
  width: 100%;
}

.wishlistSearch .form li {
  width: 100%;
}

.wishlistSearch .form label {
  width: auto;
}

.wishlistPublish .form label {
  width: 280px;
}

.wishlistView a {
  text-decoration: underline;
}

.wishlistView,
.listmaniaView {
  border-bottom: 5px solid #ECEFF0;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.formTitle,
.wishlistResults dt{
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #eceff0;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.wishlistSuggest {
  clear: both;
  padding: 20px 0 0 388px;
}

.wishlistResults{
  padding-top: 20px;
}

.wishlistResults dt {
  padding-bottom: 5px;
  background: url("../../img/search-icon.png") no-repeat 0 3px;
  padding-left: 20px;
}

.wishlistUser {
  float: right;
  width: 360px;
  padding: 40px 0 0 0;
}


/* --- Account Dashboard ----------------- */
.accountDashboardView{
  margin: 20px 0px;
  overflow: hidden;
}

.accountDashboardView .col {
  float: left;
  width: 50%;
  position: relative;
}

.accountDashboardView .col a {
  position: relative;
  background: #F1F1F1;
  padding: 15px;
  line-height: 20px;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
  color: #444;
}

.accountDashboardView #col1 a {
  margin-right: 15px;
}

.accountDashboardView .col #linkAccountPassword {
  height: 40px;
  line-height: 40px;
}

.accountDashboardView .col div {
  font-size: 14px;
}

.accountDashboardView .col span {
  color: #666;
}

.accountDashboardView .submitButton {
  position: relative;
  display: block;
  width: 100%;
  float: left;
  text-align: center;
}

/* --------- Konto Passwort A¤ndern ----------------*/

.accountPasswordView{
  margin: 20px 0;
}

.accountPasswordView .submitButton{
  position: relative;
  width: 192px;
  text-align: center;
}

/* --------- Konto Newslettereinstellung ----------------*/

.accountNewsletterView{
  margin: 20px 0;
}

.accountNewsletterView .submitButton{
  position: relative;
  width: 150px;
  text-align: center;
}

.accountNewsletterView li .info{
  margin-top: 10px;
}
/* --------- Account billing / shipping addresses ----------------*/

.accountUserView{
  margin: 20px 0;
}

.addressCollumns .collumn {
  float: left;
  width: 50%;
}

#addressText{
  line-height: 16px;
}

#accUserSaveTop{
  width: 150px;
  text-align: center;
}

/* --- Account Order ------ */

.accountOrderView{
  margin: 20px 0;
}

/* --- Account Order ------ */

.accountForgotPwdView{
  margin: 20px 15px;
  line-height: 15px;
}

.accountForgotPwdView ul{
  margin: 15px 0;
}

.accountForgotPwdView ul li{
  list-style-type: none;
}


/* --- 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 a.textLink {
  text-decoration: none;
  background: #285493;
  color: #fff;
  display: block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 150px;
  margin-top: 13px;
}

.accountLoginView .col {
  float: left;
  width: 50%;
}

.accountLoginView{
  margin: 15px;
}

.accountLoginView #loginButton{
  width: 125px;
}

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

#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 {
  margin-bottom: 55px;
}

.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 --------------- */
div.agbInner {
  width: 500px;
  float: left;
}

div.agbButton  {
  float: right;
}


.agb a, .cmsContent p a {
  color: #444444;
}

.agb a:hover {
  color: #285493;
  text-decoration: none;
}

.agb p.errorMsg, .agbInner p.errorMsg  {
  color: #ff0000;
  display: none;
  margin: 0;
}

.cmsContent{
  margin: 15px;
  line-height: 15px;
}

.cmsContent ul{
  line-height: 18px;
  margin-top: 10px;
}

.cmsContent ul li{
  list-style-type: none;
}

/* ------------ Newsletter --------------------------*/

.newsletterInfoPage{
  margin: 20px 15px;
}


/* ---------- Contact Page -----------------------------*/

.contactContent{
  margin: 15px;
}

.contactContent li{
  width: 47.5%;
  float: left;
}

.contactContent .first, .contactContent .last{
  display: block;
  width: 100%;
}

.contactContent li.left{
  float: left;
}

.contactContent li.right{
  float: right;
}

.contactContent li.verify, .contactContent li.formNote{
  width: 100%;
}

.contactContent li label{
  display: block;
  width: 100%;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}

.contactContent li input, .contactContent li textarea{
  width: 100% !important;
  max-height: 150px;
}

.contactContent li.verify input{
  width: 20% !important;
  margin-left: 15px;
  float: none;
}


/* ---------- Register Page -----------------------------*/

.registerContent{
  margin: 15px;
}

.registerContent .registerCol{
  width: 50%;
  float: left;
}



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

/* --- shop lupe ------------------------------ */
p.shoplupe {
  padding-top: 15px;
  text-align: center;
}

/* --- category tree ----------------------------- */

.mainCategory {
}

.categoryBox {
  margin: 0;
  padding: 0 0px;
  width: 275px;
  font-size: 13px;
}

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

.categoryBox .reset{
  text-decoration: none;
  margin: 10px 0 5px;
  display: block;
  background: url(../../img/resetlink.png) no-repeat left center;
  height: 15px;
  line-height: 15px;
  padding-left: 18px;
}

.categoryBox .reset:hover{
  background: url(../../img/resetlinkA.png) no-repeat left center;
}

.mainSidebarHeader{
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
  color: #444;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  font-family: 'Oswald';
  border-bottom: 1px solid #ddd;
}

.mainCategoryHeader{
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 5px;
  color: #444;
  text-transform: uppercase;
  position: relative;
  font-family: 'Oswald';
  overflow: hidden;
}

.wrapper{
  position: relative;
  max-height: 200px;
  width: 275px;
  overflow: auto;
}

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

.catTree li a{
  text-decoration: none;
  display: block;
}

.catTree li a:hover{
  color: #285493;
}

.catTree .level1{
  font-size: 13px;
}

.catTree .level1.active a{
  color: #285493;
}

.catTree .level1 a{
  margin-top: 5px;
  padding: 5px 0;
}

.catTree .level2{
  padding-left: 15px;
  font-size: 12px;
}

.catTree .level2 a{
  padding: 4px 0;
}

.catTree .level3{
  padding-left: 30px;
}

.catTree .level3 a{
  padding: 4px 0;
}

.filterHeading{
  font-size: 13px;
  font-weight: bold;
  padding: 25px 0 15px;
  color: #444;
  text-transform: uppercase;
  position: relative;
  font-family: 'Oswald';
  overflow: hidden;
}

.categoryBox .filterSearch input{
  width: 100%;
  margin-bottom: 15px;
}

.categoryBox .filterSearch .searchIcon{
  background: url(../../img/search.png) no-repeat center center;
  height: 35px;
  width: 35px;
  position: absolute;
  left: 260px;
}

.catTreeBrand{
  position: relative;
}

.catTreeBrand li{
  padding: 4px 0;
}

.catTreeBrand li.active a{
  color: #285493;
}

.priceContent {
  position: relative;
  height: 80px;
}

.priceContent #min, .priceContent #max{
  float: left;
  width: 29%;
  margin-right: 4%;
  text-align: center;
  height: 30px;
  border-radius: 4px;
  color: #444;
}

.priceContent #sendFilter{
  float: left;
  width: 31%;
  text-align: center;
  height: 34px;
  background: #444;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #444;
  text-transform: uppercase;
  cursor: pointer;
}

.priceContent #slider{
  float: none;
  clear: both;
  width: 90%;
  position: relative;
  top: 20px;
  margin: 0 auto;
}

.groessen #moreSizeCategory{
  display: block;
  color: #444;
  text-decoration: none;
  background: url(../../img/moresize.png) no-repeat left center;
  height: 15px;
  line-height: 15px;
  padding-left: 18px;
}

.groessen #lowerSizeCategory{
  display: none;
  color: #444;
  text-decoration: none;
  background: url(../../img/lowsize.png) no-repeat left center;
  height: 15px;
  line-height: 15px;
  padding-left: 18px;
}

.groessen #lowerSizeCategory:hover{
  color: #285493;
  background: url(../../img/lowsizeA.png) no-repeat left center;
}

.groessen #moreSizeCategory:hover{
  color: #285493;
  background: url(../../img/moresizeA.png) no-repeat left center;
}

.filterSizes .sizeContent{
  position: relative;
  overflow: hidden;
  height: 120px;
  padding-left: 1px;
}

.filterSizes .sizeContent li{
  list-style-type: none;
  border: 1px solid #ddd;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 5px;
}

.filterSizes .sizeContent li.active{
  border: 1px solid #285493;
  background: #285493;
}

.filterSizes .sizeContent li.active a{
  color: #fff;
}

.filterSizes .sizeContent li:hover{
  border: 1px solid #285493;
  background: #285493;
}

.filterSizes .sizeContent li:hover a{
  color: #fff;
}

.filterSizes .sizeContent li a{
  text-decoration: none;
  width: 50px;
  height: 50px;
  display: block;
  line-height: 50px;
  overflow: hidden;
}

.colorContent{
  position: relative;
  top: 0px;
  overflow: hidden;
  display: block;
  padding: 0px;
}

.colors{
  position: relative;
  overflow: hidden;
}

.colorContent .colors li{
  position: relative;
  list-style-type: none;
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  background-image: url(../../img/bunt.jpg);
}

.colorContent .colors li.active a{
  background-image: url(../../img/actColor.png);
}

.colorContent .colors li:hover a{
  background-image: url(../../img/actColor.png);
}

.colorContent .colors li a{
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 3px;
}

.colorContent .colors li a.braun{
  background-color: #996633;
}

.colorContent .colors li a.bunt{
  background-color: transparent;
}

.colorContent .colors li a.dunkelblau{
  background-color: #000066;
}

.colorContent .colors li a.dunkelgrau{
  background-color: #666666;
}

.colorContent .colors li a.gelb{
  background-color: #ffff66;
}

.colorContent .colors li a.hellblau{
  background-color: #94D2F7;
}

.colorContent .colors li a.hellgrau{
  background-color: #CCCCCC;
}

.colorContent .colors li a.hellgruen{
  background-color: #32cd32;
}

.colorContent .colors li a.lachs{
  background-color: #FA8072;
}

.colorContent .colors li a.lila{
  background-color: #800080;
}

.colorContent .colors li a.olive{
  background-color: #5F6B3D;
}

.colorContent .colors li a.orange{
  background-color: #EB5E02;
}

.colorContent .colors li a.pink{
  background-color: #FF69B4;
}

.colorContent .colors li a.rot{
  background-color: #C20E0D;
}

.colorContent .colors li a.sand{
  background-color: #EDE8C0;
}

.colorContent .colors li a.schwarz{
  background-color: black;
}

.colorContent .colors li a.tuerkis{
  background-color: #0EA4B3;
}

.colorContent .colors li a.weiss{
  background-color: #F7F7F7;
  border: 1px solid #ddd;
}

.colorContent .colors li a.neonpink{
  background-color: #FF1595;
}

.colorContent .colors li a.neongelb{
  background-color: #C9F912;
}

.colorContent .colors li a.dunkelgruen{
  background-color: #006400;
}

.colorContent .colors li a.neongruen{
  background-color: #00FE00;
}

a.reset{
  color: #444;
}

a.reset:hover{
  color: #285493;
}

.categoryTopDescription,
.categoryTopLongDescription {
  width: 250px;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
  margin-top: 20px;
}

#sidebar .categoryPicture {
  max-width: 255px;
  margin-top: 30px;
}




.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: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 105;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  background-color: #285493;
  opacity: 0.9;
  filter: alpha(opacity = 90);
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  display: none;
  line-height: 15px;
}

#cookieNote span.dismiss {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 20px;
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  background: url(../../img/close.png) no-repeat 0 0;
}

#cookieNote a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold
}

#cookieNote+#page {
  padding-top: 35px;
}

#cookieNote .notify{
  width: 1000px;
  padding: 0 0px 0 30px;
}

#basketVoucher {
  position: relative;
  padding-bottom: 30px;
}

.smallFont {
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
  width: 350px;
}

#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 hr {
  border: none;
  background-color: #ddd;
  height: 1px;
  margin: 10px 0;
}
.agbConfirmation {
  margin-bottom: 5px;
  color: #999;
}
.agbConfirmation .checkbox{
  vertical-align: text-bottom;
}