/* Initalise less */
* {
  position: relative;
  outline: 0;
}
html {
  margin: 0;
  padding: 0;
}
body {
  background: url(/images/static/images/milan_bg.jpg) repeat;
  margin: 0;
  padding: 0;
  min-width: 1260px;
  font-size: 1em;
  font-family: helvetica, arial, sans-serif;
  line-height: 1.5;
  color: #111212;
}
@font-face {
  font-family: 'Balloon';
  src: url('/includes/fonts/balloon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sym';
  src: url('/includes/fonts/fa-solid-900.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
h3 {
  color: #007498;
  font-family: helvetica;
  font-size: 1.125em;
  font-weight: normal;
}
.smallText {
  font-size: 14px;
}
ul:not(.list)  {
  list-style: none;
  margin: 0;
  padding: 0;
}

.detail__text ul:not(.list)  {
  font-size:14px;
}


/* Specific Variables */
a {
  color: #ff6300;
  text-decoration: none;
}
/* Specific Classes - Start */
.topBar {
  background: #00779a;
  height: 56px;
}
.topBar #navicon,
.topBar .menu {
  color: white;
  font-family: arial;
  font-size: 0.875em;
  margin: auto;
  padding: 24px 0;
  width: 1120px;
}
.topBar .menu ul {
  color: white;
}
.topBar .menu ul li {
  display: inline-block;
}
.topBar .menu ul li a {
  display: block;
  padding: 0 8px;
  color: #fff;
  text-decoration: none;
}
.topBar .menu ul .login {
  background: url(/images/static/images/button_login.png) 8px 1px no-repeat;
  border: none;
  padding-left: 30px;
}
.topBar .menu ul .language {
  float: right;
}
.footer {
  background: url(/images/static/images/footer_bg.png) repeat-x #00779a;
  color: #ffffff;
  font-size: 0.75em;
  min-height: 336px;
  margin-top: 1em;
  text-align: center;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .megafooter {
  padding: 25px 0;
  margin: 0 auto;
  text-align: left;
  width: 1120px;
}
.footer ul {
  float: left;
  margin: 0px 5px 0px 0px
			padding: 0px 5px;
  width: 171px;
}
.footer ul.first {
  float: left;
  margin: 0px 87px 0px 0;
  padding: 0px 10px;
  width: 190px;
}
.footer ul.first li {
  font-size: 1em;
  font-weight: normal;
}
.footer ul li {
  font-size: 1.16em;
  font-weight: bold;
}
.footer ul li.footerList {
  padding: 0;
}
.footer ul li ul {
  float: none;
  padding: 17px 0 18px;
}
.footer ul li ul li {
  font-size: 0.86em;
  font-weight: normal;
}
#main-menu { margin-bottom: 10px; }
/*
.headBar {
  margin: 0 auto 10px auto;
}

.headBar ul {
  display: table-row;
  width: 100%;
  margin: 0;
  padding: 0;
}
.headBar ul li {
  position: relative;
  display: table-cell;
  border-right: #ffbb8f solid 1px;
  color: white;
  cursor: pointer;
  font-family: helvetica;
  font-size: 0.95em;
  line-height: 2em;
}
.headBar ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.headBar ul li a:hover {
  /*text-decoration: underline;
}
.headBar ul .last {
  border: none;
}
.headBar ul .multicol {
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  column-count: 3;
  column-gap: 0px;
}
.headBar ul .subNavigation {
  position: absolute;
  background: transparent;
  left: 50%;
  margin: 5px 0 0 -105px;
  padding: 0 0 0 0;
  width: auto;
  text-align: left;
  z-index: 1000;
  background: #fbedcd;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
}
.headBar ul .subNavigation li {
  border-bottom: #ff6300 solid 1px;
  border-left: #ff6300 solid 5px;
  border-right: none;
  width: 210px;
}
.headBar ul .subNavigation li a {
  color: #ff6300;
  padding: 4px 10px;
  font-size: 0.86em;
}
.headBar ul .subNavigation .navArrowUp {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -6px;
  left: 95px;
  transform: rotate(45deg);
  background: #fbedcd;
  border: none;
}*/
.logoBar {
  height: 110px;
  margin: 20px auto 0 auto;
  width: 1120px;
}
.logoBar > div {
  display: inline-block;
  /*height: 76px;*/
  padding: 0 20px 0 0;
  vertical-align: middle;
  width: 265px;
}
.logoBar > div.last {
  padding: 0;
}
.logoBar .cart {
  position: relative;
  margin-top: -72px;
  width: 289px;
}
.logoBar .cart:before {
  content: " ";
  background: #ff6300 url(/images/static/images/icon-basket.png) center no-repeat;
  width: 47px;
  height: 47px;
  border: 2px solid #fff;
  position: absolute;
  top: 11px;
  left: 2px;
  border-radius: 47px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.logoBar .cart .shopping {
  background: rgba(255, 157, 30, 0.12);
  border-radius: 40px;
  line-height: 1.9em;
  font-family: helvetica;
  font-size: 0.86em;
  margin: 8px 0 0 0;
  padding: 8px 0 8px 68px;
  position: absolute;
  top: 9px;
  width: 200px;
}
.logoBar .cart .shopping .count {
  font-weight: bold;
}
.logoBar .cart .shopping .link {
  color: #ff6300;
}
.logoBar .cart a {
  color: #000000;
}
.logoBar .cart .subCart {
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
  height: auto;
  left: auto;
  padding: 0 0 0 0;
  position: absolute;
  top: -9999px; 
  width: auto;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.logoBar .cart:hover .subCart, .logoBar .cart .subCart.showUp {
  top: 78px; 
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.logoBar .cart .subCart {
  background: #fff;
  border: #ff6300 solid 5px;
  left: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: absolute;
  width: 313px;
  z-index: 1;
}
.logoBar .cart .subCart .buttonrow {
  display: block;
  padding: 10px;
  border-top: #ffba8f solid 1px;
}
.logoBar .cart .subCart #cartbutton {
  background-image: linear-gradient(to top, #ff6402 20%, #ff873a 100%);
  width: 50%;
  margin-right: 12px;
}
.logoBar .cart .subCart #cartbutton:hover {
  background-image: linear-gradient(to top, #ff6402 70%, #ff873a 100%);
  width: 50%;
  margin-right: 12px;
}
.logoBar .cart .subCart .cartArrowUp {
  background: url(/images/static/images/cart_uparrow.png) -10px 1px no-repeat;
  border: none;
  box-shadow: none;
  display: block;
  height: 18px !important;
  margin: -24px 0 0 0;
  padding: 6px 0 0 0;
  width: 323px !important;
}
.logoBar .cart .subCart ul {
  margin: 0px;
  padding: 0px;
  margin-top: -1px;
  max-height: 260px;
  overflow-y: scroll;
}
.logoBar .cart .subCart li {
  background: #ffffff;
  border-top: #ffba8f solid 1px;
  padding: 10px 0 12px 9px;
}
.logoBar .cart .subCart li a {
  color: #ff6300;
  font-family: Helvetica;
  font-size: 13px;
}
.logoBar .cart .subCart li a .amount {
  color: #313131;
  font-size: 12px;
}
.logoBar .cart .subCart li a .price {
  color: #0038b0;
  float: right;
  padding: 0 10px 0 0;
}
.logoBar .cart .subCart .subCartButton {
  background: url(/images/static/images/orange_bg.png) repeat;
  border-radius: 5px;
  height: 28px !important;
  margin: 8px 0 8px 8px;
  padding: 9px 38px 0 37px;
  text-align: center;
  width: auto !important;
  color: #fff;
  font-family: helvetica;
  font-weight: bold;
  font-size: 14px;
}
.logoBar .cart .subCart .subCartButton.Blue {
  background: url(/images/static/images/bluebutton_bg.png) repeat;
}
.logoBar .cart .subCart .subCartButton:hover {
  text-decoration: none;
}

.logoBar .logo {
  margin-top: 6px;
  padding: 2px 0 0 24px;
}
.logoBar .search {
  width: 285px;
  padding: 0 40px 0 0;
}
.logoBar .search form {
  padding-top: 12px;
}
.logoBar .search input {
  border: #a8b2a8 1px solid;
  display: inline-block;
  float: left;
  font-family: helvetica;
  font-size: 14px;
  height: 34px;
  margin: 17px 0 0px -3px;
  padding: 0 30px 0 14px;
  width: 220px;
}
.logoBar .search .searchButton {
  background: url(/images/static/images/search_icon.png) 0px center no-repeat;
  display: inline-block;
  border: none;
  height: 36px;
  margin: -36px 0 1px 240px;
  padding: 0;
  width: 22px;
  top: -8px;
}
.logoBar .search .advancedSearch {
  display: inline-block;
  font-size: 12px;
  padding: 6px 0 0 14px;
  top: -6px;
}
.logoBar .wishlist {
  padding: 0;
  width: 200px;
  margin-top: -20px;
}
.logoBar .wishlist .pencil {
  background: url(/images/static/images/pencil.png) 0px 26px no-repeat;
  color: #ff6300;
  display: inline-block;
  line-height: 26px;
  font-family: helvetica;
  font-weight: bold;
  font-size: 14px;
  padding: 25px 0 0 28px;
}
@media (min-width: 1100px) {
.master {
  margin: 0 auto 0 auto;
  width: 1121px;
}
}
.midCol {
  float: left;
  margin: 0 auto 0 auto;
  width: 550px;
}
.midCol .stdtext {
  font-size: 0.875em;
  line-height: 1.43em;
}
.midCol.full {
  width: 835px;
}
.margin10 {
	margin-left: 10px;
	margin-right: 10px;
}
.midCol h1 {
  color: #00779a;
  font-family: 'balloon', sans-serif;
  font-size: 36px;
  line-height: 1;
  font-weight: normal;
  margin: 0.2em 0;
}
.midCol h2 {
  color: #00779a;
  font-family: helvetica;
  font-size: 18px;
  font-weight: normal;
  margin: 1em 0;
}
.midCol .detail {
  margin-top: 1em;
}
.midCol .detail .faq__list {
  border-bottom: 1px solid #ff6300;
  margin-bottom: 2em;
}
.midCol .detail .faq__list h3 {
  color: #ff6300;
  cursor: pointer;
  margin: 0;
  padding: 0.7em 0;
  border-top: 1px solid #ff6300;
  font-size: 1em;
}
.midCol .detail .faq__list .faq__text {
  display: none;
  padding-bottom: 2em;
  font-size: 0.875em;
}
.midCol .detail .faq__list .open {
  display: block;
}
.midCol .detail .provider {
  font-weight: bold;
  color: #00779a;
}
.midCol .detail .gameImg {
  float: right;
  margin: 10px 0 0 20px;
  border: 1px solid rgba(0, 119, 154, 0.4);
  z-index: 2;
}
.midCol .detail.bordered {
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .detail p {
  font-family: helvetica;
  font-size: 0.875em;
  line-height: 1.5;
}
.midCol .detail .detail__image {
  text-align: center;
  padding: 1em;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .detail .review__image {
  text-align: center;
  padding: 1em;
}
.midCol .detail .detail__image img {
  border: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .detail .button,
.midCol .detail .buttonGrey {
  margin: 0 0 15px 0;
}
.midCol .detail .detailData {
  display: table;
  font-family: helvetica;
  font-size: 0.875em;
  line-height: 1.43em;
  padding: 1em 0;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .detail .detailData div {
  display: table-row;
}
.midCol .detail .detailData span {
  display: table-cell;
  vertical-align: top;
  padding: 0.4em 0.8em;
}
.midCol .detail .detailData .detailLeft {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  color: #00779a;
  font-family: helvetica;
  font-size: 14px;
  font-weight: bold;
}
.midCol .detail .detail__reviews .entry {
  font-size: 0.875em;
  line-height: 1.43em;
  border-top: 1px solid rgba(0, 119, 154, 0.4);
  padding: calc(1.5em + 14px) 0 0 0;
  background-repeat: no-repeat;
  background-position: 0 1em;
}
.midCol .detail .detail__reviews .list_element .left_image {
  padding-top:10px;
  margin-bottom:5px;
  margin-right:10px;
  float:left;
}
.midCol .detail .detail__reviews .list_element .right_image {
  padding-top:10px;
  margin-bottom:5px;
  margin-left:10px;
  float:right;
}
.midCol .detail .detail__reviews .entry.val1 {
  background-image: url("/images/static/images/stars-1.png");
}
.midCol .detail .detail__reviews .entry.val2 {
  background-image: url("/images/static/images/stars-2.png");
}
.midCol .detail .detail__reviews .entry.val3 {
  background-image: url("/images/static/images/stars-3.png");
}
.midCol .detail .detail__reviews .entry.val4 {
  background-image: url("/images/static/images/stars-4.png");
}
.midCol .detail .detail__reviews .entry.val5 {
  background-image: url("/images/static/images/stars-5.png");
}
.midCol .detail .detail__reviews .entry .reviewAuthor {
  font-weight: bold;
}
.midCol .detail .detail__reviews .entry p {
  margin-top: 0;
}
.midCol .detail .detail__reviews .reviewCounter {
  display: block;
  font-style: italic;
  padding: 1em 0;
  border-top: 1px solid rgba(0, 119, 154, 0.4);
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
  margin-bottom: 1em;
  font-size: 14px;
  line-height: 20px;
}
.midCol .detail .detail__text {
  padding: 1em 0;
}
.midCol .costs {
  border-spacing: 4px;
  font-size: 0.875em;
  width: 100%;
}
.midCol .costs th {
  background: rgba(49, 49, 49, 0.06);
  padding: 0.2em 0.6em;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.9em;
}
.midCol .costs td {
  background: rgba(255, 157, 30, 0.12);
  padding: 0.2em 0.6em;
}
.midCol .costs .left {
  text-align: left;
}
.midCol .costs .center {
  text-align: center;
}
.midCol .costs .right {
  text-align: right;
}
.midCol .deliver {
  border-spacing: 0;
  font-size: 0.875em;
  width: 100%;
}
.midCol .deliver div {
  padding: 0.2em 0.6em;
}
.midCol .deliver div.bg {
  background: rgba(0, 119, 154, 0.12);
}
.midCol .deliver .left {
  text-align: left;
}
.midCol .deliver .right {
  text-align: right;
}
.midCol .checkout__cart {
  border-spacing: 0;
  font-size: 0.875em;
  width: 100%;
  line-height: 2.0em;
}
.midCol .checkout__cart td {
  padding: 0.2em 0.6em;
  background: rgba(0, 119, 154, 0.12);
  border-bottom: 4px solid transparent;
  border-top: 1px solid #94c3c6;
}
.midCol .checkout__cart td.sum {
  padding-right: 0;
}
.midCol .checkout__cart .left {
  text-align: left;
}
.midCol .checkout__cart .right {
  text-align: right;
}
.midCol .checkout__sum {
  margin: 0 0 0 auto;
}
.midCol .checkout__sum td {
  padding: 0 0.6em;
  background: none;
  line-height: 1.7em;
  border: none;
}
.midCol .checkout__sum .end {
  font-weight: bold;
}
.midCol .cashlane {
  font-size: 0.875em;
  display: flex;
  justify-content: space-between;
  margin-top: 1.5em;
  border-bottom: 4px solid rgba(0, 119, 154, 0.12);
}
.midCol .cashlane div {
  display: inline-block;
  background: rgba(49, 49, 49, 0.06);
  padding: 0.7em 1em 0.3em 1.75em;
  color: rgba(0, 0, 0, 0.36);
}
.midCol .cashlane div::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  line-height: 1.5em;
  font-weight: bold;
  border-top: 1.3em solid transparent;
  border-left: 1.3em solid rgba(49, 49, 49, 0.1);
  width: 0;
  height: 0;
  border-bottom: 1.3em solid transparent;
  border-right: 1.3em solid transparent;
  line-height: 0;
}
.midCol .cashlane .on {
  background: rgba(0, 119, 154, 0.12);
  color: #000;
}
.midCol .fl-left {
  float: left;
}
.midCol .fl-right {
  float: right;
}
.midCol .order__list {
  width: 100%;
  line-height: 1.5em;
  border-bottom: 1px solid #94c3c6;
  border-spacing: 0;
}
.midCol .order__list td {
  border-top: 1px solid #94c3c6;
  padding: 0.2em 0.5em 0.2em 0;
}
.midCol .account__list {
  padding-left: 40px;
}
.midCol .account__list a::before {
  content: "➜ ";
}
.midCol h3.personal {
  padding-left: 40px;
  background: url("/images/static/images/icon-personal.png") left center no-repeat;
}
.midCol h3.orders {
  padding-left: 40px;
  background: url("/images/static/images/icon-orders.png") left center no-repeat;
}
.midCol h3.newsletter {
  padding-left: 40px;
  background: url("/images/static/images/icon-newsletter.png") left center no-repeat;
}
.midCol .related {
  padding: 1em 0;
  font-family: helvetica;
  font-size: 13px;
}
.midCol .related li {
  padding: 0.5em 0;
  position: relative;
}
.midCol .related a {
  display: block;
  font-weight: bold;
}
.midCol .related .relatedCompany {
  font-weight: bold;
}
.midCol .related .relatedPrice {
  position: absolute;
  top: 0.5em;
  right: 0;
  color: #309a67;
  font-weight: bold;
}
.midCol .grouped {
  padding-top: 1em;
  margin-bottom: 1em;
  font-size: 0.875em;
  line-height: 1.43em;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .grouped .product {
  border-top: 1px solid rgba(0, 119, 154, 0.4);
  padding: 1em 0;
}
.midCol .grouped .product .picture {
  float: left;
  width: 110px;
  text-align: center;
}
.midCol .grouped .product .picture img {
  max-width: 110px;
  height: auto;
}
.midCol .grouped .product .text {
  margin-left: 110px;
}
.midCol .grouped .product .text .title {
  font-size: 1.6em;
  font-family: 'balloon';
}
.midCol .grouped .product .text .provider{
  font-weight: bold;
  color: #00779a;
}
.midCol .grouped .product .text .price {
  color: #309a67;
  font-weight: bold;
}
.midCol .newProducts h2 {
  color: #ff6300;
  font-family: 'balloon', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
.midCol .newProducts h3 {
  display: inline-block;
  color: #0078aa;
  font-family: helvetica;
  font-size: 18px;
  margin: 0;
}
.midCol .newProducts p {
  font-family: helvetica;
  font-size: 14px;
  line-height: 17px;
}
.midCol .all_news,
.midCol .newProducts .productsMore a {
  color: #ff6300;
  float: right;
  text-decoration: none;
  font-family: helvetica;
  font-size: 12px;
  line-height: 17px;
}
.midCol .all_news {
	padding-bottom: 5px;
}
.midCol .newProducts .productsMore a:hover {
  text-decoration: underline;
}
.midCol .newProducts .product {
  float: left;
  padding: 0 20px 34px 0;
  width: 265px;
}
.midCol .newProducts .product .title {
  font-family: 'balloon', sans-serif;
  font-size: 24px;
  line-height: 1.1;
  /*font-weight: bold;*/
  margin: 0;
}
.midCol .newProducts .product .provider {
  color: #00779a;
  font-family: helvetica;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
}
.midCol .newProducts .product p {
  margin-left: 70px;
  font-size: 12px;
}
.midCol .newProducts .product img {
  border: #98c7c9 solid 1px;
  float: left;
  margin: 16px 10px 10px 0;
}
.midCol .newProducts .product .price {
  color: #309a67;
  font-family: helvetica;
  font-size: 14px;
  font-weight: bold;
}
.midCol .newProducts .product.alternate {
  padding: 0 0 34px 0;
}
.midCol .newProducts .product.alternate.first {
  padding: 20px 0 34px 0;
}
.midCol .newProducts .product.first {
  padding: 20px 20px 34px 0;
}
.midCol .newProducts .inclusive {
  clear: left;
  font-size: 0.75em;
  text-align: center;
}
.midCol .alternateLinks {
  position: absolute;
  top: 1.5em;
  right: 0;
}
.midCol .shoppingCart {
  display: table;
  width: 100%;
  border-top: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .shoppingCart .product {
  display: table-row;
  width: 100%;
  border-bottom: #94c3c6 solid 1px;
}
.midCol .shoppingCart .product div {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
  padding: 0.7em 0.5em;
}
.midCol .shoppingCart .product .picture {
  width: 110px;
  text-align: center;
}
.midCol .shoppingCart .product .picture img {
  border: 1px solid rgba(0, 119, 154, 0.4);
  max-width: 90px;
  height: auto;
}
.midCol .shoppingCart .product .text .title {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
.midCol .shoppingCart .product .text .status {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
}
.midCol .shoppingCart .product .text .delivery {
  padding-left: 30px;
  margin-top: 0.5em;
  background-repeat: no-repeat;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
}
.midCol .shoppingCart .product .text .green {
  background-image: url("/images/static/images/green.png");
}
.midCol .shoppingCart .product .text .lgreen {
  background-image: url("/images/static/images/lgreen.png");
}
.midCol .shoppingCart .product .text .yellow {
  background-image: url("/images/static/images/yellow.png");
}
.midCol .shoppingCart .product .text .red {
  background-image: url("/images/static/images/red.png");
}
.midCol .shoppingCart .product .text .grey {
  background-image: url("/images/static/images/grey.png");
}
.midCol .shoppingCart .product .text .blue {
  background-image: url("/images/static/images/blue.png");
}
.midCol .shoppingCart .product .delete {
  vertical-align: middle;
}
.midCol .shoppingCart .product .delete button {
  padding: 10px 15px;
}
.midCol .shoppingCart .product .amount {
  vertical-align: middle;
  white-space: nowrap;
}
.midCol .shoppingCart .product .amount input {
  font-size: 1em;
  line-height: 30px;
  border: 1px solid rgba(0, 119, 154, 0.4);
  border-radius: 5px;
  text-align: center;
  width: 25px;
}
.midCol .shoppingCart .product .amount button {
  line-height: 22px;
  padding: 4px 0;
  width: 30px;
}
.midCol .shoppingCart .product .availability {
  color: #309a67;
  font-family: helvetica;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 10px 0 0;
}
.midCol .shoppingCart .product .availability img {
  float: right;
  margin: 0 0 0 8px;
}
.midCol .shoppingCart .product .price {
  white-space: nowrap;
  vertical-align: middle;
  text-align: right;
  color: #309a67;
  font-size: 18px;
}
.midCol .shoppingCart .inclusive {
  font-family: helvetica;
  font-size: 12px;
  text-align: center;
}
.midCol .shoppingCart .inclusive a {
  color: #ff6300;
  text-decoration: none;
}
.midCol .shoppingCart .inclusive a:hover {
  text-decoration: underline;
}
.midCol .summary {
  padding: 1em 0;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .summary .price {
  color: #309a67;
}
.midCol .hint {
  background: rgba(49, 49, 49, 0.06);
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 1em;
  font-size: 13px;
}
.midCol .button__row {
  text-align: right;
}
.midCol .productList {
  display: table;
  width: 100%;
  border-top: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .productList .productListBar {
  display: table-row;
  width: 100%;
  border-bottom: #94c3c6 solid 1px;
}
.midCol .productList .productListBar div {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
  padding: 1.2em 0;
}
.midCol .productList .productListBar .label {
  font-weight: bold;
}
.midCol .productList .productListBar .sort a {
  padding-right: 20px;
}
.midCol .productList .productListBar .sort .descend {
  background: url("/images/static/images/icon-arrow-down.png") right center no-repeat;
}
.midCol .productList .productListBar .sort .descend::after {
  content: " absteigend";
}
.midCol .productList .productListBar .sort .ascend {
  background: url("/images/static/images/icon-arrow-up.png") right center no-repeat;
}
.midCol .productList .productListBar .sort .ascend::after {
  content: " aufsteigend";
}
.midCol .productList .productListBar .providerSelect {
  text-align: right;
}
.midCol .productList .productListBar .providerSelect select {
  font-size: 0.9em;
  padding: 0.3em 1em;
  max-width: 200px;
}
.midCol .productList .productListBar .sort select {
  font-size: 0.9em;
  max-width: 200px;
  padding: 0.3em 1em;
}
.midCol .pagination {
  font-size: 0.95em;
  text-align: center;
  padding: 1em 0;
}
.midCol .pagination .left {
  float: left;
}
.midCol .pagination .right {
  float: right;
}
.midCol .pagination .middle a {
	display: inline-block;
	margin: 0 0.3em;
}
.midCol .pagination .middle .pageCurrent {
	font-size: bold;
	display: inline-block;
	margin: 0 0.3em;
}
.midCol .productList .product {
  display: table-row;
  width: 100%;
  border-bottom: #94c3c6 solid 1px;
}
.midCol .productList .product div {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
  padding: 0.7em 0;
}
.midCol .productList .product .last {
  border-bottom: none;
}

.midCol .productList .product .picture {
  width: 110px;
  text-align: center;
}
.midCol .productList .product .picture img,
.midCol .form .formBox .form_reviews .list_element .image {
  border: 1px solid rgba(0, 119, 154, 0.4);
}
.midCol .productList .product .text {
  font-size: 14px;
}
.midCol .productList .product .text .title {
  display: block;
  font-size: 24px;
  font-family: 'balloon', sans-serif;
  line-height: 1.2;
}
.midCol .productList .product .text .provider {
  display: block;
  font-weight: bold;
  color: #00779a;
}
.midCol .productList .product .text .status {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
}
.midCol .productList .product .text .delivery {
  padding-left: 30px;
  margin-top: 0.5em;
  background-repeat: no-repeat;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
}
.midCol .productList .product .text .green {
  background-image: url("/images/static/images/green.png");
}
.midCol .productList .product .text .lgreen {
  background-image: url("/images/static/images/lgreen.png");
}
.midCol .productList .product .text .yellow {
  background-image: url("/images/static/images/yellow.png");
}
.midCol .productList .product .text .blue {
  background-image: url("/images/static/images/blue.png");
}
.midCol .productList .product .text .red {
  background-image: url("/images/static/images/red.png");
}
.midCol .productList .product .text .grey {
  background-image: url("/images/static/images/grey.png");
}
.midCol .productList .product .availability {
  color: #309a67;
  font-family: helvetica;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 10px 0 0;
}
.midCol .productList .product .availability img {
  float: right;
  margin: 0 0 0 8px;
}
.midCol .productList .product .availability a {
  color: #000;
}
.midCol .productList .product .priceBox {
  vertical-align: bottom;
  text-align: right;
  padding-left: 1em;
}
.midCol .productList .product .priceBox .oldprice {
  font-size: 18px;
  color: #c21900;
  display: inline-block;
  margin-right: 0.5em;
  text-decoration: line-through;
}
.midCol .productList .product .priceBox .price {
  white-space: nowrap;
  color: #309a67;
  font-size: 30px;
}
.midCol .productList .product .priceBox .priceSubline {
  display: block;
  font-size: 12px;
  white-space: nowrap;
  padding-bottom: 0.5em;
}
.midCol .productList .product .priceBox .button {
  width: 112px;
  display: inline-block;
  padding: 0.6em 0;
}
.midCol .form h3 {
  margin: 0;
}
.midCol .form p {
  font-family: helvetica;
  font-size: 14px;
  line-height: 17px;
}
.midCol .form .formBox {
  border-bottom: #94c3c6 solid 1px;
  font-family: helvetica;
  font-size: 0.875em;
  line-height: 2.2em;
  padding: 2px 0 15px 0;
  margin: 5px 0 0 0;
  width: 100%;
}
.midCol .form .formBox h3 {
  margin: 0 0 15px 0;
}
.midCol .form .formBox h3 input[type="checkbox"] {
  display: inline-block;
  float: right;
  line-height: 14px;
  margin: 0 0 15px 85px;
  width: 30px;
}
.midCol .form .formBox input[type="password"],
.midCol .form .formBox input[type="text"] {
  display: inline-block;
  float: right;
  font-size: 1em;
  margin: 7px 0 0 0;
  width: 70%;
  box-sizing: border-box;
}
.midCol .form .formBox input[type="password"] {
  display: inline-block;
  float: right;
  font-size: 1em;
  margin: 7px 0 0 0;
  width: 70%;
}
.midCol .form .formBox input[type="radio"].first {
  display: inline-block;
  line-height: 14px;
  margin-left: 0;
}

.midCol .form .formBox input[type="checkbox"] {
  display: inline-block;
  line-height: 14px;
  width: 25px;
}

.midCol .form .formBox input[type="radio"] {
  display: inline-block;
  line-height: 14px; 
  margin-left: 24px;
  width: 20px;
}


.midCol .form .formBox select {
  display: inline-block;
  float: right;
  margin: 7px 0 0 0;
  font-size: 1em;
  width: 70%;
}
.midCol .form .formBox textarea {
  width: 99%;
}
.midCol .form .formBox .checkbox {
  margin-left: 30px;
  text-indent: -36px;
}
.midCol .form .formBox .privacyInfo {
  display: inline-block;
}
.midCol .form .formBox .edit {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.midCol .form .formBox .form__list input[type="radio"] {
  margin-left: 0;
  width: 20px;
}
.midCol .form .formBox .form__list p {
  margin-top: 1em;
  padding: 1em 2em;
}
.midCol .form .formBox .form__list .sel {
  background: rgba(0, 119, 154, 0.12);
}
.midCol .form .formBox .form__list .radio {
  text-indent: -24px;
}
.midCol .form .formBox .checkout__list {
  display: flex;
  flex-wrap: wrap;
}
.midCol .form .formBox .checkout__list div {
  width: 50%;
  margin-bottom: 2em;
}
.midCol .form .formBox .checkout__list .label {
  font-weight: bold;
}

.required:after {
    content: '*';
    color: #e02b27;
    font-size: 1.0rem;
    margin: 0 0 0 2px;
}


.midCol .form .formBox .address__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.midCol .form .formBox .address__list div {
  width: 47.5%;
  margin-bottom: 2em;
  padding: 1em;
  border: 1px solid #94c3c6;
  box-sizing: border-box;
}
.midCol .form .formBox .address__list .label {
  font-weight: bold;
  margin: 0;
}
.midCol .form .formBox .address__list button {
  padding: 6px 12px;
  font-size: 13px;
}
.midCol .form .formBox .address__list .ext {
  font-size: 0.9em;
  font-style: italic;
}
.midCol .form .notification {
  color: #c31a00;
  display: inline-block;
  font-family: helvetica;
  font-size: 14px;
  margin: 5px 0 0 0;
  line-height: 1.5em;
}
.midCol .form .notification a, .midCol .form .notification_2 a {
  color: #0078aa;
}
.midCol .form .notification.boxed {
  background: #faedeb;
  border-radius: 10px;
  margin: 22px 0 20px;
  padding: 16px;
  display: block;
}
.midCol .form .notification.boxed ul, .midCol .form .notification_2.boxed ul {
  margin-top: 1em;
}
.midCol .form .notification.boxed ul li, .midCol .form .notification_2.boxed ul li {
  margin: 0.6em 0 0.3em 0.6em;
  text-indent: -0.6em;
}
.midCol .form .notification.boxed ul li::before, .midCol .form .notification_2.boxed ul li::before {
  content: "- ";
}


.midCol .form .notification_2 {
  color: #4e4e4e;
  display: inline-block;
  font-family: helvetica;
  font-size: 14px;
  margin: 5px 0 0 0;
  line-height: 1.5em;
}
.midCol .form .notification_2.boxed {
  background: #c4e1c4;
  border-radius: 10px;
  margin: 22px 0 20px;
  padding: 16px;
  display: block;
}


.midCol .form .label {
  display: inline-block;
  margin: 5px 0 0 0; clear: both;
}
.midCol .dataForm .label {
  width: 151px;
}

.leftCol {
  float: left;
  font-family: arial;
  padding: 0 20px 0 0;
  width: 265px;
}
.leftCol form {
  margin: 0;
}
.leftCol h3 {
  padding: 0 0 0 15px;
}
.leftCol #sidenav li {
  padding: 0;
  border-bottom: 1px solid #ff6300;
  font-size: 0.875em;
}
.leftCol #sidenav li:last-child {
  border: none;
}
.leftCol #sidenav a {
  color: #ff6300;
  display: block;
  padding: 0.5em 0;
}
.leftCol ul {
  background: rgba(255, 157, 30, 0.12);
  border-radius: 10px;
  margin: 0 0 36px 0;
  padding: 8px 15px 8px 10px;
  line-height: 1.2;
}
.leftCol ul li {
  padding: 0 0 15px 0;
}
.leftCol ul li a {
  color: #313131;
  text-decoration: none;
}
.leftCol ul li .brand {
  font-family: helvetica;
  font-size: 11px;
}
.leftCol ul li .brand a {
  color: #313131;
}
.leftCol ul li.first {
  padding: 8px 0 15px 0;
}
.leftCol ul li.more {
  padding: 0 0 15px 45px;
}
.leftCol ul li.more a {
  color: #ff6300;
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.leftCol ul li.more a:hover {
  text-decoration: underline;
}
.leftCol ul li .number {
  background: #00779a;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 27px;
  font-weight: bold;
  height: 27px;
  margin: 0 0.8em 1.6em 0;
  text-align: center;
  width: 27px;
  border-radius: 27px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.midCol .number {
  background: #00779a;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 27px;
  font-weight: bold;
  height: 27px;
  margin-right: 0.8em;
  text-align: center;
  width: 27px;
  border-radius: 27px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.midCol .more a {
  color: #ff6300;
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.leftCol ul li .price {
  font-family: helvetica;
  font-size: 11px;
  font-weight: bold;
  float: right;
  padding: 5px 0 0 0;
}
.leftCol ul li p {
  color: #ff6300;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.leftCol .social {
  background: rgba(0, 119, 154, 0.12);
  font-size: 14px;
  border-radius: 10px;
  margin: 0 0 20px;
  padding: 20px 0;
  font-family: arial;
  display: table;
  width: 100%;
}
.leftCol .social a {
  display: table-cell;
  text-align: center;
}
.leftCol .newsletter {
  background: rgba(0, 119, 154, 0.12);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 12px;
  font-family: arial;
}
.leftCol .newsletter input[type="text"] {
  border: #a8b2a8 1px solid;
  font-family: helvetica;
  font-size: 14px;
  height: 30px;
  margin: 0 0 17px 0;
  padding: 2px 0 0 12px;
  width: 100%;
  box-sizing: border-box;
}
.leftCol .newsletter .button {
  width: 100%;
}
.leftCol .companies {
  background: rgba(255, 157, 30, 0.12);
  border-radius: 10px;
  margin-bottom: 36px;
  padding: 12px;
  font-family: arial;
}
.leftCol .companies select {
  /*border: #a8b2a8 1px solid;*/
  cursor: pointer;
  font-family: helvetica;
  font-size: 14px;
  height: 30px;
  margin: 0;
  padding: 2px 0 0 12px;
  width: 100%;
  box-sizing: border-box;
}
.leftCol .newsfeed {
  background: rgba(0, 119, 154, 0.12);
  border-radius: 10px;
  margin: 0 0 31px;
  padding: 12px 16px 8px 16px;
  font-family: helvetica;
  font-size: 14px;
  width: 233px;
}
.leftCol .newsfeed .links a:before {
  content: "- ";
}
.leftCol .newsfeed .rss {
  float: left;
  padding: 0 15px 60px 0;
}
.leftCol .copyright {
  font-family: arial;
  font-size: 12px;
}
.rightCol {
  float: left;
  font-family: arial;
  padding: 0 0 0 20px;
  width: 265px;
  line-height: 1.5;
}
.rightCol h3 {
  padding: 0 0 0 15px;
}
.rightCol .date {
  font-size: 12px;
  padding: 20px 0 0 0;
}
.rightCol .date.first {
  padding: 5px 0 0 0;
}
.rightCol #actionBox {
  background: rgba(49, 49, 49, 0.06);
  border-radius: 10px;
  margin: 4em 0 20px;
  padding: 16px;
  font-family: helvetica;
  font-size: 14px;
}
.rightCol #actionBox .delivery {
  font-size: 12px;
  padding-left: 25px;
  margin-bottom: 1em;
}
.rightCol #actionBox .delivery p {
  margin-left: 5px;
}
.rightCol #actionBox .delivery.green, .green {
  background: url("/images/static/images/green.png") left top no-repeat;
}
.rightCol #actionBox .delivery.lgreen, .lgreen {
  background: url("/images/static/images/lgreen.png") left top no-repeat;
}
.rightCol #actionBox .delivery.red, .red {
  background: url("/images/static/images/red.png") left top no-repeat;
}
.rightCol #actionBox .delivery.blue, .blue {
  background: url("/images/static/images/blue.png") left top no-repeat;
}
.rightCol #actionBox .delivery.yellow, .yellow {
  background: url("/images/static/images/yellow.png") left top no-repeat;
}
.rightCol #actionBox .delivery.grey, .grey {
  background: url("/images/static/images/grey.png") left top no-repeat;
}
.rightCol #actionBox .priceRow {
  border-top: 1px solid rgba(0, 119, 154, 0.4);
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
  margin-bottom: 1em;
  padding: 1em 0;
}
.rightCol #actionBox .priceRow .price {
  display: block;
  color: #309a67;
  font-size: 30px;
}
.rightCol #actionBox .priceRow .oldprice {
  color: #676767;
  font-size: 24px;
  text-decoration: line-through;
}
.rightCol #actionBox .priceRow .price__text {
  display: block;
  font-size: 12px;
}
.rightCol #actionBox .actionlist {
  padding: 0;
  margin: 0 0 1em 0;
  background: none;
}
.rightCol #actionBox .actionlist li {
  padding: 0;
}
.rightCol #actionBox .actionlist li.watch a {
  background-image: url("/images/static/images/icon-watch.png");
}
.rightCol #actionBox .actionlist li.wish a {
  background-image: url("/images/static/images/icon-wish.png");
}
.rightCol #actionBox .actionlist li.share a {
  background-image: url("/images/static/images/icon-share.png");
}
.rightCol #actionBox .actionlist li.ask a {
  background-image: url("/images/static/images/icon-ask.png");
}
.rightCol #actionBox .actionlist li.watch a:hover {
  background-image: url("/images/static/images/icon-watch-over.png");
}
.rightCol #actionBox .actionlist li.wish a:hover {
  background-image: url("/images/static/images/icon-wish-over.png");
}
.rightCol #actionBox .actionlist li.share a:hover {
  background-image: url("/images/static/images/icon-share-over.png");
}
.rightCol #actionBox .actionlist li.ask a:hover {
  background-image: url("/images/static/images/icon-ask-over.png");
}
.rightCol #actionBox .actionlist a {
  color: #7e7d75;
  display: inline-block;
  padding: 0.4em 0 0.4em 30px;
  background-repeat: no-repeat;
  background-position: 5px center;
}
.rightCol #actionBox .actionlist a:hover {
  color: #ff6300;
}
.rightCol #actionBox .options {
  border-top: 1px solid rgba(0, 119, 154, 0.4);
  border-bottom: 1px solid rgba(0, 119, 154, 0.4);
  margin-bottom: 1em;
  padding: 1em 0;
  font-weight: bold;
}
.rightCol #actionBox .options div {
  padding: 0.2em 0;
}
.rightCol #actionBox .options div label {
  margin-left: 0.5em;
}
.rightCol #actionBox .adtocart {
  width: 100%;
  font-size: 1.1em;
  background-image: linear-gradient(to top, #ff6402 20%, #ff873a 100%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.rightCol #actionBox .adtocart:before {
  content: " ";
  width: 19px;
  height: 19px;
  background: url("/images/static/images/icon-basket.png");
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
}
.rightCol .notification {
  background: rgba(49, 49, 49, 0.06);
  border-radius: 10px;
  color: #c31a00;
  margin: 22px 0 20px;
  padding: 1px 16px 1px 16px;
  font-family: helvetica;
  font-size: 14px;
  line-height: 20px;
  width: 233px;
}
.rightCol .notification .links {
  color: #ff6300;
  line-height: 22px;
}
.rightCol .notification .links a {
  color: #ff6300;
  text-decoration: none;
}
.rightCol .notification .links a:hover {
  text-decoration: underline;
}
.rightCol .notification .rss {
  float: left;
  padding: 0 15px 60px 0;
}
.rightCol .copyright {
  font-family: arial;
  font-size: 12px;
}
.rightCol ul {
  background: rgba(0, 119, 154, 0.12);
  border-radius: 10px;
  margin: 0 0 30px 0;
  padding: 8px 15px 8px 15px;
}
.rightCol ul li {
  padding: 0 0 15px 0;
}
.rightCol ul li img {
  border: 1px solid rgba(0, 119, 154, 0.4);
}
.rightCol ul li a {
  color: #313131;
  text-decoration: none;
}
.rightCol ul li .brand {
  font-family: helvetica;
  font-size: 11px;
}
.rightCol ul li .brand a {
  color: #313131;
}
.rightCol ul li.first {
  padding: 8px 0 15px 0;
}
.rightCol ul li.more {
  padding: 0 0 15px 0;
}
.rightCol ul li.more a {
  color: #ff6300;
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.rightCol ul li.more a:hover {
  text-decoration: underline;
}
.rightCol ul li .title {
  color: #ff6300;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.rightCol ul li .price {
  color: #0000 0;
  font-family: helvetica;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.rightCol ul li .price .oldPrice {
  text-decoration: line-through;
}
.rightCol .preOrder li {
  padding: 2px 0 5px 0;
}
#certi {
  text-align: center;
  border-top: 1px solid rgba(0, 119, 154, 0.4);
  margin-top: 1em;
}
#certi img {
  max-height: 120px;
  width: auto;
  margin: 1em 2em 0;
}
.adBanner {
  text-align: center;
  padding: 1em 0;
}
.adBanner img {
  margin: 0;
  padding: 0;
  max-width: 100%; height: auto;
}
/* Specific Classes - End */
/* Helper Classes - Start */
.button,
input.button{
  cursor: pointer;
  display: inline-block;
  background-image: linear-gradient(to top, #04799c 20%, #3a96b1 100%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #fff !important;
  font-family: helvetica;
  font-size: 15px;
  padding: 14px 20px;
  text-align: center;
  border: none;
  line-height:17px;
  box-sizing: border-box;
}
.button:hover,
input.button:hover,
button:hover {
  background-image: linear-gradient(to top, #04799c 50%, #3a96b1 100%);
}
.button.vers,
input.button.vers,
button.vers {
  text-transform: uppercase;
  padding: 16px 20px 14px;
}
.button.bold,
input.button.bold,
button.bold {
  font-weight: bold;
}
.buttonGrey {
  background-color: #8E8E8E;
  border: #757575 solid 1px;
  border-radius: 4px;
  color: #fff !important;
  float: left;
  font-family: helvetica;
  font-size: 14px;
  margin: 0 25px 0 0;
  padding: 6px 8px;
}
.buttonGrey:hover {
  background-color: #757575;
  border: #8E8E8E solid 1px;
  text-decoration: none;
}
.clearer {
  clear: both;
  font-size: 1px;
  height: 0;
  line-height: 1px;
  overflow: hidden;
  visibility: hidden;
}
.seperator {
  background-color: #94c3c6;
  clear: both;
  display: block;
  float: none;
  height: 1px;
  margin: 19px 0;
  width: auto;
}
.seperator_start {
  background-color: #94c3c6;
  clear: both;
  display: block;
  float: none;
  height: 1px;
  width: auto;
}



/* Erweiterungen Michael */

.rightCol #actionBox .adtocart:hover  {
  cursor: pointer;
  width: 100%;
  font-size: 1.1em;
  background-image: linear-gradient(to top, #ff6402 70%, #ff873a 100%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

button:hover  {
  cursor: pointer;
}

/*.row {
  display: flex;
}

.column1 {
  flex: 1;
  margin-left: 2px;
  display: flex;
  justify-content: right; 
  align-items: center;
}
.column2 {
  flex: 1.7;
}*/

.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.midCol .slider {
	font-family: helvetica;
	width:90%;
	margin: auto;  
}
.midCol .slide {
	padding: 0 2.5%; box-sizing: border-box; 
}
.midCol .slider .slide .category,
.midCol .detail .slide .category {
	display: inline-block;
	color: #0078aa;
	font-family: helvetica;
	font-size: 18px;
	margin: 0;
}
.midCol .slider .slide .date,
.midCol .detail .slide .date {
	float:right;
	color: #585858;
	font-family: helvetica;
	font-size: 0.8em;
}
.midCol .slider .slide .provider,
.midCol .detail .slide .provider {
	color: #00779a;
	font-family: helvetica;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
.midCol .slider .slide .title,
.midCol .detail .slide .title{
	color: #0078aa;
	font-size: 1.6em;
	font-family: 'balloon';
	margin-left: 1px;
}
.midCol .slider .slick-prev:before {
	margin-left: -10px;
	color: grey;
}
.midCol .slider .slick-next:before {
	z-index:20000;
	margin-left: 8px;
	color: grey;
}
.midCol .slider .slide .container,
.midCol .drtail .slide .container {
	display: table-row;
	width: 100%;
}
.midCol .slider .slide .container div,
.midCol .detail .slide .container div {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 10px;
}
.midCol .slider .slide .container .content,
.midCol .detail .slide .container .content {
	padding-left: 10px;
}

.midCol .slider .slide .container .image,
.midCol .detail .slide .container .image {

}	
.midCol .slider .slide .container .image a img,
.midCol .detail .slide .container .image a img{
	height: 120px;
	width: auto;
}



.midCol .form .formBox .form_radio_list h5 {
	font-size: 14px;
	margin: 0;
	padding-bottom:6px;
	font-size: 1em;
}
.midCol .form .formBox .form_radio_list {
	font-size: 0.875em;
}
.midCol .form .formBox .form_radio_list input[type="radio"] {
	margin-left: 0;
	width: 30px;
}

.midCol .form .formBox .form_radio_list .sel {
	background: rgba(0, 119, 154, 0.12);
}
.midCol .form .formBox .form_radio_list .radio {
	text-indent: -24px;
}
.midCol .form .formBox .form_radio_list .list_element {
	margin-top: 1em;
	padding: 1em 1em 1em 2em;
	line-height:normal;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1em;
}

.midCol .form .formBox .form_radio_list .list_element .radio-column {
	margin-left:-25px;
	width:30px;
}

.midCol .form .formBox .checkbox_list .list_element {
	margin-top: 1em;
	line-height:normal;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1em;
}

.midCol .form .formBox .checkbox_left {
  display: inline-block;
  line-height: 14px;
  margin: 0px 10px 0px 0px;
  width: 30px;
}

.rightCol ul li.wishlist_first	 {
	padding: 8px 0 0 0;
}

.rightCol ul li.wishlist	 {
	padding: 8px 0 0 0;
}

.rightCol ul li.wishlist_more a {
  color: #ff6300;
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.rightCol ul li.wishlist_more {
	margin-top: 10px;
}

.midCol .detail .wp-block-image img[src$="jpg"] { 
	width:250px;
	margin-top:-20px; 
	margin-left:-40px;
}

.midCol .detail .fbfpi_photo img[src$="jpg"] { 
	width:250px;
	margin-top:-20px; 
}

.midCol .detail .wp-block-image img[src$="jpg"] { 
	width:250px;
	margin-top:-20px; 
}

.midCol .form .formBox .form_reviews .list_element {
	padding: 1em 1em 0em 0em;
	line-height:1.5;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1em;
}

.midCol .form .formBox .form_reviews .list_element .box_left {
	padding-right:10px;
	width:210px;
}

.midCol .manufacturers_image {
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.manugrid { display: flex; flex-wrap: wrap; content-justify: space-around; }
.manugrid__entry { background-color: #fff; border-radius: 10px;border: 1px solid gainsboro; width: 25%; padding: 5px; box-sizing: border-box; }

.frew { display: flex; flex-wrap: wrap; content-justify: space-between; }
.frew__entry { width: 25%; text-align: center; }
.frew__entry table { margin: auto; }
.frew__link { margin-top: 10px; text-align: right; }
.fieldRow { display: inline-block; float: right; width: 70%; padding-top: 0.3em; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html {
	-ms-overflow-style: scrollbar;
	overflow: hidden;
	height: 100%;
}
body {
	overflow: auto;
	height: 100%;
}
.cart__alert {
	display:none;
	}

.infoImage {
	float:left;
	margin-right:5px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:0px;
}
.man__img { float: right; max-height: 75px; max-width: 100px; height: auto; width: auto; }
.man__link { display: inline-block; margin-top: 0.75em; }
.man__link:before { content: " "; font-family: "Sym"; }

.contact__link { display: inline-block; margin-top: 0.75em; }
.contact__link:before { content: " "; font-family: "Sym"; }

div.banderole_manufacturer {
	position: relative;
	margin: 0em auto;
	padding: 0.5em;
	overflow: hidden;
}

span.banderole {
  position: absolute;
  top: 5%;
  right: -45px;
  z-index: 10;
  display: inline-block;
  font-size: 9px;
  width: 110px;
  text-align: center;
  padding: .25em 0;
  color: white;
  transform: rotate(45deg);
  border: 5px solid #fff;
  background: #3d68b7;
}

td.banderole_review {
	padding:0px;
	width: 110px;
	height: 110px;
	position: relative;
	margin: 0em auto;
	overflow: hidden;
}

div.percent-status-boxk {
  color: white;
  float: left;
  width: 100px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  border-radius: 3px;
  margin: 1px 10px 0 5px;
  padding: 3px 0;
  height: 16px;
}

div.percent-status-boxk.stoxk-0 {
  background: #195e07;
}

div.percent-status-boxk.stoxk-16 {
  background: #27870e;
}

div.percent-status-boxk.stoxk-30 {
  background: #32b012;
}

div.percent-status-boxk.stoxk-44 {
  background: #3cd415;
}

div.percent-status-boxk.stoxk-58 {
  background: #f7d83b;
}

div.percent-status-boxk.stoxk-72 {
  background: #ff6839;
}

div.percent-status-boxk.stoxk-86 {
  background: #ff0017;
}

div.percent-status-boxk.stoxk-100 {
  background: #7a7986;
}

/* Navbar container */
.navbar_admin {
  overflow: hidden;
  background-color: #373737;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar_admin a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
}

/* Links inside the navbar */
.navbar_admin span {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
}

/* Add a red background color to navbar links on hover */
.navbar_admin a:hover, .dropdown:hover .dropbtn {
  background-color: black;
}

.button2,
input.button2{
  width: 100%;
  cursor: pointer;
  display: inline-block;
  background-image: linear-gradient(to top, #ff6402 20%, #ff873a 100%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #fff !important;
  font-family: helvetica;
  font-size: 15px;
  padding: 14px 20px;
  text-align: center;
  border: none;
  line-height:17px;
  box-sizing: border-box;
}
.button2:hover,
input.button:hover,
button:hover {
  background-image: linear-gradient(to top, #ff6402 70%, #ff873a 100%);
}
.button2.vers,
input.button.vers,
button.vers {
  text-transform: uppercase;
  padding: 16px 20px 14px;
}
.button2.bold,
input.button.bold,
button.bold {
  font-weight: bold;
}