@import "//fonts.googleapis.com/css?family=Open+Sans:300,400,700";
form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, ul, li {
  margin: 0;
  padding: 0;
}

a img {
  border: 0;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  font-family: "Open Sans", "Droid Sans", sans-serif;
  color: #232323;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}

a {
  text-decoration: none;
  color: blue;
}

ul {
  list-style: none;
}

.close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  z-index: 230;
  cursor: pointer;
  background: transparent url(img/shop/cartclose.png) no-repeat top left;
}
.close span {
  display: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

.pointer {
  cursor: pointer;
}

.hide {
  display: none;
}

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

.cl {
  clear: both;
}

.cf:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.cf {
  display: inline-block;
}

html[xmlns] .cf {
  display: block;
}

* html .cf {
  height: 1%;
}

@media only screen and (max-width: 767px) {
  .left, .right {
    float: none;
  }
  .hide-for-mobile {
    display: none;
  }
  .show-for-mobile {
    display: block;
  }
  .no-left {
    margin-left: 0 !important;
    border-left: 0 !important;
    padding-left: 0 !important;
  }
}
.row {
  width: 1170px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -20px;
}
.row.collapse .clm, .row.collapse .clms {
  padding: 0;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -20px;
}
.row .row.collapse {
  margin: 0;
}

.clm, .clms {
  float: left;
  padding: 0 20px;
  position: relative;
}
.clm.centered, .clms.centered {
  float: none;
  margin: 0 auto;
}

[class*=clm] + [class*=clm]:last-child {
  float: right;
}

[class*=clm] + [class*=clm].end {
  float: left;
}

.c1, .row .c1 {
  width: 8.3333333333%;
}

.c2, .row .c2 {
  width: 16.6666666667%;
}

.c3, .row .c3 {
  width: 25%;
}

.c4, .row .c4 {
  width: 33.3333333333%;
}

.c5, .row .c5 {
  width: 41.6666666667%;
}

.c6, .row .c6 {
  width: 50%;
}

.c7, .row .c7 {
  width: 58.3333333333%;
}

.c8, .row .c8 {
  width: 66.6666666667%;
}

.c9, .row .c9 {
  width: 75%;
}

.c10, .row .c10 {
  width: 83.3333333333%;
}

.c11, .row .c11 {
  width: 91.6666666667%;
}

.c12, .row .c12 {
  width: 100%;
}

.row .offset-by-c1 {
  margin-left: 8.3333333333%;
}

.row .offset-by-c2 {
  margin-left: 16.6666666667%;
}

.row .offset-by-c3 {
  margin-left: 25%;
}

.row .offset-by-c4 {
  margin-left: 33.3333333333%;
}

.row .offset-by-c5 {
  margin-left: 41.6666666667%;
}

.row .offset-by-c6 {
  margin-left: 50%;
}

.row .offset-by-c7 {
  margin-left: 58.3333333333%;
}

.row .offset-by-c8 {
  margin-left: 66.6666666667%;
}

.row .offset-by-c9 {
  margin-left: 75%;
}

.row .offset-by-c10 {
  margin-left: 83.3333333333%;
}

.push-c2 {
  left: 16.6666666667%;
}

.pull-c2 {
  right: 16.6666666667%;
}

.push-c3 {
  left: 25%;
}

.pull-c3 {
  right: 25%;
}

.push-c4 {
  left: 33.3333333333%;
}

.pull-c4 {
  right: 33.3333333333%;
}

.push-c5 {
  left: 41.6666666667%;
}

.pull-c5 {
  right: 41.6666666667%;
}

.push-c6 {
  left: 50%;
}

.pull-c6 {
  right: 50%;
}

.push-c7 {
  left: 58.3333333333%;
}

.pull-c7 {
  right: 58.3333333333%;
}

.push-c8 {
  left: 66.6666666667%;
}

.pull-c8 {
  right: 66.6666666667%;
}

.push-c9 {
  left: 75%;
}

.pull-c9 {
  right: 75%;
}

.push-c10 {
  left: 83.3333333333%;
}

.pull-c10 {
  right: 83.3333333333%;
}

form img, form object, form embed {
  max-width: 100%;
  height: auto;
}
form object, form embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img, .map_canvas img {
  max-width: none !important;
}

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}
.row:before, .row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .clm, .clms {
    width: auto !important;
    float: none;
  }
  .clm:last-child, .clms:last-child {
    float: none;
  }
  [class*=clm] + [class*=clm]:last-child {
    float: none;
  }
  .clm:before, .clms:before, .clm:after, .clms:after {
    content: "";
    display: table;
  }
  .clm:after, .clms:after {
    clear: both;
  }
  .offset-by-c1 {
    margin-left: 0 !important;
  }
  .offset-by-c2 {
    margin-left: 0 !important;
  }
  .offset-by-c3 {
    margin-left: 0 !important;
  }
  .offset-by-c4 {
    margin-left: 0 !important;
  }
  .offset-by-c5 {
    margin-left: 0 !important;
  }
  .offset-by-c6 {
    margin-left: 0 !important;
  }
  .offset-by-c7 {
    margin-left: 0 !important;
  }
  .offset-by-c8 {
    margin-left: 0 !important;
  }
  .offset-by-c9 {
    margin-left: 0 !important;
  }
  .offset-by-c10 {
    margin-left: 0 !important;
  }
  .push-c2 {
    left: auto;
  }
  .pull-c2 {
    right: auto;
  }
  .push-c3 {
    left: auto;
  }
  .pull-c3 {
    right: auto;
  }
  .push-c4 {
    left: auto;
  }
  .pull-c4 {
    right: auto;
  }
  .push-c5 {
    left: auto;
  }
  .pull-c5 {
    right: auto;
  }
  .push-c6 {
    left: auto;
  }
  .pull-c6 {
    right: auto;
  }
  .push-c7 {
    left: auto;
  }
  .pull-c7 {
    right: auto;
  }
  .push-c8 {
    left: auto;
  }
  .pull-c8 {
    right: auto;
  }
  .push-c9 {
    left: auto;
  }
  .pull-c9 {
    right: auto;
  }
  .push-c10 {
    left: auto;
  }
  .pull-c10 {
    right: auto;
  }
  /* Mobile 4-clm Grid */
  .row .mobile-c1 {
    width: 25% !important;
    float: left;
    padding: 0 10px;
  }
  .row .mobile-c1:last-child {
    float: right;
  }
  .row.collapse .mobile-c1 {
    padding: 0;
  }
  .row .mobile-c2 {
    width: 50% !important;
    float: left;
    padding: 0 10px;
  }
  .row .mobile-c2:last-child {
    float: right;
  }
  .row.collapse .mobile-c2 {
    padding: 0;
  }
  .row .mobile-c3 {
    width: 75% !important;
    float: left;
    padding: 0 10px;
  }
  .row .mobile-c3:last-child {
    float: right;
  }
  .row.collapse .mobile-c3 {
    padding: 0;
  }
  .row .mobile-c4 {
    width: 100% !important;
    float: left;
    padding: 0 10px;
  }
  .row .mobile-c4:last-child {
    float: right;
  }
  .row.collapse .mobile-c4 {
    padding: 0;
  }
  .push-c1-mobile {
    left: 25%;
  }
  .pull-c1-mobile {
    right: 25%;
  }
  .push-c2-mobile {
    left: 50%;
  }
  .pull-c2-mobile {
    right: 50%;
  }
  .push-c3-mobile {
    left: 75%;
  }
  .pull-c3-mobile {
    right: 75%;
  }
}
@media print {
  .row {
    width: 100%;
  }
  .row .print-width {
    float: none;
    width: auto;
  }
}
@media print {
  p a[href]:after {
    content: " (" attr(href) ") ";
  }
  .no-print {
    display: none;
  }
}
.sbtn {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.sbtn, .c-button button, .button {
  padding: 2px 12px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #000;
  border: solid 1px #ebebeb;
  background: #f8f8f8;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebeb));
  background: -moz-linear-gradient(top, white, #ebebeb);
  font-weight: bold;
  color: #000;
}
.sbtn:hover, .c-button button:hover, .button:hover {
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#fefefe));
  background: -moz-linear-gradient(top, #f8f8f8, white);
}
.sbtn:active, .c-button button:active, .button:active {
  background: #ebebeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(white));
  background: -moz-linear-gradient(top, #ebebeb, white);
}
.sbtn:hover, .c-button button:hover, .button:hover {
  text-decoration: none;
}
.sbtn:active, .c-button button:active, .button:active {
  position: relative;
  top: 1px;
  color: #262626;
}

/*
.sbtn:hover, .button:hover, .c-button button:hover {
	text-decoration: none;
	background: darken($btncolor,15);
	background: -webkit-gradient(linear, left top, left bottom, from($btncolor), to(darken($btncolor,25)));
	background: -moz-linear-gradient(top,  $btncolor,  darken($btncolor,25));

}
.sbtn:active, .button:active, .c-button button:active {
	position: relative;
	top: 1px;
	color: lighten($btnTextColor,15);
	background: darken($btncolor,15);
	background: -webkit-gradient(linear, left top, left bottom, from(darken($btncolor,15)), to(lighten($btncolor,15)));
	background: -moz-linear-gradient(top,  darken($btncolor,15),  lighten($btncolor,15));

}
*/
@media only screen and (max-width: 767px) {
  #result {
    padding: 5px;
    /*
    .wd-sres span:after {
    	content:'st';
    }
    */
  }
  #result .wd-res {
    margin-bottom: 10px;
    border-bottom: solid 1px #cfcfcf;
    padding-bottom: 10px;
  }
  #result .wd-sres span {
    display: inline-block;
    border-radius: 25px;
    margin-right: 5px;
    overflow: hidden;
    text-align: center;
    width: 16px;
    height: 16px;
    font-size: 80%;
    background-color: blue;
    color: #fff;
  }
  #result .wd-ltit {
    display: block;
    color: blue;
    font-weight: 400;
    margin: 10px 0;
    font-size: 120%;
    border-bottom: solid 1px blue;
  }
  #result .stitle {
    display: block;
    font-weight: 400;
    font-size: 110%;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 767px) {
  #result {
    background: url("//wd7.se/jq/img/searchbg.gif") repeat-y scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #333333;
    padding: 5px;
    position: absolute;
    margin-left: 0px;
    width: 567px;
    z-index: 1004;
  }
  #result .wd-sres {
    padding: 6px 8px;
    cursor: pointer;
  }
  #result .wd-sres span {
    padding: 0 4px;
    float: right;
  }
  #result .wd-sres.sel {
    background-color: Highlight;
    color: HighlightText;
    border-radius: 4px;
  }
  #result .wd-ltit {
    font-weight: bold;
    padding: 5px 8px;
    color: #999;
    border-bottom: solid 1px #e0e0e0;
    border-radius: 4px;
  }
  #result .wd-sugg, #result .wd-spell {
    float: left;
    width: 150px;
  }
  #result .wd-res {
    padding: 4px 8px 10px;
    min-height: 82px;
    cursor: pointer;
    border-radius: 4px;
  }
  #result .wd-res img {
    float: left;
    margin-right: 5px;
  }
  #result .wd-res:hover {
    background-color: blue;
    color: #fff;
  }
  #result .stitle {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
  }
  #result .loading-search {
    background: url("//wd7.se/jq/ajax-loader.gif") no-repeat scroll center center transparent;
  }
  #result .slidebtn div {
    height: 30px;
    margin: 0 auto;
    width: 30px;
    z-index: 111;
  }
  #result .slidebtn span {
    visibility: hidden;
  }
  #result .slide-next div {
    background: url("//wd7.se/i/next.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 15px;
    margin-top: -25px;
  }
  #result .slide-prev div {
    background: url("//wd7.se/i/prev.png") no-repeat scroll 0 0 transparent;
    margin-bottom: -15px;
  }
  #result .slidebtn {
    position: absolute;
    right: 200px;
    cursor: pointer;
    z-index: 110;
    height: 30px;
  }
  #result .slide-next {
    bottom: -10px;
  }
  #result .wd-qres, #result .slidewrapper {
    float: right;
    min-height: 400px;
    width: 400px;
  }
}
.nav-bar {
  padding: 0;
}
.nav-bar > li {
  float: left;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}
.nav-bar > li.active {
  background: blue;
}
.nav-bar > li.active > a {
  color: #fff;
}
.nav-bar > li.active:hover {
  background: #f2f2f2;
}
.nav-bar > li:hover {
  background: #f2f2f2;
}
.nav-bar > li:hover .flyout {
  display: block;
}
.nav-bar > li:hover a:first-child {
  color: #222;
}
.nav-bar > li > a {
  color: #222;
}
.nav-bar > li ul {
  margin-bottom: 0;
}
.nav-bar > li .flyout {
  display: none;
}
.nav-bar > li.has-flyout:hover > a:first-child {
  z-index: 42;
}
.nav-bar > li.has-flyout > a:first-child {
  padding-right: 26px;
  position: relative;
}
.nav-bar > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  right: 8px;
  top: 17px;
}
.nav-bar > li.has-flyout > a.flyout-toggle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 22px;
  z-index: 42;
  display: block;
}
.nav-bar > li.has-flyout.is-touch > a:first-child {
  padding-right: 55px;
}
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
  border-left: 1px dashed #666;
}
.nav-bar > li > a:first-child {
  position: relative;
  padding: 7px 10px;
  display: block;
  text-decoration: none;
  font-size: ms(0);
}
.nav-bar > li > input {
  margin: 0 10px;
}
.nav-bar.vertical > li {
  float: none;
}
.nav-bar.vertical > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent transparent transparent #222;
}
.nav-bar.vertical > li .flyout {
  left: 100%;
  top: -1px;
}
.nav-bar.vertical > li .flyout.right {
  left: auto;
  right: 100%;
}

.flyout {
  padding: 0px;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 0px;
  width: 130px;
  z-index: 40;
  -webkit-box-shadow: compact(0 1px 5px rgba(0, 0, 0, 0.5), false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 1px 5px rgba(0, 0, 0, 0.5), false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 1px 5px rgba(0, 0, 0, 0.5), false, false, false, false, false, false, false, false, false);
  /* remove margin on any first-child element */
  /* remove margin on last element */
}
.flyout p {
  font-size: ms(0)-1;
}
.flyout *:first-child {
  margin-top: 0;
}
.flyout *:last-child {
  margin-bottom: 0;
}
.flyout.small {
  width: 86.6666666667px;
}
.flyout.large {
  width: 227.5px;
}
.flyout.big {
  width: 325px;
  padding: 0;
}
.flyout.big > ul {
  float: left;
}
.flyout.right {
  left: auto;
  right: -2px;
}
.flyout.up {
  top: auto;
}

ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style: none;
}
ul.flyout li a, .nav-bar li ul li a {
  display: block;
  font-size: ms(0);
  height: auto;
  line-height: 1;
  padding: 15px 20px;
}
ul.flyout li a:hover, .nav-bar li ul li a:hover {
  background: #f2f2f2;
  color: #333;
}
ul.flyout li.active, .nav-bar li ul li.active {
  margin-top: 0;
}
ul.flyout li.active a, .nav-bar li ul li.active a {
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
}

/* Mobile Styles */
@media only screen and (max-device-width: 1280px) {
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important;
  }
}
@media only screen and (max-width: 1024) and (min-width: 768) {
  .touch .nav-bar li.has-flyout > a.flyout-toggle {
    padding: 20px !important;
  }
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important;
  }
}
@media only screen and (max-width: 767px) {
  .nav-bar {
    height: auto;
  }
  .nav-bar > li {
    float: none;
    display: block;
    border-right: none;
  }
  .nav-bar > li > a.main {
    text-align: left;
    border-top: 1px solid #ddd;
    border-right: none;
  }
  .nav-bar > li:first-child > a.main {
    border-top: none;
  }
  .nav-bar > li.has-flyout > a.flyout-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 22px;
    z-index: 2;
    display: block;
  }
  .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
    content: "";
    width: 0;
    height: 0;
    display: block;
  }
  .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
    border-top-color: #141414;
  }
  .nav-bar.vertical > li.has-flyout > .flyout {
    left: 0;
  }
  .flyout {
    position: relative;
    width: 100% !important;
    top: auto;
    margin-right: -2px;
    border-width: 1px 1px 0 1px;
  }
  .flyout.right {
    float: none;
    right: auto;
    left: -1px;
  }
  .flyout.small, .flyout.large {
    width: 100% !important;
  }
  .flyout p:last-child {
    margin-bottom: 18px;
  }
}
.tree li {
  padding: 0 3px;
}
.tree li a {
  border-radius: 4px;
  padding: 7px 0;
  display: block;
  color: #222222;
}
.tree li a.active {
  font-weight: bold;
}
.tree > li {
  font-size: 13px;
  border-top: 1px solid #6e6e6e;
}
.tree > li li {
  margin-left: 8px;
}
.tree > li li a {
  font-weight: normal;
  padding-left: 8px;
}
.tree > li li a.active {
  background: url(img/active.gif) no-repeat left center;
  padding-left: 7px;
}
.tree > li li a:hover {
  background-color: #f2f2f2;
}
.tree > li li li {
  color: #333333;
}
.tree > li:first-child {
  border-top: 0;
}

.rot-flipY > * {
  -webkit-transform: rotateX(0deg) rotateY(180deg) translate(100%, 0);
  -moz-transform: rotateX(0deg) rotateY(180deg) translate(100%, 0);
}
.rot-flipY > *.lastactive {
  -webkit-transform: rotateX(0deg) rotateY(-180deg) translate(-100%, 0);
  -moz-transform: rotateX(0deg) rotateY(-180deg) translate(-100%, 0);
}

.rot-slide > * {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
}
.rot-slide > *.active {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}
.rot-slide > *.lastactive {
  -webkit-transform: translate(-100%, 0px);
  -moz-transform: translate(-100%, 0px);
}

.rot-flipX > *.active, .rot-flipY > *.active {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.rot-flipX > * {
  -moz-transform: rotateX(180deg) rotateY(0deg);
  -webkit-transform: rotateX(180deg) rotateY(0deg);
}
.rot-flipX > *.lastactive {
  -webkit-transform: rotateY(0deg) rotateX(-180deg);
  -moz-transform: rotateY(0deg) rotateX(-180deg);
}

.rot-alpha > * {
  opacity: 0;
}
.rot-alpha > *.active {
  opacity: 1;
}

.ie .rotatation > * {
  display: none;
}
.ie .rotatation > *.active {
  display: block;
}

.flyout {
  margin-top: 10px !important;
}

.rotatation {
  position: relative;
  -webkit-perspective: 500px;
}
.rotatation > * {
  -webkit-perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 2s ease-in-out;
  -moz-perspective: 500px;
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -moz-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
}

.cart-contents {
  position: absolute;
  z-index: 99;
  background: #fff;
  color: #222;
  border: solid 1px #ddd;
  border-top: 0;
  padding: 10px;
  width: 400px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

.step .inp, #ilogin .inp {
  display: block;
  padding: 7px 10px;
  border: solid 1px #cecece;
  border-radius: 3px;
  box-shadow: inset 1px 1px 3px #dedede, 1px 1px 2px #dedede;
}
.step .inp:focus, #ilogin .inp:focus {
  box-shadow: inset 1px 1px 3px #aed77e, 1px 1px 2px #dedede;
}

.cart-price {
  font-size: 16px;
  font-weight: bold;
}

.cart-artnr {
  color: #C2C2C2;
  font-size: 11px;
  display: block;
}

.noi-ticker span {
  padding: 0 4px;
  line-height: 15px;
  font-size: 15px;
  font-weight: bold;
}

.noi-ticker a {
  display: inline-block;
  width: 20px;
  height: 15px;
  background: transparent url(img/shop/cartticker.png) no-repeat;
  cursor: pointer;
}

.cart-delete {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  background: transparent url(img/shop/cartremove.png) no-repeat;
  cursor: pointer;
}

.cart-close {
  height: 21px;
  float: left;
  padding-left: 26px;
  width: 100px;
  left: 0px;
  right: auto;
  background: transparent url(img/shop/cartclose.png) no-repeat;
  cursor: pointer;
}

.cart-tools {
  position: relative;
  height: 23px;
  margin-top: 20px;
}

.cart-tools a {
  line-height: 23px;
  position: absolute;
  bottom: 0;
  right: 0;
}

a.cart-checkout, a.cart-clear {
  float: right;
  position: static;
  cursor: pointer;
}

/*
.redbutton,.cart-clear {
	-moz-box-shadow:inset 1px 1px 2px -1px #f5978e;
	-webkit-box-shadow:inset 1px 1px 2px -1px #f5978e;
	box-shadow:inset 1px 1px 2px -1px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:2px 1px 1px #810e05;

    &:hover {
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	    background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	    background-color:#c62d1f;
    }
    &:active {
	    position:relative;
	    top:1px;
    }
}
*/
.noi-ticker a span, .cart-delete span {
  display: none;
}

.noi-ticker .add {
  background-position: 0 -15px;
}

a.cart-checkout, a.cart-clear {
  margin-left: 8px;
  font-weight: normal;
  padding: 4px 6px;
}

.wd-cart-prod {
  position: relative;
  clear: both;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
}

.wd-cart-prod:first-child {
  margin-top: 0;
  border-top: 0;
}

.line-top strong {
  border-top: solid 1px #333;
  color: #F9A02D;
  font-size: 14px;
}

#orderoverview .cart-sumcnt .line-top strong {
  color: #F9A02D;
  font-size: 18px;
}

#orderoverview .cart-sumcnt {
  float: right;
}

.cart-info {
  text-align: center;
  padding: 4px 0px;
}

.shop-button, .cart-checkout, .wd-buy-button {
  background: #6fb93b;
  background: -webkit-gradient(linear, left top, left bottom, from(#81c750), to(#5f9e32));
  background: -moz-linear-gradient(top, #81c750, #5f9e32);
  padding: 8px 30px;
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  font-size: 15px;
  box-shadow: inset 0px 1px 1px #98d16f, 1px 1px 3px #ddd;
  border: solid 1px #58922f;
}
.shop-button:hover, .cart-checkout:hover, .wd-buy-button:hover {
  background: #81c750;
  background: -webkit-gradient(linear, left top, left bottom, from(#6fb93b), to(#78c343));
  background: -moz-linear-gradient(top, #6fb93b, #95d06b);
}
.shop-button:active, .cart-checkout:active, .wd-buy-button:active {
  background: #5f9e32;
  background: -webkit-gradient(linear, left top, left bottom, from(#5f9e32), to(#81c750));
  background: -moz-linear-gradient(top, #5f9e32, #81c750);
}
.shop-button:active, .cart-checkout:active, .wd-buy-button:active {
  color: #fff;
}

.buy-noi {
  padding: 8px 0px;
  width: 40px;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-right: 6px;
  border: solid 1px #ccc;
  box-shadow: inset 1px 1px 2px #98d16f, 1px 1px 3px #ddd;
}

.buy-infobox {
  border: solid 1px #b3b3b3;
  background: #fff;
  padding: 10px;
  margin-top: 100px;
  max-width: 768px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #666;
  margin-left: -25px;
  max-width: 400px;
  margin-top: -20px;
  color: #333;
  position: absolute;
}
.buy-infobox:after {
  content: "";
  position: absolute;
  bottom: -15px; /* value = - border-top-width - border-bottom-width */
  left: 50px; /* controls horizontal position */
  border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

div.hidden {
  opacity: 0.3;
}

.cart-sum span {
  display: inline-block;
  width: 200px;
}

.img-col {
  width: 80px;
  float: left;
}

.info-col {
  float: left;
  width: 260px;
  padding-right: 8px;
  padding-top: 4px;
}

.prod-toolbox div {
  float: left;
}

.prod-toolbox {
  position: absolute;
  right: 2px;
  top: 13px;
}

.shop-parent .prod-toolbox {
  top: 6px;
}

/*
.wd-incart button
{
    background: -moz-linear-gradient(
		top,
		#40ed5a 0%,
		#8be8a4 50%,
		#91f291 50%,
		#17590d);
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#40ed5a),
		color-stop(0.50, #8be8a4),
		color-stop(0.50, #91f291),
		to(#17590d));
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 13px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 13px rgba(255,255,255,1);
}
*/
.price, .saleprice {
  font-size: 40px;
  color: #000;
  font-weight: bold;
  /*

  color:#fff;
  -webkit-text-stroke: 2px #000; 
  -moz-text-stroke: 2px #000;
  text-shadow:4px 4px 8px #aaa;*/
}

.stockcnt {
  margin-bottom: 10px;
}
.stockcnt .nostock {
  display: block;
  height: 40px;
  line-height: 40px;
}
.stockcnt .hasstock {
  display: none;
  height: 40px;
  line-height: 40px;
}
.stockcnt .nostock, .stockcnt .hasstock {
  background: transparent url(img/instock.gif) no-repeat top left;
  padding-left: 40px;
}
.stockcnt .hasstock {
  background-position: 0 -39px;
}

.stockcnt .instock .hasstock {
  display: block;
}
.stockcnt .instock .nostock {
  display: none;
}

.saleprice {
  color: Red;
}

.nprice {
  font-size: 30px;
}

a.u {
  text-decoration: underline;
}

#proddata, #layerdata {
  margin-top: 18px;
}

#proddata .wd-f, #layerdata .wd-f {
  border-top: 0;
}

#proddata input[type=text] {
  width: 500px;
}

#layerdata input[type=text] {
  width: 45%;
}

#proddata #Vat {
  width: 208px;
}

#proddata input[type=text].customprop {
  width: 160px;
  margin-right: 8px;
}

#customdata button {
  margin-right: 5px;
}

#newcustprop input[type=text] {
  width: 300px;
}

#newcustprop select {
  width: 250px;
}

#allexistingprops {
  padding: 4px 6px;
}

.shop-configcnt .loading, .shop .loading {
  display: block;
  background: transparent url(img/shop/ajax-loader.gif) no-repeat left center;
  padding-left: 60px;
  line-height: 46px;
  font-size: 18px;
}

.btn-cnt {
  margin-top: 15px;
  padding-top: 8px;
  border-top: solid 1px #e4e4e4;
  text-align: center;
}

.cart-newprods .cart-sumcnt {
  display: none;
}

.buy-price {
  float: right;
  margin-left: 8px;
  font-size: 18px;
  line-height: 36px;
}

.img-col {
  background-color: #fff;
  border: solid 1px #e0e0e0;
  margin-right: 7px;
  padding: 2px;
}

.cart-sumcnt {
  margin-top: 20px;
}

.cart-price {
  display: block;
}

.cart-notinstock {
  opacity: 0.5;
}

.wd-cart-prod .notinstocktext {
  display: none;
}

.cart-notinstock .notinstocktext {
  display: block;
  float: right;
  color: red;
}

.shop-lang {
  cursor: pointer;
}
.shop-lang span {
  padding-left: 20px;
  background: transparent url(/css/flags/flag_sweden.png) no-repeat 0px 2px;
}

.flag-no span {
  background-image: url(/css/flags/flag_norway.png);
}

.flag-fi span {
  background-image: url(/css/flags/flag_finland.png);
}

.shop-country-sel {
  list-style: none;
}

#ilogin {
  border: solid 1px #b3b3b3;
  background: #fff;
  padding: 20px;
  margin-top: 100px;
  max-width: 768px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #666;
}
#ilogin > .ph {
  position: relative;
}
#ilogin .close {
  top: -10px;
  right: -10px;
}
#ilogin.row {
  min-width: 300px;
}
#ilogin h2 {
  margin-top: 0;
  padding-top: 0;
}
#ilogin * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#ilogin .ph .ibr {
  border-right: dotted 1px #ccc;
  padding-right: 20px;
  padding-left: 10px;
}

.ibuttons .button {
  float: left;
  margin-right: 8px;
}

body label.inline {
  display: inline;
  padding-left: 5px;
}

.ierror {
  background: #e3a898;
  padding: 15px;
  line-height: 25px;
  margin-bottom: 10px;
  color: #96280a;
}

.iinp {
  margin: 8px 0;
}
.iinp label {
  font-weight: bold;
}
.iinp .inp {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
}

#ilogin .c6 {
  padding-right: 10px;
  padding-left: 20px;
}

.shop-multitoggle {
  margin-right: 20px;
  cursor: pointer;
}

.ifcnt {
  width: 33%;
  float: left;
  border-left: solid 1px #c9c9ca;
  padding: 5px 20px;
}

.pcnt {
  width: 100%;
  float: none;
}

.filterCnt {
  display: none;
}

.ifcnt:first-child {
  border-left: 0;
  padding-left: 0;
}

.noi {
  float: right;
}

.shop-multitoggle strong {
  display: block;
}

.shop-multitoggle em {
  display: none;
}

div.hasfilter em {
  display: inline;
  padding-left: 4px;
  color: #999;
}

.filterCnt {
  background: #e9e9e9;
  padding: 22px 16px;
  box-shadow: inset 0 0 7px #c7c7c7;
  position: relative;
}

.shop-multialt div, .tcnt div {
  margin-bottom: 4px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 1px 8px 0 24px;
  float: left;
  cursor: pointer;
  background: transparent url(img/chkbox.png) no-repeat left -18px;
}
.shop-multialt div.selalt, .tcnt div.selalt {
  background-position: 0px 0px;
}

/*
.shop-parent {
	margin-left:40px;
	margin-top:0;
	padding-top:0;
	margin-bottom:4px;
	padding-bottom:4px;
    border-top: none;
	border-bottom: dashed 1px #ccc;

}
.shop-parent.first {
	margin-top:7px;
}
.shop-parent.last {
	border-bottom: 0;
}

.shop-parent .info-col {
	margin-top:1px;
	width:331px;
}

.shop-parent .cart-price {
	font-size:13px;
	float:right;
}

*/
.product .discountprice {
  position: absolute;
  background: transparent url(img/rearibbon.png) top right;
  z-index: 46;
  bottom: -9px;
  right: -6px;
  width: 198px;
  height: 86px;
}

.product .discountprice span {
  display: none;
}

.hasborder .product {
  border-bottom: solid 1px #dcdcdc;
}

#prodlist, #cprodlist {
  position: relative;
}
#prodlist .product, #cprodlist .product {
  float: left;
  position: relative;
  background-size: 85% auto;
  background-position: center 6px;
  background-repeat: no-repeat;
  width: 23%;
  margin: 10px 1% 10px 1%;
  height: 290px;
}
#prodlist .product em .price, #prodlist .product em .saleprice, #cprodlist .product em .price, #cprodlist .product em .saleprice {
  position: absolute;
  display: block;
  font-style: normal;
  top: -240px;
  font-size: 14px;
  padding: 4px 6px;
  right: 0;
  background: blue;
  color: #fff;
  font-weight: 700;
}
#prodlist .product em .saleprice, #cprodlist .product em .saleprice {
  background: red;
}
#prodlist .product .txt, #cprodlist .product .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#prodlist .product .price, #prodlist .product .saleprice, #cprodlist .product .price, #cprodlist .product .saleprice {
  font-size: 12px;
  font-weight: normal;
}
#prodlist .product .nprice, #cprodlist .product .nprice {
  display: none;
}
#prodlist .product:hover, #cprodlist .product:hover {
  background-size: 88% auto;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
#prodlist .product:hover .prodinfo, #cprodlist .product:hover .prodinfo {
  opacity: 1;
  bottom: 0px;
}
#prodlist .prodinfo, #cprodlist .prodinfo {
  /*
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:40px;
  background-color:rgba(255,255,255,0.9);
  */
  position: absolute;
  z-index: 9;
  padding: 6px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  /*
  div:after {
  	@include cssTriangle(14px, $seccolor, bottom); position: absolute; right: 10px; top: -37px; z-index:99;
  }
  */
}
#prodlist .prodinfo .txt, #cprodlist .prodinfo .txt {
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  #prodlist .product, #cprodlist .product {
    width: 47%;
    background-size: auto 82%;
  }
  #prodlist .product:hover, #cprodlist .product:hover {
    background-size: auto 85%;
  }
}
@media only screen and (max-width: 350px) {
  .ifcnt {
    width: 100%;
    padding: 5px 0;
    float: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px C9C9CA;
    border-left: 0;
  }
  .shop-multitoggle {
    margin-right: 0;
  }
  #prodlist .product, #cprodlist .product {
    width: 100%;
    float: none;
    background-size: auto 82%;
  }
  #prodlist .product:hover, #cprodlist .product:hover {
    background-size: auto 85%;
  }
}
.quickbuy {
  border: solid 1px #b3b3b3;
  background: #fff;
  padding: 20px;
  margin-top: 100px;
  max-width: 768px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #666;
  position: relative;
}
.quickbuy .qcol {
  width: 40%;
  float: left;
  padding: 30px;
}
.quickbuy .q2 {
  width: 60%;
}

body {
  background: #fff;
}

#head {
  padding: 20px 0;
}

#foot {
  color: #c4c4c4;
  padding: 20px 0;
}

.homelink {
  display: inline-block;
  margin-bottom: 10px;
}

.sample-code {
  padding: 5px 10px;
  background-color: #ddd;
  border-radius: 15px;
  display: inline-block;
  margin: 5px;
}
.sample-code.green {
  background-color: #028c6b;
  color: #fff;
}
.sample-code.yellow {
  background-color: #ffff42;
  color: #000;
}
.sample-code.red {
  background-color: #e71b1b;
  color: #fff;
}