/* -----------------------------------------------------------
----- Import default RWD css
-------------------------------------------------------------- */
@import url("../styles.css");

.page-title h1, .page-title h2, .product-name h1, .product-name .h1 {text-transform: inherit;}
.button {border-radius: 3px;}
/* -----------------------------------------------------------
----- Header
-------------------------------------------------------------- */
.headerbg {background: #000;}
#header {background: url('../images/headerimg.jpg') no-repeat right top; background-color: #000000;}
#header-nav {border-bottom: 0; visibility: hidden}
@media only screen and (max-width: 770px) {
	#header-nav {visibility: visible; background: #333333;}
	#header-nav a {display: block; border-bottom:1px solid rgba(255,255,255,0.1); padding:5px; color:rgba(255,255,255,0.8);}
	.page-header nav, .store-language-container {display:none;}
	.skip-content.skip-active {}
}

.redlineholder {position: absolute; top:0; overflow: hidden; width:100%; top:74px; height: 10px;}
.redlinecontainer {max-width:1260px; margin:0 auto; position: relative;}
.redline {width:300%; display: block; background: red; height: 10px; left:330px; position: absolute;}

#header a.logo span {float:left; color:rgba(255,255,255,0.7); margin-left:3px; display:none}

#header .header-minicart a.skip-cart {background:#0fa5d9;}
#header .header-minicart a.skip-cart span {color:#fff;}
#header .skip-cart .icon {background:url('../images/icon_cart.png') no-repeat left center;}

#en_sitemenu {background: #333333; overflow: hidden;}
#en_sitemenu #header-search {position: relative; top:auto; right: auto; float:right; height: auto; margin-top:4px; z-index: 99;}
#en_sitemenu #header-search #search {height: 33px;}
#en_sitemenu nav {float:left;}
#en_sitemenu nav a {color:#fff; padding:10px; display: inline-block;}

@media only screen and (max-width: 770px) {
#en_sitemenu {background: #333333; overflow: visible;}
}

.breadcrumbs_con {    
    background-color: rgba(0,0,0,0.6) !important;
    border-bottom: 3px solid #FA033E;
    font-size: 16px;
    overflow: hidden;}
.breadcrumbs_con .breadcrumbs {overflow: inherit; margin:0 auto; max-width: 1260px; padding:0 30px;	 margin-top:20px; margin-bottom:5px;}
.breadcrumbs, .breadcrumbs a {color:#fff;}
.breadcrumbs strong {color:#ff0000;}

.header-minicart .block-subtitle .close {top:-1px; right:-1px;}

#en_sitemenu #header-viewselect {position: relative; top:auto; right: auto; float:right; height: auto; margin-top:5px; z-index: 99;}
#en_sitemenu #header-viewselect img {height:25px; float:right; margin-right: 10px; margin-top:4px; border: 1px solid rgb(221, 221, 221);}

.tel-box{padding-top:15px;}
.tel-box h2 {font-size: 14px; font-weight: normal; line-height: 1.2em !important; margin-top: 0px !important; color:#fff; text-transform:none !important;}
.tel-box h3 {font-size: 18px; font-weight: bold; line-height: 1em !important; margin: 0px !important; color:#fff; text-transform:none !important;}
@media only screen and (max-width: 770px) {
	.tel-box {display:none;padding-left:10px; padding-right:10px}
}
/* -----------------------------------------------------------
----- Misc things
-------------------------------------------------------------- */
/* Buttons */
.button.disabled, .button:disabled {cursor: progress;}
.button2 {background:rgba(0,0,0,0.1); padding-left:10px; padding-right:10px; border-radius: 3px;}
.button2 span span {text-decoration: none;}

/* Text transform */
.cart .cart-totals table,
h2.product-name, 
h3.product-name, 
h4.product-name, 
h5.product-name, 
p.product-name,
.button2 span, 
.button2 span span,
.skip-cart,
.header-minicart .info-wrapper th,
.header-minicart .minicart-actions .cart-link,
.skip-account {text-transform: inherit;}
hr {color: #f00; background-color: #f00; height: 1px;margin-bottom:20px;}
.desktop #text {display:none}
/* Home Promo */
.list-prom {float: right; margin-left: 20px; margin-right: 20px; background-color: rgba(15,165,217,0.2); padding: 10px; border-radius: 5px; width: 282px;}

@media only screen and (max-width: 770px) {
	.list-prom {display:none;}
}

/* Cart */
.cart .data-table th {text-transform: inherit; font-size:11px; color:rgba(0,0,0,0.5); line-height: 1;}
.header-minicart .subtotal {background-color: #333333; border-bottom:3px solid #FA033E;}
.minicart-wrapper {box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.header-minicart .minicart-actions {background:rgba(0,0,0,0.05);}

.qty-wrapper th {float:left;}

/* Contact page */
#contactForm {padding-left:0;}
table.adresscard_de {}

.filialencontainer .filiaal {float:left; width:23%; margin:0 1%}
.filialencontainer .filiaal .contactcard {padding-right:10px;}
.filialencontainer .filiaal .adresscard {padding:0px;}
.filialencontainer .filiaal img {margin-bottom:10px; width:100%}
ul.contactcard {list-style: none; padding:0px !important; font-style: normal; font-family: 'Raleway', Arial, sans-serif;}
ul.contactcard li {margin-left:0; position: relative; text-align: right}
ul.contactcard span {float:left;}
.currentcontact {padding:10px; font-style: normal; font-family: 'Raleway', Arial, sans-serif;}
.currentcontact img {width:100%; height: auto;}
.currentcontact ul.contactcard {margin:0px 0px 0;}
.currentcontact h2 {margin:10px 0px 0;}
.currentcontact .adresscard  {margin:0px 0px 0;}
.currentcontact .adresscard  p{margin:10px 10px 0;}

@media only screen and (max-width: 770px) {
	.filialencontainer .filiaal {float:left; width:45%; margin:0 2%}
	.filialencontainer .filiaal img {margin-bottom:10px; width:100%;}
	ul.contactcard li {display: block; margin:5px; width:100%; padding-right:5px}
}

@media only screen and (max-width: 400px) {
	.filialencontainer {display:none;}
	.filialencontainer .filiaal {float:left; width:100%; margin:0 1%}
	.filialencontainer .filiaal img {margin-bottom:10px; width:100%;}
	ul.contactcard li {display: block; margin:5px; width:100%;}
}

ul.form-list {list-style: none;}
ul.form-list li {margin-left:0;}

/* Text styling */
.cms-page-view .std li, .cms-no-route .std li,
.cms-page-view .std p, .cms-no-route .std p {font-style: normal; font-family: 'Raleway', Arial, sans-serif;}

/* Footer */
.footer address {border-top:0; color:#999; font-size:16px; padding:0;}
.footer nav {text-align: center;}
.footer nav a {color:rgba(255,255,255,0.4); padding:0 10px;}
.footer nav a:hover {color:rgba(255,255,255,0.8); transition:all .2s; text-decoration: none;}
.footercontact {background:#000;}
.footerbg {background:#333;}

.footer {border-top:none;}
.footer .block-title {border-top:none;}
.footer .block-title strong {color:#fff;}
.footer .links {text-transform: inherit; font-size:16px;}

.footer-before-container {background: #000;}
.footer-before-container div{background: #000; position: relative; max-width: 1260px; margin: 0 auto; padding: 30px;}
.footer-before-container ul{display: -moz-groupbox; width: 20%;}
.footer-before-container  li IMG{float:right;margin:2%; max-width:60px; display:inline;}

@media only screen and (max-width: 770px) {
.logo {width:100%;}
.redline {display: none;}
.logo .small {margin:0 auto; padding:20px;}
#header a.logo span {float:none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
}
/* -----------------------------------------------------------
----- Subcategories
-------------------------------------------------------------- */
ul.subcategories {display: flex; flex-wrap:wrap}
ul.subcategories li {display: inline-block; padding:20px; margin:5px; width:31.8%; border:1px solid #cccccc}
ul.subcategories li:hover {box-shadow:0px 0px 10px rgba(0,0,0,0.3); background-color: #f4f4f4; transition:all .3s;}
ul.subcategories li:nth-child(3n) {margin-right:0;}
ul.subcategories li:first-child {margin-left:0;}
ul.subcategories li:nth-child(4n) {margin-left:0;}
ul.subcategories li img {width:100%; height: auto;}
ul.subcategories li span {
	display: block; 
	width:100%; 
	height:70px;
	padding:15px; 
	font-size:14px; 
	border-radius:3px; 
	text-align: center;
	background-color: #0fa5d9;
	color:#fff;
	text-transform: uppercase;
	margin-top:10px;
	}

ul.subcategories a:hover {text-decoration: none;}

/* CMS Home categories */
.cms-home .std .std div.categoryinfo_block { display:inline-block;padding:20px; margin:8px; width:31.8%;border:1px solid #cccccc}
.cms-home .std .std div.categoryinfo_block:hover { box-shadow:0px 0px 10px rgba(0,0,0,0.3); background-color: #f4f4f4; transition:all .3s;}
.cms-home .std .std div.categoryinfo_block:nth-of-type(3n) {margin-right:0;}
.cms-home .std .std div.categoryinfo_block:first-of-type {margin-left:0;}
.cms-home .std .std div.categoryinfo_block:nth-of-type(4n) {margin-left:0;}
.cms-home .std .std div.categoryinfo_block:nth-of-type(7n) {margin-left:0;}
.cms-home .std .std div.categoryinfo_block:nth-of-type(10n) {margin-left:0;}

.cms-home .std .std div.categoryinfo_block p {	
	display: block; 
	width:100%; 
	padding:15px; 
	font-size:14px; 
	border-radius:3px; 
	text-align: center;
	background-color: #0fa5d9;
	color:#fff;
	text-transform: uppercase;
	margin-top:10px
}
.cms-home .std .std div.categoryinfo_block p strong { font-weight: normal;}	

@media only screen and (max-width: 770px) {
	ul.subcategories li {display: inline-block; padding:20px; margin:5px; width:46%; border:1px solid #cccccc}
	ul.subcategories li:nth-child(3n) {margin:5px;}
	ul.subcategories li:first-child {margin:5px;}
	ul.subcategories li:nth-child(4n) {margin:5px;}
}
@media only screen and (max-width: 400px) {
	ul.subcategories li {display: block; padding:20px; margin:5px; width:100%; border:1px solid #cccccc}
}
/* -----------------------------------------------------------
----- Sidebar
-------------------------------------------------------------- */

.block {padding-left:10px !important;}
.sidebar {background: rgb(247,247,249);}
.sidebar .block-layered-nav,
.sidebar .block.sidebar-nav-left {padding:10px 0px;}
.sidebar .block.sidebar-nav-left img {width:100%; height: auto; margin: 0px;}
.sidebar .block.sidebar-nav-left p {font-size: small; hyphens: auto; margin: 0px;}

.sidebar .block-layered-nav .actions a {background:rgba(0,0,0,0.1); border-radius: 3px; padding:3px 8px; float:right;}
.sidebar .block-layered-nav .currently .btn-remove {background: #ff0000;border-radius: 30px;}
.sidebar .block-layered-nav .currently .btn-remove:after {color:#fff; font-weight: bold;}

.sidebar .block-title { border-bottom: 1px solid #ff0000;}
.sidebar .block-title strong { text-transform: inherit; color:#000; font-size:18px;}

.sidebar ul#sidebar-nav-menu ul.level0 {margin-left:0 !important; padding-left:0 !important;}
.sidebar ul#sidebar-nav-menu li {padding:5px 0;}
.sidebar ul#sidebar-nav-menu li.level1 {border-bottom: 1px solid #ccc;}
.sidebar ul#sidebar-nav-menu ul.level1,
.sidebar ul#sidebar-nav-menu ul.level2,
.sidebar ul#sidebar-nav-menu ul.level3,
.sidebar ul#sidebar-nav-menu ul.level4,
.sidebar ul#sidebar-nav-menu ul.level5 {border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}

.sidebar ul#sidebar-nav-menu li.level0 > .plus-right:nth-of-type(1) {display:none !important; } 

.sidebar span.product-count {display: none;}

.sidebar iframe {border:0;}


/* -----------------------------------------------------------
----- Category view Products
-------------------------------------------------------------- */
ul.products-grid {display: flex; flex-wrap: wrap;}
ul.products-grid li.item {border:1px solid #ccc; padding:10px; display: flex; flex-wrap: wrap;}
ul.products-grid .product-info {width:100%;}
ul.products-grid li.item:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.3); background-color: #f4f4f4; transition:all .3s;}

.category-products li.item h2.product-name {text-transform: inherit; font-size:18px; font-weight: 100; color:#ccc; width:100%; overflow: hidden;}
.category-products li.item h2.product-name a,
.category-products li.item h2.product-name a:hover {color:#656667;}
ul.products-grid .actions .button {width:100%; border-radius: 3px;}

.no-touch .product-image {border:none;}

ul.add-to-links {display: none;}
.products-grid .actions {min-height: 0;}

.category-title h1 {border-bottom: none; margin: 0; margin-bottom: 0.5em; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; color: #3399cc;}

ul.subcategories li.mosaic{display: inline-block; padding: 20px; margin: 5px; width: 23%; border: 1px solid #cccccc;}
ul.subcategories li.mosaic h3{min-height: 80px;}
ul.subcategories li.mosaic p{}

/* -----------------------------------------------------------
----- Productview
-------------------------------------------------------------- */
.add-to-cart .add-to-cart-buttons .btn-cart {background: #61ae14; border-radius: 3px; padding: 10px 30px}
.add-to-cart .add-to-cart-buttons .btn-cart:hover {background: #599c16; transition:all .3s;}
.add-to-cart .add-to-cart-buttons {float:right; margin-right:0;}

.qty_stock {font-family: 'Raleway',Arial,sans-serif; text-transform: uppercase; margin-top:10px; font-size:12px;}
.qty_stock span {font-family: Arial, sans-serif; border-radius: 3px; color:#455209; font-weight: bold;}

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

/* -----------------------------------------------------------
----- Landingspage
-------------------------------------------------------------- */
.header-textflow {position:absolute; color:#fff !important; top:240px; font-size:3em; padding-left:25px; max-width:800px;}
.card {position: relative; float: left; width: 600px; margin: 25px 0 25px 0;padding: 0px 40px;}
.card p {hyphens: auto;}
.tile {position: relative; float: left; width: 400px; margin: 25px 0 25px 0;padding: 0px 40px;}
.tile p {margin:15px;font-size:16px;height:70px}
.tile img {margin:10px;}
.offset {}
.wrapper .subcategories {margin-bottom:100px;}
.tile span {display: block; width:100%; height:50px; padding:15px; border-radius:3px; text-align: center; background-color: #0fa5d9;	color:#fff;	text-transform: uppercase;	margin-top:10px;}

/* -----------------------------------------------------------
----- Check out
-------------------------------------------------------------- */
.cart .cart-totals table tfoot td {font-size:16px;}
.check-out-block ul {list-style:circle; margin-left: 16px;}
.check-out-block li {padding-left: 12px; }
.check-out-block {padding: 20px;font-family: 'Raleway',Arial,sans-serif; }

@media only screen and (max-width: 770px) {
  .col-right {float:right;}
}
/* ============================================ *
 * Shared Classes
 * ============================================ */
 
 .availability.backorder {
  color: #FE642E;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

.price-box .price-including-tax2 {
  font-size: 10px;
  display: block;
}

span.weee {
  display: block;
}



/* ============================================ *
 * Catalog - Product
 * ============================================ */

.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
  display: block;
  line-height: 1.2;
  color: #636363;
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
  font-size: 16px;
  font-weight: 300;
}
.product-view .product-shop .price-box .price-including-tax .label2 {
  font-size: 10px;
  font-weight: 150;
}

.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
  font-size: 20px;
}
.product-view .product-shop .price-box .price-including-tax .price2 {
  font-size: 10px;
}
.product-view .price-box.map-info a {
  display: inherit;
}
.product-view .old-price .price-label {
  display: none;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {
  width: 50%;
  float: right;
  clear: right;
}

@media only screen and (max-width: 850px) {
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 15px;
  }
  .product-view .product-shop .price-box .price-including-tax .label2 {
    font-size: 10px;
  }  
  
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 18px;
  }
  .product-view .product-shop .price-box .price-including-tax .price2 {
    font-size: 10px;
  }  
}
@media only screen and (max-width: 770px) {
  .product-view .add-to-cart-wrapper {
    float: none;
    width: 100%;
    clear: both;
  }
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
  }
  .product-view .product-shop .price-box .price-including-tax .label2 {
    font-size: 10px;
  }  
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
  }
  .product-view .product-shop .price-box .price-including-tax .price2 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 420px) {
  .product-view .product-shop .price-box .price-excluding-tax,
  .product-view .product-shop .price-box .price-including-tax {
    margin-bottom: 5px;
  }
  .product-view .product-shop .price-box .price-excluding-tax span,
  .product-view .product-shop .price-box .price-including-tax span {
    display: block;
  }
}