xsdot_css_ecommerce
/* price container */ .pc-order-form {} .pc-description {overflow:hidden;margin-bottom:8px;} .pc-error-msg {color:#ff583e;height:0px;line-height:1px;overflow:hidden;transition: all 0.3s ease;background-image:url('/files/dynamic/1a177eb5z16e6b4b08dfz6b49.svg');background-repeat:no-repeat;background-size:20px 20px;background-position:8px 3px;padding-left:36px;} .pc-error-msg.on {height:28px;line-height:38px;} /* single price */ .pc-single-price {overflow:hidden;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;} .pc-multi-price {overflow:hidden;} .price {float:left;} .price > strong {display:inline-block;padding-top:4px;font-size:14px;color:#333333;} .stock-back, .stock-in, .stock-out {float:right;ofont-weight:bold;font-size:13px;margin-top:3px;} .stock-back {color:#e67423;} .stock-in {color:#22a522;} .stock-out {color:#d42525;} .stock-back > div, .stock-in > div, .stock-out > div {float:left;width:18px;height:18px;margin-top:5px;margin-right:4px;background-size:17px 17px;background-repeat:no-repeat;} .stock-back > div {background-image:url('/files/dynamic/2f820005z16e64441a8ez7e08.svg');} .stock-in > div {background-image:url('/files/dynamic/2f820005z16e64441a8ez7e07.svg');background-size:16px 16px;} .stock-out > div {background-image:url('/files/dynamic/2f820005z16e64441a8ez7e06.svg');background-size:15px 15px;margin-top:4px;margin-right:2px;} /* multi price */ .multi-price {padding:0px;border-top:1px solid #f0f0f0;} .multi-price li {border-bottom:1px solid #f0f0f0;padding-left:32px !important;cursor:pointer;list-style:none;background-image:url('/files/dynamic/2f820005z16e64441a8ez7dc4.svg') !important;background-position:left 1px top 4px !important;background-size:24px 24px !important;background-repeat:no-repeat;} .multi-price li.selected, .multi-price li.selected:hover {background-color:#f8f8f8;background-image:url('/files/dynamic/2f820005z16e64441a8ez7dc0.svg') !important;} .multi-price > li:hover {background-color:#f8f8f8;} /* order button */ .pc-order-button {position:relative;height:38px;margin-top:8px;} .pc-order-quantity {position:absolute;} .pc-order-quantity > input {float:left;width:30px;height:36px;text-align:center;padding:0px;border:1px solid #e0e0e0;margin-left:3px;margin-right:3px;} .pc-oq-less, .pc-oq-more {float:left;width:20px;height:36px;line-height:36px;text-align:center;border:1px solid #e0e0e0;font-size:18px; font-weight:bold;cursor:pointer;} .pc-oq-less:hover, .pc-oq-more:hover {background-color:#f0f0f0;} .pc-oq-less {border-top-left-radius:3px;border-bottom-left-radius:3px;} .pc-oq-more {border-top-right-radius:3px;border-bottom-right-radius:3px;} .pc-order-bc {margin-left:86px;} .pc-order-bc > input {padding:0px;width:100%;height:38px;border:0px solid #e0e0e0;} /* discount */ .pc-discount {position:relative;} .pc-discount div {position:absolute;right:-4px;top:-50px;background-color:#ff583e;color:#ffffff;line-height:36px;width:36px;font-size:11px;text-align:center;font-weight:bold;border-radius:18px;-moz-border-radius:18px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);} .org-price {font-size:12px;text-decoration: line-through #ff583e} #info-related-products {clear:both;padding-top:20px;text-align:left;} .rel-prd-pf {margin-left:-8px;margin-right:-8px;} /* small shopping cart */ .cart-small {float:left;width:144px;height:58px;} .cart-container {height:58px;position:relative;width:144px;top:-1px;} .cart-i {display:block;position:absolute;top:8px;right:-2px;font-size:11px;font-weight:bold;background-color:#ff482e;color:#ffffff;line-height:14px;padding-left:4px;padding-right:4px;border-radius:8px;-moz-border-radius:8px;} #cart-icon {float:left;width:48px;height:40px;padding-top:20px;position:relative;cursor:pointer;} #my-icon {float:left;width:48px;height:45px;padding-top:15px;cursor:pointer;} #but-search {float:left;width:48px;height:40px;padding-top:20px;cursor:pointer;} #but-search > img, #cart-icon > img, #my-icon > img {margin:auto;} #cart-icon:hover,#my-icon:hover,#but-search:hover {opacity:0.7;} #cart_notify {display:none;} .cart-offer {position:relative;height:58px;} .cart-offer a {position:absolute;top:50%;transform: translate(0%, -50%);display:block;color:#ffffff;font-size:12px;line-height:18px;} /* basic cart */ .cart-added {line-height:24px;text-align:center;margin:8px;font-size:14px;} .cart-added > img, .cart-img {float:left;border-radius:3px;-moz-border-radius:3px;margin-right:6px;} .sbt-cnt {margin:8px;text-align:center;clear:both;height:52px;overflow:hidden;} .sbt {display:inline-block;border:1px solid #333333;margin:4px;padding:4px 4px 4px 12px;line-height:28px;font-weight:bold;font-size:13px;background-color:#333333;height:28px;border-radius:3px;-moz-border-radius:3px;} .sbt.check {padding-right:36px;background-image:url('/platform/provider/not_found.gif');background-position:right 10px top 12px;background-repeat:no-repeat;} .sbt.cart {padding-right:36px;background-image:url('/files/dynamic/2f820005z16e64441a8ez7df4.svg');background-size:20px 20px;background-position:right 10px top 8px;background-repeat:no-repeat;} .sbt:link, .sbt:active, .sbt:visited {text-decoration:none;color:#f0f0f0;} .sbt:hover {color:#e0e0e0;} /* shopping cart */ .cart-notify {margin:12px 0px 16px 0px;padding:4px;border:1px solid #00c000;border-radius:5px;-moz-border-radius:5px;text-align:center;} .main-cart {width:100%;} .main-cart tr:hover {background-color:#f8f8f8;} .main-cart th {background-color:#ffffff;font-size:13px;font-weight:bold;color:#303030;} .main-cart td {border-width:1px 0px 0px 0px;border-style:solid;border-color:#d0d0d0;padding:8px 0px 8px 0px;line-height:22px;font-size:13px;} .cart-iq {width:34px;height:22px;margin-left:6px;border-radius:5px;border:1px solid #d0d0d0;-moz-border-radius:5px;text-align:center;} .cart-coupon {float:left;background-color:#f0f0f0;overflow:hidden;} .cart-coupon label {float:left;display:block;padding-left:8px;padding-top:6px;width:110px;line-height:30px;} .ccb {float:right;background-color:#333333;padding:7px;margin:6px 6px 0px 4px;border-radius:3px;-moz-border-radius:3px;} .cci {float:left;width:140px;margin:6px 0px 6px 0px;height:31px;padding-left:6px;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;} .cart-ca {color:#00a000;margin-top:6px;margin-bottom:6px;} .cart-cer {color:#a00000;margin-top:6px;margin-bottom:6px;} #cc-link {height:20px;overflow:hidden;transition: all 0.3s ease;margin-bottom:12px;} #cc-link.off {} #cc-content {height:0px;overflow:hidden;transition: all 0.3s ease;} #cc-content.on {height:50px;} @media (max-width: 460px) { .cart-sh {display:none;} } /* shop buttons */ .bleft {float:left;width:34.8%;text-align:right;} .bright {float:left;text-align:left;} .add-to-cart {margin:auto;display:block;margin-top:3px;margin-bottom:4px;width:100%;height:42px;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;background-image:url('/files/dynamic/2f820005z16e64441a8ez7df4.svg');background-size:20px 20px;background-position:right 10px top 8px;background-repeat:no-repeat;} .butn {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;background-image:url('/platform/provider/not_found.gif');background-position:right 10px top 12px;background-repeat:no-repeat;} .buts {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;background-image:url('/platform/provider/not_found.gif');background-position:right 10px top 12px;background-repeat:no-repeat;} .but, a.but {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;text-decoration:none;} .butn:hover, .add-to-cart:hover, .buts:hover {background-color:#000000;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .butb, a.butb {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;color:#808080;background-color:#ffffff;border:1px solid #e8e8e8;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;font-weight:bold;font-size:15px;obackground-image:url('/images/xsdot-forms-136900.png?v=0');background-position:left -42px;text-decoration:none;} .butb:hover {background-color:#f0f0f0;} .prel {position:relative;} .button-done {display:block;overflow:hidden;margin:8px;height:42px;padding:0px;padding-left:36px;padding-right:36px;background-color:#ffffff;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#606060;margin:auto;width:150px;height:40px;} .button-done:hover {background-color:#f0f0f0;} .button-done a:link, .button-done a:active, .button-done a:visited, .button-done a:hover {display:block;text-align:center;line-height:40px;text-decoration:none;font-weight:bold;} /* shop settings */ .shop_settings {list-style:none;padding:0px;} .shop_settings li {float:left;width:49%;margin:10px 1% 10px 0px;padding-left:48px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;height:78px;overflow:hidden;line-height:24px;font-size:13px;background-repeat:no-repeat;} .account_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:30px 30px;} .adres_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:38px 38px;background-position:-4px 0px;} .bestellingen_en_facturen, .offertes_beheren {background-image:url('/platform/provider/not_found.gif');background-size:31px 31px;background-position:5px 0px;} .shop_settings li:hover {background-color:#f4f4f4;border-radius:6px;-moz-border-radius:6px;} #settings_wcnt {padding:12px;} .shop_settings a:link, .shop_settings a:active, .shop_settings a:visited {text-decoration:none;color:#333333;font-weight:bold;font-size:15px;} @media (max-width: 600px) { .shop_settings li {width:100%;margin:4px 0px 4px 0px;} } /* cai */ .cai-cnt {margin:32px;} .cai {padding:0px;} .cai li {background-color:#f8f8f8;list-style:none;overflow:hidden;margin:16px 0px 24px 0px;line-height:22px;padding:6px 6px 6px 3px;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;cursor:pointer;} .cai li:hover {background-color:#f0f0f0;} .cai li input {float:left;width:20px;position:absolute;} .cai-des img {float:left;width:22px;margin-right:8px;} .cai-dess img {float:left;width:22px;margin-right:8px;} .cai-price {float:right;background-color:#ffffff;line-height:12px;padding:3px;color:#e48f16;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;} .cai-des, .cai-dess {padding-left:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width: 450px) { .cai-cnt {margin:28px 0px 28px 0px;} } /* verify order */ .vo-aa, .vo-ab {width:50%;float:left;overflow:hidden;margin-bottom:16px;font-size:14px;} .vo-addr {font-size:13px;} .vo-cnt {margin:8px 0px 8px 0px;} .vo-ua-header {margin-top:16px;margin-bottom:3px;font-weight:bold;} .vo-ua-header > span {float:right;font-weight:normal;} .vo-ua {clear:both;height:100px;background-color:#f0f0f0;padding:2;border:1px dotted #000000;margin-top:4px;margin-bottom:8px;} .vo-ua > div {height:100px;overflow:auto;text-align:left;font-size:12px;padding-left:3px;padding-right:3px;} .vo-uam {position:relative;padding-top:10px;padding-bottom:10px;} .vo-uam a {position:absolute;top:8px;left:26px;} .vo-uam input {} .vo-uam img {padding-left:4px;width:13px;} .vo-comments {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px;width:100%;border:1px solid #d0d0d0;padding:3px;margin-top:6px;margin-bottom:24px;} @media (max-width: 550px) { .vo-ua-header > span {float:none;} } @media (max-width: 450px) { .vo-ab {display:none;} } /* multi price temp*/ .multi-price-tmp {padding:0px;border-top:1px solid #f0f0f0;} .multi-price-tmp li {border-bottom:1px solid #f0f0f0;padding-left:0px !important;list-style:none;background-image:none !important;background-position:left 1px top 4px !important;background-size:24px 24px !important;background-repeat:no-repeat;} .multi-price-tmp li.selected, .multi-price-tmp li.selected:hover {} .multi-price-tmp > li:hover {background-color:#f8f8f8;}
/* price container */ .pc-order-form {} .pc-description {overflow:hidden;margin-bottom:8px;} .pc-error-msg {color:#ff583e;height:0px;line-height:1px;overflow:hidden;transition: all 0.3s ease;background-image:url('/files/dynamic/1a177eb5z16e6b4b08dfz6b49.svg');background-repeat:no-repeat;background-size:20px 20px;background-position:8px 3px;padding-left:36px;} .pc-error-msg.on {height:28px;line-height:38px;} /* single price */ .pc-single-price {overflow:hidden;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;} .pc-multi-price {overflow:hidden;} .price {float:left;} .price > strong {display:inline-block;padding-top:4px;font-size:14px;color:#333333;} .stock-back, .stock-in, .stock-out {float:right;ofont-weight:bold;font-size:13px;margin-top:3px;} .stock-back {color:#e67423;} .stock-in {color:#22a522;} .stock-out {color:#d42525;} .stock-back > div, .stock-in > div, .stock-out > div {float:left;width:18px;height:18px;margin-top:5px;margin-right:4px;background-size:17px 17px;background-repeat:no-repeat;} .stock-back > div {background-image:url('/files/dynamic/2f820005z16e64441a8ez7e08.svg');} .stock-in > div {background-image:url('/files/dynamic/2f820005z16e64441a8ez7e07.svg');background-size:16px 16px;} .stock-out > div {background-image:url('/files/dynamic/2f820005z16e64441a8ez7e06.svg');background-size:15px 15px;margin-top:4px;margin-right:2px;} /* multi price */ .multi-price {padding:0px;border-top:1px solid #f0f0f0;} .multi-price li {border-bottom:1px solid #f0f0f0;padding-left:32px !important;cursor:pointer;list-style:none;background-image:url('/files/dynamic/2f820005z16e64441a8ez7dc4.svg') !important;background-position:left 1px top 4px !important;background-size:24px 24px !important;background-repeat:no-repeat;} .multi-price li.selected, .multi-price li.selected:hover {background-color:#f8f8f8;background-image:url('/files/dynamic/2f820005z16e64441a8ez7dc0.svg') !important;} .multi-price > li:hover {background-color:#f8f8f8;} /* order button */ .pc-order-button {position:relative;height:38px;margin-top:8px;} .pc-order-quantity {position:absolute;} .pc-order-quantity > input {float:left;width:30px;height:36px;text-align:center;padding:0px;border:1px solid #e0e0e0;margin-left:3px;margin-right:3px;} .pc-oq-less, .pc-oq-more {float:left;width:20px;height:36px;line-height:36px;text-align:center;border:1px solid #e0e0e0;font-size:18px; font-weight:bold;cursor:pointer;} .pc-oq-less:hover, .pc-oq-more:hover {background-color:#f0f0f0;} .pc-oq-less {border-top-left-radius:3px;border-bottom-left-radius:3px;} .pc-oq-more {border-top-right-radius:3px;border-bottom-right-radius:3px;} .pc-order-bc {margin-left:86px;} .pc-order-bc > input {padding:0px;width:100%;height:38px;border:0px solid #e0e0e0;} /* discount */ .pc-discount {position:relative;} .pc-discount div {position:absolute;right:-4px;top:-50px;background-color:#ff583e;color:#ffffff;line-height:36px;width:36px;font-size:11px;text-align:center;font-weight:bold;border-radius:18px;-moz-border-radius:18px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);} .org-price {font-size:12px;text-decoration: line-through #ff583e} #info-related-products {clear:both;padding-top:20px;text-align:left;} .rel-prd-pf {margin-left:-8px;margin-right:-8px;} /* small shopping cart */ .cart-small {float:left;width:144px;height:58px;} .cart-container {height:58px;position:relative;width:144px;top:-1px;} .cart-i {display:block;position:absolute;top:8px;right:-2px;font-size:11px;font-weight:bold;background-color:#ff482e;color:#ffffff;line-height:14px;padding-left:4px;padding-right:4px;border-radius:8px;-moz-border-radius:8px;} #cart-icon {float:left;width:48px;height:40px;padding-top:20px;position:relative;cursor:pointer;} #my-icon {float:left;width:48px;height:45px;padding-top:15px;cursor:pointer;} #but-search {float:left;width:48px;height:40px;padding-top:20px;cursor:pointer;} #but-search > img, #cart-icon > img, #my-icon > img {margin:auto;} #cart-icon:hover,#my-icon:hover,#but-search:hover {opacity:0.7;} #cart_notify {display:none;} .cart-offer {position:relative;height:58px;} .cart-offer a {position:absolute;top:50%;transform: translate(0%, -50%);display:block;color:#ffffff;font-size:12px;line-height:18px;} /* basic cart */ .cart-added {line-height:24px;text-align:center;margin:8px;font-size:14px;} .cart-added > img, .cart-img {float:left;border-radius:3px;-moz-border-radius:3px;margin-right:6px;} .sbt-cnt {margin:8px;text-align:center;clear:both;height:52px;overflow:hidden;} .sbt {display:inline-block;border:1px solid #333333;margin:4px;padding:4px 4px 4px 12px;line-height:28px;font-weight:bold;font-size:13px;background-color:#333333;height:28px;border-radius:3px;-moz-border-radius:3px;} .sbt.check {padding-right:36px;background-image:url('/platform/provider/not_found.gif');background-position:right 10px top 12px;background-repeat:no-repeat;} .sbt.cart {padding-right:36px;background-image:url('/files/dynamic/2f820005z16e64441a8ez7df4.svg');background-size:20px 20px;background-position:right 10px top 8px;background-repeat:no-repeat;} .sbt:link, .sbt:active, .sbt:visited {text-decoration:none;color:#f0f0f0;} .sbt:hover {color:#e0e0e0;} /* shopping cart */ .cart-notify {margin:12px 0px 16px 0px;padding:4px;border:1px solid #00c000;border-radius:5px;-moz-border-radius:5px;text-align:center;} .main-cart {width:100%;} .main-cart tr:hover {background-color:#f8f8f8;} .main-cart th {background-color:#ffffff;font-size:13px;font-weight:bold;color:#303030;} .main-cart td {border-width:1px 0px 0px 0px;border-style:solid;border-color:#d0d0d0;padding:8px 0px 8px 0px;line-height:22px;font-size:13px;} .cart-iq {width:34px;height:22px;margin-left:6px;border-radius:5px;border:1px solid #d0d0d0;-moz-border-radius:5px;text-align:center;} .cart-coupon {float:left;background-color:#f0f0f0;overflow:hidden;} .cart-coupon label {float:left;display:block;padding-left:8px;padding-top:6px;width:110px;line-height:30px;} .ccb {float:right;background-color:#333333;padding:7px;margin:6px 6px 0px 4px;border-radius:3px;-moz-border-radius:3px;} .cci {float:left;width:140px;margin:6px 0px 6px 0px;height:31px;padding-left:6px;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;} .cart-ca {color:#00a000;margin-top:6px;margin-bottom:6px;} .cart-cer {color:#a00000;margin-top:6px;margin-bottom:6px;} #cc-link {height:20px;overflow:hidden;transition: all 0.3s ease;margin-bottom:12px;} #cc-link.off {} #cc-content {height:0px;overflow:hidden;transition: all 0.3s ease;} #cc-content.on {height:50px;} @media (max-width: 460px) { .cart-sh {display:none;} } /* shop buttons */ .bleft {float:left;width:34.8%;text-align:right;} .bright {float:left;text-align:left;} .add-to-cart {margin:auto;display:block;margin-top:3px;margin-bottom:4px;width:100%;height:42px;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;background-image:url('/files/dynamic/2f820005z16e64441a8ez7df4.svg');background-size:20px 20px;background-position:right 10px top 8px;background-repeat:no-repeat;} .butn {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;background-image:url('/platform/provider/not_found.gif');background-position:right 10px top 12px;background-repeat:no-repeat;} .buts {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;background-image:url('/platform/provider/not_found.gif');background-position:right 10px top 12px;background-repeat:no-repeat;} .but, a.but {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #333333;background-color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;text-decoration:none;} .butn:hover, .add-to-cart:hover, .buts:hover {background-color:#000000;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .butb, a.butb {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;color:#808080;background-color:#ffffff;border:1px solid #e8e8e8;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;font-weight:bold;font-size:15px;obackground-image:url('/images/xsdot-forms-136900.png?v=0');background-position:left -42px;text-decoration:none;} .butb:hover {background-color:#f0f0f0;} .prel {position:relative;} .button-done {display:block;overflow:hidden;margin:8px;height:42px;padding:0px;padding-left:36px;padding-right:36px;background-color:#ffffff;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#606060;margin:auto;width:150px;height:40px;} .button-done:hover {background-color:#f0f0f0;} .button-done a:link, .button-done a:active, .button-done a:visited, .button-done a:hover {display:block;text-align:center;line-height:40px;text-decoration:none;font-weight:bold;} /* shop settings */ .shop_settings {list-style:none;padding:0px;} .shop_settings li {float:left;width:49%;margin:10px 1% 10px 0px;padding-left:48px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;height:78px;overflow:hidden;line-height:24px;font-size:13px;background-repeat:no-repeat;} .account_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:30px 30px;} .adres_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:38px 38px;background-position:-4px 0px;} .bestellingen_en_facturen, .offertes_beheren {background-image:url('/platform/provider/not_found.gif');background-size:31px 31px;background-position:5px 0px;} .shop_settings li:hover {background-color:#f4f4f4;border-radius:6px;-moz-border-radius:6px;} #settings_wcnt {padding:12px;} .shop_settings a:link, .shop_settings a:active, .shop_settings a:visited {text-decoration:none;color:#333333;font-weight:bold;font-size:15px;} @media (max-width: 600px) { .shop_settings li {width:100%;margin:4px 0px 4px 0px;} } /* cai */ .cai-cnt {margin:32px;} .cai {padding:0px;} .cai li {background-color:#f8f8f8;list-style:none;overflow:hidden;margin:16px 0px 24px 0px;line-height:22px;padding:6px 6px 6px 3px;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;cursor:pointer;} .cai li:hover {background-color:#f0f0f0;} .cai li input {float:left;width:20px;position:absolute;} .cai-des img {float:left;width:22px;margin-right:8px;} .cai-dess img {float:left;width:22px;margin-right:8px;} .cai-price {float:right;background-color:#ffffff;line-height:12px;padding:3px;color:#e48f16;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;} .cai-des, .cai-dess {padding-left:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width: 450px) { .cai-cnt {margin:28px 0px 28px 0px;} } /* verify order */ .vo-aa, .vo-ab {width:50%;float:left;overflow:hidden;margin-bottom:16px;font-size:14px;} .vo-addr {font-size:13px;} .vo-cnt {margin:8px 0px 8px 0px;} .vo-ua-header {margin-top:16px;margin-bottom:3px;font-weight:bold;} .vo-ua-header > span {float:right;font-weight:normal;} .vo-ua {clear:both;height:100px;background-color:#f0f0f0;padding:2;border:1px dotted #000000;margin-top:4px;margin-bottom:8px;} .vo-ua > div {height:100px;overflow:auto;text-align:left;font-size:12px;padding-left:3px;padding-right:3px;} .vo-uam {position:relative;padding-top:10px;padding-bottom:10px;} .vo-uam a {position:absolute;top:8px;left:26px;} .vo-uam input {} .vo-uam img {padding-left:4px;width:13px;} .vo-comments {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px;width:100%;border:1px solid #d0d0d0;padding:3px;margin-top:6px;margin-bottom:24px;} @media (max-width: 550px) { .vo-ua-header > span {float:none;} } @media (max-width: 450px) { .vo-ab {display:none;} } /* multi price temp*/ .multi-price-tmp {padding:0px;border-top:1px solid #f0f0f0;} .multi-price-tmp li {border-bottom:1px solid #f0f0f0;padding-left:0px !important;list-style:none;background-image:none !important;background-position:left 1px top 4px !important;background-size:24px 24px !important;background-repeat:no-repeat;} .multi-price-tmp li.selected, .multi-price-tmp li.selected:hover {} .multi-price-tmp > li:hover {background-color:#f8f8f8;}