html {overflow: auto;}

body {background: transparent;}

h1, h2, h3, h4, h5, h6 {font-weight: 400;}

/* Head */

.master-wrapper-main .rightside-3, .header-logo {display: none;}

.master-wrapper-main, .header-menu #MenuBar1, .header, .header-links, .header-links-wrapper {width: auto;}

.header-links ul, a.ico-cart, #topcartlink a, .search-box, .search-box ul, .search-box ul li {float: none;}

a.ico-cart, #topcartlink a, .header-links, .search-box, .search-box ul, .header-links ul li {display: inline-block;}

.search-box {margin: 0;}

.header-links {padding: 0;}

#topcartlink {position: relative; height: auto; bottom: 0; top: 0;}

.search-box ul {position: relative;}

.search-box-text {width: 100px; box-shadow: none;}

#flyout-cart {left: 56px; right: auto; top: auto;}

.header-links ul {text-align: left;}

.header-links ul li {margin-bottom: 20px;}

.header-links ul li.out, .header-links ul li.in {margin-right: 100px;}

.header-menu {height: auto; background: #f0f0f0; margin-bottom: 20px;}

.header-menu li {float: none; display: inline-block;}

.header-menu a {color: #444; letter-spacing: 1px;}

.header-menu a:hover {color: #fff;}

ul.MenuBarHorizontal ul {background: #f0f0f0;}

.header-selectors-wrapper {float: none;}

.header {height: auto; padding: 0 0 20px 0; display: none;}

.header-wrapper {background: transparent; border-bottom: none;}

.header .ico-cart {background: #444; border-radius: 5px 0 0 5px; padding: 0 15px 0 15px;}

a.ico-cart:before {background: none;}

#MenuBar1 li:first-child {display: none;}

.header-menu .top-menu .selected {background: #C8A63C;}

.header-menu .top-menu .selected > a {color: #fff;}

.header-menu .MenuBarHorizontal > li:hover {background: #C8A63C;}

.header-menu .MenuBarHorizontal > li:hover a {color: #fff;}

.header-menu .MenuBarHorizontal > li:hover .sub-menu a {color: #444;}

#MenuBar1 [href="/jg/Cart"] {display: none;}

#MenuBar1 {display: none;} /* Made visible by javascript on certain pages. */

/*.bar-notification.error {visibility: hidden;} /* Hide notification popups, they will be handled by the iframe parent (non-Prodist software). */

/*.bar-notification.success {visibility: hidden;} /* Hide notification popups, they will be handled by the iframe parent (non-Prodist software). */

/* Artikelmenu */

.master-wrapper-main .leftside-3, .master-wrapper-main .side-2 {float: none; display: inline-block; width: 24%; margin: 0;}

.block li {padding: 4px 0 0 0;}

#navigation a {font-size: 13px;}

.block .listbox {padding: 0 0 0 7px;}

.block .listbox ul {padding: 0;}

.block .title {background: #000; font-family: ' Trebuchet MS',Tahoma,Verdana,Arial,sans-serif; letter-spacing: 1px; border-radius: 0;}

/*.master-wrapper-main .leftside-3 {display: none;}

.block-category-navigation {display: none;}*/

/* Content wrapper */

.master-wrapper-main .center-3, .master-wrapper-main .center-2 { float: none; display: inline-block; vertical-align: top; width: 74%; margin: 0 0 0 10px; padding: 0;}

.master-wrapper-page {padding: 20px;}

/* Content */

.staffelsamenstellen {padding: 10px 10px 0 10px; margin-bottom: 10px;}

.staffelschermkeuze {width: 100%;}

.staffelschermkeuze li {width: 28%; border: 0; height: auto; padding: 0;}

.staffelschermkeuze li:first-child {width: 72%;}

.staffelschermkeuze .selected {height: auto;}

.staffelschermkeuze a {display: block; padding: 10px 0; font-size: 13px;}

.staffeldimensie-omschrijving {height: 40px;}

.staffelsubitem-noimage-vertical {padding: 0 10px 10px 0px; width: auto;}

.staffelsubitem .staffelimagecontainer {cursor: pointer;}

.staffelsubitem .staffelsubitem-afbeelding {max-width: 130px; max-height: 130px;}

.staffelsubitem {min-height: 190px; padding-top: 0; padding-left: 8px; width: 134px;}

.staffelsubitem .staffelsubitem-radio {margin-right: 6px;}

.staffelsubitem label {width: 110px; display: block; float: left; min-height: 50px; white-space: normal;}

.staffel h1 {font-weight: 400; line-height: 30px; padding-top: 0;}

.staffel h2 {font-weight: 400;}

.staffeldetails {clear: both;}

.summaryline .description {width: auto;}

.product-grid {text-align: left;}

.product-grid .product-item {width: 152px;}

.product-grid .product-item .product-title {letter-spacing: 0;}

.product-grid .item-box {min-height: 100%; max-height: 100%; float: none; display: inline-block;}

.product-grid .item-box h2 {font-size: 13px; line-height: 16px;}

.product-list .list-product-item {width: 460px;}

.product-list .list-picture {min-width: 140px;}

.product-list h2, .product-list .list-product-description {margin-left: 140px;}

.jscroll-added {display: inline;}

#article-goback, .button-back {display: none;}

.button {background: #fafafa; border-radius: 0px; border-bottom: 2px solid #C8A63C; border-top: 1px solid #C8A63C; border-left: 1px solid #C8A63C; border-right: 1px solid #C8A63C; color: #444; text-transform: uppercase; font-size: 10px; font-weight: 400; padding: 2px 12px; line-height: 26px;}

.uploadresult-singlefile {border-color: rgb(246, 246, 244);}

.uploadresult-singlefile .uploadresult-filename {padding: 10px; width: 130px; background: #A8A3A3;}

td.specificatiesNaam {padding: 0 20px 0 5px; font-weight: 400; width: 250px;}

td.specificatiesWaarde {padding: 5px 5px 5px 0;}

table#specs_tabel {margin-top: 20px;}

table#specificaties tr:nth-child(odd) {background: #eee;}

.get-price-button {margin-right: 11px;}

a.showAlgemeen {display: none;} /* Made visible by javascript on certain pages. */

/* Checkout */

.checkoutformleft {width: 350px;}

.checkout-cart {background: url("images/login_back.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 285px;}

.checkout-data textarea {width: 170px;}

.checkout-page input[type="text"], .checkout-page input[type="password"], .checkout-data textarea {box-shadow: none;}

/* Tijdelijke oplossing om op checkout pagina nieuwe registraties onmogelijk te maken door de link te verbergen. */
#checkouttype-2 {display: none;}
.checkout-option a[href="/jg/CheckoutNewCustomer"] {display: none;}

/* Footer */

.footer {margin: 0; display: none;}

/* Offerte */

#mailofferte > table {width: auto;}

/* Algemene informatie popup/buttons */

#artikelbtns {padding: 0; margin-top: 10px;}

#artikelbtns li {padding: 2px 10px; line-height: 32px; height: 32px; cursor: pointer; list-style:none; margin-bottom: 10px; width: 146px; float: left; margin-right: 10px;}

#artikelbtns li:first-child {margin-left: 0px;}

#artikelbtns i {font-size: 140%; vertical-align: -2px; padding-right: 6px;}

#artikelbtns li {background: #eee;}

#artikelbtns li:first-child {margin-left: 0px;}

#venster {position: absolute; left: 5%; z-index: 1001; display: none; top: 100px; border: 16px rgba(0, 0, 0, 0.5) solid; border-radius: 10px}

.vensterborder {background: #f9f9f9; padding: 20px; width: 550px; border: 4px solid #444444;}

#venster h3 {float: none; margin-left: 0;}

.closebtn {position: absolute; right: 10px; top: 10px; color: red; font-size: 16px;}

/* Indesign popup */

.modalpane {width: auto !important; left: 0 !important; margin-left: 10px !important; margin-right: 20px !important;}

.modalpane .documentcontents, .modalpane .uploadcontents {width: auto !important; margin-right: -10px;}

.modalpane, .staffel .documentcontents, .staffel .uploadcontents {box-shadow: 0px 0px 20px rgba(136, 136, 136, 0.99); border: 1px solid #BDBDBD; border-radius: 2px;}

#breadcrumb .active, #breadcrumb a:hover {background: #0095DF;}

#breadcrumb .active:after, #breadcrumb a:hover:after {border-left-color: #0095DF;}

#breadcrumb a:hover:before, #breadcrumb .active:before {border-color: #0095DF;}

.documentpreviewenabled {color: #444;}

.edit-document-buttons a.button {padding: 9px 10px !important;}

.edit-document-buttons .button-disabled {border-radius: 2px; text-transform: uppercase;}

.library-nav {width: 200px;}

.library-container {width: 420px;}

.image-crop-container {width: 600px;}

.image-crop-controls > div {padding: 6px 0;}

/* Admin */

.block-admin-navigation {border-radius: 0;}

.block-admin-navigation .title {background: #444; padding-left: 16px; letter-spacing: 1px; border-radius: 0;}

.block-admin-navigation .listbox li {padding: 4px 0;}

/* Artikelen beheer */

.admin-selectedfolder-head {background: #6F6F6F; border-radius: 0; padding-left: 12px;}

.admin-selectedfolder-body {border: 1px solid #6F6F6F; border-radius: 0; padding: 6px;}

.admin-selectedfolder-head a {margin-top: 6px; display: block;}

#slickUpload .button {width: 140px;}

.add-to-cart-button:hover {color: #444444}