@import url( font.css );
/* =================================
    CSS STYLES FOR CATALooK.netStore 
    v7.2.6, 11/2016
   =================================
*/


/* =============================================================
    Validator error style
   =============================================================*/
span.catFormMessage.catFormError {
    display: block;
    position: absolute;
    overflow: visible;
    bottom: 95%;
    right: 12%;
    width: 200px;
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgba(255,0,0,0.75);
    color: #fff;
    text-align: left;
}


    span.catFormMessage.catFormError:after {
        position: absolute;
        bottom: -7px;
        left: 15px;
        content: "";
        width: 0;
        height: 0;
        opacity: 0.75;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid red;
    }


/* =============================================================
    Bootstrap forms add on
   =============================================================*/

.cat-form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.cat-form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/* =============================================================
    dnnForm Responsive Styles
   =============================================================*/
@media only screen and (max-width: 480px) {

    .dnnTooltip {
        display: block;
        margin-right: 18px;
        position: relative !important;
        width: 32.075%;
        left: 0px;
    }

    /* Cancel in-line display */
    .dnnFormItem > label.dnnFormLabel,
    .dnnFormItem > .dnnLabel {
        display: block;
        text-align: left;
        float: none;
        width: inherit;
    }

    /*.dnnLabel+input*/
    /*.dnnFormItem div.dnnLabel + input*/
    .dnnFormItem input[type="text"],
    .dnnFormItem input[type="password"],
    .dnnFormItem input[type="email"],
    .dnnFormItem input[type="search"],
    .dnnFormItem input[type="tel"],
    .dnnFormItem select,
    .dnnFormItem textarea {
        clear: both;
        display: block;
        width: 95%;
        font-size: 18px;
    }

    .dnnFormItem .form-control {
        height: auto;
    }

    .dnnLabel {
        margin: 0px;
        padding-right: 0px;
    }

    a.dnnFormHelp {
        position: relative;
        margin-left: 5px;
    }
}

/* =============================================================
    overwrite defaults for links from dnn default.css
   =============================================================*/
a.btn-default:visited {
    color: #333;
}

a.btn-info, a.btn-info:visited, a.btn-primary, a.btn-primary:visited, a.btn-danger, a.btn-danger:visited, a.btn-success, a.btn-success:visited, a.btn-warning, a.btn-warning:visited {
    color: #fff !important;
}

/* overwrite pager li > a with default bootstrap colors */
.btn-primary {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

/* Quantity entry box */
.bootstrap-touchspin > input.form-control {
    min-width: 30px;
    padding: 6px 2px; /* Overwrite Boostrap .form-control class */
    text-align: center;
}

.CATToggleButton {
    font-family: inherit;
    font-size: 12px;
    color: #000; /* non selected color */
    list-style: none;
}

    .CATToggleButton > li {
        /*display: inline-block;*/
        float: left; /* on fixed element hight defined below [CATAddressToggle etc.], we have to use float here, otherwise we can use display: inline-block above */
    }

ul.CATToggleButton {
    margin-bottom: 0px;
    margin-left: 0px;
    /*overflow: hidden;*/
}

.CATToggleButton input[type="radio"] {
    width: 0px;
    height: 0px;
    display: none;
}

.CATToggleButton input[type=radio] + label {
    cursor: pointer;
    color: #3E3928;
    background-color: #f5f5f5;
    padding: 2px 6px !important;
    border: 1px solid #AAAAAA;
    margin: 3px 0px 3px 5px !important;
    white-space: nowrap;
    clear: left;
    display: inline-block;
}

    .CATToggleButton input[type=radio] + label:hover {
        border: 1px solid rgba(255,0,0, 0.8);
        -webkit-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(255, 0, 0, 1);
        -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
        -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
        color: #FFFFFF;
        background: #D1CFC2;
    }

.CATToggleButton input[type=radio]:checked + label {
    border: 1px solid rgba(255,0,0, 0.8);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    background-color: #F7F5E8;
    color: #000000;
}

.CATAddressToggle input[type=radio] + label {
    height: 100px; /* item height */
}

* {
    box-sizing: border-box;
}

    *:before, *:after {
        box-sizing: border-box;
    }

.CATClearFloat {
    clear: both;
}

/* required for datalist flow mode */
.CAT_Datalist_ItemStyle {
    vertical-align: top;
}

/* Add To Cart etc. Message Modal Window (Window Width >= 768px) */
.cat_modal_sm {
    width: 600px;
}

/* ====================
    MODULE CONTAINERS
   ====================*/

/*
.CATContainerBorder img {
    vertical-align: baseline;
}
*/

/* Style of the Container title row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerHeader {
    visibility: visible; /* display:none; */
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: inherit;
}

td.CATContainerHeader, div.CATContainerHeader {
    visibility: visible;
    height: 22px;
}

/* Style of the Container footer row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerFooter {
    visibility: visible; /* display:none; */
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: inherit;
}

td.CATContainerFooter, div.CATContainerFooter {
    visibility: visible;
    height: 22px;
}

/* ===================
    MODULE INNER AREA
   ===================*/

/* Style of the inner Container border and background */
.CATBorder {
    border: none;
    background-color: Transparent;
}

/* Style of the inner sections border and background of the presentation layer modules*/
.CATSectionBorder {
    border: none;
    background-color: Transparent;
}

/* Style of the inner sections border and background of the admin modules*/
.CATAdminSectionBorder {
    border-bottom: #C3C3C3 1px solid;
    background-color: Transparent;
}

/* Style of the border and background of the admin sub menus */
.CATSubMenuBorder {
    border: 1px #C3C3C3 solid;
    background-color: Transparent;
}

/* Style of the item border and background of list items from the list, grid and repeater controls */
.CATListBorder {
    border: 1px #C3C3C3 dotted;
    background-color: Transparent;
}

/* Style of the item border and background of list items from the grid controls */
.CATGridBorder {
    border-bottom: 1px solid #eaf5ff;
    background-color: Transparent;
    padding: 10px;
    transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
}
.CATGridBorder:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
/* Style of the inner module chapter main title row */
.CATHeader {
    font-family: inherit;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #E5E5E5;
    padding: 5px;
}

    .CATHeader span {
        color: #000000;
        display: inline;
        font-family: inherit;
        font-size: 18px;
        font-weight: bold;
        line-height: 120%;
        min-width: 1px;
        width: 1px;
    }

/* Style of the inner module chapter sub title row */
.CATAltHeader {
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    font-family: inherit;
    padding: 10px 0 10px;
    line-height: 120%;
}

/* Style of the left title fields and of the breadcrumbs and Custom Pager control */
.CATSubHeader {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    font-family: inherit;
}

td.CATSubHeader, div.CATSubHeader {
    background-color: #F5F5F5;
}

/* Style of the right value fields in admin pages and of the content area of all presentation layer modules */
.CATRow {
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    font-family: inherit;
    vertical-align: top;
}

/* Style of the highlighted value fields */
.CATRowHighLight {
    font-weight: normal;
    font-size: 14px;
    color: #777777;
    font-family: inherit;
}

td.CATRowHighLight, div.CATRowHighLight {
    border-bottom: 0px solid #E5E5E5;
    text-align: left;
}


/* ====================
    General
   ====================*/

.catVisible {
    display: normal !important;
}

.catHidden {
    display: none !important;
}


/* Style of Product Number, ISBN Number, EAN Number, Author, Publisher, Size, URL */
.CATProductNumber {
    color: #000000;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
}

/* Style of Price 1 and Retail Price Prefix in repeaters, product lists and detail page */
.CATProductListItem {
    color: #000000;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
}

/* Style of Price 2 to 6 and Price extensions (exchanged amount, tax value, percentage discount extension) */
.CATUnitCost {
    color: #808080;
    font-family: inherit;
    font-size: 12px;
}

/* Style of Special Price DiscountExtension*/
.CATNormalBold {
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* */
.CATDescription {
    font-weight: normal;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
}

/* Please inform your customers that you 
  do not accept liability for the correctness of images and descriptions in the 
  product details. An appropriate sentence is indicated below the picture in the 
  product details.  */
.CATLiability {
    color: #000000;
    font-family: inherit;
    font-size: 12px;
}

/* Style of the welcome message on store home pages */
.CATHomeHead {
    color: #c0c0c0;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
}

/* style of item titles */
.CATSubHead {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

/* title style */
.CATSubSubHead {
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* text style used for most text */
.CATNormal {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

/* */
.CATSmall {
    color: #000000;
    font-family: Arial Narrow;
    font-size: 12px;
    font-weight: normal;
}


.CATNormalRed {
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}

/* ====================
    Controls
   ====================*/

/* text style used for textboxes in the admin and edit pages , input[type="text"]*/
.CATNormalTextBox {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

/* style used for dropdownlistcontrols of all pages and the ddl control of module CAT_MenuNF */
.CATNormalDropDownList, select {
    font-family: inherit;
    font-size: 14px; /*1.2em;*/
    font-weight: normal;
    color: #666666;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.normalCheckBox {
    margin-left: -4px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalRadio {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal; /*	text-indent: -5px; */
    color: #666666;
}


/* ====================
    Links/Buttons
   ====================*/

/* text style for buttons and link buttons used in the store admin pages */
.CATCommandButton {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

/* hyperlink style for buttons and link buttons used in the store admin pages */
A.CATCommandButton:link, A.CATCommandButton:visited, A.CATCommandButton:active {
    color: #555555;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 14px;
}

A.CATCommandButton:hover {
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 14px;
}

/* Standard for links 
.CATContainerBorder a, .CATContainerBorder a:link, .CATContainerBorder a:visited, .CATContainerBorder a:active {
    color: #555555;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 14px;
}

    .CATContainerBorder a:hover {
        color: #666666;
        text-decoration: none;
        font-weight: normal;
        font-family: inherit;
        font-size: 14px;
    }
*/

/* ====================================================
    TAB Menu Style used in module CAT_Products
   ====================================================*/

/* Active Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabNoActive {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 24px;
    background-color: #FCFCFC;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
}

/* Tab Spacer Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabSpacer {
    height: 24px;
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #98AAB1;
    border-bottom-style: solid;
}

/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabActive {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 24px;
    background-color: #F5F5F5;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
}


/* ====================================================
    DataGrid Style used in Store WorkPages(Admin Pages)
   ====================================================*/

.CATGrid {
    width: 100%;
    background-color: Transparent;
    background-image: none;
}

    .CATGrid td {
        border-bottom: 1px solid #E5E5E5;
        padding: 4px;
    }

.CATGridHeader {
    height: 22px;
    font-weight: bold;
    color: #222222;
    font-family: inherit;
}

    .CATGridHeader td {
        background: #F5F5F5;
        border-bottom: 1px solid #CCCCCC;
        /*width: 0% !important;*/
    }

    .CATGridHeader span {
        color: #000000;
        font-family: inherit;
        font-size: 14px;
        font-weight: normal;
    }

    .CATGridHeader .dnnFormHelpContent span {
        color: #fff;
    }

.CATGridItem, .CATGridItemAlt {
    color: #222222;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
}

    .CATGridItem td table td, .CATGridItemAlt td table td {
        border: none !important;
        padding: 0 !important;
    }

.CATGridEditItem {
    color: #777777;
    font-family: inherit;
    font-size: 12px;
}

.CATGridFooter {
    background-color: #C6C3C6;
}

.CATGridPager {
    height: 32px;
    font-weight: normal;
    font-size: 14px;
    color: #777777;
    font-family: inherit;
    background-color: #F5F5F5;
}


/*==================================================
    Java Menu Style used in module CAT_MenuNF
  =================================================*/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö          |
|--------------------------------------------------*/

.dtree {
    font-family: inherit;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}

    .dtree img {
        border: 0px;
        vertical-align: middle;
    }

    .dtree a {
        color: #333;
        text-decoration: none;
    }

        .dtree a.node, .dtree a.nodeSel {
            white-space: nowrap;
            padding: 1px 2px 1px 2px;
        }

            .dtree a.node:hover, .dtree a.nodeSel:hover {
                color: #000000;
                text-decoration: underline;
            }

        .dtree a.nodeSel {
            background-color: #F5F5F5;
            color: #777777;
        }

            .dtree a.node:visited, .dtree a.nodeSel:visited {
                /*color: #800080; */
                text-decoration: none;
            }

    .dtree .clip {
        overflow: hidden;
    }

/* ===================================================================
    Style for the TreeMenu of advanced categories in module CAT_MenuNF
   ===================================================================*/
.CATTreeViewMenu {
    width: 175px;
    background-color: #FFFFFF;
}

.CATTreeViewMenu_Header {
    background-color: #FFFFFF;
}

.CATTreeMenu_NodeSelected {
    color: #595757;
    text-decoration: none;
    font-family: inherit;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_NodeChildCssClass {
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_NodeCssClass {
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_NodeOverCssClass {
    color: #6C6D6F;
    text-decoration: none;
    font-family: inherit;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_BodyCssClass {
    color: #47a045;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 14px;
    padding-left: 5px;
}

/* ====================================================
    Style for the Link Box Control in module CAT_MenuNF
   ====================================================*/

LI.linkbox .CATMenu img {
    width: 30px;
    margin-right: 5px;
    text-decoration: none;
}

LI.linkbox {
    display: list-item;
    list-style-position: outside;
    list-style-image: url(bullet.gif);
    margin-left: 0px;
    line-height: 12.5pt;
    list-style: none;
    margin: 0;
    padding: 0;
}

A.CATMenu, A.CATMenu:link, A.CATMenu:visited {
    text-decoration: none;
    font-family: inherit;
    font-size: 12px;
    color: #777777;
    margin-right: 10px; /*for horizontal menu*/
}

    A.CATMenu:hover {
        text-decoration: underline;
        font-family: inherit;
        font-size: 12px;
        color: #777777;
    }


/* ====================================================
    CSS STYLES FOR THE OLDER FRAME MODULE CATALooKStore 
    v3.3, 11/2004
   ====================================================*/

/*Size of Tree Menu in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopLeftFrame {
    height: 600px;
    width: 24%;
}

/*Size of Product List in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopRightFrame {
    height: 600px;
    width: 74%;
}

/* Body backcolor, border and scrollbars of ShopLeftFrame TreeMenu in module CATALooKStore*/
.MenuPaneBody {
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: Red;
    border-style: solid;
}

/* Body backcolor, border and scrollbars of ShopRightFrame ProductList of module CATALooKStore */
.ItemPaneBody {
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

/* Width of List Control on Frame ShopMainSide(module: CATALooKStore) [width:auto;] or [width: xxx;] or [width: xxx%;] */
.CATProductListGrid {
    width: 100%;
}

.CATProductBrowseList {
    width: 100%;
}


/* Border + Background style of repeaters in module CATALooKStore */
.CATPostContainer {
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

/* Title Style in repeaters on module CATALooKStore */
.CATMostPopularHead {
    background-color: red;
    background-image: none;
    background-repeat: no-repeat;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
}

/* Style of horizontal row in repeaters on module CATALooKStore */
.CATMostPopularFoot {
    color: #000000;
    height: 1px;
}
/* Item text in repeators on module CATALooKStore */
A.CATMostPopularItemText, A.CATMostPopularItemText:link, A.CATMostPopularItemText:visited {
    color: #000000;
    font-family: inherit;
    font-size: 12px;
    text-decoration: none;
}

    A.CATMostPopularItemText:hover {
        color: red;
        font-family: inherit;
        font-size: 12px;
        text-decoration: underline;
    }



/* ===============================================
    Default style for the advanced paging control
   ===============================================*/

/* default style paging table */
.CATPagingTable {
    background-color: #F5F5F5;
    border: solid 1px #CCCCCC;
    margin-bottom: 10px;
    text-transform: none;
    width: 100%;
}

    .CATPagingTable .CATNormal {
        color: #333333;
        font-family: inherit;
        font-size: 14px;
    }

/* default text style for inactive link buttons of advanced paging control */
.CATNormalDisabled {
    color: #999999;
    font-family: inherit;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: 0;
    font-family: inherit;
}

.CATPagingTable > tbody > tr > td {
    display: block;
    width: auto !important;
    white-space: normal !important;
    padding: 2px 2px 0 2px;
}

    .CATPagingTable > tbody > tr > td:first-child {
        float: left;
    }

    .CATPagingTable > tbody > tr > td:last-child {
        float: right;
    }

    .CATPagingTable > tbody > tr > td > a, .CATPagingTable > tbody > tr > td > span {
        margin-bottom: 2px;
    }


/* ===============================================
    Style for the lytebox.js script
   ===============================================*/

#lbOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 500px;
}

    #lbOverlay.grey {
        background-color: #000000;
    }

#lbMain {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    line-height: 0;
}

    #lbMain a img {
        border: none;
    }

#lbOuterContainer {
    position: relative;
    background-color: #fff;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

    #lbOuterContainer.grey {
        border: 3px solid #888888;
    }

#lbDetailsContainer {
    font-family: inherit;
    font-size: 10px;
    background-color: #fff;
    width: 100%;
    line-height: 1.4em;
    overflow: auto;
    margin: 0 auto;
}

    #lbDetailsContainer.grey {
        border: 3px solid #888888;
        border-top: none;
    }

#lbImageContainer, #lbIframeContainer {
    padding: 10px;
}

#lbLoading {
    position: absolute;
    top: 45%;
    left: 0%;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(lytebox/Images/loading.gif) center no-repeat;
}

#lbHoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lbImageContainer > #lbHoverNav {
    left: 0;
}

#lbHoverNav a {
    outline: none;
}

#lbPrev {
    width: 49%;
    height: 100%;
    background: transparent url(lytebox/Images/blank.gif) no-repeat;
    display: block;
    left: 0;
    float: left;
}

    #lbPrev.grey:hover, #lbPrev.grey:visited:hover {
        background: url(lytebox/Images/prev_grey.gif) left 15% no-repeat;
    }

#lbNext {
    width: 49%;
    height: 100%;
    background: transparent url(lytebox/Images/blank.gif) no-repeat;
    display: block;
    right: 0;
    float: right;
}

    #lbNext.grey:hover, #lbNext.grey:visited:hover {
        background: url(lytebox/Images/next_grey.gif) right 15% no-repeat;
    }

#lbPrev2, #lbNext2 {
    text-decoration: none;
    font-weight: bold;
}

    #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {
        color: #333333;
    }

#lbPrev2_Off, #lbNext2_Off {
    font-weight: bold;
}

    #lbPrev2_Off.grey, #lbNext2_Off.grey {
        color: #CCCCCC;
    }

#lbDetailsData {
    padding: 0 10px;
}

    #lbDetailsData.grey {
        color: #333333;
    }

#lbDetails {
    width: 60%;
    float: left;
    text-align: left;
}

#lbCaption {
    display: block;
    font-weight: bold;
}

#lbNumberDisplay {
    float: left;
    display: block;
    padding-bottom: 1.0em;
}

#lbNavDisplay {
    float: left;
    display: block;
    padding-bottom: 1.0em;
}

#lbClose {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbClose.grey {
        background: url(lytebox/Images/close_grey.png) no-repeat;
    }

#lbPlay {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbPlay.grey {
        background: url(lytebox/Images/play_grey.png) no-repeat;
    }

#lbPause {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbPause.grey {
        background: url(lytebox/Images/pause_grey.png) no-repeat;
    }


/* responsive styles*/
/* Best solution to put an fixed size or responsive image left beside a text and grant text wrapping and no overlapping cells for all screen sizes */
.cat-table {
    display: table;
    border-collapse: collapse;
}

    .cat-table > .cat-row {
        display: table-row;
    }

        /* overwrite default margin-left: auto of resposnive images */
        .cat-table > .cat-row > div > img {
            margin-left: 0 !important;
        }

@media (min-width: 768px) {
    .cat-table > .cat-row > div:last-child {
        vertical-align: top;
        padding-left: 5px;
    }

    .cat-table > .cat-row > div {
        display: table-cell;
    }
}

@media (max-width: 767px) {
    .cat-table > .cat-row > div {
        display: block;
        width: auto !important;
        white-space: normal !important;
    }
}

.form-inline{
    display: flex;
    flex-wrap: wrap;
}
.catpager > div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.cat_list_box > span{
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    grid-auto-rows: auto;
    display: grid !important;
    grid-gap: 20px;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto !important;
}
.cat_list_box .CAT_Datalist_ItemStyle{
    position: relative;
    width: 100% !important;
    display: block !important;
    z-index: auto;
    transition: z-index 0.4s step-end, background-color 0.4s ease, box-shadow 0.4s ease;
    background-color: transparent;
}
.cat_list_box .CAT_Datalist_ItemStyle:hover{
    position: relative;
    transition: z-index 0.4s step-start, background-color 0.4s ease, box-shadow 0.4s ease;
    z-index: 10;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); */
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item{
    position: static;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    /* background-color:#eaf5ff; */
    padding: 8px;
    display: flex;
    flex-direction: column;
    transition: z-index 0.4s step-end, background-color 0.4s ease, box-shadow 0.4s ease;
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item .ipane-pl0-productname{
    padding-bottom: 15px;
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item:hover{
    background-color: #FAFAFA;
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item .ipane_con_box .price_button{
    transition: z-index 0.4s step-end, background-color 0.4s ease, box-shadow 0.4s ease;
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item .ipane_con_box{
    padding-top: 10px;
    background-color: #fff;

}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item:hover .ipane_con_box .price_button{
    background-color: #FAFAFA;
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item .ipane-pl0-img{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item:before{
    display: none;
}

.cat_list_box .CAT_Datalist_ItemStyle .iPanePL0Item:hover .ipane-pl0-actions-wrapper{
    opacity: 0;
}
.cat_list_box .CAT_Datalist_ItemStyle:hover .iPanePL0Item:hover .ipane-pl0-actions-wrapper{
    opacity: 1;
}

.page_sort .top_pager .pull-left{
    order: 2;
}
.top_pager{
    border-bottom: 1px solid rgba(0,0,0,.04);
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.bot_pager .catpager{
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.bot_pager{
    border-bottom: 1px solid rgba(0,0,0,.04);
    margin-bottom: 60px;
}
.page_sort .sort_box .form-group{
    display: flex;
    align-items: center;
}
.page_sort .sort_box .form-inline{
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.page_sort .sort_box .form-inline select.form-control{
    max-width: 119px;
}
#Body .form-inline .mr-sm-2{
    margin-right: 20px;
}
#Body .sort_option_box .sort_box .form-group .form-control,
#Body .form-inline select.form-control{
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    font-size: 14px;
    line-height: 32px;
    border: none;
    height: 32px;
    color: #696969;
    padding: 2px;
    padding-right: 10px;
    background: #f4f4f4;
    border: 1px solid #E4E4E4;
    border-radius: 0px;
}
.page_sort{
    font-size: 15px;
    color: #696969;
    align-items: center;
    padding-bottom: 20px;
}
.page_sort .catpager{
    margin-bottom: 0px;
}
.iPanePL0Item .ipane-pl0-productproperties .price{
    padding: 0.5rem 0;
}
.card_price span br,
.iPanePL0Item .ipane-pl0-productproperties .price > span br{
    display: none;
}
.card_price span{
    color: var(--accent-color);
    line-height: 1.5;
    font-size: 15px;
    display: flex;
}
.card_stock{
    margin-bottom: 10px;
}
.iPanePL0Item .ipane-pl0-productproperties .price span{
    color: var(--accent-color);
    line-height: 1.5;
    font-size: 15px;
    display: flex;
    justify-content: center;
}
.card_price span strike,
.iPanePL0Item .ipane-pl0-productproperties .price span strike{
    font-weight: normal;
    padding-right: 5px;
}
.iPanePL0Item .ipane-pl0-actions-wrapper{
    transition: opacity 400ms ease-in;
    padding: 0 20px 0px;
    opacity: 0;
}
#Body .iPanePL0Item .ipane-pl0-actions-wrapper .cat-btn-wrapper-bottom3{
    padding-bottom: 0px;
}
#Body .iPanePL0Item .ipane-pl0-actions-wrapper .cat-btn-wrapper-bottom3 .input-group-append .btn.btn-secondary{
    padding-top: 3px;
    padding-bottom: 3px;
}
.iPanePL0Item:hover .ipane-pl0-actions-wrapper{
    opacity: 1;
    
}
.iPanePL0Item .ipane-pl0-actions-wrapper .ipane-pl0-actions .cat-btn-wrapper-bottom3 .btn{
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-family: Ubuntu;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    color: #ffffff;
    padding: 10px 22px 10px;
    margin-top: 1px;
    border-radius: 3rem;
    background: var(--accent-color);
    transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
    border: none;
}
.iPanePL0Item:hover .ipane-pl0-actions-wrapper .ipane-pl0-actions .cat-btn-wrapper-bottom3 .btn{
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
}
.iPanePL0Item .ipane-pl0-actions-wrapper .ipane-pl0-actions .cat-btn-wrapper-bottom3 .btn:hover{
    background: var(--link-hover-color);
}
.iPanePL0Item .ipane-pl0-actions-wrapper .ipane-pl0-actions .bootstrap-touchspin{
    display: none;
}
.iPanePL0Item .ipane-pl0-img img{
    max-width: 100%;
}
.iPanePL0Item .cat-bottom7{
    margin-bottom: 0;
}
.iPanePL0Item .ipane-pl0-img{
    background-color: #fff;
}
.iPanePL0Item .ipane-pl0-productname .h5{
    font-size: 0.75rem;
    color: #888686;
    margin-top: 15px;
}
.CATGridBorder .h4{
    font-size: 18px;
    font-weight: 500;
    margin: 0.666rem 0;
    padding: 0;
    color: #000000;
    display: block;
    line-height: 1.3;
    display: inline-block;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 4px;
}
.CATGridBorder .btn_cat-qty{
    margin-bottom: 10px;
}

.iPanePL0Item .ipane-pl0-productname .h4{
    font-size: 15px;
    font-weight: 500;
    margin: 0.666rem 0;
    padding: 0 15px;
    color: #000000;
    display: block;
    line-height: 1.3;

}
.iPanePL0Item .ipane-pl0-productproperties img{
    max-width: 100%;
}

.CATGridBorder .h4 a,
.iPanePL0Item .ipane-pl0-productname .h4 a{
    color: currentColor !important;
}
.CATGridBorder .h4 a:hover,
.iPanePL0Item .ipane-pl0-productname .h4 a:hover{
    color: var(--accent-color) !important;
}
.catip-view-mode-selector .catip-btn-list{
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33 216v80c0 13.25-10.75 24-24 24H24c-13.25 0-24-10.75-24-24v-80c0-13.25 10.75-24 24-24h101.33c13.25 0 24 10.75 24 24zM0 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H24c-13.25 0-24 10.75-24 24zM125.33 32H24C10.75 32 0 42.75 0 56v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24zm80 448H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zm-24-424v80c0 13.25 10.75 24 24 24H488c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24zm24 264H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24z' fill='%2309337b'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 23px;
    transition: all 400ms ease-in;
}
.catip-view-mode-selector .catip-btn-list.active:hover,
.catip-view-mode-selector .catip-btn-list.active{
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33 216v80c0 13.25-10.75 24-24 24H24c-13.25 0-24-10.75-24-24v-80c0-13.25 10.75-24 24-24h101.33c13.25 0 24 10.75 24 24zM0 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H24c-13.25 0-24 10.75-24 24zM125.33 32H24C10.75 32 0 42.75 0 56v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24zm80 448H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zm-24-424v80c0 13.25 10.75 24 24 24H488c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24zm24 264H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24z' fill='%233d9be9'/%3E%3C/svg%3E") !important;
}
.catip-view-mode-selector .catip-btn-list:hover{
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33 216v80c0 13.25-10.75 24-24 24H24c-13.25 0-24-10.75-24-24v-80c0-13.25 10.75-24 24-24h101.33c13.25 0 24 10.75 24 24zM0 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H24c-13.25 0-24 10.75-24 24zM125.33 32H24C10.75 32 0 42.75 0 56v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24zm80 448H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zm-24-424v80c0 13.25 10.75 24 24 24H488c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24zm24 264H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24z' fill='%233d9be9'/%3E%3C/svg%3E") !important;
}

.catip-view-mode-selector .catip-btn-gallery{
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33 56v80c0 13.25-10.75 24-24 24H24c-13.25 0-24-10.75-24-24V56c0-13.25 10.75-24 24-24h101.33c13.25 0 24 10.75 24 24zm181.33 240v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.26 0 24.00-10.75 24.00-24zm32-240v80c0 13.25 10.75 24 24 24H488c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24zm-32 80V56c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.26 0 24.00-10.75 24.00-24zm-205.33 56H24c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24zM0 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H24c-13.25 0-24 10.75-24 24zm386.67-56H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zm0 160H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zM181.33 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24z' fill='%2309337b'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 23px;
    transition: all 400ms ease-in;
}
.catip-view-mode-selector .catip-btn-gallery.active:hover{
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33 56v80c0 13.25-10.75 24-24 24H24c-13.25 0-24-10.75-24-24V56c0-13.25 10.75-24 24-24h101.33c13.25 0 24 10.75 24 24zm181.33 240v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.26 0 24.00-10.75 24.00-24zm32-240v80c0 13.25 10.75 24 24 24H488c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24zm-32 80V56c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.26 0 24.00-10.75 24.00-24zm-205.33 56H24c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24zM0 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H24c-13.25 0-24 10.75-24 24zm386.67-56H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zm0 160H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zM181.33 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24z' fill='%233d9be9'/%3E%3C/svg%3E") !important;
    background-position: center !important;
}
.catip-view-mode-selector .catip-btn-gallery.active,
.catip-view-mode-selector .catip-btn-gallery:hover{
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33 56v80c0 13.25-10.75 24-24 24H24c-13.25 0-24-10.75-24-24V56c0-13.25 10.75-24 24-24h101.33c13.25 0 24 10.75 24 24zm181.33 240v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.26 0 24.00-10.75 24.00-24zm32-240v80c0 13.25 10.75 24 24 24H488c13.25 0 24-10.75 24-24V56c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24zm-32 80V56c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.26 0 24.00-10.75 24.00-24zm-205.33 56H24c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24zM0 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H24c-13.25 0-24 10.75-24 24zm386.67-56H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zm0 160H488c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H386.67c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24zM181.33 376v80c0 13.25 10.75 24 24 24h101.33c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24H205.33c-13.25 0-24 10.75-24 24z' fill='%233d9be9'/%3E%3C/svg%3E") !important;
    background-position: center !important;
}
.bot_pager{
    padding-top: 75px;
}
.bot_pager .pull-left{
    order: 2;
}
.bot_pager .catpager > div{
    justify-content: space-between;
}
.catpager .btn-group a.btn:nth-child(1),
.catpager .btn-group a.btn:nth-child(2),
.catpager .btn-group span.disabled:nth-child(1),
.catpager .btn-group span.disabled:nth-child(2){
    display: none !important;
}
#Body .catpager .btn-group a:nth-last-child(2){
    border-radius: 50% !important;
    transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
    font-size: 0;
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M216.46 36.47l-7.07 7.07c-4.69 4.69-4.69 12.28 0 16.97L387.89 239H12c-6.63 0-12 5.37-12 12v10c0 6.63 5.37 12 12 12h375.89L209.39 451.49c-4.69 4.69-4.69 12.28 0 16.97l7.07 7.07c4.69 4.69 12.28 4.69 16.97 0l211.05-211.05c4.69-4.69 4.69-12.28 0-16.97L233.43 36.47c-4.69-4.69-12.28-4.69-16.97 0z' fill='%2309337b'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px !important;
}
#Body .catpager .btn-group a:nth-last-child(2):hover{
    background-color: var(--link-hover-color) !important;
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M216.46 36.47l-7.07 7.07c-4.69 4.69-4.69 12.28 0 16.97L387.89 239H12c-6.63 0-12 5.37-12 12v10c0 6.63 5.37 12 12 12h375.89L209.39 451.49c-4.69 4.69-4.69 12.28 0 16.97l7.07 7.07c4.69 4.69 12.28 4.69 16.97 0l211.05-211.05c4.69-4.69 4.69-12.28 0-16.97L233.43 36.47c-4.69-4.69-12.28-4.69-16.97 0z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
#Body .catpager .btn-group span.disabled:nth-last-child(2){
    font-size: 0;
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M216.46 36.47l-7.07 7.07c-4.69 4.69-4.69 12.28 0 16.97L387.89 239H12c-6.63 0-12 5.37-12 12v10c0 6.63 5.37 12 12 12h375.89L209.39 451.49c-4.69 4.69-4.69 12.28 0 16.97l7.07 7.07c4.69 4.69 12.28 4.69 16.97 0l211.05-211.05c4.69-4.69 4.69-12.28 0-16.97L233.43 36.47c-4.69-4.69-12.28-4.69-16.97 0z' fill='%23929292'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px !important;
}
#Body .catpager .btn-group span.disabled:nth-last-child(1){
    font-size: 0;
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M215 99.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l116 115.4H12c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h311.9L208 388.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l148.5-148c4.7-4.7 4.7-12.3 0-17L232 99.5c-4.7-4.7-12.3-4.7-17 0zM448 76v360c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12z' fill='%23929292'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px !important;
}
#Body .catpager .btn-group span.disabled:nth-last-child(1):hover{
    background-color: transparent !important;
}
#Body .catpager .btn-group a:nth-last-child(1){
    font-size: 0;
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M215 99.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l116 115.4H12c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h311.9L208 388.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l148.5-148c4.7-4.7 4.7-12.3 0-17L232 99.5c-4.7-4.7-12.3-4.7-17 0zM448 76v360c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12z' fill='%2309337b'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px !important;
}
#Body .catpager .btn-group a:nth-last-child(1):hover{
    background-color: var(--link-hover-color) !important;
    background-image:url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M215 99.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l116 115.4H12c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h311.9L208 388.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l148.5-148c4.7-4.7 4.7-12.3 0-17L232 99.5c-4.7-4.7-12.3-4.7-17 0zM448 76v360c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
#Body .catpager .btn-group .disabled.catpagenumber{
    background-color: var(--link-hover-color) !important;
    color: #fff !important;
}
.catpager{
    margin-top: 0;
    margin-bottom: 40px;
}
.catpager .btn-primary{
    background-color: transparent !important;
}
.catpager .btn-primary{
    color: var(--accent-color) !important;
}
.catpager .btn-group > a,
.catpager .btn-group > span{
    position: relative;
    display: inline-block;
    margin: 0 5px !important;
    min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    color: var(--accent-color) !important;
    opacity: 1;
    border-radius: 0;
    border:none;
    padding: 0;
    font-size: 1rem;
}
.catpager .btn-group > a.disabled,
.catpager .btn-group > span.disabled{
    color: #929292 !important;
    cursor: not-allowed;
    pointer-events: auto;
}

.catpager .btn-group > a .fa,
.catpager .btn-group > span .fa{
    display: none;
}


.catpager .btn-group > .catpagenumber.disabled{
    
}

/*home dash*/
.home_dash{
    overflow: hidden;
}
.home_dash .iPanePL0Item{
    margin: 20px 10px 0px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    /* background-color: #eaf5ff; */
    padding: 8px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px) !important;
        transition: opacity 0.4s step-start, box-shadow 0.4s ease, background-color 0.4s ease;
}
.home_dash .iPanePL0Item:hover{
    box-shadow: none !important;
    background-color: #FAFAFA;
}
.home_dash .iPanePL0Item .ipane-pl0-productname{
    padding-bottom: 15px;
}
.home_dash .iPanePL0Item:before{
    display: none !important;
    transition: opacity 0.4s step-start, box-shadow 0.4s ease, background-color 0.4s ease;
}
.home_dash .iPanePL0Item .ipane_con_box{
    background-color: #ffffff;
}
.home_dash .iPanePL0Item .ipane_con_box .price_button{
    transition: opacity 0.4s step-start, box-shadow 0.4s ease, background-color 0.4s ease;
}
.home_dash .iPanePL0Item:hover .ipane_con_box .price_button{
    background-color: #FAFAFA;
}

.home_dash .iPanePL0Item:hover:before{
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); */
    background-color: #FAFAFA;
}
.home_dash .iPanePL0Item .ipane-pl0-img{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home_dash .iPanePL0Item .ipane_con_box{
    padding-top: 10px;
}
.home_dash .swiper-button-next,.home_dash .swiper-button-prev{
    display: none;
}
.home_dash .swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--accent-color);
}
.home_dash{
      position: relative;
      min-height: 100px;
      display: flex;
    }
    .home_dash .swiper-pagination{
      margin-top: 0px !important;
    }
    .home_dash .swiper-wrapper{
      display: flex;
    }
    .home_dash .CAT_Datalist_ItemStyle{
      display: none !important;
      flex: 0 0 292px;
    }
    #loading {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
      -webkit-transition: all ease-in 300ms;
      transition: all ease-in 300ms;
     }
     .home_dash.swiper-container-initialized{
        display: block;
     }
     .home_dash.swiper-container-initialized #loading{
        opacity: 0;
        visibility: hidden;
     }
     .home_dash.swiper-container-initialized .CAT_Datalist_ItemStyle{
      display: block !important;
      flex: none;
      height: auto;
     }
    .home_dash .iPanePL0Item .ipane-pl0-productname .h4{
        padding: 0 10px;
    }
    .iPanePL0Item .ipane-pl0-productname{
        min-height: 79.7812px;
    }
     #loading::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 60px;
      height: 60px;
      margin: -30px 0 0 -30px;
      border-radius: 50%;
      border: 6px solid #fff;
      border-color: #fff transparent #fff transparent;
      animation: loading 1.2s linear infinite;
     }

     /*catmenu*/
     .ModCATMenuNFC .galleryitemlink ul{
        padding: 0;
        margin: 0;
     }
     .ModCATMenuNFC .galleryitemlink ul li{
        
        position: relative;
     }
     .ModCATMenuNFC .galleryitemlink ul li a{
        display: block;
        padding-right: 25px;
     }
     .ModCATMenuNFC .galleryitemlink ul li a.active,
     .ModCATMenuNFC .galleryitemlink ul li a:hover{
        text-decoration: none;
        color: var(--accent-color) !important;
     }
     .ModCATMenuNFC .galleryitemlink ul li .arrow{
        position: absolute;
        right: 0;
        top: 2px;
        width: 15px;
        cursor: pointer;
        display: block;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
     }
     .ModCATMenuNFC .galleryitemlink ul li .arrow.arrow_collapsed{
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
     }
     .ModCATMenuNFC .galleryitemlink ul li a{
        color: #0a0a0a !important;
        margin: 0px 0 8px;
        font-size: .875rem !important;
        letter-spacing: 1px;
        -webkit-transition: color .3s;
        transition: color .3s;
        line-height: 1.4;
        font-family: "Ubuntu";
        background-color: transparent;
     }
     .ModCATMenuNFC .galleryitemlink ul ul li a{
        padding-left: 20px;
     }
     .ModCATMenuNFC .galleryitemlink ul ul ul li a{
        padding-left: 40px;
     }
     .ModCATMenuNFC .galleryitemlink ul ul ul ul li a{
        padding-left: 60px;
     }
     .ModCATMenuNFC .galleryitemlink ul li{
        list-style: none;
     }
     .ModCATMenuNFC .galleryitemlink ul ul{
        display: none;
     }
     .ModCATMenuNFC .RadPanelBar .rpRootGroup{
        border: none;
    }
    .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem a.rpLink{
        color: #0a0a0a;
        margin: 0px 0 8px;
        font-size: .875rem;
        letter-spacing: 1px;
        -webkit-transition: color .3s;
        transition: color .3s;
        line-height: 1.4;
        font-family: "Ubuntu";
        background-color: transparent;
    }
    #Body .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem a.rpLink:hover{
        
        color: var(--accent-color);
    }
    #Body .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem a.rpLink:hover .rpText{
        background-color: transparent;
    }
    .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem a.rpLink .rpOut.rpNavigation .rpExpandHandle{
        height: 15px !important;
        width: 15px !important;
        background-position: center center !important;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0;
        background-image: url(/Portals/_default/containers/glend/image/chevron.svg);
        -webkit-transition: transform .3s;
        transition: transform .3s;
    }
    .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem a.rpLink.rpExpanded .rpOut.rpNavigation .rpExpandHandle{
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }
    .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem{
        border: none;
    }
    #Body .ModCATMenuNFC .RadPanelBar .rpRootGroup > li.rpItem > .rpLink .rpText{
        padding-left: 0;
    }
    #Body .ModCATMenuNFC .RadPanelBar .rpRootGroup li.rpItem .rpLink.rpExpandable.rpExpanded{
        border-bottom: none !important;
    }
    

    /*search*/
.dnn-row{
    display: -ms-flexbox !important;
    display: flex !important;
    width: inherit !important;
}
.cat_search .down_box .row{
    display: flex !important;
    width: inherit !important;
}
.cat_search > .h4 span{
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    white-space: normal;
    color: rgba(41,41,43,1);
    margin-bottom: 15px;
    line-height: 1.2;
}
.cat_search > .h4 span:after{  
    content: '';
    display: block;
    position: relative;
    margin-top: 8px;
    left: initial;
    right: initial;
    margin-left: 0;
    margin-right: auto;
    transform: none;
    width: 50px;
    height: 1px;
    background: var(--accent-color);
}
.cat_search > div:first-child .input-group{
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
.cat_search > div:first-child .input-group .RadComboBox_Default{
    flex: 1 1 auto !important;
}
.cat_search > div:first-child .input-group .RadComboBox_Default .rcbInner{
    height: 100% !important;
    border-color: var(--accent-color) !important;
}
.cat_search > div:first-child .input-group .input-group-btn a.btn{
    border-radius: 0 !important;
    background: transparent !important;
    border-color: var(--accent-color) !important;
    color: var(--accent-color) !important;
    border-left: none;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
}
.cat_search > div:first-child .input-group .input-group-btn a.btn .fa{
    font-weight: normal !important;
}
.cat_search > div:first-child .input-group .input-group-btn a.btn:hover{
    background: var(--accent-color) !important;
    color: #fff !important;
}
.cat_search .price_tab .h4,
.cat_search > div[id$="pnlSearchFields"] .form-group > label{
        justify-content: space-between;
        display: flex;
        align-items: center;
        font-weight: normal;
        font-size: 1rem;
        color: var(--accent-color);
        text-transform: uppercase;
        padding: 8px;
        padding-top: 13px;
        padding-left: 0px;
    position: relative;
    cursor: pointer;
    padding-right: 0;
    font-family: "Ubuntu";
}
.cat_search .price_tab .h4:before,
.cat_search > div[id$="pnlSearchFields"] .form-group > label:before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(/Portals/_default/containers/glend/image/chevron.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: transform .3s;
    transition: transform .3s;
    order: 2;
}
.cat_search .price_tab .h4.active:before,
.cat_search > div[id$="pnlSearchFields"] .form-group > label.active:before{
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.cat_search .price_tab .dnnClear{
    width: 100% !important;
    padding: 0 7px !important;
}
.cat_search .price_tab .dnnClear > div > span{
    font-size: 15px;
    color: rgb(41, 41, 43);
    font-family: "Ubuntu";
}
.price_tab + div .CATAltHeader{
    font-size: 1rem;
    color: var(--accent-color);
    text-transform: uppercase;
    font-family: "Ubuntu";
}
.price_tab + div .normalCheckBox{
    margin-left: 0;
}
.price_tab + div .normalCheckBox input[type="checkbox"]{
    margin-right: 5px;
}
.price_tab + div .normalCheckBox label{
    font-family: "Ubuntu";
    color: #0a0a0a;
}
.cat_search .price_tab .dnnClear .RadSlider{
    width: 100% !important;

}
.cat_search .price_tab .dnnClear .RadSlider > .rslHorizontal{
    width: 100% !important;
}
.cat_search .price_tab .dnnClear .RadSlider > .rslHorizontal > .rslTrack{
    width: 100% !important;
    margin: 0;
    height: 1px;
    line-height: 1px;
    border-color: #29292B;
}
.cat_search .price_tab .dnnClear .RadSlider > .rslHorizontal > .rslTrack > .rslSelectedregion{
    height: 1px;
    line-height: 1px;
    border-color: #29292B;
}
.cat_search .price_tab .dnnClear .RadSlider > .rslHorizontal > .rslTrack > .rslDraghandle{
    width: 15px;
    height: 15px;
    border:0;
    background: #29292B;
}
.cat_search .price_tab .dnnClear .RadSlider > .rslHorizontal > .rslTrack > .rslDraghandle span{
    width: 15px;
    height: 15px;
}

.cat_search > div[id$="pnlSearchFields"] .form-group > label + a{
    border-color: var(--accent-color);
    color: var(--accent-color) !important;
    background-color: transparent;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    line-height: 28px;
    min-height: 38px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
.cat_search > div[id$="pnlSearchFields"] .form-group > label + a + .RadListBox{
    margin-top: 10px;
}
.cat_search > div[id$="pnlSearchFields"] .form-group > label + a:hover{
    background-color: var(--accent-color);
    color: #fff !important;
}
.cat_search > div[id$="pnlSearchFields"] .form-group{
    margin-bottom: 0;
    border-bottom: 1px solid #E5E5E5;
}
.cat_search > div[id$="pnlSearchFields"] .form-group .RadListBox .rlbGroup{
    max-height: 200px !important;
    margin-top: 0px;
    margin-bottom: 10px;
    overflow-y: scroll;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li{
    padding:5px 0;
    font-size: 14px;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li .dnnCheckbox .mark{
    background: none;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li .rlbText{
    font-size: 14px;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li > label{
    margin-bottom: 0;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li.rlbHovered{
    background:none;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li .rlbCheck{
    margin-right: 8px;
}
.cat_search > div[id$="pnlSearchFields"] .rlbList > li.rlbSelected,
.cat_search > div[id$="pnlSearchFields"] .rlbList > li.rlbSelected.rlbActive{
    background: none;
    border: none;
}
.cat_search > div[id$="pnlSearchFields"] .form-group .h4 + .cat-btn-wrapper-bottom5.btn-toolbar{
    display: none;
}

.cat_search .btn.btn-secondary .fa{
    display: none;
}

/*cata detail*/
.cat_detail_box .pager {
    padding: 0 0 10px;
    margin: 0;
}
.cat_detail_box .pager li {
    list-style: none;
}
.cat_detail_right span.h2{
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
    color: #000000;
    display: block;
    padding-bottom: 18px;
}
.buy_wish_btn{
    padding-bottom: 15px;
}
#Body .buy_wish_btn a.btn.btn-secondary{
    box-shadow: none;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    color:var(--accent-color);
    border-radius: 0;
    transition: color 400ms ease-in;
}
#Body .buy_wish_btn a.btn.btn-secondary .fa{
    margin-right: 10px;
    padding-left: 1px;
}
#Body .buy_wish_btn a.btn.btn-secondary:hover{
    color: var(--link-hover-color);
    background: transparent;
}
#tbldetailProductProperties .invisible{
    display: none;
}
#tbldetailProductProperties .row{
    margin-bottom: 5px;
}
#tbldetailProductProperties .row .col-4{

    font-size: 0.7171875rem;
    color: #6c6c6c;

}
#tbldetailProductProperties .row > label,
#tbldetailProductProperties .row > div{
    width: auto;
}

#tbldetailProductProperties .row .col-8{
    width: auto;
    text-align: left;
    font-size: 0.7171875rem;
    padding: 0;
    color: #6c6c6c;
    flex: 0 0 auto;
}
#tbldetailProductProperties .row .col-8 ul{
    padding: 0;
    margin-left: 0;
}
#tbldetailProductProperties .row .col-8 ul br{
    display: none;
}
#tbldetailProductProperties .row .col-8 ul li{
    list-style: none;
    margin-bottom: 10px;
}
.CATSectionBorder.pnlOptions{
    margin: 0;
}
#CATrowOptionsTitle h2{
    font-size: 1.27495625rem;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 1.5562125rem;
    margin-bottom: 1.87495625rem;
}
.CATSectionBorder.pnlOptions .CAT_Datalist_ItemStyle .form-group{
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.CATSectionBorder.pnlOptions .CAT_Datalist_ItemStyle .form-group .dnnLabel{
    display: block;
    float: none;
    position: relative;
    width: auto;
    padding-right: 0;
    margin-right: 0;
    overflow: auto;
    text-align: left;
    font-size: 0.7171875rem;
     color: #6c6c6c;
}
.CATSectionBorder.pnlOptions .CAT_Datalist_ItemStyle .form-group .col-1{
    display: none;
    position: relative;
}
.CATSectionBorder.pnlOptions .CAT_Datalist_ItemStyle .form-group .col-3{
    width: 33.33333333%;
    position: relative;
    padding: 0;
}
.CATSectionBorder.pnlOptions .CAT_Datalist_ItemStyle .form-group .col-8{
    position: relative;
}
.CATSectionBorder.pnlOptions .CAT_Datalist_ItemStyle .form-group select{
    width: 95% !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: none;
    appearance: auto;
}
.btn_cat-qty{
    display: flex;
}
.btn_cat-qty .input-group{
    width: auto;
    max-width: 94px;

}
.btn_cat-qty > .input-group{
    margin-right: 20px;
    flex-wrap: nowrap;
}
.btn_cat-qty .cat-qty-spinner .input-group{
    border: 1px solid var(--accent-color);
    border-radius: 50px;
    overflow: hidden;
}
.btn_cat-qty .cat-qty-spinner .input-group .input-group-btn .btn{
    line-height: inherit;
    padding: 6px;
    min-width: 26px;
    background-color: #fff !important;
    color: var(--accent-color);
}
.btn_cat-qty .cat-qty-spinner .input-group .input-group-btn .btn,
.btn_cat-qty .bootstrap-touchspin > input.form-control{
    padding-top: 9px;
    padding-bottom: 9px;
    border: none;
}
.cat_detail_right .price{
    padding-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
}

.cat_detail_right .price br{
    display: none;
}

.cat_detail_right .price span{
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1.171875rem;
    line-height: 1.5;
}

.cat_detail_right .price span.CATProductListItem{
    font-weight: 100;
}
.cat_detail_right .price span.CATUnitCost{
    font-weight: normal;
}


.cat_detail_left .CATRow .lSSlideOuter .img-responsive{
    max-width: 100%;
}
.cat_detail_left .CATRow .lSSlideOuter .lSPager.lSGallery{
    margin-top: 20px !important;
}
.cat_detail_left .CATRow .lSSlideOuter .lSPager.lSGallery li > a{
    border: 1px solid transparent;
    -webkit-transition: all ease-in 200ms;
    transition: all ease-in 200ms;
    display: block;
    border-radius: 8px;
}
.cat_detail_left .CATRow .lSSlideOuter .lSPager.lSGallery li > a img{
    display: block;
    border-radius: 6px;
    overflow: hidden;
}
.cat_detail_left .CATRow .lSSlideOuter .lSPager.lSGallery li.active > a{
    border-color: var(--accent-color);
}


/*Related Products */
.porduct_out .CATIPHeader span{
    display: block;
    font-size: 1.375rem;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: inherit !important;
    position: relative;
    margin-bottom: 60px;
    color: #000;
    margin-top: 30px;
}
.porduct_out .CATIPHeader + span{
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    grid-auto-rows: auto;
    display: grid !important;
    grid-gap: 20px;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto !important;
}
.porduct_out .CATIPHeader + span .CAT_Datalist_ItemStyle{
    width: auto !important;
}
.iPaneMDItem .CATRow a img{
    max-width: 100%;
}
.iPaneMDItem .CATAltHeader{
    padding: 0 15px;
    margin: 0.666rem 0;
}
.iPaneMDItem .CATAltHeader *{
    font-size: 15px !important;
    font-weight: 500 !important; 
    color: #000000 !important;
    display: block;
    line-height: 1.3;
}
.iPaneMDItem .CATAltHeader a:hover{
    color: var(--accent-color) !important;
}
.iPaneMDItem .CATRow .CATProductNumber *,
.iPaneMDItem .CATRow,
.iPaneMDItem .CATRow .CATProductNumber{
    color: var(--accent-color);
    line-height: 1.5;
    font-size: 15px;
}
.iPaneMDItem .CATRow .CATProductNumber{
    display: block;
    padding-bottom: 30px;
}
/*Tab_catalook*/
.Tab_catalook{
    padding-top: 30px;
}
.Tab_catalook .TabStrip .RadTabStrip_Simple{
    color: #a1a1a1;
    font-weight: 600;
    font-family: "Ubuntu";
    border-bottom: 1px solid #e1e1e1;
}
.Tab_catalook .TabStrip .RadTabStrip_Simple .rtsLI,
.Tab_catalook .TabStrip .RadTabStrip_Simple .rtsLink{
    font-weight: 600;
    font-family: "Ubuntu";
    color: #a1a1a1;
    transition: color 400ms ease-in;
    font-size: 0.9375rem;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink{
    margin: 0;
    border: none;
    padding: 0;
    background: transparent;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink .rtsOut{
    padding: 0;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink .rtsOut .rtsIn{
    padding: 0;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink .rtsOut .rtsIn .rtsTxt{
    padding: 15px 0;
    position: relative;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink .rtsOut .rtsIn .rtsTxt:after{
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: transparent;
    transition: background-color 400ms ease-in;
}

.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsUL > .rtsLI{
    margin-right: 2.8125rem;
    overflow: inherit;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink:hover,
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink.rtsSelected{
    color: #000;
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink:hover .rtsOut .rtsIn .rtsTxt:after,
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLink.rtsSelected .rtsOut .rtsIn .rtsTxt:after{
    background-color: var(--accent-color);
}
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLevel > .rtsUL,
.Tab_catalook .TabStrip .RadTabStripTop_Simple .rtsLevel{
    overflow: inherit;
}
.Tab_catalook .TabStrip .RadTabStrip_Simple + div > div *{
    font-family: "Ubuntu";
}
.Tab_catalook .TabStrip .RadTabStrip_Simple + div > div{
    padding-top: 20px;

}
.Tab_catalook .TabStrip .RadTabStrip_Simple + div > div p{
    font-size: 0.9375rem;
    line-height: 1.75;
    margin-bottom: 1.40625rem;
    margin-top: 0.9375rem;
}
.Tab_catalook .TabStrip .RadTabStrip_Simple + div > div h2{
    font-size: 1.87495625rem;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 1.5562125rem;
    margin-bottom: 1.87495625rem;
}
.Tab_catalook .TabStrip .RadTabStrip_Simple + div > div h3{
    font-size: 1.4624625rem;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 1.4624625rem;
    margin-bottom: 1.4624625rem;
}
.Tab_catalook .TabStrip .RadTabStrip_Simple + div > div h4{
    font-size: 1.097475rem;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 1.4596375rem;
    margin-bottom: 1.4596375rem;
}





#tipDiv{
    z-index: 1001;
}




.cat_search .btn.btn-secondary,
#Body .ModCATItemPaneNFC .btn.btn-secondary{
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-family: Ubuntu;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.6;
    text-align: left;
    text-transform: none;
    color: #ffffff;
    padding: 10px 22px 10px;
    margin-top: 1px;
    border-radius: 3rem;
    background: var(--accent-color);
    transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
    border: none;

}
#Body .ModCATItemPaneNFC .catpager .btn.btn-secondary{
    border-radius: 50% !important;
}
#Body .ModCATItemPaneNFC .catpager .btn-group .btn.btn-secondary{
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: var(--accent-color);
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
}
.cat_search .btn.btn-secondary:hover,
#Body .ModCATItemPaneNFC .btn.btn-secondary:hover{
    background-color: var(--link-hover-color);
}
#Body .ModCATItemPaneNFC .catpager .btn.btn-secondary:hover{
    background-color: var(--link-hover-color) !important;
    color: #fff !important;
}


#CATShoppingCart .pager li{
    list-style: none;
}
#CATShoppingCart .btn.btn-secondary{
    border-radius: 0;
    margin-right: 5px;
}
#CATShoppingCart > nav .pager{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
#CATShoppingCart > nav .pager .next a{
    border-radius: 3rem;
}
#CATShoppingCart .mark,
#CATShoppingCart mark{
    background: none;
}
#CATShoppingCart > nav{
    clear: both;
    padding: 2em 0;
}
#CATShoppingCart a.btn.btn-primary,
#CATShoppingCart a.btn.btn-secondary{
    color: #fff !important;
    padding: 5px 50px;
    margin: 0 0 10px 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-family: Ubuntu;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.6;
    text-align: left;
    text-transform: none;
    color: #ffffff;
    padding: 10px 22px 10px;
    margin-top: 1px;
    border-radius: 3rem;
    background: var(--accent-color) !important;
    transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
    border: none;
}
#CATShoppingCart div[id$="pnlCartDetails"] .table-responsive .input-group.bootstrap-touchspin > .input-group-btn button:hover,
#CATShoppingCart a.btn.btn-primary:hover,
#CATShoppingCart a.btn.btn-secondary:hover{
    background-color: var(--link-hover-color) !important;
    border-color: var(--link-hover-color) !important;
    color: #fff !important;
}
#CATShoppingCart div[id$="pnlCartDetails"] > .card{
    margin-bottom: 20px;
}
#CATShoppingCart div[id$="pnlCartDetails"] .table-responsive .input-group.bootstrap-touchspin > .input-group-btn button{
    border-radius: 0;
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}
#CATShoppingCart .card-header .card-title{
    font-size: 1.3rem;
    margin-bottom: 0;
}

#CATShoppingCart div[id$="pnlSaveLoadCart"] .input-group > input.form-control{
    height: 42px;
    margin-right: 15px;
}
.sort_option_box .sort_box{
    display: flex;
    justify-content: flex-end;
}
.sort_option_box .sort_box .form-inline .form-group:last-child{
    display: none;
}


@media (min-width: 768px) and (max-width: 1023.98px) {
    .page_sort .sort_box .form-inline select.form-control{
        max-width: 202px;
    }
    .cat_list_box > span{
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
  
    .cat_detail_left .CATRow .lSSlideOuter .lSPager.lSGallery{
        padding-bottom: 30px;
    }
  
}
@media only screen and (max-width: 767px) {
 
    .cat_detail_left .CATRow .lSSlideOuter .lSPager.lSGallery{
        padding-bottom: 20px;
    }
    .page_sort .top_pager .catpager .d-sm-none{
       
    }
    .page_sort .sort_box .form-inline{
        display: block;
    }
    .porduct_out .CATIPHeader + span,
    .cat_list_box > span{
        grid-template-columns: repeat(1, minmax(100px, 1fr));
    }
    .porduct_out .CATIPHeader span{
        margin-bottom: 30px;
    }
    #tbldetailProductProperties .row .col-8{
        padding-left: 15px;
    }
    .cat-md-none{
        display: none;
    }
}
@media (max-width: 576px) {
    .cat-sm-none{
        display: none;
    }
}
@media only screen and (min-width: 1300px) {
    .cat_list_box > span{
        grid-template-columns: repeat(4, minmax(100px, 1fr));
    }
}
@media only screen and (min-width: 1200px) {
    .page_sort .sort_box .form-inline{
        justify-content: flex-end;
    }
    .page_sort .sort_box .form-inline select.form-control{
        max-width: ;
    }
}

.page-loaders{
    display: none !important;
}
.detail_items .item_row{
    border:0px !important;
    border-bottom: 1px solid #eaf5ff !important;
    background-color: Transparent;
    padding: 10px;
    transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
}
.detail_items .item_row:hover{
    box-shadow: none !important;
}
.detail_items .item_row .table_left_width{
    width: 120px;
}
.detail_items .item_row .table_right_width .CATAltHeader a{
    color: currentColor !important;
}
.detail_items .item_row .table_right_width .CATAltHeader{
    font-size: 18px;
    font-weight: 500;
    margin: 0.666rem 0;
    padding: 0;
    color: #000000;
    display: block;
    line-height: 1.3;
    display: inline-block;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 4px;
}
.detail_items .item_row .table_right_width .CATSubHead{
    font-size: 0.7171875rem;
    color: #6c6c6c;
}
.detail_items .item_row .table_right_width .CATNormalTextBox{
    border: 1px solid var(--accent-color);
    border-radius: 50px;
    overflow: hidden;
    width: 94px;
    height: 45px;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}
.detail_items .item_row .table_right_width .delete_link .dnnSecondaryAction{
    margin-bottom: 3px;
    min-width: 45px;
    height: 45px;
}
.cat_detail_right .CATRow .CATSectionBorder .CATHeader{
    border-bottom: none !important;
}
.detail_items .item_row .table_right_width .CATProductListItem{
    color: var(--accent-color) !important;
    line-height: 1.5 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
.icon_delete{
    position: relative;
}
.icon_delete i{
    display: none;
}
.icon_delete .dnnSecondaryAction + i{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    bottom: 0;
    pointer-events: none;
    font-size: 16px;
    z-index: 1;
}
.icon_delete .dnnSecondaryAction{
    font-size: 0;
}


@media (max-width: 767px) {
    #Body .ModCATItemPaneNFC .catpager .text-right.d-none.d-sm-block + .text-center.d-sm-none .btn-group span.disabled:nth-child(2),
	#Body .ModCATItemPaneNFC .catpager .text-right.d-none.d-sm-block + .text-center.d-sm-none .btn-group span.disabled:nth-child(1),
	#Body .ModCATItemPaneNFC .catpager .text-right.d-none.d-sm-block + .text-center.d-sm-none .btn-group a.btn:nth-child(1),
	#Body .ModCATItemPaneNFC .catpager .text-right.d-none.d-sm-block + .text-center.d-sm-none .btn-group a.btn:nth-child(2){
		display: inline-block !important;
	}
	#Body .ModCATItemPaneNFC .catpager .text-right.d-none.d-sm-block + .text-center.d-sm-none .btn-group.d-sm-none{
		flex-wrap: wrap;
		justify-content: left;
	}
	#Body .ModCATItemPaneNFC .catpager .text-right.d-none.d-sm-block + .text-center.d-sm-none .catpagenumber{
		min-width: 30px;
        max-width: 30px;
	}
}