@charset "utf-8";
/*
Jos ten Berg 2015
Copyright Five ICT
*/

/* SHOPPINGCART STYLE */
.shop-steps { width:1000px; height:30px; line-height:28px; font-size:12px; text-transform:uppercase; text-align:center; color:#fff; background-color:#444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:15px 0px 30px; }
.shop-steps .step { width:333px; height:30px; float:left; background:url(../images/shop-step-arrow.png) no-repeat top right; }
.shop-steps div.sel { background-position:center right; background-color:#0089d0;  }
.shop-steps div.seltwo { background-position:bottom right; background-color:#0089d0; cursor:pointer; }
.shop-steps div:first-child { border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; }
.shop-steps div:last-child { background-image:none; border-radius:0px 3px 3px 0px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; width:334px; }

.cart h2, .user-overview h2 { color:#444; margin:10px 0px; }
.cart table, .user-overview table { border-collapse:collapse; }

.cart-products, .cart-discounts { font-size:11px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:5px; }
.cart-products tr { border-top:1px dashed #ccc; }
.cart-products tr table tr { border:none; }
.cart-products tr.cart-titles { color:#0089d0;  height:30px; }
.cart-products tr td { padding:15px 0px; vertical-align:middle; }
.cart-products tr table td { padding: 0px; vertical-align:middle; }
.cart-products .cart-titles td { padding:0px; }
.cart-products tr td:first-child, .cart-discounts tr td:first-child, .cart-shipping tr td:first-child { padding-left:10px; }
.cart-products tr table td:first-child { padding-left:0px; }
.cart-products tr td:last-child, .cart-discounts tr td:last-child, .cart-shipping tr td:last-child { padding-right:10px; }
.cart-products tr table td:last-child { padding-right:0px; }

.cart-products .del-product { display:block; border:none; }
.cart-products .del-product:hover { cursor:pointer; opacity: 0.6; filter: alpha(opacity=60); }
.cart-products .cart-prod-img { max-width:100px; max-height:100px; display:block; }
.cart-products h3 { font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:normal; margin:0px 0px 10px; }
.cart-products .order-nr { font-weight:700; }

.cart-products .plus, .cart-products .min { margin:5px auto; display:block; }
.cart-products .plus:hover, .cart-products .min:hover { cursor:pointer; opacity: 0.6; filter: alpha(opacity=60); }
.cart-products .cart-num { border:1px solid #ccc; padding:3px 5px; height:14px; line-height:14px; font-size:11px; color:#444; text-align:center; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0px; display:block; width:43px; }

.cart .sub-totals { width:990px; padding:10px 10px 0px 0px; color:#0089d0; font-size:14px; text-transform:uppercase; text-align:right; }
.cart .sub-totals .sub-total-title { width:860px; }
.cart .sub-totals .sub-total-euro { width:60px; }
.cart .sub-totals .sub-total-price { width:70px; }
.cart .sub-totals .sub-total-title span { background:url(../images/discount-arrow-down.png) center center no-repeat; padding:0px 15px; }
.cart .sub-totals .sub-total-title span.a-up { background:url(../images/discount-arrow-up.png) center center no-repeat; }
.cart .discount-row:hover { cursor:pointer; }

.discounts { display:none; }
.cart-discounts tr { height:40px; }
.cart-discounts tr.cart-titles { color:#0089d0; height:30px; border-bottom:1px dashed #ccc; }
.cart-discounts tr td { vertical-align:middle; }
.cart-discounts tr.odd { background-color:#f0f0f0; }

.costs { width:1000px; height:auto; }
.costs .shippingcosts { float:left; }
.cart-shipping { font-size:11px; }
.cart-shipping tr { height:30px; border-bottom:1px dashed #ccc; }
.cart-shipping tr.cart-titles { color:#0089d0; border-top:1px solid #ccc;  }
.cart-shipping tr.shipping-text { border-top:1px solid #ccc; border-bottom:none; font-style:italic; }
.cart-shipping tr.shipping-text td { padding:10px; }
.cart-shipping tr td { vertical-align:middle; }

.costs .totals { float:right; padding:0px 10px; margin:38px 0px 40px 195px; background-color:#f0f0f0; width:285px; }
.cart-totals { font-size:11px; text-align:right; }
.cart-totals tr { height:40px; border-top:1px dashed #dcdcdc; }
.cart-totals tr:first-child { border-top:none; }
.cart-totals tr.total { height:45px; color:#0089d0; font-size:14px; text-transform:uppercase; }
.cart-totals tr td { vertical-align:middle; }

a.shoppingcart-btn, a.shoppingcart-btn-dark, a.shoppingcart-btn-red, a.shoppingcart-btn-green { border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; transition: color 0.4s, background-color 0.4s, border 0.4s; }
a.shoppingcart-btn, a.shoppingcart-btn-dark, a.shoppingcart-btn-red, a.shoppingcart-btn-green{ padding:6px 11px; font-size:14px; font-weight:400; margin:0px 0px 20px 20px; float:left; }
.shoppingcart-btn, .shoppingcart-btn-dark, .shoppingcart-btn-red, .shoppingcart-btn-green { padding:5px 10px; font-size:14px; font-weight:400; margin:0px 0px 20px 20px; float:left; }
.shoppingcart-btn {  background-color:#0089d0; }
.shoppingcart-btn:hover { background-color:#444; text-decoration:none; cursor:pointer; }
.shoppingcart-btn-dark { background-color:#444; }
.shoppingcart-btn-dark:hover { background-color:#0089d0; text-decoration:none; cursor:pointer; }
.shoppingcart-btn-red { background-color:#d00000; }
.shoppingcart-btn-red:hover { background-color:#444; text-decoration:none; cursor:pointer; }
.shoppingcart-btn-green { background-color:#a1cc3a; }
.shoppingcart-btn-green:hover { background-color:#444; text-decoration:none; cursor:pointer; }

.user-overview { width:1000px; height:auto; padding-bottom:30px; }
.user-overview table { border-top:1px solid #ccc; width:1000px; border-bottom:1px dashed #ccc; }
.user-overview table td { padding-bottom:15px; vertical-align:top; }
.user-overview table h3 { font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:normal; color:#444; font-weight:700; }

#akkoordDiv { text-align:right; height:20px; line-height:20px; margin-bottom:20px; margin-top:-20px; }
#orderLoading { float:right; background:url(../images/input-loading.gif) left center no-repeat; height:20px; line-height:18px; padding-left:25px; }

.cart-announcement { width:1000px; padding:10px 0px; margin-top:15px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; }
.cart-announcement h2 { color:#d00000; margin:0px 20px 0px 0px; line-height:27px; }
.cart-announcement a { line-height:20px; padding:3px 8px; color:#fff; background-color:#0089d0; border:1px solid #0089d0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; float:left; margin-right: 15px; }
.cart-announcement a:hover { background-color:#444; border:1px solid #444; text-decoration:none; cursor:pointer; }

.cart-announcement .option-btn-green, .cart-announcement .option-btn-small-green { background-color:#a1cc3a; border:1px solid #a1cc3a; }
.cart-announcement .option-btn-green:hover, .cart-announcement .option-btn-small-green:hover { background-color:#444; border:1px solid #444; text-decoration:none; cursor:pointer; }

.oci-cart { width:1000px; height:auto; }
.oci-cart h2 { margin-left:10px; color:#0089d0; }
.oci-cart table { width:100%; }
.oci-cart .shoppingcart-btn { float:right; margin:20px 10px 20px; }

.actiecodeLoading{ margin:0px 0px 20px 20px; float:left; background:url(../images/input-loading.gif) left center no-repeat; height:30px; line-height:28px; padding-left:25px; display:none; }

.home-products { width:1000px; min-height:300px; padding-top:15px; background:url(../images/input-loading.gif) 0px 30px no-repeat #fff; }
.home-products ul { margin:0px; padding:0px; background-color:#fff; }
.home-products ul li { height:306px; width:184px; padding:8px;  }
.home-products .product { width:184px; height:306px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; line-height:16px; float:left; margin-right:20px; }
.home-products .product:nth-child(5n+5) { margin-right:0px; }
.home-products .product .label-img { position:absolute; z-index:10; margin-left:-5px; margin-top:-5px; display:block; }
.home-products .product .prod-img { width:184px; height:150px; border-radius:2px 2px 0px 0px; -moz-border-radius:2px 2px 0px 0px; -webkit-border-radius:2px 2px 0px 0px; background-size:auto 150px; }
.home-products .product .prod-details { width:174px; height:100px; padding:5px; }
.home-products .product .prod-details span.lt { font-weight:normal; font-family: 'DINMedium', sans-serif; font-size:16px; color:#999; text-decoration:line-through; line-height:20px; }
.home-products .product .prod-details span.price { font-weight:700; font-family: 'DINMedium', sans-serif; font-size:16px; color:#0089d0; line-height:20px; }
.home-products .product .prod-details span.ps { color:#999; }
.home-products .product .prod-btn { width:166px; height:28px; padding:9px; /*background-color:#0089d0;*/ border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; -webkit-border-radius:0px 0px 2px 2px; display:none; }
.home-products .product .prod-btn a { line-height:26px; padding:4px 8px; color:#fff; /*border:1px solid #fff;*/ background-color:#0089d0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; }
.home-products .product .prod-btn a:hover { background-color:#444; text-decoration:none; }
.home-products .product:hover { cursor:pointer; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; }
/*.home-products .product:hover .prod-details { background-color:#444; color:#fff; }
.home-products .product:hover .prod-details span.price { color:#fff; }*/
.home-products .product:hover .prod-btn { display:block; }

.orderlist-slider { width:100%; height:200px; }
.orderlist-slider ul { margin:0px; padding:0px; height:200px; width:100%; }
.orderlist-slider ul li { height:200px; width:100%; }

.grootkeuken-extra-service { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top: 20px; margin-bottom: 20px; padding: 5px 10px 20px;  }
.grootkeuken-extra-service table td { vertical-align: top; padding-right: 15px; }
.grootkeuken-extra-service table td b { color:#0089d0; }