@font-face{ 
  font-family: 'Entypo';
  src: url('entypo-webfont.eot');
  src: url('entypo-webfont.eot?iefix') format('eot'),
       url('entypo-webfont.woff') format('woff'),
       url('entypo-webfont.ttf') format('truetype'),
       url('entypo-webfont.svg#webfont') format('svg');
}

* {padding: 0;margin: 0;outline: none;}
body {font-family: 'Open Sans', Helvetica, sans-serif;font-size: 12.5px;color: #333333;background: #FFFFFF;
  line-height: 30px;
}

a {color: #333333;text-decoration: none;}
a:hover {color: #0099ff;}
a img {border: none;}
.hide {display: none;}
.show {display: block;}
.clear {clear: both;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.clearmargin {margin: 0;}
ol {-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}

.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.blauw {color:#0099ff;}
.groen {color:#00bb00;}
.oranje {color:#ff9900;}

#gridsystem {position: fixed;top: 0;left: 50%;margin: 0 0 0 -470px;width: 940px;height: 5000px;background: url(grid.png) repeat-y;z-index: 1000;}

h1 {font-sze:24px;font-weight:600;}
h2 {}

.wrapper {width: 1180px;margin: 0 auto;}

.topheader {width: 100%;background: #0099ff;height: 16px;line-height: 16px;color: #FFF;padding: 17px 0 16px 0;position:relative;}
.topheader a {color:#FFF;}
.topheader ul {list-style:none;}
.topheader ul li.main {float:right;margin-left:13px;padding-left:19px;border-left:1px solid #36afff;position:relative;}
.topheader ul li.webwinkels {float:left;border:none;border-radius:5px;padding:0;margin:0;position:absolute;top:6px;margin-left:-3px;z-index:9;}
.topheader ul li.webwinkels a.link {padding:10px 39px 9px 20px;background:#018be6;display:block;}
.topheader ul li.webwinkels a.link:after {content: '';display: block;position:absolute;width:8px;height:6px;background:url(icon-drop-arrow.png) no-repeat 0 0;right: -1px;top:15px;right:18px;}

.topheader ul li.webwinkels:hover a.link {color:#018be6;background:#FFF;padding-bottom:22px;}
.topheader ul li.webwinkels:hover a.link:after {background-image:url(icon-drop-arrow-blue.png);}

.topheader ul li.account.main .link:hover,
.topheader ul li.login.main .link:hover,
.topheader ul li.service.main .link:hover {text-decoration:underline;}

.topheader ul li.login {border:none;}
.topheader ul li.tel {font-size:18px;font-weight:bold;border:none;padding-left:25px;margin-left:30px;font-weight:500;}
.topheader ul li.tel:before {content: '!';display: block;position: absolute;top: -1px;left: 0;font-family: 'Entypo';font-size: 36px;-ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(97deg);}

/*
.topheader ul li.account:before {content: '+';display:block;position:absolute;left:19px;top:0;font-family:'Entypo';font-size: 27px;}
.topheader ul li.account a.link {padding-right:18px;}
.topheader ul li.account a.link:after,*/

.topheader ul li ul.list {z-index:-1;padding:10px;background:#FFF;position:absolute;top:43px;display:none;padding:20px 20px 50px 20px;border:1px solid #CCC;border-radius:0 5px 5px 5px;width:325px;left:-1px;}
.topheader ul li:hover ul.list {display:block;color:#333;}
.topheader ul li ul.list .kolom {float:left;width:140px;line-height:25px;}
.topheader ul li ul.list .kolom:first-child {margin-right:40px;}
.topheader ul li ul.list li {float:none;}
.topheader ul li ul.list li a {color:#333;}
.topheader ul li ul.list li a:hover {color:#333;text-decoration:underline;}
.topheader ul li ul.list .kolom span {font-weight:bold;display:block;margin-bottom:10px;}

.header {width: 100%;position: relative;}
.header a.logo {margin:29px 148px 25px 0;float:left;}
.header .search {float: left;margin-top:28px;position:relative;}
.header .search input {width: 314px;height:26px;padding:5px 14px;border:1px solid #e8e8e8;border-right:0;float:left;font-size:14px;}
.header .search a.link {float:left;width:58px;height:36px;line-height:36px;background:#f5f5f5;color:#333;font-family: 'Entypo';border:1px solid #e8e8e8;border-left:none;font-size:38px;text-align:center;}

.header .autocomplete {width: 400px;position: absolute;right: 0;top: 42px;background: #FFF;border-radius: 4px;border: 1px solid #DDD;box-shadow:rgba(0,0,0,0.1) 0 0 10px;z-index: 300;display: none;}
.header .autocomplete .arrow {position: absolute;left: 0;top: -10px;width: 100%;height: 10px;background: url(dropdown-arrow.png) 10px 0 no-repeat;}
.header .autocomplete .more {padding: 10px;border-top: 1px solid #eee;}
.header .autocomplete .more a {padding-left: 15px;background: url(list-bullet.png) top left no-repeat #333;font-size: 12px;}
.header .autocomplete .more a:hover {color:#333;text-decoration:underline;}
.header .autocomplete .more span {color: #999;}
.header .autocomplete .notfound {padding: 15px 10px;text-align: center;font-weight: bold;font-size: 12px;display: none;}
.header .autocomplete.noresults .products, .header .autocomplete.noresults .more {display: none; }
.header .autocomplete.noresults .notfound {display: block;}

.header .categories-menu {clear: both;width: 100%;background:#333;height:50px;line-height:50px;  font-family: 'Oxygen';}
.header .categories-menu ul {list-style: none;}
.header .categories-menu ul li {display: block;float: left;position: relative;margin-right:33px;line-height: 50px;}
.header .categories-menu ul li a {color: #FFF;font-size: 14px;display: block;float: left;font-weight:300;}

.header .categories-menu ul li.home {margin: 0 37px 0 8px;}
.header .categories-menu ul li.home a {font-family:'Entypo';font-size: 27px;}
.header .categories-menu ul li a:hover {text-decoration:underline;}
.header .categories-menu ul li a.active {font-weight:bold;}

.header .cart {z-index: 250;position: relative;float: right;margin-top: 32px;}
.header .cart a {display: block;line-height: 24px;}
.header .cart a .price {font-weight:bold;padding-right:20px;margin-right:16px;position:relative;}
.header .cart a .price:after {content:'';display:block;width:8px;height:6px;right:0;top:3px;position:absolute;background:url(icon-drop-arrow-grijs.png) no-repeat 0 0;}
.header .cart a .count {position:relative;}
.header .cart a .count span.icon {font-family:'Entypo';font-size: 58px;position:relative;top:6px;right:9px;}
.header .cart a .count span.number {background:#0099ff;font-size:14px;color:#FFF;width:20px;text-align:center;height:20px;line-height:20px;border-radius:20px;position:absolute;right:-1px;top:-6px;}
.header .cart .contents {position: absolute;display: none;top: 41px;right: -6px;z-index: 1000;height: auto;width: 298px;background: white;border-radius: 4px;border: 1px solid #DDD;box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;line-height: 18px;font-size: 13px;z-index: 1000;}
.header .cart.hover .contents {display: block;}
.header .cart .contents .arrow {position: absolute;left: -1px;top: -10px;width: 300px;height: 10px;background: url(dropdown-arrow.png) 260px 0 no-repeat;}
.header .cart .contents .sum {border-top: 1px solid #eee;background: #f5f5f5;padding: 10px;font-size: 12px;text-align: right;color: #333333;text-shadow: 0 1px 0 #FFFFFF;}
.header .cart .contents .buttons {border-top: 1px solid #eee;padding: 10px 0;text-align: center;}
.header .cart .contents .buttons a {display: inline-block;padding-left: 15px;background: url(list-bullet.png) top left no-repeat #187EA2;line-height: 18px;margin: 0 5px;font-size: 12px;}

.messages {margin: 0 auto 20px auto;width: 940px;font-size: 12px;font-weight: bold;line-height: 16px;}
.messages ul {margin: 0 0 20px 0;padding: 5px 5px 5px 26px;color: #3B5998;text-shadow: 0 1px #FFFFFF;background: #ECEFF5;border: 1px solid #3B5998;border-radius: 5px;}
.gui-messages ul {padding: 5px 5px 5px 26px;margin-bottom: 10px;color: #3B5998;text-shadow: 0 1px #FFFFFF;list-style-type: none;background: #ECEFF5;border: 1px solid #3B5998;border-radius: 5px;}
.messages ul.error {color: #DD3C10;background: #FCECE8;border-color: #DD3C10;}
.messages ul.success {color: #609946;background: #EFF5ED;border-color: #609946;}
.messages ul.warning {color: #E2C822;background: #FCFAE9;border-color: #E2C822;}

.usps {}
.usps-header {background:#f7f7f7;height: 40px;line-height: 44px;margin-bottom:20px;}
.usps ul {list-style:none;}
.usps ul li {color: #333;padding-left: 29px;background: url(icon-vink.png) no-repeat 5px center;font-size:14px;}
.usps-header ul li {float: left;margin-right:35px;color: #666;font-size: 13px;}
.usps-header ul li:last-child {margin-right:0;}

.heading .container {}

.heading .container .breadcrumbs {font-size: 13px;margin-top: -6px;margin-bottom:10px;}
.heading .container .breadcrumbs a {color: #888888;font-size:13px;margin-right:7px;}
.heading .container .breadcrumbs a:hover {color: #000000;}
.heading .container .breadcrumbs a:last-child {color: #000000;}
.heading .container .breadcrumbs a.link {padding-left:15px;position:relative;}
.heading .container .breadcrumbs a.link:before {content:'';position:absolute;display:block;width:4px;height:8px;background:url(icon-right-arrow.png) no-repeat;left:0;top:6px;}

.heading .titlebar {border:1px solid #e8e8e8;border-left:none;border-right:0;position:relative;margin-bottom:25px;height:43px;}
.heading .titlebar h1 {text-align:center;line-height: 43px;font-size: 24px;font-weight:600;width: 936px;float: right;}
.heading .titlebar a.breadcrumb {position:absolute;left:0;top:6px;padding-left:15px;font-size:12px;}
.heading .titlebar a.breadcrumb:before {content:'';display:block;position:absolute;width:4px;height:30px;background:url(icon-left-arrow.png) no-repeat center center;left:0;}

.wysiwyg {overflow: hidden;line-height: 22px;}
.wysiwyg.wysiwyg-margin {margin-bottom: 5px;}
.wysiwyg p {margin-bottom: 18px;}
.wysiwyg ul {padding-left:18px;margin-bottom: 18px;}

.sidebar {}
.sidebar .sidebar-side {width: 195px;float:left;margin-left:3px;}
.sidebar .sidebar-main {/*width: 960px;*/width: 936px;float: right;margin-left: 28px;}

.sidebar-box {margin-bottom:24px;margin-top:4px;}
.sidebar-box h2 {font-size:14px;font-weight:600;}
.sidebar-box ul {list-style: none;margin-bottom: 18px;margin-top:5px;}
.sidebar-box ul li {line-height: 29px;}
.sidebar-box .sidebar-box-filter h4 {font-size: 14px;}
.sidebar-box-filter .sidebar-filter-item {margin: 2px 0;}
.sidebar-box ul li a.active {font-weight:bold;}
.sidebar-box ul li a.subs.active {position:relative;padding-left:20px;}
.sidebar-box ul li a.subs.active:before {content:'';display:block;position:absolute;width:9px;height:8px;background:url(icon-drop-arrow-zwart.png) no-repeat center center;left:0;top:4px;}
.sidebar-box ul li a span {color: #999;font-weight: normal;font-size: 12px;}
.sidebar-box ul ul {margin:0 0 0 34px;}
.sidebar-box-filter {line-height:25px;margin-bottom:7px;}
.sidebar-box-filter-box a.active {font-weight:bold;}
.sidebar-filter-item input[type="checkbox"] {margin: 3px 5px 3px 0 !important;}
.sidebar-filter-item label {font-size: 14px;height: 22px !important;line-height: 22px !important;font-weight: normal !important;width: 165px !important;}
.sidebar-filter-item label span {color: #999;font-weight: normal;font-size: 12px;}

/* PRODUCTPAGINA */

.productpage .heading .titlebar {margin-bottom:14px;}
.productpage h1 {font-size:30px;margin-bottom:10px;}
.productpage h2 {margin-bottom:17px;font-weight:600;}
.productpage h3 {font-size:18px;font-weight:600;}

.productpage .product-details {float:left;width:640px;}
.productpage .product-info {float:right;width:482px; position: relative;}

.productpage .productpage-images {width:640px;position:relative;margin-bottom:40px;}
.productpage .productpage-images-featured {display: inline-block;cursor:pointer;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;}
.productpage .productpage-images-featured a {cursor:pointer;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;}
.productpage .productpage-images-featured img {display: block;width: 100%;}
.connected-carousels .carousel-stage {height: 300px;margin-bottom:8px;}
.connected-carousels .carousel {overflow: hidden;position: relative;width:100%;height:300px;position: relative;}
.connected-carousels .carousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.connected-carousels .carousel li {float: left;margin-right:0;}

.connected-carousels .navigation {list-style:none;width: 100%;position:relative;}
.connected-carousels:hover .navigation {display:block;}
.connected-carousels .carousel-navigation {height: 82px;width: 584px;margin: 0 auto;}
.productpage-images .carousel-navigation li {width: 80px;height: 80px;cursor: pointer;margin-right:18px;position:relative;border:1px solid #dcdfe8;}
.productpage-images .carousel-navigation li.active,
.productpage-images .carousel-navigation li:hover {border-color:#0099ff;}

.productpage-images .carousel-navigation li img {}

.navigation a.prev, .navigation a.next {position:absolute;top:50%;margin-top:-15px;font-size:50px;color:#cccccc;}
.navigation a:hover {color:#0099ff;}
.navigation a.prev {left:0px;}
.navigation a.next {right:0px;}

.productpage .content {line-height:22px;}
.productpage .specs {margin-top:50px;}
.productpage .specs table {width:100%;border-spacing:0;}
.productpage .specs table tr td {padding: 5px 23px;}
.productpage .specs table tr td:nth-child(odd) {width: 207px;} 
.productpage .specs table tr:nth-child(even) td {background:#f5f5f5;}

.productpage .product-info .block {width:100%;padding-bottom:20px;padding-top:14px;border-bottom:1px solid #e8e8e8;}
.productpage .product-info form.block {padding-top:0;}
.productpage .product-info .block.usps {line-height:28px;}
.productpage .product-info .block.service {border:1px solid #e8e8e8;background:#fdfdfd;padding:19px;width:442px;margin-bottom:17px;}
.productpage .product-info .block.recent {padding-top:0;}

.productpage .product-info .block.compare {border-bottom:none;}
.productpage .product-info .block.compare .compare {color: #0099ff;}

.productpage .product-info .block.service a:hover {color:#333333;}
.productpage .product-info .block.service a:hover h3 {text-decoration:underline;}

.productpage .product-info .pricing {font-weight:600;font-size:24px;line-height:26px;margin-bottom:7px;}
.productpage .product-info .pricing .price-old {display:block;color:#999;font-size:14px;font-weight:normal;text-decoration:line-through;}
.productpage .product-info .pricing .discount {font-size:14px;font-weight:normal;margin-left:13px;}

.productpage .product-info .delivery {display: block;}
.productpage .product-info .delivery .direct {color:#009a00;}
.product-info .buy {margin-top: 15px;}

.product-info .quantity {border: 1px solid #999;height: 40px;float: left;width: 48px;}
.product-info .quantity.hover {}

.product-info .quantity input {width: 20px;border: none;background: transparent;font-size: 14px;text-align: center;height: 40px;line-height: 40px;display: block;float:left;padding: 0 3px;}
.product-info .quantity .change {float: left;width: 22px;height: 40px;}
.product-info .quantity.hover .change {}
.product-info .quantity .change a {display: block;width: 100%;height: 20px;text-align: center;text-indent: -9999px;background: url(quantity.png) no-repeat;}
.product-info .quantity .change a.up {background-position: 0px 1px;}
.product-info .quantity .change a.down {background-position: 0px -21px;}
.product-info .quantity .change a:hover {}

.product-info .buy .add {display: block;height: 39px;line-height: 37px;border-radius: 4px;float: left;margin-left: 33px;width: 378px;text-align: center;color: #FFF;background: #00bb00;border: 1px solid #009a00;-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 154, 0, 1);-moz-box-shadow: 0px 2px 0px 0px rgba(0, 154, 0, 1);box-shadow: 0px 2px 0px 0px rgba(0, 154, 0, 1);font-size: 14px;font-weight: bold;}

.productpage .stars {display: block;width: 78px;height: 15px;margin-top: 9px;background:url(stars.png) no-repeat left bottom;position:relative;float:left;margin-top:7px;}
.productpage .stars .score {display: block;width:75%;height: 15px;margin-top: 9px;background:url(stars.png) no-repeat 0 3px;position:absolute;margin:0;top:0;}

.productpage .related {margin-top:5px;}


/* --- HOMEPAGE --- */
.headlines {height: 280px;margin-bottom: 35px;position: relative;margin-top:-7px;}
.headlines .slides {position: relative;width: 1180px;margin: 0 auto;overflow: hidden;height: 100%;}
.headlines .slides-container {width: 100%;height: 100%;position: relative;}

.headlines .slides a.prev,
.headlines .slides a.next {display: block;position: absolute;width: 35px;height: 35px;background: url(slides-controls.png) no-repeat #00bb00;top: 50%;z-index: 50;border-radius: 24px;text-indent: -9999px;opacity: 0;}
.headlines .slides a.prev {left: 0;margin: -24px 0 0 29px;background-position: -7px -7px;}
.headlines .slides a.next {right: 0;margin: -24px 29px 0 0;background-position: -54px -7px;}
.headlines .slides a.prev:hover,
.headlines .slides a.next:hover {background-color: #ff9900;}
.slides ul {list-style: none;width: 20000px;position: absolute;}
.slides ul li {float: left;}

/* --- CONTENT --- */
.content {}


/* FOOTER */
.footer-payment {background:#f5f5f5;height:50px;line-height:50px;position:relative;z-index:9;margin-top:50px;}
.footer-payment span {float:left;}
.footer-payment img {float: left;height:22px;margin-top:14px;margin-left:25px;}

.footer {background:#333;color:#FFF;padding:45px 0 85px 0;font-weight:300;width:100%;}
.footer h4 {font-size:18px;color:#FFF;font-weight:400;}
.footer .footer-nav ul {list-style: none;}
.footer .footer-nav ul li {}
.footer .footer-nav ul li a {color:#FFF;}
.footer .footer-nav ul li a:hover {text-decotation:underline;}

.grid .grid-4 {float: left;width: 235px;margin-right: 20px;}
.grid .grid-4:nth-child(3) {width:226px;}
.grid .grid-4.grid-4-last {width:424px;margin-right: 0;}

#form-newsletter {margin-top:15px;}
#form-newsletter input {border:none;background:#FFF;height:30px;line-height:30px;padding:4px 5px;width:270px;color:#333;display:block;float:left;}
#form-newsletter a {background:#0099ff;color:#FFF;border-radius:5px;font-size:14px;font-weight:bold;height:34px;line-height:34px;display:block;float:left;margin-top:2px;width:142px;text-align:center;margin-left:2px;-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 1);-moz-box-shadow:0px 3px 0px 0px rgba(0, 0, 0, 1);box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 1);}

.footer-copyright {height: 50px;line-height:50px;font-size: 14px;color: #333;margin-bottom:60px;}
.footer-copyright ul {float:left;list-style:none;}
.footer-copyright ul li {float:left;margin-right:30px;}
.footer-copyright .copy {float:right;}


/* Products general */
.categories, .products {position: relative;}
.products.products-horizontal {width: 100%;}
.categories, .products.products-grid, .products.products-list {width: 100%;border-bottom: 1px solid #e8e8e8;margin-left:-6px;}

.products.products-livesearch {width: 100%;}
.products.products-cart {width: 298px;}

/* Horizontal & grid products */
.categories .category,
.products.products-horizontal .product,
.products.products-grid .product {float: left;margin:0 4px 20px 0;position: relative;border:1px solid #FFF;padding:10px 6px 65px 6px;}
.categories .category.hover,
.products.products-horizontal .product.hover,
.products.products-grid .product.hover {border-color:#e8e8e8;}

.products.products-horizontal .product {width: 218px;}
.categories .category, .products.products-grid .product {width: 217px;margin: 0 2px 9px 0;padding: 10px 8px 33px 5px;}

.categories .category.category-last, .products.products-horizontal .product.product-last, .products.products-grid .product.product-last {margin-right: 0;}
.categories .category img, .products.products-horizontal .product img, .products.products-grid .product img {margin-bottom: 65px;background: url(no-image.png) center no-repeat #FFFFFF;}
.products.products-horizontal .product .label, .products.products-grid .product .label {color: #FFF;font-size: 12px;padding: 0 4px;background: #ff9900;text-transform: uppercase;line-height: 22px;display: inline-block;height: 19px;position: absolute;top:0;right:0;}
.categories .category .info, .products.products-horizontal .product .info, .products.products-grid .product .info {padding: 0 14px;}

.categories .category h3, .products.products-horizontal .product h3, .products.products-grid .product h3 {font-size: 14px;color: #333;line-height:21px;}
.categories .category.hover h3 a, .products.products-horizontal .product.hover h3 a, .products.products-grid .product.hover h3 a {color:#0099ff;}

.products.products-horizontal .product p.discount, .products.products-grid .product p.discount, .products.products-list .product p.discount {font-weight:bold;color:#666;height:23px;}
.products.products-horizontal .product p.price, .products.products-grid .product p.price, .products.products-list .product p.price {font-size:14px;font-weight:600;}
.products.products-horizontal .product p.price .price-old, .products.products-grid .product p.price .price-old, .products.products-list .product p.price .price-old {font-weight:normal;color:#666;text-decoration:line-through;margin-right:5px;}

.products.products-horizontal .product .button, .products.products-grid .product .button {display:none;position:absolute;top: 162px;left: 8px;width:165px /*210px*/;height:33px;line-height:37px;font-size: 12.4px;background:#00bb00;border:1px solid #009a00;color:#FFF;text-align:center;border-radius:5px;-webkit-box-shadow: 2px 2px 0px 0px rgba(0, 154, 0, 1);-moz-box-shadow:2px 2px 0px 0px rgba(0, 154, 0, 1);box-shadow:2px 2px 0px 0px rgba(0, 154, 0, 1);}

.products.products-horizontal .product.hover .button, .products.products-grid .product.hover .button {display:block;}

.products.products-grid .product .button-compare,
.products.products-grid .product .compare {font-size:13px;}

/* List products */
.products.products-list .product {border-bottom: 1px solid #EEE;position: relative;padding: 20px 0;}
.products.products-list .product.product-last {border-bottom: none;}

.products.products-list .product img {padding: 0 20px 0 10px;float: left;}
.products.products-list .product h3 {font-size: 14px;float: left;}
.products.products-list .product h3 a {display: block;width: 444px;}

.products.products-list .product p.description {float: left;width: 444px;height: 100px;min-height: 102px;overflow: hidden;padding: 10px 0;}
.products.products-list .product .price {float:right;}

.products.products-list .product .button {display:block;float:right;clear:right;height:33px;line-height:37px;padding:0 10px;font-size: 12.4px;background:#00bb00;border:1px solid #009a00;color:#FFF;text-align:center;border-radius:5px;-webkit-box-shadow: 2px 2px 0px 0px rgba(0, 154, 0, 1);-moz-box-shadow:2px 2px 0px 0px rgba(0, 154, 0, 1);box-shadow:2px 2px 0px 0px rgba(0, 154, 0, 1);}

/* Related */

.products.products-related {margin-top:23px;}
.products.products-related .product {width: 234px;float: left;margin-right: 7px;margin-bottom:20px;}
.products.products-related .product:nth-child(odd) {margin-right: 7px;}

.products.products-related .product img {width:80px;height:80px;margin-right:9px;float:left;border:1px solid #dcdfe8;}
.products.products-related .product h4 {float: left;width: 142px;line-height:22px;}
.products.products-related .product .price.price-offer span {color:#666;text-decoration:line-through;display:block;}

 /* Sidebar, livesearch & cart products */
.products.products-sidebar .product {
  margin-bottom: 18px;

}
.products.products-livesearch .product,
.products.products-cart .product {
  padding: 10px;
}

.products.products-sidebar .product,
.products.products-livesearch .product,
.products.products-cart .product {
  height: 60px;
  font-size: 13px;
  white-space: nowrap;
}
.products.products-sidebar .product img,
.products.products-livesearch .product img,
.products.products-cart .product img {
  float: left;
  margin-right: 10px;
}

.products.products-sidebar .product h4,
.products.products-livesearch .product h4,
.products.products-cart .product h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.products.products-sidebar .product h4 a:hover,
.products.products-livesearch .product h4 a:hover,
.products.products-cart .product h4 a:hover {text-decoration:underline;color:#333;}

.products.products-sidebar .product p.price,
.products.products-livesearch .product p.price,
.products.products-cart .product p.price {
  color: #333;
}

.products.products-cart .product p.price strong {
  color: #000000;
}
.products.products-sidebar .product p.price.price-offer,
.products.products-livesearch .product p.price.price-offer,
.products.products-cart .product p.price.price-offer {
  color: #999;
}
.products.products-sidebar .product p.price span,
.products.products-livesearch .product p.price span,
.products.products-cart .product p.price span {
  color: #333333;
  text-decoration: line-through;
}


.products.products-sidebar .product.hover {
  margin: -12px -12px 6px -12px;
  z-index: 100;
  padding: 11px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  border: 1px solid #DDD;
}

/* http://localhost/share/spinner/build.php?type=alternative&size=64&speed=10&fg_color=19A9E5&bg_color=ffffff */
.products .products-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(spinner-large.gif) center 74px no-repeat rgba(255, 255, 255, 0.9);
  line-height: 340px;
  text-shadow: 0 1px 0 #FFFFFF;
  z-index: 100;
  text-align: center;
  display: none;
}
.products .products-loader.visible {
  display: block;
}
.products.products-list .products-empty,
.products.products-grid .products-empty {
  text-align: center;
  height: 232px;
  line-height: 232px;
}



.elements-wrapper {
  height: 26px;
  background: rgba(0, 0, 0, 0.05);
  background: #F00;
  margin: 10px 0;
}
.elements-wrapper-big {
  height: 70px;
}


.tui-dropdown {font-size: 14px;position: relative;float: left;z-index: 200;border:1px solid #e8e8e8;}
.tui-dropdown:after {content:'';display:block;position:absolute;right:10px;top:13px;width:10px;height:10px;background: url(icon-drop-arrow-grijs-2.png) no-repeat 88% center;}
.tui-dropdown.hover:after { -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.tui-dropdown.hover {/*border-color:#333;*/}
.tui-dropdown span {color: #333333;padding:7px 35px 7px 13px;display: block;}

.collection-options .tui-dropdown {margin-top:-9px;background-color:#FFF;width:185px;}
.collection-options .tui-dropdown span {margin-right:13px;font-size:13px;}

.tui-dropdown ul {clear:both;list-style: none;display: none;background: #FFF;border:1px solid #ccc;/*padding: 9px 10px;*/}
.tui-dropdown ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tui-dropdown ul li a {display: block;font-size:13px;padding:2px 10px 2px 12px;}
.tui-dropdown ul li:hover a {background:#1b6fd3;color:#fff;}

.tui input[type=text],
.tui input[type=password] {
  display: block;
  border: 1px solid #DDD;
  border-radius: 4px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 3px 5px;
  color: #333333;
  background: #F5F5F5;
  border-color: #DDD #EEE #EEE #DDD;
  text-shadow: 0 1px 0 #FFFFFF;
  float: left;
}


.tui input[type=checkbox],
.tui input[type=radio] {
  height: 16px;
  width: 20px;
  margin: 5px 10px 5px 0;

  float: left;
}

.tui input:hover,
.tui input:focus,
.tui textarea:hover,
.tui textarea:focus,
.tui select:hover,
.tui select:focus {
  border-color: #999 #DDD #DDD #AAA;
}


.tui textarea {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  height: 56px;
  line-height: 20px;
  font-size: 12px;
  padding: 6px 5px;
  color: #333333;
  background: #F5F5F5;
  border-color: #DDD #EEE #EEE #DDD;
  float: left;

}


.tui select {
  display: block;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #333333;
  background: #FFF;
  border-color: #DDD #EEE #EEE #DDD;
  float: left;
  width: 200px;
}

.tui label {
  display: block;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}

.tui select[multiple] {
  height: 70px;
}

a.tui-button {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  padding: 0 10px;
  background: #187EA2;
  border: 1px solid #FFFFFF;
  outline: 2px solid #187EA2;
}

.product-info-options {}


/* [START] product-configure */
.product-configure {width: 431px;}
.product-configure table {width:100%;}
.product-configure label {width:100%;}
.product-configure label em {color: #37B1DE;}
.product-configure select {width: 380px;}
.product-configure input[type=text],
.product-configure textarea {width: 368px;}
.product-configure .product-configure-custom-option-item {width: 380px;}
.product-configure .product-configure-custom-option-item label {font-weight: normal;width: 340px;}
.product-configure-custom-option-date {float:left;width: 275px;}
.product-configure-custom-option-time {float:left;width: 105px;}
.product-configure .product-configure-custom-option-date select,
.product-configure .product-configure-custom-option-time select {margin-right: 5px;}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-day,
.product-configure .product-configure-custom-option select.product-configure-custom-option-time-hour,
.product-configure .product-configure-custom-option select.product-configure-custom-option-time-minute {width: 50px;}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-month {width: 120px;}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-year {width: 65px;}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-year,
.product-configure .product-configure-custom-option select.product-configure-custom-option-time-minute {margin-right: 0;}
.product-configure .product-configure-variants,
.product-configure .product-configure-options-option,
.product-configure .product-configure-custom-option {padding-bottom: 10px;}
.product-configure .product-configure-clear {clear: both;}
/* [END] product-configure */



.collection-options {padding:25px 0 27px 4px;height: 22px;border-bottom: 1px solid #e8e8e8;line-height:22px;margin-bottom:51px;}
.collection-options span {float:left;margin-right:26px;}

.collection-options .collection-options-mode {float: left;}
.collection-options .collection-options-sort {margin-left:62px;height:29px;}

.collection-options .collection-options-mode a {font-family: 'Entypo';position: relative;
font-size: 58px;color:#cccccc;}
.collection-options .collection-options-mode a.active {color:#000000;}

.collection-options-sort {float: left;}


.collection-options-sort span.label,
.collection-options-limit span.label {display: block;float: left;line-height: 26px;}
.collection-spinner {height: 16px;padding: 15px;}
.collection-spinner.busy,
.collection-spinner.manual {height: 16px;background: #f5f5f5;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 5px;line-height: 16px;text-align: center;margin-top: 20px;text-shadow: 0 1px 0 #FFFFFF;}
.collection-spinner-loading {display: none;padding-left: 26px;background: url(spinner-small.gif) left center no-repeat;}
.collection-spinner.busy .collection-spinner-loading {display: inline-block;}
.collection-spinner-more {display: none;text-align: center;}
.collection-spinner.manual .collection-spinner-more {display: block;}
.collection-spinner.busy.manual .collection-spinner-more {display: none;}

.collection-pagination {float:right;}
.collection-pagination.pagination-bottom {padding: 25px 0;height: 22px;line-height: 22px;margin-bottom:45px;}
.collection-pagination ul {list-style-type:none;margin:0;padding:0;}
.collection-pagination ul li {float:left;margin-left:10px;}
.collection-pagination ul li.prev, .collection-pagination ul li.next {margin:0 10px 0 20px;line-height:17px;font-size:20px;}