/***********************************/
/*********** CSS VWA Catalog **********/
/***********************************/

/******************************************** Home ********************************************/

/* Featured Categories */

.category-grid.home-page-category-grid > .title {
     margin-top: 20px;
     margin-bottom: 20px;
}

.page-body .home-page-category-grid .item-box .title a {
    margin-bottom: 0;
    font-size: 17px;
}

/* Filter */
.nopAjaxFilters7Spikes .block {
    border-radius: 15px 0px 0px 0px;
    border-bottom: 0px solid #fff;
    background: #fff;
    background: #C1D4EE;
    margin:0px 0px 20px 0px;
}

.priceRangeFilterPanel7Spikes .ui-slider {
    background: #ecf1f8;
    border: 0px solid white;
}

.nopAjaxFilters7Spikes .block .title a.toggleControl {
    background: none;
    font-size: 13px;

}

.nopAjaxFilters7Spikes .block .filtersGroupPanel {
    Color: rgb(40, 80, 130);
}

.nopAjaxFilters7Spikes .block .title a.clearPriceRangeFilter, .clearFilterOptions {
    right: 3%;
    top: 6px;
    height: 25px;
    width: 25px;
    background-color:#fff;
}

.block .title a {
    font-weight: normal;
    text-transform: uppercase;
    color: #fff!important;
    text-shadow: 0 1px 2px #777777;
}

/* Manufacturer */

.block.block-manufacturer-navigation {
    position:absolute;
    display:none;
    visibility:hidden;
}

/* /Filter */

/* Selectors */

.product-selectors {
    background: rgb(40, 80, 130, 0.50);
    background: #849CBC;
    background: #AAC2DE;
    border-radius: 0px 0px 0px 0px;
    padding:0px 10px;
    max-height: 38px;
    height: 38px;
    overflow:hidden;
}
.product-selectors>div>span {
    color:#fff!important;
    padding:0px 10px 0px 0px;
}

.product-selectors .select-wrap {
    position: relative;
    border: 1px solid #C1D4EE;
    padding: 4px 25px 4px 5px;
    height: 29px;
    min-width: 100px;
}
.product-selectors .product-viewmode, 
.product-selectors .product-sorting {
    margin: 3px 20px 0px 0px;
}
.product-selectors .product-sorting {
    float:right;
}
/* /Selectors */

/* Grid */



.center-2 .item-grid .item-box:nth-child(2n+1) {
    clear: none;
    background: rgb(255, 255, 255, 0.45);
    background: #EEF3FA;
    background: #f5f1ec;
    background: #fff;
    border: 1px solid #e6dcd3;
}
.center-2 .item-grid .item-box {
    margin: 0px!important;
}
.center-2 .item-grid .item-box:hover {
    background: rgb(255, 255, 255);
}
/* /Grid */

.html-category-page .block.block-category-navigation {
    border-radius: 15px 0px 0px 0px;
    background:#AAC2E2;
    background:#fff;
}

.html-category-page ul.sublist {
    background: #C1D4EE;
    background:#fff;
    padding: 10px 0px 20px 10px;
    padding: 0px 0px 10px 10px;
}


.block .listbox li.inactive a,
.block .listbox > li.active.last > a {
    border-bottom: 0px solid #C1D4EE;
    border-top: 1px solid #C1D4EE;
    
}

    .block .listbox li.inactive a:hover,
    .block .listbox li.inactive a:focus {
    color:#111;
}

.html-category-page .block .listbox li.last > a {
    color:#111;
    color: #7194c8;
}

.block .listbox li.active {
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
}

.html-category-page ul.sublist li a{
    padding-left: 20px!important;
    font-size: 13px!important;
    line-height: 18px;
}

.html-category-page .block .title {
    background: rgb(40, 80, 130, 0.5);
    background:#6989B2;
    background:#AAC2DE;
    border-radius: 15px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 10px;
}

.html-category-page .block .listbox li a {
    border-bottom: 0px solid #C1D4EE;
    border-top: 0px solid #C1D4EE;
    Color: rgb(40, 80, 130);
    font-size: 15px;
}

.html-category-page .page.topic-page {
    background: rgb(193, 212, 238, 0.5);
    background: #E0E9F6;
    background: #E6DFD3;
    border-radius: 20px 20px 0px 0px;
    padding: 20px 40px 0px 40px;
    margin: 40px 0px 0px 0px;
    color:#285082;
}

.html-category-page .master-column-wrapper {
    background: rgb(193, 212, 238, 0.5);
    background: #E0E9F6;
    background: #E6DFD3;
    border-radius: 0px 0px 20px 20px;
    padding: 20px 40px;
    margin: 0px 0px 40px 0px!important;
    color:#285082;
}
/* /Featured Categories */

/******************************************** /Home ********************************************/

/******************************************** Category ********************************************/


/* General categorie grid view */



.html-category-page .sub-category-grid {
    background: rgb(193, 212, 238, 0.5);
    background: transparent;
    border-radius: 0px 0px 0px 0px;
    padding: 20px 40px;
    padding: 0px;
    margin: 0px 0px 0px 0px!important;
    color:#285082;
}

.html-category-page .sub-category-grid .item-box .title a {
    font-size: 15px;
    font-size: 13px;
}

.html-category-page .sub-category-item {
    border: 1px dotted #fff;
    border: 1px dotted rgb(40, 80, 130, 0.15);
    border: 1px dotted #bdcee6;
    margin: 0px 10px 10px 0px!important;
    background: transparent;
    padding: 0px 10px;
}

.html-category-page .sub-category-grid .item-grid .item-box{
    background: transparent!important;
}


.html-category-page .sub-category-item:hover {
    border: 1px dotted rgb(40, 80, 130);
}

    .html-category-page .sub-category-item a:before {
    color: rgb(40, 80, 130);
    }

.html-category-page .sub-category-item,
.html-category-page .sub-category-item * {
    background: rgb(193, 212, 238, 0.4)!important;
    background-color: rgb(193, 212, 238, 0.4)!important;
    background: #DFE8F5!important;
    background-color: #DFE8F5!important;
    background: #fff!important;
    background-color: #fff!important;
    color: rgb(40, 80, 130);
    margin: 0px;
}

.html-category-page .item-box .product-item  .picture img,
.html-category-page .item-box .sub-category-item  .picture img,
.html-search-page .item-box .product-item  .picture img {
    height: 90%;
}

.sub-category-grid .item-box .picture {
    display: inherit;
}
/* General categorie grid view */


.block.block-recently-viewed-products {
    margin-top: 20px;
    background: #fff;
    border-radius: 15px 0px 0px 0px;
}

.item-box:hover .picture img {
    transform: scale(0.94, 0.94);
    -webkit-transform: scale(0.94, 0.94);
    -ms-transform: scale(0.94, 0.94);
    -webkit-transition: all .3s linear 0s!important;
    transition: all .3s linear 0s!important;
}

.mega-menu .dropdown.fullWidth {
    border: 1px solid rgb(163, 172, 189, 0.25);
    border-top: 1px solid rgb(163, 172, 189, 0.15);
    padding: 10px 6px;
}

.mega-menu .dropdown.fullWidth .box {
    margin: 0 .5% 0px;
}

.mega-menu .title {
    margin-bottom: 0px;
}

.mega-menu .dropdown.fullWidth .title a {
    font-size: 14px;
    text-align: center;
    padding: 0px;
}

.block.block-popular-tags {
    display:none;
}

/******************************************** /Category ********************************************/



/******************************************** Product detail ********************************************/

.product-details-page .overview {
    margin: 0 0 10px;
}

.product-essential .overview {
    padding: 0 10px;
}

.product-details-page .overview .add-to-cart {
margin-bottom:0px;}

.overview .prices {
    margin: 0px 0px 10px 0px;
}

.product-reviews-overview {
    padding: 0px 0;
}
.overview .buttons {
    padding: 0px 0 0px;
}

.product-essential {
    margin: 0 0 20px;
    padding: 20px;
    padding: 20px 20px 40px 20px;
    border-radius: 0px 0px 0px 0px;
    background: #C1D4EE;
    background: none;
    background-image: none!important;
    background-color: #eef3fa;
    border: 2px solid rgb(193, 212, 238, 0.5);
    border-top:0px;
}
.product-essential.page-title {
    border-radius: 20px 20px 0px 0px;
    margin: 0px;
    padding: 20px 20px 0px 20px;
    border-top: 2px solid rgb(193, 212, 238, 0.5);
    border-bottom:0px;
}

.overview .buttons .email-a-friend, .overview .buttons .compare-products, .overview .buttons .add-to-wishlist, .back-in-stock-subscription,
.overview .buttons>div:hover {
    background:none;
}

.overview .buttons .email-a-friend input, 
.overview .buttons .compare-products input, 
.overview .buttons .add-to-wishlist input, 
.back-in-stock-subscription input,
.overview .buttons input:hover {
    background: #eef3fa;
    border: 1px solid transparent;
    border-left: 1px solid #ddd;
    margin-left: 0px!important;
    text-align: left;
    Color: rgb(40, 80, 130);
}

/* SKU / Artikelnummer */

.item-box .product-title + .sku {
    display:block;
    line-height: 22px;
    max-height: 22px;
    white-space: nowrap;
    letter-spacing: 0.15px;/**/
    font-size: 13px;
}

/* /SKU / Artikelnummer */


/* Product grid */

.item-box .product-title,
.item-box .product-title:hover { 
    height: 40px!important;
}

.item-box .product-title a,
.item-box .product-title a:hover { 
    font-size: 14px!important;
    min-height: 40px!important;
}


/* Product grid  */


/* Rebuild Product view */
.page-title h1,
.overview .short-description {
    Color: rgb(40, 80, 130);
}

.gallery .picture img, .gallery .picture-thumbs img, .variant-picture img {
    width: auto!important; 
    margin: 0px;
    position: initial;
    position: initial;
    max-height: 255px;
}

.gallery .picture img, .gallery .picture-thumbs a:first-child img, .variant-picture img {
    max-width: 170px;
}

/**#product-details-form > div > div.product-essential > div.gallery > div.picture {display:none!important }*/
#product-details-form > div > div.product-essential > div.gallery > div.picture-thumbs { width:100%!important;}
body > div.master-wrapper-page > div.master-wrapper-content > div.master-column-wrapper > div.side-2 .vwa_leftmenu{display:none!important }

.gallery .picture-thumbs a {
    min-width: 170px;
    height: auto;
    min-height: 255px;
    float: left;
    display: inline-block!important;
    overflow: visible!important;
}

.product-essential .gallery {
    float: left;
    width: 70%;
}

.product-essential .overview {
    width: 30%;
}
.product-essential * {
    border-color: rgb(193, 212, 238, 0.5)!important;
}
.product-essential .gallery .picture-thumbs a {
    margin: 0px 5% 10px auto;
}

.product-essential .gallery {
    width: 68%;
    width: 74%;
    background-color: #fff;
    border: 2px solid rgb(193, 212, 238, 0.5);
    border-radius: 15px 0px 0px 0px;
    padding: 15px 15px 80px 15px;
    margin: 0px 0px 0px 0px;
}

.product-essential .overview {
    width: 25%;
}

.product-essential .gallery .picture-thumbs .thumb-item {
    display: inline-block;
    margin: 5px 5px;
    border: 1px solid #ccc;
    width: 47%;
    height: 200px;
}

.productTabs {
    padding: 0;
    clear: both;
    margin: 10px;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 20px;
    border-radius: 0px 0px 20px 20px;
    background: #fff;
    background: none;
    background-image: none!important;
    background-color: #fff;
    border: 2px solid rgb(193, 212, 238, 0.5);
}



/* /Rebuild Product View*/

/* Quickview */

.quickView .k-window-titlebar.k-header .k-window-actions a,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover {
    background-color: #fff ;
    border-color: #fff ;
}

.quickViewWindow #product-details-form,
.quickViewWindow .product-content {
    background: #fff;
}
.quickViewWindow .product-content {
    margin: 10px;
}

.quickViewWindow .product-essential .gallery {
    width: 68%;
}

.quickViewWindow .product-essential .overview {
    width: 30%;
}

.quickViewWindow input[type=button],
.ajax-cart-button-wrapper input[type=button] {
    font-size: 12px;
    padding: 0px;
}


/* Quickview related products */

.quickViewWindow .related-products-grid .title  {
    height:30px;
}
.quickViewWindow .related-products-grid .title strong {
    font-size: 15px;
}

.quickViewWindow .product-grid .item-box .picture a img {
    max-width: 50%;
}

.quickViewWindow .product-grid .item-box .product-title, 
.quickViewWindow .product-grid .item-box .product-title a {
    /**min-height: 10px!important;*/
    height: 18px!important;
    font-size:11px!important;
}
.quickViewWindow .product-grid .item-box .sku {
    font-size:11px!important;
    line-height: 14px;
}
.quickViewWindow .product-grid .item-box .description {
    display:none;
}

.quickViewWindow .gallery .picture a img {
    position: static;
    min-height: 180px;
    width: auto!important;
    max-width: 100%;
}

.quickViewWindow .product-essential .gallery {
    padding: 15px 15px 15px 15px;
}

/* /Quickview related products */


/* /Quickview */

/******************************************** /Product detail ********************************************/


/******************************************** Related Products ********************************************/


.related-products-grid.product-grid .item-box .picture img {
    max-width: 170px;
}

.related-products-grid.product-grid .item-grid .item-box:nth-child(2n+1) {
   /* clear: none;*/
    background: #eef3fa;
}

.related-products-grid.product-grid .item-grid .item-box:hover {
    clear: none;
    background: rgb(193, 212, 238, 0.5);
}

/******************************************** Related Products ********************************************/


/******************************************** Products also Bought ********************************************/


.also-purchased-products-grid.product-grid .item-box .picture img {
    max-width: 170px;
}

.also-purchased-products-grid.product-grid .item-grid .item-box:nth-child(2n+1) {
     /* clear: none;*/
    background: #eef3fa;
}

.also-purchased-products-grid.product-grid .item-grid .item-box:hover {
    clear: none;
    background: rgb(193, 212, 238, 0.5);
}

/******************************************** Products also Bought ********************************************/

/******************************************** Cart ********************************************/

.cart-collaterals .coupon-code input[type="text"] {
    width: 50%;
}


.ui-dialog-titlebar button,
input.remove-discount-button {
    min-width: initial;
}

..ui-dialog div#ui-id-1 {
    overflow-y: scroll;
}

.html-checkout-page .page.checkout-page {
  /**/  font-family: 'open sans', Arial !important;
}

.section.order-completed .buttons input {
    margin:20px auto;
}

/* Flyout cart */

.flyout-cart {
    /** display: block;*/
}

    .flyout-cart .mini-shopping-cart .picture + .product .price, 
    .flyout-cart .mini-shopping-cart .picture + .product .quantity {
        font-size: 13px;
    }

    .flyout-cart .mini-shopping-cart .price span,
    .flyout-cart .mini-shopping-cart .quantity span {
        font-size: 13px;
        color: #7194c8;
    }
    
    .flyout-cart .mini-shopping-cart .totals {
        margin: 8px 10px 12px;
        font-size: 15px;
    }

    .flyout-cart .mini-shopping-cart .totals strong {
        font-size: 15px;
    }



/* /Flyout cart */

#shopping-cart-form > div.table-wrapper > table > tbody > tr > td.unit-price {
        font-size: 16px;
}

#shopping-cart-form > div.cart-footer > div.totals > div.total-info > table > tbody > tr.order-subtotal > td.cart-total-right > span {
    font-weight:bold;
}


/* Payments / afrekenen */

#co-payment-info-form #paymentinfo_ideal {
    width: 200px;
    margin: 0px 0px 0px 24px;
    background: #ebebeb;
    padding: 14px 20px 18px 20px;
}

#co-payment-info-form #paymentinfo_ideal li.radio {
    text-align:left;
}

/* Payments / afrekenen */

.html-shopping-cart-page .cart-collaterals {
    float: left;
    margin: 20px 25px 20px 0px;
}

.html-shopping-cart-page .checkout-attributes {
    margin-top: 130px!important;
}

.html-shopping-cart-page .remove-gift-card-button {
    min-width: 20px;
    float: right;
}

.html-shopping-cart-page .giftcard-summary {
    font-size: 14px;
}

.html-shopping-cart-page .giftcard-summary label,
.html-shopping-cart-page .giftcard-summary span{
    display: block;
}
.html-shopping-cart-page .giftcard-summary span{
    font-size: 12px;
}

/******************************************** /Cart ********************************************/

/******************************************** Register ********************************************/

#b2b_company_name #Company:after {
    content: "*";
}

/******************************************** /Register ********************************************/

/******************************************** Footer ********************************************/

/* Pagination */

.pager ul {
    text-align: center;
    border-top: 1px dotted rgb(40, 80, 130, 0.15);
    border-bottom: 1px dotted rgb(40, 80, 130, 0.15);
    margin:20px 0px 0px 0px;
}

.pager .previous-page {
    background: url(/Themes/Lavella/Content/img/arrows_2_left.png) transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.pager .next-page {
    background: url(/Themes/Lavella/Content/img/arrows_2_right.png) transparent;
    background-repeat: no-repeat;
    background-position: center;
}
/* /Pagination */

/******************************************** /Footer ********************************************/


img.mfp-img {
  background-color: #fff;
}