﻿/**********************
        GENERAL
**********************/
*
{
    margin: 0;
    padding: 0;
}
html, body, .masterForm
{
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}
html, .textboxForm, .GridTitle label, .GridTitle span, .button, .dxmLite
{
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
}
.fontSize12
{
    font-size: 12pt;
}
.header3
{
    font-size: 10pt;
    font-weight: 700;
}
.contentblock, .blockheader, .fullWidth, .block, .container, .labelForm, .textboxForm, .CbUserSummary
{
    width: 100%;
}
.fullHeight
{
    height: 100%;
}
.floatRight
{
    float: right;
}
.floatLeft, .labelForm, .textboxForm
{
    float: left;
}
.positionRelative, .contentblock, .block, .container
{
    position: relative;
}
.positionAbsolute
{
    position: Absolute;
}
.overflowHidden, .container
{
    overflow: hidden;
}
.contentblock
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.fontBold
{
    font-weight: 700;
}
.button
{
    padding: 6px 10px !important;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.ShoppingCartProductName, .button a, a.button, .blockheader a
{
    text-decoration: none;
}
.buttonOnlyText, a.buttonOnlyText, .buttonOnlyText a
{
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
.buttonHover, .button:hover, .buttonOnlyTextHover, .buttonOnlyTextHover span, .buttonOnlyTextHover:hover, .buttonOnlyText:hover, .buttonHover a
{
    text-decoration: underline !important;
}
.buttonDisabled
{
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    cursor: default;
    background-image: none;
    background: #EEE;
}
.buttonDisabled span
{
    color: #8D8D8D;
}
.LblProductName, .LblOverviewProductName
{
    background: none;
    border-width: 0px;
}
.textbox
{
    height: 26px;
}
.grid3
{
    width: 31%;
    padding: 0 10px;
}
.textAlignCenter
{
    text-align: center;
}
.textAlignLeft
{
    text-align: left;
}
/*WIDTHS PERCENTAGES*/
.width99
{
    width: 99%;
}
.width98
{
    width: 98%;
}
.width96
{
    width: 96%;
}
.width82
{
    width: 82%;
}
.width80
{
    width: 80%;
}
.width79
{
    width: 79%;
}
.width78
{
    width: 78%;
}
.width75
{
    width: 75%;
}
.width67
{
    width: 67%;
}
.width62
{
    width: 62%;
}
.width55
{
    width: 55%;
}
.width50
{
    width: 50%;
}
.width49
{
    width: 49%;
}
.width48
{
    width: 48%;
}
.width45
{
    width: 45%;
}
.width42
{
    width: 42%;
}
.width37
{
    width: 37%;
}
.width35
{
    width: 35%;
}
.width33
{
    width: 33%;
}
.width32
{
    width: 32%;
}
.width31
{
    width: 31%;
}
.width25
{
    width: 25%;
}
.width22
{
    width: 22%;
}
.width20
{
    width: 20%;
}
.width18
{
    width: 18%;
}
.maxFullWidth
{
    max-width: 100%;
    width: auto;
}
/*WIDTHS FIXED*/
.width48px
{
    width: 48px;
}
.width80px
{
    width: 80px;
}
.width785px
{
    width: 785px;
}
/*PADDINGS / MARGINS / LINEHEIGHTS / POSITIONS*/
.marginLeft130
{
    margin-left: 130px;
}
.paddingBottom20
{
    padding-bottom: 20px;
}
.paddingBottom10
{
    padding-bottom: 10px;
}
.paddingBottom5
{
    padding-bottom: 5px;
}
.paddingTop10
{
    padding-top: 10px;
}
.paddingTop6
{
    padding-top: 6px;
}
.paddingTop5
{
    padding-top: 5px;
}
.paddingLeft15
{
    padding-left: 15px;
}
.paddingLeft10
{
    padding-left: 10px;
}
.paddingLeft5
{
    padding-left: 5px;
}
.paddingLeft3
{
    padding-left: 3px;
}
.paddingRight7
{
    padding-right: 7px;
}
.paddingRight5
{
    padding-right: 5px;
}
.paddingRight3
{
    padding-right: 3px;
}
.paddingTop3
{
    padding-top: 3px;
}
.paddingTop2
{
    padding-top: 2px;
}
.marginTop2
{
    margin-top: 2px;
}
.marginTop5
{
    margin-top: 5px;
}
.marginTop10
{
    margin-top: 10px;
}
.marginTop25
{
    margin-top: 25px;
}
.marginBottom5
{
    margin-bottom: 5px;
}
.marginBottom1perc
{
    margin-bottom: 1%;
}
.marginBottom3
{
    margin-bottom: 3px;
}
.marginRight5
{
    margin-right: 5px;
}
.marginRight2
{
    margin-right: 2px;
}
.marginLeft5
{
    margin-left: 5px;
}
.padding5, .LblOfferGrid
{
    padding: 5px;
}
.padding15
{
    padding: 15px;
}
.padding8
{
    padding: 8px !important;
}
.paddingRight10
{
    padding-right: 10px;
}
.paddingRight1perc
{
    padding-right: 1%;
}
.paddingRight1perc
{
    padding-right: 1%;
}
.paddingBottom1perc
{
    padding-bottom: 1%;
}
.alignCenter
{
    margin: 0 auto;
}
.lineHeight20
{
    line-height: 20px;
}
.lineHeight24
{
    line-height: 24px;
}
.paddingHalfPerc
{
    padding: 0.5%;
}
.top10
{
    top: 10px;
}
.top-2
{
    top: -2px;
}
/*INPUTS*/
.textboxForm
{
    height: 25px;
}
.textboxForm, .labelForm
{
    margin-top: 5px;
}
.memo, .memo textarea
{
    height: 100%;
    min-height: 124px;
}
.memo textarea
{
    height: 80% !important;
}
/*CONTENTBLOCKS*/
.contentblock
{
    margin-bottom: 10px;
}
.contentblock, .block
{
    display: inline-block;
}
.blockheader
{
    display: block;
}
.blockheader, .breadcrumbs
{
    height: 30px;
    line-height: 30px;
}
.breadcrumbs a
{
    line-height: 26px;
}
.blockheader span, .blockheader label
{
    padding-left: 5px;
}
.block
{
    padding: 1%;
    width: 98%;
    height: 100%;
}
.LblOfferGrid
{
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.grid_item .LblOfferGrid
{
    top: -15px;
    left: -15px;
    width: 119%;
    padding-right: 25px;
}
/*ERRORS*/
.failureText
{
    color: Red;
}
/*FIXES*/
.clearFix
{
    clear: both;
}
.clearFixLeft
{
    clear: left;
}
.noOverflowHidden
{
    overflow: inherit;
}
.marginTopFix
{
    margin-top: 0px;
}
.top12px
{
    position: relative;
    top: 12px;
}
.padding57
{
    padding: 5px 7px;
}
.padding54
{
    padding: 5px 4px;
}
.dxeListBox div.dxlbd
{
    padding-bottom: 17px !important;
}
.SpinButtons
{
    background: none;
}
.PageContent ul
{
    margin-left: 2%;
    width: 98% !important;
}
.dxtv-subnd
{
    overflow-x: hidden;
}
.SgTreeElbow img
{
    position: absolute;
    margin-top: 8px !important;
    margin-left: 1px !important;
}
.dxtv-subnd > .SgTreeNode
{
    padding-left: 5px !important;
    width: 100% !important;
}
.dxtv-subnd > .SgTreeElbow img
{
    margin-left: 4px !important;
}
.disableLinkStyle a
{
    text-decoration: none !important;
}
/*MARKETING*/
.MarketingProductImage
{
    position: absolute;
    top: -10px;
    right: -14px;
    z-index: 1;
}
.ProductGridMarketingProductImage
{
    position: absolute;
    left: -9px;
    z-index: 1;
}
.dxtv-ndImg
{
    margin-top: 0px !important;
    margin-left: 2px;
}
/*TABLES*/
.tableFixed
{
    table-layout: fixed;
}
.verticalAlignTop
{
    vertical-align: top;
}
/*POPUPS*/
.popUpCloseButton
{
    float: right;
    position: relative;
    right: -5px;
    top: -16px;
    width: 16px;
    cursor: pointer;
}
/*SHADOW*/
.textShadow
{
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}
/*ZOOM*/
.ProductGridZoomIcon
{
    position: absolute;
    top: -10px;
    right: -12px;
    z-index: 1;
}


/**********************
        MASTER
**********************/
.masterContainer
{
    padding: 0 4px;
    width: 999px;
    margin: 0 auto;
}
#header
{
    height: 100px;
    line-height: 100px;
}
.headerLogo
{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.userMenu
{
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    width: auto;
    padding: 0 10px;
}
.userMenu a
{
    display: block;
}
.userMenu img
{
    padding: 0px 5px 0 2px;
    top: 10px;
}
.userMenu .dxm-popOut img
{
    padding: 0px;
}
.userMenu table, .LoginName
{
    float: left;
}
.LoginName
{
    margin-left: 10px;
}
.flags
{
    height: 30px;
    width: auto;
    margin-left: 10px;
    padding-top: 4px;
}
.masterFooter
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
/**********************
        USERMENU
**********************/
.dxmLite
{
    width: auto;
    float: left;
    padding: 1px;
}
.dxmMenuItemWithPopOutImage
{
    vertical-align: middle;
    padding-right: 0px;
}
.MnAccount a
{
    line-height: 15px;
}
/**********************
        MENU
**********************/
#headerMenu
{
    height: 47px;
}
#headerMenu table
{
    float: left;
    max-width: 75%;
}
#headerMenu .MnHeadMenu
{
    padding: 0px;
    position: relative;
    z-index: 3;
    border-width: 0px;
}
.SubMenuHead table table
{
    width: 100% !important;
}
.menuSearch > div
{
    width: 78%;
    max-width: 100%;
    float: left;
}
.menuSearch > div.dxmLite
{
    padding: 0px;
}
.panelSearchHolder
{
    max-width: 100% !important;
}
.MnHeadMenu li
{
    white-space: nowrap;
}
li.MnHeadItem
{
    padding: 16px 12px !important;
    border-width: 0px !important;
}
.MnHeadItem img
{
    position: relative;
    top: -2px;
}
.MnAccountSubMenu
{
    z-index: 5;
    width: 170px;
    border-color: transparent !important;
}
.SubMenuHead table
{
    max-width: 100% !important;
}
.SubMenuHeadItem
{
    padding: 2px 10px;
}
.SubMenuItemStyle
{
    padding: 4px 4px 6px !important;
}
.dxm-subMenu
{
    padding-bottom: 3px !important;
}
.SubMenuItemStyle a, .MnAccountItem a
{
    text-decoration: none;
}
.SubMenuHeadItem img
{
    position: relative;
    top: -1px;
}
.MnAccountSubMenu a, .MnAccountSubMenu label, .MnAccountSubMenu span
{
    width: 100%;
    float: left;
}
.MnHeadHover, .MnHeadSelected, .SubMenuItemStyle a:hover, .SubMenuItemStyleHover, .SubMenuItemStyleHover span, .MnAccountItem a:hover
{
    text-decoration: underline;
}
.SubMenuHeadItemHover
{
    border-color: transparent !important;
    background-color: transparent !important;
}
#headerMenu .pnlSearch
{
    float: right;
    min-width: 150px;
    max-width: 200px;
    height: 32px;
    top: 7px;
    right: 10px;
    z-index: 2;
}
.SbBorderBox
{
    border: solid 1px;
    position: relative;
    z-index: 3;
}
.SearchBox
{
    max-width: 90% !important;
}
.SearchBox input
{
    height: 26px !important;
    border-width: 0;
}
.BtnSearch
{
    right: 5px;
    top: 6px;
}
.btnMyLocations
{
    height: 10px !important;
    line-height: 10px !important;
    margin-top: 3px;
    padding-bottom: 1px !important;
    padding-top: 2px !important;
}
/**********************
        CENTER
**********************/
#center
{
    padding: 10px 0px;
    min-height: 420px;
}
/**********************
        FOOTER
**********************/
#footer
{
    padding: 10px 4px;
    width: 999px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
#footer ul
{
    list-style-type: none;
}
.paymentImage
{
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.paymentImage img
{
    vertical-align: middle;
}
.poweredBy
{
    float: right;
    margin-right: 6px;
    text-align: right;
    width: 98%;
}
/**********************
        FOOTERBAR
**********************/
#footerBar
{
    padding: 0 4px;
    width: 999px;
    margin: 0 auto;
}
#footerBar, .privacyHolder, .PnlSocialMedia, #footerBar div
{
    height: 45px;
    line-height: 45px;
}
#footerBar #copyright
{
    margin-left: 9px;
    padding-right: 16px;
}
.privacyHolder
{
    right: 10px;
    top: 0;
}
.privacyHolder span
{
    padding: 0 5px;
}
.PnlSocialMedia ul
{
    width: 100%;
    list-style-type: none;
}
.PnlSocialMedia ul li
{
    display: inline;
    height: 45px;
    padding-right: 5px;
}
.PnlSocialMedia ul li img
{
    position: relative;
    top: 6px;
}
/**********************
        CONTROLS
**********************/
/*GRID*/
.GridHeader-LeftColumn, .GridHeader-RightColumn, .GridHeader-CenterColumn
{
    height: 35px;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}
.GridFooter
{
    height: 25px;
    line-height: 25px;
}
.GridTitle
{
    height: 30px;
    line-height: 30px;
}
.GridTitle, .GridFooter td
{
    padding: 0 0 0 10px !important;
}
.cbRecords
{
    line-height: 20px;
    margin-top: 3px;
}
/*FILTER*/
.filterExpandCollapse
{
    padding: 0 5px;
    height: 29px;
    width: 20px;
    line-height: 29px;
}
.TrbPriceRange
{
    height: 30px;
}
.PnlColorIcons
{
    padding-bottom: 5px;
}
.CbPnlChosenFilters
{
    width: 595px;
    margin: 0 0 10px 11px;
}
.chosenFilterHolder ul.chosenFilterText
{
    width: 100%;
    list-style-type: none;
    margin-bottom: 2px;
}
.chosenFilterHolder ul.chosenFilterText li
{
    display: inline;
    height: 15px;
    padding-right: 5px;
}
/*USERSUMMARY*/
.UserSummaryContainer
{
    max-width: 202px;
    margin-right: 1px;
    float: right;
    width: 100%;
}
.noPadding
{
    padding: 0px;
}
.labelLeft33
{
    width: 33%;
    float: left;
    text-align: left;
    font-weight: 700;
    min-height: 14px;
}
.labelRight67
{
    width: 67%;
    float: right;
    text-align: left;
    min-height: 14px;
}
.OpenOrdersButton img
{
    position: relative;
    top: 1px;
}
/*ORDERCALCULATION*/
.labelLeft65, .labelLeft70, .labelLeft84
{
    width: 65%;
    float: left;
    text-align: left;
    font-weight: 700;
    min-height: 14px;
}
.labelRight35, .labelRight30
{
    width: 35%;
    float: right;
    text-align: right;
    min-height: 15px;
    min-height: 14px;
}
.labelLeft70
{
    width: 70%;
}
.labelLeft84
{
    width: 84%;
}
.labelRight30
{
    width: 30%;
}
.lblLoyaltyValue
{
    width: 27%;
}
/*GENERALINFORMATION*/
.generalInformation
{
    z-index: 1;
}
/*SHOPPINGCART*/
.gvShoppingcartOverview .LblProductName, .LblOverviewProductName
{
    word-wrap: break-word;
    text-align: left;
}
.gvShoppingcartOverview .LblProductName span
{
    cursor: pointer;
}
.shoppingCartDelete img
{
    padding-top: 2px;
}
.ProductImagesShoppingCart
{
    max-width: 22px;
    max-height: 22px;
}
/*ADD EDIT USERS*/
.UserRolesInformation
{
    padding: 0 0 0 10px;
}
.UserRolesInformation ul
{
    list-style-type: none;
    padding: 10px;
    width: 30%;
}
/*MULTI PRODUCT SLIDER*/
#makeMeScrollable
{
    height: auto;
    position: relative;
}
div.galleryHolder
{
    width: 100%;
    height: 130px;
    position: relative;
    top: 10px;
    left: 0px;
}
#makeMeScrollable div.scrollableArea div, .galleryHolder div.scrollableArea div
{
    position: relative;
    margin: 0 !important;
    padding: 0;
}
/*PRODUCT IMAGE GALLERY*/
.DvProductMediaGallery td.dxdvCtrl
{
    padding: 0px 0px 12px 0px !important;
}
.DvProductMediaGallery td.dxdvItem
{
    width: auto !important;
}
/*MEDIA GALLERY*/
.bx-wrapper, .bx-viewport
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 0px !important;
}
.WebsiteImageGallery
{
    width: 100%;
    float: left;
}
.slider_gallery
{
    margin-top: 0px;
    height: 100%;
}
.bx-wrapper
{
    margin: 0 auto 40px;
    max-width: 100%;
}
.NoControlsGallery .bx-wrapper
{
    margin: 0 auto 10px;
}
/*SUPERGROUPS*/
.stepBack span
{
    float: left;
}
.LblSuperGroupFullDescription
{
    font-size: 8pt;
}
.DvSuperGroups .LblProductName span
{
    float: left;
}
/*NEWSLETTER*/
.newsletterSignup span
{
    width: 80%;
    line-height: 12px;
}
.newsletterSignup span, .LblProductName, .LblOverviewProductName
{
    -ms-word-break: break-word;
    word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: normal;
}
/**********************
        PAGES
**********************/
/* LOGIN */
.pnlLogin, .PnlAddCustomer
{
    padding: 7px;
    overflow: hidden;
}
.loginBox
{
    border: 1px solid;
    margin: 0 auto;
    width: 100%;
}
.loginBoxHolder
{
    width: 300px;
}
.LbtnLoginInfo, .btnPrBack
{
    margin-left: 10px;
    width: 135px;
    margin-top: 7px;
}
.LoginInfo
{
    margin-top: 7px;
    width: 90%;
    margin-left: 10px;
    padding: 5px;
}
.literalAddCustomer
{
    height: 110px;
}
/*PASSWORD RESET*/
.btnPrBack
{
    width: auto;
}
/*FINISH ORDER*/
.OrderCheckContainer
{
    padding: 5px;
}
.banquetingInputContainer
{
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    padding: 5px 0px;
}
.FinishOrderHeader
{
    width: 100%;
    border-bottom: solid 1px #000;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}
.padding5 .FinishOrderHeader
{
    border-width: 0px;
}
.FinishOrderHeader label, .FinishOrderHeader span
{
    line-height: 24px;
}
.finishOrderSeparator
{
    padding-right: 5%;
}
.GvVat
{
    top: 2px;
}
.DeliveryLegend
{
    position: relative;
    left: 2px;
}
.PnlEndDateInfoPanel ul
{
    width: 98%;
    position: relative;
    left: 2%;
}
/*PRODUCT DETAILS*/
.ProductDescriptionLabel
{
    text-decoration: none !important;
    cursor: default;
}
.labelLeft25
{
    width: 25%;
    float: left;
    text-align: left;
    font-weight: 700;
    min-height: 14px;
}
.labelRight75
{
    width: 75%;
    float: right;
    text-align: left;
    min-height: 14px;
}
.pnlMultiModus
{
    background-color: #fff;
    border: solid 1px #A8A8A8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
ul.navlist
{
    width: 100%;
    list-style-type: none;
}
ul.navlist li
{
    display: inline-block;
    padding-right: 10px;
}
ul.navlist li a
{
    display: block;
    width: 100px;
    height: 75px;
    cursor: pointer;
}
ul.orderlist
{
    width: 100%;
    list-style-type: none;
}
ul.orderlist li
{
    display: inline-block;
    padding-right: 10px;
}
.qsSearchContainer
{
    width: 100%;
    padding: 6px 0px;
}
.ProductDetailsButton
{
    margin-left: 2px; /*-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);*/
}
.ProductDetailsButton img
{
    position: relative;
    top: 1px;
}
.dxiz-hint
{
    right: 0;
}
.btnMatrixAddToCart
{
    position: fixed;
    top: 94%;
    left: 58%;
}
.btnMultiAddToCart
{
    top: 484px;
    z-index: 300000000;
}
/*ADD CUSTOMER*/
fieldset.addCustomerList
{
    border-width: 0px;
    padding-top: 5px;
}
.addCustomerList table, .acceptPrivacyHolder table
{
    float: left;
}
ul.addCustomerList li
{
    width: 100%;
    line-height: 20px;
}
.cbNewsletterSubscription
{
    margin-top: 27px;
}
.cbPrivacy
{
    position: relative;
    top: -4px;
}
/**********************
        OLD
**********************/
.viewProductHolder a
{
    padding: 5px 10px;
}
.viewProductHolder
{
    height: 100%;
}
/*CONTACT FORM*/
.contact_image_holder
{
    height: 105px !important;
    text-align: center;
    width: 140px;
    table-layout: fixed;
    vertical-align: top !important;
}
.contact_form td input
{
    text-align: left !important;
}
/* CHANGE MY LOGIN */
.changeLoginCurrentLogin
{
    width: 170px;
}

/* SUPERGROUPS */
.DvSuperProductGroups
{
    margin: 0 auto;
}
.superGroupContainer
{
    width: 160px;
    border: solid 1px;
    padding-bottom: 35px;
    height: 150px;
}
.superGroupTable
{
    table-layout: fixed;
    width: 160px;
}
.superGroupsItemStyle table
{
    width: 160px;
    table-layout: fixed;
    height: 167px;
}
.IndexItemHeader
{
    height: 38px;
}
.IndexItemCenter
{
    height: 98px;
    width: 159px;
}
.indexItemCenterHolder
{
    height: 130px;
    width: 190px;
    border: 1px solid #e6e2d8;
}
.IndeItemImageHolder
{
    height: 100px;
    text-align: center;
    vertical-align: middle;
}
.IndeItemDescriptionHolder
{
    height: 20px;
    text-align: center;
    vertical-align: middle;
}
.ImgBtnSupergroupImage
{
    width: auto;
    cursor: pointer;
    max-height: 95px !important;
    padding: 0px !important;
}
.ImgBtnSupergroupImage
{
    max-width: 150px !important;
    cursor: pointer;
    height: auto;
    padding: 0px !important;
}
.ImgBtnSupergroupImage td
{
    text-align: center;
}
.IndexItemFooter
{
    height: 25px;
    width: 159px;
}
.LbtnSupergroup
{
    margin-left: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* PRODUCTS */
.ProductContainerTable
{
    width: 999px;
    float: left;
}
.ProductContainerTable tr td
{
    vertical-align: top;
}
.dxeErrorCell, .dxeErrorCell td
{
    font-size: 9pt !important;
}

/* PRODUCTS TREEVIEW */

/*#endregion*/
/*PRODUCTSGRID*/
.productGridPopUpHeader
{
    width: 100%;
    height: 25px;
    border-bottom: solid 1px;
}
.productGridPopUpHeader .ProductHeaderDescriptionHolder
{
    position: relative;
    top: 3px;
}
.PopUpProductDetails .productImageContainer
{
    width: 150px !important;
}
.PopUpProductDetails .ProductInfo
{
    width: 350px !important;
}
/* PRODUCTOVERVIEW */
.ProductHolder
{
    width: 820px;
    float: right;
    padding-bottom: 10px;
}
.ProductPager, .pageSizeHolder, .ProductsContainer, .productHolderContainer
{
    float: left;
}
.productHolderContainer
{
    width: 100%;
}
.ProductsContainer, .productHolderContainer, .GvProducts, .GvProductWarehouse
{
    min-width: 615px;
    width: auto;
}
.ProductsContainer100
{
    width:100%;
}
.ProductPager, .pageSizeHolder
{
    margin-left: 6px;
}
.pageSizeHolder tr td
{
    vertical-align: middle !important;
}
.productHeader
{
    width: 100%;
    min-height: 20px;
    border-bottom: solid 1px;
    padding-top: 5px;
    overflow: hidden;
}
.ProductHeaderDescriptionHolder
{
    width: 500px;
    float: left;
}
.ProductHeaderDescription
{
    width: 400px;
    position: relative;
    left: 10px;
    font-size: 10pt;
    font-weight: bold;
}
.toTopBtnHolder
{
    width: 80px;
    float: right;
    height: 100%;
}
.toTopBtn
{
    height: 13px;
    cursor: pointer;
    float: right;
    position: relative;
    right: 5px;
    top: 2px;
    float: right;
}

.productImageContainer
{
    width: 200px;
    height: 100%;
    min-height: 150px;
    padding: 5px;
    float: left;
}



.BntAddCustomPrice
{
    text-decoration: underline;
}
.BtnOrderProduct
{
    cursor: pointer;
    height: 16px;
    width: 95px;
}
.BtnOrderProduct table tr td
{
    vertical-align: middle;
    height: 20px;
}
/*ShoppingCart Button Text*/
.BtnOrderProduct img
{
    vertical-align: text-bottom;
}
/*ShoppingCart Button Image*/
.PriceLabelTxt
{
    font-weight: bold;
    padding-left: 2px;
}

.ProductPriceTable
{
    float: left;
    width: 248px;
}
.ProductPriceText, .ProductInfoTable, .ThirdPartyDescriptionTitleHolder, .ThirdPartyDescriptionTitleHolder span
{
    width: 150px;
}

.LblProductInfo
{
    font-weight: bold;
}
.ProductInformationLayout
{
    display: block;
    width: 290px;
}
.ProductInformationLayout img
{
    max-width: 250px !important;
}
.ProductInformationTable
{
    width: 64%;
    padding: 0px;
}
.LbShowDetailsCss
{
    border: 0;
    cursor: pointer;
    text-decoration: underline;
    width: 65px;
}
.PnlProductDetails
{
    width: 64%;
    float: left;
}
.productSpace
{
    width: 100%;
    height: 25px;
    clear: both;
}
/*#endregion*/

/*ACCOUNT*/
/*PROFILE*/
.ProfilePageControl
{
    width: 750px !important;
}
.GvCustomerGeneral
{
    width: 100%;
}
.CustomerLabelHolder
{
    padding-right: 20px;
    font-weight: bold;
    vertical-align: top;
}
/*#endregion*/
/*CHANGEPASSWORD*/
.ChangePasswordSuccesContainer, .ChangePasswordSuccesHolder
{
    width: 100%;
    height: 150px !important;
}
.BtnBackToLogin, .PasswordBtnCss, .ChangePasswordButtonStyleCss
{
    padding: 5px 10px !important;
}
/*#endregion*/
/*USERMANAGEMENT*/
.BtnAddUser
{
    width: 150px;
}
.BtnAddUserHover
{
    text-decoration: underline;
}

/*#endregion*/
/*#endregion*/

/*#endregion*/
/*ORDER*/

/*ORDER SUCCES/INTERRUPTED*/
.OrderContainer, .OrderHeader, .OrderCenter
{
    width: 400px;
    margin: 0 auto;
    text-align: center;
}
/*#endregion*/
/*#endregion*/
/*WEBORDER HISTORY*/
.GridWebOrderhistory
{
    width: 780px;
    border-bottom: solid 1px;
}
/*#endregion*/
/*SOCIAL MEDIA*/
.socialMediaHolder
{
    width: 196px;
}
.socialMediaContainer
{
    width: auto;
    float: left;
}
.socialMediaDescriptionHolder
{
    height: 20px;
}
.socialMediaItems
{
    float: right;
}
.socialMediaItems tr td
{
    width: 25px;
    height: 20px;
    text-align: left;
}
/*#endregion*/
/*BACKORDERS*/
.SortHolder
{
    width: 350px;
}
/*#endregion*/

/* CONTROLS */

/*#endregion*/
/* RESUME SHOPPINGCART */
.resumeShoppingCartHeaderHolder
{
    width: 999px;
    padding-bottom: 15px;
}
.resumeShoppingCartHeader
{
    margin: 0 auto;
    width: 999px;
    height: 50px;
    border: solid 1px;
}
.StillProductsHolder
{
    width: 450px;
    padding: 10px 10px 10px 7px;
    text-align: left;
    font-weight: bold;
}
/*#endregion*/


/*CUSTOMER STORES*/
.CustomerStoreItem div
{
    width: 200px;
    height: 210px;
    border: solid 1px;
}
.CustomerStoreTable
{
    width: 190px;
    margin-left: 5px;
    table-layout: fixed;
}
.CustomerStoreItemHeader
{
    vertical-align: top;
    width: 190px !important;
    text-align: left;
    padding: 5px 0px !important;
}
.CustomerStoreItemCenter
{
    width: 190px;
    height: 130px;
    border: solid 1px #e6e2d8 !important;
}
.CustomerStoreItem .lbIndexGroupHeader
{
    float: left;
}
.ImgBtnCustomerStoreImage, .ImgBtnCustomerStoreImage img
{
    max-width: 150px !important;
    cursor: pointer;
    max-height: 100px !important;
    padding-bottom: 0px !important;
}
.ImgBtnCustomerStoreImage td
{
    text-align: center;
}
.CustomerStoreItemFooter
{
    height: 25px;
    width: 190px;
}



/*FINISH ORDER OPTIONS*/
.optionsImageHolder img
{
    position: relative;
    top: 1px;
}


/*marginTop*/
.marginTop
{
    height: 17px !important;
    display: inline-block;
}

.AmountPerPage
{
    height: 28px !important;
    table-layout: fixed !important;
    vertical-align: middle !important;
}


/*PRODUCT DETAILS*/

.grid_image_holder
{
    position: relative;
}

.actionBar
{
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -15px;
    top: 10px;
    text-align: left !important;
}
.HlProductDetails td
{
    width: 75px;
    padding: 5px 0px;
}
.HlProductDetails span
{
    margin: 0 auto !important;
}
.LblOfferGrid
{
    font-size: 9pt !important;
    font-weight: bold !important;
}


/*SUMMARY LOGIN BUTTONS*/
.HlSummaryLoginBtns
{
    padding: 5px 0px;
    width: 75px;
    display: block;
    text-decoration: none !important;
    position: relative;
    color: #fff;
    top: -1px;
    right: 1px;
    text-align: center;
}
a.HlSummaryLoginBtns:hover
{
    text-decoration: underline !important;
}

/*GRID AND DETAILS*/
.grid_image_holder
{
    height: 105px !important;
    text-align: center;
    width: 150px;
    table-layout: fixed;
}

.image_cutter
{
    width: 160px;
    overflow: hidden;
}
.DvSuperGroups .image_cutter
{
    width: 160px;
    overflow: hidden;
}
.supergroupOverviewHolder .image_cutter
{
    border: solid 1px #525252;
}

.LblPopUpProductTitle
{
    font-size: 16pt !important;
    color: #000000 !important;
    font-weight: bold !important;
}
.PopUpTitleHolder
{
}
.PopUpImageHolder
{
    width: 250px;
}
.InfoHeader
{
    padding: 0px 0px 10px 0px;
    display: block;
}
.BtnOrderProductGrid
{
    float: right;
}



.PagerProductGrid
{
    height: 28px !important;
}



a.HlProductDetails:hover
{
    text-decoration: underline;
}

.ProductInformationTable
{
    width: 100% !important;
    padding: 5px;
    background-color: #FFF !important;
}
a.HLBackToCategory, a.HLBackToCategory:visited
{
    color: #0D45B7 !important;
}
.subtotal
{
    font-size: 17px !important;
}
.ProductHeaderDescription
{
    left: 0px !important;
}




/*ADVERTISEMENT*/
.DvAdvertisementOverviewItem
{
    padding: 2px 5px !important;
    vertical-align: middle !important;
}
.DvAdvertisementOverviewItem, .AdOverviewInfo
{
    height: 150px;
}
.AdTitleHolder, .AdBtnHolder
{
    height: 25%;
}
.AdTextHolder
{
    height: 50%;
}
.HlProductDetails
{
    float: right;
    width: 80px !important;
}
.HlProductDetails td
{
    width: 80px !important;
    text-align: center !important;
}
.HlProductDetails div
{
    width: 80px !important;
    display: block;
}

/*ADVERTISEMENT WIDGET*/
.slideTableWidget
{
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.SlideGalleryWidget
{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.AdWidgetHolder
{
    width: 180px;
    padding: 10px;
    position: relative;
}
.AdvertisementWidgetLink
{
    display: block;
    width: 100%;
    height: 100%;
}
.slideImageHolderWidget
{
    width: 180px;
}
.image_cutter_slider_Widget
{
    width: 180px;
    height: 120px;
}
.slideTableWidget img
{
    width: 180px;
}
.slideCaptionTextHolderWidget
{
    width: 200px;
    height: 100%;
    height: 40px;
    display: block;
}
.slideCaptionTextHolderWidget h1
{
    font-size: 9pt;
    max-width: 180px;
}

.adTitleWidget
{
    position: absolute;
    z-index: 300;
    top: 120px;
    width: 180px;
    display: block !important;
    right: -180px;
    visibility: hidden;
}
.slideTableWidget td
{
    vertical-align: top !important;
}
.image_cutter_slider_Widget
{
    overflow: hidden;
}



a.fullAdLink
{
    text-decoration: none;
}
.productNameHolder h2
{
    margin: 0px;
    padding: 0px;
}
.searchHeader
{
    width: 999px !important;
    padding: 5px 0px;
}


.tableNoProductFound td
{
    padding-left: 10px;
}

.sbhTable tr td, .seMultiAmount tr td
{
    vertical-align: middle !important;
}
.MatrixPagerShopping
{
    padding-left: 5px;
}

.RePurchase
{
    border-left-width: 1px !important;
    padding-left: 1px !important;
}
.RePurchaseFilter
{
    border-left-width: 1px !important;
}


.PageCustomerStores a.LinkButton1, .PageCustomerStores .LinkButton1 label, .PageCustomerStores .LblSuperGroupFullDescription p
{
    text-decoration: none !important;
}

.PageFdOrderField .dxeEditArea
{
    text-align: left !important;
}
.PageFdOrderField .ProductContainerTable
{
    position: relative;
    top: -10px;
}
.PageFdOrderField .ProductContainerTable tr td
{
    vertical-align: middle !important;
}
.PageFinishCustomer .dxeHyperlink
{
    font-size: 11px !important;
    text-decoration: underline !important;
}
.PageFinishCustomer .padding
{
    padding: 5px 0px;
}
.PageFinishCustomer .dxeEditArea
{
    text-align: left !important;
}
.PageFinishCustomer .resumeShoppingCartHeaderHolder
{
    padding-bottom: 10px !important;
}



.PageOrderConfirmation .OrderHeader
{
    position: relative;
    top: 40px;
}

.resumeShoppingCartHeader, .PageWoh .resumeShoppingCartHeader, .PageUserManagement .resumeShoppingCartHeader, .PageSc .resumeShoppingCartHeader, .PaymentOrder .resumeShoppingCartHeader
{
    height: 65px;
}
.PaymentOrder .UserSummaryCalculationBar
{
    padding: 0px !important;
}
.PaymentOrder .padding_left
{
    padding-left: 20px;
}
.PaymentOrder .GeneralInfoContainer
{
    width: 270px !important;
    height: auto !important;
    max-height: 500px !important;
    margin-top: 0px !important;
}
.PaymentOrder .UserSummaryContainerHeader
{
    width: 270px !important;
}
.PaymentOrder .GeneralInfoContentHolder
{
    padding: 0px 5px !important;
    max-height: 500px !important;
}
.PaymentOrder .DdeCostCentre input
{
    text-align: left !important;
}
.PaymentOrder .QuoteCheckLabel
{
    font-weight: bold;
}
.PaymentOrder .fieldsetPriceCalc
{
    width: 300px !important;
}
.PaymentOrder .OrderCheckInfoFieldset
{
    width: 270px !important;
}
.PaymentOrder .PnlOrderCalculationTable
{
    width: 262px !important;
    position: relative;
    left: 3px;
    border-top: solid 0px !important;
}
.PaymentOrder .OrderCheckLabel
{
    position: relative;
    top: -2px;
}
.PaymentOrder .lblPaymentDescription
{
    font-size: 10pt !important;
}
.PageRoomReservation .width_left
{
    width: 71px;
    text-align: left;
}

.PageRoomReservation .left
{
    text-align: left;
}
.PageUserManagement .dxeEditArea, .PageRoomReservation .dxeEditArea
{
    text-align: left !important;
}


input:-webkit-autofill
{
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff;
}
.pad7
{
    padding: 7px 0px;
}

/**CONTROLS**/
/**IMAGE GALLERY**/

.BanqStatus td.dxe
{
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.AfterSalesRegistrationWrapper .tbProductOrderDetailValue
{
    width: 275px !important;
}
.AfterSalesPopupLoading
{
    position: absolute;
    left: 300px !important;
    top: 300px !important;
}

.price_td
{
    text-align: right;
    width: 67px;
}
.MutliProductDescription span, .MutliProductDescription span:hover, .BtnMoreInfoClickDescription span
{
    float: left !important;
    text-align: left;
}
.BtnMoreInfoClickDescription img
{
    position: relative;
    top: 2px;
    float: left;
}
.MutliProductDescription span:hover, .BtnMoreInfoClickDescription span
{
    text-decoration: underline;
}

.slideContentFull
{
    height: 300px;
    overflow: hidden;
    width: 100%;
}
.slideContent
{
    padding: 20px 60px;
    height: 300px;
    overflow: hidden;
    width: 84%;
}
.left_content .slideContent, .right_content .slideContent
{
    height: 200px;
}
.slideContent .mediaTitle
{
    font-size: 25pt;
    font-weight: 700;
    font-family: Arial, Sans-Serif;
    width: 100%;
    max-height: 25%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.slideContent .mediaText
{
    font-size: 15pt;
    font-weight: 700;
    height: 65%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.slideContent .da-link
{
    height: 20px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    line-height: 20px;
}
.slideContent .da-img
{
    width: 40%;
    height: 100%;
    overflow: hidden;
}
.textHolder
{
    width: 55%;
    position: relative;
    z-index: 10;
    height: 100%;
}
.textLeft, .textLeft .da-link, .imageLeft
{
    float: left;
}
.textRight, .textRight .da-link, .imageRight
{
    float: right;
}
.slideContentFull .textRight
{
    right: 10px;
}
.slideContentFull .textLeft
{
    left: 10px;
}
.imageCenter
{
    position: absolute;
    width: 84% !important;
    height: 84% !important;
    z-index: 1;
}
.imageCenter img
{
    height: 100%;
    width: auto !important;
    margin: 0 auto;
}
.da-link
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
}
.da-link:hover
{
    text-decoration: underline;
}
.da-link:active
{
    position: relative;
    top: 1px;
}
.top_content .slideContent, .top_content .imageCenter
{
    width: 88% !important;
}
.top_content .imageCenter
{
    height: 89% !important;
}
.slideContentFullWidget .textHolder
{
    width: 100%;
    height: 100%;
}
.slideContentFullWidget .textHolder, .slideContentFullWidget .mediaTextHolder
{
    padding-left: 0px !important;
    padding-right: 0 !important;
}
.slideContentFullWidget .buttonRight, .slideContentFullWidget .buttonLeft
{
    bottom: 10px !important;
}
.slideContentFullWidget .buttonRight
{
    right: 10px;
}
.slideContentFullWidget .buttonLeft
{
    left: 10px;
}
.widget_content .AdWidgetHolder
{
    width: 90% !important;
    margin-bottom: 10px;
}
.widget_content .slideImageHolderWidget, .widget_content .image_cutter_slider_Widget, .widget_content .slideTableWidget img
{
    width: 100%;
}
.PnlBrandItems
{
    max-height: 200px !important;
}
.BrandItem
{
    display: block;
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    font-size: 8pt !important;
    width: 150px !important;
}
.BrandItem:hover
{
    text-decoration: underline;
}
.chosenFiltersContainer
{
    padding-bottom: 10px;
}
.clearSingleFilterBtn
{
    padding: 1px;
}
.ChosenFilter
{
    padding: 1px 2px !important;
    display: inline-block !important;
    font-size: 8pt !important;
}
.ChosenFilter:hover
{
    text-decoration: underline;
}
ul.chosenFilterList
{
    padding: 0px !important;
}
ul.chosenFilterList li
{
    display: inline;
    list-style-type: none;
    padding-right: 2px;
    padding-bottom: 4px;
}
.SgHeaderProductOverview
{
    width: 100%;
    overflow: hidden;
}
.SgInfoImage
{
    max-width: 160px;
    padding-right: 10px;
    float: left;
}
.SgTitle, .sgTitleHolder
{
    height: 30px;
    width: 100%;
}
.SgTitle
{
    line-height: 30px !important;
}
.SgInfoText
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0px;
}
.SgInfoText label
{
    float: left;
    max-width: 460px;
}
.TreeViewProductGroups, .HlBackToCategory span, .leftPanel, .ProductsGrid .PopUpContentHolder, .SgInfoImageHolder label, .LblProductName, .LblOverviewProductName span
{
    float: left;
}
.BtnStockIndicator
{
    float: right;
}
.SgInfoText h3
{
    padding: 0;
    margin: 0;
    font-size: 13pt;
}
.item_bg_image, .imageWrap, .item_holder, .productNameHolder label, .StockRowAlign .imageWrap, .LblProductName, .LblProductName span
{
    width: 163px;
}
.FooterRow,.LblOverviewProductName, .LblOverviewProductName span
{
    width: 100%; 
}
.imageWrap
{
    height: 100px;
    line-height: 100px;
    display: table-cell;
    vertical-align: middle;
}
.withToolTip span
{
    max-width: 86% !important;
    text-decoration: none !important;
}
.LblOverviewProductNameHover span
{
    text-decoration: underline !important;
}
.LblOverviewProductNameHover img, .LblOverviewProductNameHover span
{
    cursor: pointer !important;
}
.item_holder
{
    height: 100%;
}
.LblProductName, .LblOverviewProductName
{
    table-layout: fixed;
}
.productNameHolder label, .LblProductName, .LblOverviewProductName
{
    word-wrap: break-word;
}
.LblProductName, .LblProductName span, .LblOverviewProductName, .LblOverviewProductName span
{
    font-size: 9pt !important;
}
.LblProductName, .LblOverviewProductName
{
    min-height: 32px;
}
.LblProductName span, .LblOverviewProductName span
{
    text-align: left !important;
    line-height: 15px;
}
.shoppingCartControlHolder, .LblProductName, .LblOverviewProductName
{
    min-height: inherit;
}
.HlProductDetails, .productNameHolder
{
    padding: 5px 0px;
}
.productNameHolder .LblProductID
{
    padding: 5px 0px 3px;
    width:100%;
    word-wrap: break-word;
}
.productNameHolder
{
    min-height: 32px;
    overflow:hidden;
}
.PageSgIndex .productNameHolder
{
    min-height: 35px;
}
.LblProductName, .LblOverviewProductName, .LblOverviewProductName span, .LblProductName span
{
    cursor: default;
}
.BtnStockIndicator
{
    cursor: pointer;
}
.ProductsGrid .PopUpProductDetails .tbAmountOfProduct input
{
    height: 25px;
}
.item_bg_image, .SgInfoImageHolder, .item_holder, .LblProductName, .LblOverviewProductName, .imageWrap img
{
    display: block;
}
.PageSgIndex .grid_image_holder, .imageWrap img, .imageWrap label, .ProductsGrid .tbAmountOfProduct input
{
    vertical-align: middle;
}
.grid_price_view, .grid_price_footer, .grid_price_footer label
{
    width: 79px;
}
.productNameHolder .LblProductID, .grid_price_footer label
{
    display: inline-block;
}
.FooterRow
{
    height: 45px;
    top: 7px;
}
.grid_price_footer label
{
    clear: both;
}
.LblProductName img, .LblOverviewProductName img, .ProductsGrid .BtnStockIndicator img, .HlProductDetails, .SgInfoImageHolder, .item_holder, .FooterRow
{
    position: relative;
}
.grid_price_footer, .grid_price_view
{
    position: absolute !important;
    bottom: 0;
    height: 100%;
}
.grid_price_footer
{
    left: 0;
}
.grid_price_view
{
    right: 0;
}
.LblProductName img, .LblOverviewProductName img
{
    top: 2px;
}
.HlProductDetails
{
    width: 75px;
    display: block;
    text-decoration: none;
    top: 17px;
    text-align: center;
}
.PDBottom
{
    top: 10px;
    right: 0px;
    width: 79px !important;
}
.DvProductsRelatedGrid .InfoLabel, .DvProductsRelatedGrid .LblProductPrice, .ProductsGrid .InfoLabel, .ProductsGrid .LblProductPrice, .LblProductName, .LblProductName span, .LblOverviewProductName, .LblOverviewProductName span
{
    font-weight: bold !important;
}
.grid_price_footer label
{
    padding: 0;
}
.LblProductPriceFrom, .PriceLabelDiscount, .LblProductPrice, .LblPriceVat
{
    position: absolute;
    left: 0;
}
.LblProductPriceFrom, .PriceLabelDiscount
{
    bottom: 27px;
}
.extraTop
{
    bottom: 40px;
}
.PriceLabelDiscount
{
    text-decoration: line-through;
}
.LblProductPrice
{
    bottom: 13px;
}
.LblPriceVat
{
    bottom: 0;
}
.leftPanel
{
    width: 780px;
}
.HlBackToCategory span
{
    padding-left: 5px;
}

/*PRODUCTSFILTER*/
.ColorItem
{
    float: left;
    margin: 2px 0px 0px 2px;
}
.ReadOnlyTb *
{
    background-color: #D6D6D6 !important;
    color: #3D3D3D !important;
}
/*CUSTOMERSETTINGS*/
.CustomerSettings .resumeShoppingCartHeader
{
    height: 65px;
}
.CustomerSettings .editCustomer td, .CustomerSettings .customerProfile td
{
    vertical-align: middle !important;
}
.CustomerSettings .editCustomer .dxeEditArea
{
    text-align: left !important;
}
/*PRODUCTDETAILS*/
.details .ProductImagesLink
{
    display: block;
    width: 100% !important;
    height: 100%;
}
.details .PriceLabelDiscount
{
    position: inherit !important;
}
.tbProductMatrix .SizeCell
{
    vertical-align: middle !important;
    padding: 0px 2px 2px 0px;
}
.ColorTextCell
{
    max-width: 35px !important;
}
.trColorName
{
    padding: 7px 0px;
}
.BtnOrderProductGrid .dxbButton
{
    width: 100% !important;
}
/*SUPERGROUPINDEX*/
.productImage
{
    width: 100%;
}
table.productImage
{
    height: 100%;
}
img.productImage
{
    width: auto;
    margin: 0 auto;
    line-height: 15px;
}
.PageSgIndex .HlBackToCategory
{
    padding: 3px 0 10px;
}
.PageSgIndex .HlProductDetails, .PageSgIndex .dxdvControl td.dxdvCtrl
{
    padding: 0px !important;
}
.PageSgIndex .GeneralInfoContainer
{
    margin-top: 0px !important;
}
/*.PageSgIndex a, .PageSgIndex a:visited, .PageSgIndex a:hover{text-decoration: none !important;}*/
.PageSgIndex .grid_image_holder
{
    height: 100px !important;
}
.details .productImage
{
    height: auto !important;
}
.PageSgIndex .lbIndexGroupHeader span
{
    font-size: 10pt !important;
}
.PageSgIndex
{
    margin-bottom: 10px;
}
.SgEmptyData
{
    width: 780px;
    height: 100px;
    text-align: center;
}
/*PRODUCTSGRID*/
.DvProductsGrid
{
    float: left;
    margin-left: 8px;
    width: 600px;
}
.ProductsGrid .dxdvCtrl
{
    padding-top: 0px !important;
}
.ProductsGrid .BtnStockIndicator img
{
    top: 2px;
}
.ProductsGrid .PopUpProductDetails .BtnStockIndicator img
{
    top: -2px !important;
}
.ProductsGrid .DdlMultiProducts input
{
    text-align: left !important;
}
.ProductsGrid .InfoLabel
{
    font-size: 11pt !important;
    color: #000000 !important;
}
.ProductsGrid .labelHolder
{
    width: 105px !important;
}
.ProductsGrid .PopUpContentHolder
{
    width: 95%;
}
.ProductsGrid .tbAmountOfProduct input
{
    width: 100%;
    height: 90% !important;
}
.ProductsGrid .dxdvControl td.dxdvCtrl
{
    padding: 0px 10px !important;
}
/*CUSTOMPAGE*/
.privacy_container, .htmltextHolder
{
    width: 100%;
}
.htmltextHolder img
{
    max-width: 100%;
}
.productImage img
{
    max-width: inherit !important;
}
.privacy_container, .htmltextHolder, .htmltextHolder .ProductsGrid .dxdvControl td.dxdvCtrl
{
    padding: 0px !important;
}
.bx-wrapper .da-img img
{
    width: auto;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
}
/*PRODUCTGROUP TREEVIEW*/
.TreeViewProductGroups, .ProductGroupContainer
{
    width: 173px !important;
}
.ProductGroupHeader
{
    width: 100%;
    height: 28px !important;
    border-bottom: solid 1px;
    text-align: left !important;
}
.ProductGroupHeader tr td
{
    height: 28px;
    vertical-align: middle !important;
}
.lblProductGroupCss
{
    left: 0px !important;
}
.TreeViewProductGroups li ul
{
    border-top: solid 3px #444;
    border-bottom: solid 2px #444;
}
.TreeViewProductGroups li ul li ul
{
    border-top: solid 2px #888;
    border-bottom: solid 1px #888;
}
.SgNodeSelected, .SgNodeHover, .SgTreeNode
{
    border-bottom: solid 1px #888 !important;
}
.SgTreeNode
{
    width: 171px;
    word-wrap: break-word;
    table-layout: fixed;
    padding: 1px !important;
    font-size: 10pt;
}
.SgTreeNode span
{
    white-space: normal !important;
    padding: 5px 0px 5px 16px !important;
}
.SgNodeSelected, .SgNodeHover
{
    border-width: 0px !important;
    padding: 1px !important;
    border-bottom: solid 1px #888 !important;
}
.dxtv-subnd .SgNodeSelected, .dxtv-subnd .SgNodeHover
{
    border-bottom: solid 1px #444 !important;
}
.dxtv-subnd .dxtv-subnd .SgNodeHover, .dxtv-subnd .dxtv-subnd .SgNodeSelected
{
    border-bottom: solid 1px #888 !important;
}
.dxtv-subnd .SgTreeNode, .dxtv-subnd .dxtv-subnd .SgTreeNode
{
    font-size: 9pt;
}
.SgNodeSelected span, .SgNodeHover span
{
    text-decoration: underline !important;
}
.SgTreeElbow
{
    width: 0px !important;
}
.dxtv-subnd .dxtv-subnd, .dxtv-subnd
{
    margin-left: 0px !important;
}
/*subnode*/
.dxtv-subnd
{
    background: url('../CustomerControls/Webshop/Images/WebshopSpecificImages/Icons/treeview-sub.png') repeat;
}
.SgNodeSelected, .SgNodeHover, .dxtv-subnd div, .dxtv-subnd .dxtv-subnd div
{
    background-color: transparent !important;
}
.dxtv-subnd .dxtv-subnd
{
    background: url('../CustomerControls/Webshop/Images/WebshopSpecificImages/Icons/treeview-sub2.png') repeat;
}
.HoverTreeViewMenuItem a, .SelectedTreeViewMenuItem
{
    text-decoration: underline;
}
/*LOGIN*/
.ASPxBtnForgotPassword
{
    width: auto !important;
    padding: 5px 10px !important;
}
/*CONTROLS*/
.widget
{
    max-width: 202px;
}

/*IMAGEGALLERY*/
.buttonLeft
{
    left: 40px;
}
.buttonRight
{
    right: 40px;
}
.top_content
{
    padding-bottom: 5px;
}
.top_content, .left_content_full
{
    width: 100%;
}
.left_content_full, .left_content, .right_content
{
    display: block;
    word-wrap: break-word;
}
.left_content_full, .left_content
{
    float: left;
}
.right_content
{
    float: right;
}
.widget_content
{
    width: 21%;
}
.html_content
{
    width: 78%;
}
.widget_content img
{
    max-width: 100%;
}
.widget_content .UserSummaryHolder img
{
    max-width: 90%;
}
.html_content .slideContentFull
{
    height: 233px;
}
/*ADVERTISEMENT*/
.AdvertisementBorder
{
    height: 100%;
}
.advertisementList, .advertisementGallery
{
    margin: 0 auto 10px;
}
.slideCaptionTextHolder, .slideImageHolder, .SlideGallery
{
    position: relative;
}
.image_cutter_slider, .image_cutter_adoverview, .SlideGallery
{
    overflow: hidden;
}
.image_cutter_adoverview, .slideTable img, .advertisementGallery, .SlideGallery, .slideTable, .image_cutter_slider
{
    width: 100%;
}
.top_content .DvAdvertisementOverviewItem, .top_content .AdOverviewInfo, .slideCaptionTextHolder, .advertisementGallery, .SlideGallery, .slideTable
{
    height: 200px;
}
.slideImageHolder
{
    width: 30%;
}
.slideBtnHolder, .slideImageHolder, .image_cutter_slider
{
    height: 180px;
    margin-top: 10px;
}
.slideCaptionTextHolder div, .slideImageHolder
{
    z-index: 30000;
}
.image_cutter_adoverview
{
    height: 145px;
}
.top_content .image_cutter_adoverview
{
    height: 195px;
}
.slideTable img
{
    margin-left: 10px;
}
.slideCaptionTextHolder
{
    width: 56%;
    padding: 0 30px 20px;
}
.slideCaptionTextHolder h1
{
    font-size: 20pt !important;
    max-width: 95%;
}
.slideCaptionTextHolder span
{
    font-size: 13pt !important;
    max-width: 100%;
}
.slideBtnHolder
{
    vertical-align: bottom !important;
}
.slideCaptionTextHolder div, .adText, .adTitle
{
    position: absolute;
    z-index: 10;
    width: 100%;
    display: block !important;
    visibility: hidden;
}
.adText
{
    top: 85px;
    left: -4000px;
}
.adTitle
{
    top: 0px;
    right: -400px;
}
.slideCaptionTextHolder div
{
    width: 90px;
    height: 20px;
    padding: 5px;
    bottom: 5px;
    right: 5px;
}
.slideTable td
{
    vertical-align: top !important;
}
.LblOverviewTitle
{
    font-size: 18pt !important;
}
.LblOverviewText
{
    font-size: 12pt !important;
}
.AdOverviewInfo td
{
    vertical-align: top !important;
}
.AdBtnHolder td
{
    vertical-align: bottom !important;
}
.AdBtnHolder .HlProductDetails
{
    top: 0px;
}
.AdvertisementBorder
{
    padding-left: 10px;
}
.HlProductDetails
{
    font-size: 8pt;
}

/*SHOPPINGCARTVIEW*/
.DivLblFranco .gvShoppingcartOverview
{
    width: 675px !important;
    float: none !important;
    margin: 0 auto;
}
.DivLblFranco .dxic
{
    height: 15px !important;
}

/*USERSUMMARY*/
.MinOnePx
{
    height: 1px !important;
}
.UserSummaryContainer.fixed
{
    position: fixed;
    top: 40px;
}
/*PRODUCT ORDER DETAIL SETTTINGS*/
.cbOrderProductDetails .paddingBottom
{
    padding-bottom: 5px;
}
.cbOrderProductDetails .alignRight
{
    text-align: right;
}
/*PRODUCT RATING*/
.RatingControl
{
    float: left;
    padding-right: 3px;
}
.PdRatingHolder
{
    padding: 5px 0px;
}

.halfWidth
{
    width: 50%;
}
.paddingLeft
{
    padding-left: 5px;
}
.paddingLeft3
{
    padding-left: 3px;
}
.marginLeft
{
    margin-left: 15px;
}
.marginTop
{
    margin-top: 3px;
}
.marginBottom
{
    margin-bottom: 5px;
}
.CbAddAnonymus label
{
    position: relative;
    top: 2px;
}
. .CbAddAnonymus label
{
    top: 4px;
}
.paddingTop
{
    padding-top: 5px;
}
.paddingRight
{
    padding-right: 5px;
}
.paddingBottom
{
    padding-bottom: 3px;
}

.displayBlock
{
    display: block;
}
.paddingBottom10
{
    padding-bottom: 10px;
}
.addRatingButton
{
    border-bottom: solid 1px #A8A8A8;
    padding-bottom: 5px;
    overflow: hidden;
    height: auto;
}
.ReportLink
{
    cursor: pointer;
}
.sendHolder
{
    padding-bottom: 5px;
    overflow: hidden;
}
.PnlRating
{
    padding-bottom: 20px;
}
.SupplierMenuItem
{
    border-width: 0;
    background-color: transparent;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .widget_content .UserSummaryHolder img
    {
        max-width: 100% !important;
    }
}
.html_content ul
{
    width: 97%;
    left: 3%;
    position: relative;
}



ul.ul-vertical
{
    width: 100%;
    list-style-type: none;
}
ul.ul-order-import li
{
    display: inline-block;
}
ul.ul-order-import li, ul.ul-order-import li .order-import-label{height:26px;line-height:26px;}
ul.ul-horizontal
{
    width: 100%;
    list-style-type: none;
}
ul.ul-horizontal li
{
    display: inline-block;
}
ul.product-add-shoppingcart li
{
    height: 29px;
    line-height: 29px;
    vertical-align: top;
}
ul.product-header-horizontal li
{
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
.font11pt
{
    font-size: 11pt !important;
}
.font14pt
{
    font-size: 14pt !important;
}
.height20px
{
    height: 20px !important;
}
.gridOrderButton
{
    padding: 6px 4px !important;
}
.loyaltyArrowButton
{
    font-size: 13pt;
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
}
.loyaltyBox
{
    height: 23px;
    line-height: 24px;
    vertical-align: middle;
    text-align: right;
    width: 80%;
    margin-top: 5px;
    border: solid 1px #d4d0c8;
}
.BtnLoyaltySaldo
{
    padding: 0 3px 0 4px !important;
}
.customerAddEditBackBtn
{
    position: relative;
    top: 3px;
    padding-top: 10px !important;
}
.customerAddEditMenu
{
    position: relative;
    left: -3px;
}
.inappropriateRow td
{
    background-color: Salmon !important;
}
a.anchor_hover:hover
{
    text-decoration: underline !important;
}
.ul-locations
{
    left: 0 !important;
}
.ul-locations > li
{
    vertical-align: top;
    padding-top: 10px;
}
.MultiBannerCell
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.LblOfferMultiProductGrid
{
    width: 100%;
    display: block;
}
.BtnCouponExtraPadding
{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.componentHeader
{
    font-size: 10pt;
}
.banner
{
    height: 50px;
    z-index: 10;
}
.stickyTop
{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}
.stickyTop .stickyTopCenterAligner
{
    text-align: right;
    float: none !important;
    margin: 0 auto;
    width: 999px;
    height: 100%;
    position: relative;
}
.stickyTop .stickyTopRightAligner
{
    position: absolute;
    right: 0px;
    z-index: 11 !important;
}

a.LgnStatus, a.HlNewsletter
{
    text-decoration: none;
}
a.LgnStatus:hover, a.HlNewsletter:hover
{
    text-decoration: underline;
}
.widthAuto
{
    width: auto !important;
}

.header-shoppingcart-button
{
    border-top: 1px solid #B5B5B5;
    border-left: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;
    height: 22px;
    line-height: 22px;
    margin-left: 10px;
    margin-top: 4px;
}
.header-shoppingcart-button i
{
    color: #B5B5B5 !important;
}
.header-order-button
{
    font-size: 8pt !important;
    height: 24px;
    line-height: 24px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-top: 4px;
}
a.header-order-button
{
    text-decoration: none;
}
a.header-order-button-hover span
{
    text-decoration: underline !important;
}
.li-shoppingcart-icon
{
    padding-right: 3px;
    padding-left: 10px; /*border-right: solid 1px #B5B5B5;*/
}
.i.header-shoppingcart-icon-products
{
    position: relative;
    top: 1px;
}
 .header-menu-logout{margin-left:1px;}
    a.header-menu-logout{text-decoration:none;}
    a.header-menu-logout:hover{text-decoration:underline;}
    .flags-dropdown{margin-left:10px;margin-top:4px;line-height: 12px;background:none;}
    .flags-dropdown input.dxeEditArea {padding:0 !important;}
    .flags-dropdown-button{background:none;}
    .flags-dropdown img,.flags-dropdown-button img{padding: 0px !important;}
    .flags-dropdown .dxic{padding:0px !important;width:0px !important;}
    #header .dxeI{padding-bottom:0px !important;}
    .userMenu{padding:0px !important;}
    #header .dxeListBox div.dxlbd{padding-bottom:1px !important;}
    .shadow {
  -moz-box-shadow: 1px 1px 4px #5d5d5d; /* Firefox/Mozilla */
  -webkit-box-shadow: 1px 1px 4px #5d5d5d; /*Safari/Chrome */
  box-shadow: 1px 1px 4px #5d5d5d; /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5d5d5d')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5d5d5d');
}

.stickyTopSearchPanel{position:absolute;height:24px;margin-top:3px;display:none;width: 250px;}
.stickyTopSearchPanel .SearchBox input{height:20px !important; margin-top: -2px !important;}
.stickyTopSearchPanel .BtnSearch{padding: 5px 7px !important;right: -1px;top: -1px;}
.showNewsletterLink,.displayStickyTopSearchPanel{display: block !important;}
.MnAccount{padding-right:0px !important;}
.hideCustomerStores,.hideNewsletterLink{display:none !important;}
.DvProductsGrid99{float: left;margin-left: 8px;width: 99% !important;}
 .easyOrderErrorFrame
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    .loyaltyBoxWidget{width: 56%;}
    .lblLoyaltySaldoWidget{position:relative;top:7px;}
    .loyaltyBox a,.loyaltyBoxWidget a{font-size:1.4em !important;}
      .PopUpShoppingCartWidget img
    {
        padding: 0px !important;
    }
    .PopUpShoppingCartWidget .dxpc-header{padding-top:0px !important;padding-bottom:0px !important;}
    .PopUpShoppingCartWidget .dxpc-headerText{font-size:12pt !important;}
    .PopUpShoppingCartWidget-footer .dxpc-footerContent
    {
        overflow: hidden;
        padding-right: 14px;
    }
    .shoppingcart-summary-ordercalculation .container
    {
        clear: both;
        height: auto;
        overflow: hidden;
    }
    .PopUpShoppingCartWidget .buttonOnlyText span{word-wrap:break-word;}
    .shoppingcart-summary-ordercalculation{clear:both;}.PopUpShoppingCartWidget .dxpc-headerContent{text-align:left;}
    .requiredPods{position:relative;right: 8px;top: 6px;width: 14px;}
    a.ScProductName{text-decoration:none !important;text-align: left;white-space: normal;word-wrap: break-word;} a.ScProductNameHover{text-decoration:underline  !important;}
    .header-shoppingcart-button{background-color:#fff;}
    
     .LblOverviewProductName span{text-decoration:none !important;}
     
     
     .gvShoppingcartOverviewView a.buttonOnlyText:hover{text-decoration:none !important;cursor:default;}
        li.dxm-subMenu .dxm-popOut {padding-bottom: 6px !important;padding-top: 9px !important;}
     .html_content ul.slider_gallery{left:0 !important;}
     
     .clear_right{clear:right;}
     .clear_left{clear:left;}
     .clear_both{clear:both;}
     .display_inline_block{display:inline-block;}
     ul{padding:0;}
     body{margin:0;}
     .purchaseIcon{font-size:7pt !important;}