/*===============================Kontrolka filtrowania produktów w widoku kolumny====================================*/
.clearfix {
    clear:both;
}

.mainBox {
    border: 1px solid #999999;
    margin-bottom: 10px;
    text-align: left;
    width: 180px;
    font-family: Tahoma;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
}

.filterBox {
    background-color: #F5FFF5;
    font-size: 10px;
    padding: 0px 0 5px 0;
}

    .filterBox input[type="checkbox"] {
        /*width: 13px;
        height: 13px;*/
        vertical-align: middle;
        position: relative;
        top: -1px;
        /*border: 1px solid #666666;*/
    }

    .filterBox input[type="radio"] {
        /*width: 13px;
        height: 13px;*/
        vertical-align: middle;
        position: relative;
        top: -2px;
        /*border: 1px solid #666666;*/
    }

    .filterBox .css3-metro-dropdown option,
    .filterBox .css3-metro-dropdown:after,
    .filterBox .css3-metro-dropdown::after,
    .filterBox .css3-metro-dropdown select
    {
        color: #fff;
    }
 
    .filterBox .css3-metro-dropdown select,
    .filterBox .css3-metro-dropdown:after,
    .filterBox .css3-metro-dropdown::after
    {
        display: block;
        background: #78ba00;
    }
 
    .filterBox .css3-metro-dropdown select,
    .filterBox .css3-metro-dropdown option
    {
        padding: 5px;
    }
 
    .filterBox .css3-metro-dropdown
    {
        position: relative;
        display: inline-block;
        border: 0;
    }
 
    .filterBox .css3-metro-dropdown::after
    {
        content: "\25bc";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 26px;
        font-size: 10px;
        line-height: 24px;
        text-align: center;
     
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        pointer-events: none;
    }
 
    .filterBox .css3-metro-dropdown select
    {
       height: 24px;
       border: 0;
       vertical-align: middle;
       font: normal 10px "Segoe UI", Arial, Helvetica, Sans-serif;
       outline: 0 none;
       width: 170px;
    }
 
    .filterBox .css3-metro-dropdown option
    {
        background: #fff;
        color: #333;
    }
 
    /* more colors */
    .filterBox .css3-metro-dropdown-color-ff1d77 select,
    .filterBox .css3-metro-dropdown-color-ff1d77:after,
    .filterBox .css3-metro-dropdown-color-ff1d77::after
    {
        background: #ff1d77;
    }
 
    .filterBox .css3-metro-dropdown-color-2673ec select,
    .filterBox .css3-metro-dropdown-color-2673ec:after,
    .filterBox .css3-metro-dropdown-color-2673ec::after
    {
        background: #2673ec;
    }
 
    .filterBox .css3-metro-dropdown-color-ff2e12 select,
    .filterBox .css3-metro-dropdown-color-ff2e12:after,
    .filterBox .css3-metro-dropdown-color-ff2e12::after
    {
        background: #ff2e12;
    }

    .filterBox .header {
        padding: 5px 5px 5px 5px;
        background: none repeat scroll 0 0 #F0F0F0;
        color: #000000;
        font-size: 11px;
        margin: 0;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
    }

    .filterBox .filterCatChk {
        margin: 2px 2px 2px 0;
    }

    .filterBox .filterList {
        margin: 0;
        padding: 5px 0 5px 0;
    }

    .filterBox .filterLine {
        width: 170px;
        display: block;
        padding-left: 5px;
    }

    .filterBox .filterLineCheck {
        float: left;
        width: 18px;
        margin: 0;
        padding: 0;
    }

    .filterBox .filterLineText {
        float: left;
        width: 150px;
        margin: 0;
        padding: 0;
    }

    .filterBox .filterLineAllLink {
        float: right;
        width: 40px;
        margin: 0;
        padding: 0;
    }

    .filterBox .allLink {
        font-size: 11px;
        color: #999999;
        font-weight: normal;
        float: left;
        text-decoration: none;
        padding: 15px 0 0 8px;
    }

    .filterBox .allLink:hover {
        font-size: 11px;
        color: #6b6b6b;
        font-weight: normal;
        float: left;
        text-decoration: none;
        padding: 15px 0 0 8px;
    }

    .filterBox .showMore
    {
        font-size: 14px;
        padding-left: 6px;
    }

    .filterBox .filterButtons {
        width: 180px;
    }

    .filterBox .btnFilterSubmit {
        width: 110px;
        height: 24px;
        margin: 10px 5px 5px 5px;
        float: right;
        font-size: 11px;
    }

    .filterBox .lineDial {
        padding: 10px;
    }

    .filterBox .priceTxt {
        width: 52px;
        margin: 0 3px;
    }

    .filterBox .slider {
        margin: 0 10px 0px 10px;
    }

    .filterBox .select {
        margin: 5px;
        border: 1px solid #cccccc;
        color: #999999;
        font: 10px Verdana;
        width: 160px;
    }

    .filterBox .multiselect {
        width: 170px;
        margin:  8px 5px;
    }

    .filterBox .lineSelect {
        width: 52px;
        height: 20px;
        margin: 0 3px;
        overflow:hidden;
        
        border: 1px solid #ccc;
    }

    .filterBox .lineSelect select {
       background: transparent;
       width: 68px;
       padding: 1px;
       font-size: 10px;
       line-height: 1;
       border: 0;
       border-radius: 0;
       height: 20px;
       -webkit-appearance: none;
   }

    .filterBox .navTopValues {
        margin: 0 0 0 3px;
        padding: 5px 0 5px 0;
        text-decoration: none;
        list-style: none;
    }

/*=================Filter Dialog=========================*/

.mainDialogWindow {
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

    .mainDialogWindow .dialogTitle {
        font-weight: bold;
        margin: 5px 0;
        padding: 5px 0 0 3px;
        color: #777777;
    }

.filterDialog {
    
}
/*=================Filter Dialog Nav List=========================*/

    .filterDialog .filterChk {
        margin: 1px 3px 0 0;
        display: none;
    }

    .filterDialog .filterListContainer {
        height: 480px;
        border-right: 1px solid #6b6b6b;
        width: 350px;
        overflow: auto;
        float:left;
    }

    .filterDialog .filterList {
        margin: 0;
        padding: 5px 0 5px 0;
        list-style: none;
        width: 100%;
        font-family: Tahoma, sans-serif;
        font-size: 11px;
        color: #666666; 
    }

    .filterDialog .filterListPosition {
        width: 330px;
        overflow: hidden;
        height: 28px;
    }

        .filterDialog .filterListPosition .linkContainer {
            width: 305px;
            display: inline-block;
            height: 24px;
            padding: 5px 0 0 5px;
        }

        .filterDialog .filterListPosition .selected {
            background-color: #999999;
            /*font-weight: bold;*/
        }

        .filterDialog .filterListPosition .filterArrow {
            border-color: transparent transparent transparent #999999;
            border-style: solid;
            font-size: 0;
            height: 0;
            width: 0;
            line-height: 0;
            border-bottom-width: 14px;
            border-top-width: 14px;
            border-right-width: 0px;
            border-left-width: 20px;
            display:inline;
            float:right;
        }

    .filterDialog .filterListPosition a {
        text-decoration:none;
        color: #666666;
    }

    .filterDialog .filterListPosition .selected a {
            color: #ffffff;
        }

    .filterDialog .filterListPosition a:hover {
        text-decoration:none;
        color: #5191e9; 
    }

/*=================END Filter Dialog Nav List=========================*/
/*=================Filter Dialog Content=========================*/

    .filterDialog .filterContent {
        height: 450px;
        width: 500px;
        float: left;
        font-family: Tahoma, sans-serif;
        font-size: 11px;
        color: #666666;
        padding: 15px 5px 5px 5px;
        overflow: hidden;
    }

    .filterDialog .priceSlider {
        margin: 5px 8px;
        
    }

    .filterDialog .priceTxt {
        width: 55px;
        
    }

    .filterDialog .filterList {
        margin: 0;
        padding: 5px 0 5px 0;
    }

    .filterDialog .filterLine {
        width: 160px;
        display: block;
        padding: 3px 0 3px 5px;
        float: left;
    }

    .filterDialog input[type="checkbox"] {
        /*width: 13px;
        height: 13px;*/
        vertical-align: middle;
        position: relative;
        top: -1px;
        /*border: 1px solid #666666;*/
    }

    .filterDialog input[type="radio"] {
        /*width: 13px;
        height: 13px;*/
        vertical-align: middle;
        position: relative;
        top: -2px;
        /*border: 1px solid #666666;*/
    }

    .filterDialog .multiselect {
        width: 150px;
        margin:  8px 5px;
    }

    .filterDialog .sliderLabel {
        margin-right: 2px;
    }

    .filterDialog .sliderLabelPrice {
        margin-left: 2px;
    }

    .filterDialog .sliderFloatLeft {
        float:left;
        width: 160px;
    }

    .filterDialog .sliderFloatRight {
        float:right;
        width: 160px;
        text-align: right;
    }

    .filterDialog .selectedOptions {
        height: 400px;
        width: 485px;
        overflow: auto;
        display: none;
    }

    .filterDialog .selectedOptionsList {
        margin: 0 0 0 5px;
        padding: 0;
        text-decoration: none;
        list-style: none;
        list-style-position: inside;
    }

    .filterDialog .selectedOptionsList li {
        height: 24px;
        background-color: #e6e6e6;
        border-top: 1px solid #D3D3D3;
        padding: 8px 0 3px 10px;
        vertical-align: central;
        font-size: 12px;
    }

    .filterDialog .xl-attr-popover {
        cursor: pointer;
    }

    .filterDialog .xl-popover-header {
        /*padding: 3px 5px 3px 5px;*/
        /*border-bottom: 1px solid #666666;*/
        font-size: 12px;
        font-weight: 600;
    }

    .filterDialog .xl-popover-title {
        float: left;
    }

    .filterDialog .xl-close-popover {
        padding-left: 10px;
        float: right;
        color: #666666 !important;
    }

    .filterDialog .xl-popover-content {
        padding: 10px 5px 3px 5px;
    }
/*=================END Filter Dialog Content=========================*/
/*=================Filter Dialog FilterBoxes=========================*/

    .filterDialog .chosenFiltersBox {
        height: 450px;
        width: 310px;
        float: left;
        font-family: Tahoma, sans-serif;
        font-size: 11px;
        color: #666666;
        padding-top: 15px;
        overflow: auto;
    }

    .filterDialog .chosenFiltersBox .invisible {
        display: none !important; 
    }

    .filterDialog .chosenFiltersBox .criteriaBox {
        width: 280px;
        padding: 3px;
        display: block;
    }

    .filterDialog .chosenFiltersBox .criteriaBox .criteriaBoxHeader {
        font-weight: bold;
        margin: 5px 0 5px 0;
    }

    .filterDialog .chosenFiltersBox .criteriaBox .criteriaBoxHeader .headerText {
        width: 260px;
        float: left;
    }

    .filterDialog .chosenFiltersBox div.closeCriteria {
        float:right;
        width: 12px;
        padding-left: 3px;
    }

    .filterDialog .chosenFiltersBox .closeCriteria a {
        text-decoration: none;
        font-size: 11px;
        color: #333333;
        float: right;
    }

        .filterDialog .chosenFiltersBox .criteriaBox .oldfilter
        {
            padding: 3px 5px;
            margin: 2px 0;
            font-size: 10px;
            font-weight: bold;
            border: 1px solid #D3D3D3;
            background-color: #E6E6E6;
            display: inline-block;
            max-width: 260px;
            
        }

    .filterDialog .chosenFiltersBox .criteriaBox .oldfilter .filterText
    {
        max-width: 240px;
        overflow: hidden;
        white-space:nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        float: left;
    }

    .filterDialog .chosenFiltersBox .criteriaBox .oldfilter .close {
        float:right;
        width: 10px;
        padding-left: 3px;
        
    }

    .filterDialog .chosenFiltersBox .criteriaBox .oldfilter a {
        text-decoration: none;
        font-size: 10px;
        color: #333333;
        float: right;
    }


/*=================END Filter Dialog FilterBoxes=========================*/

/*===============================END Kontrolka filtrowania produktów w widoku kolumny====================================*/

/*===============================Kontrolka filtrowania produktów w widoku centralnym====================================*/
.FilterCenterPrice {
    background-color: #C1E393;
    margin: 0;
}

    .FilterCenterPrice .FilterCenterPriceControl {
        width: 400px;
        float: left;
        padding: 0 10px;
        margin-top: 5px;
    }

    .FilterCenterPrice .FilterCenterPriceControl input[type="text"] {
        border: 1px solid #336633;
        padding: 2px;
        font: 8pt Verdana;
        margin: 0 3px;
    }

    .FilterCenterPrice .FilterCenterSubmitButton {
        width: 120px;
        float: right;
    }

    .FilterCenterPrice .FilterCenterSubmitButton input[type="button"] {
        background-color: #336633;
        color: #E9E9E9;
        font-size: 8pt;
        height: 28px;
        width: 80px;
        border: 1px outset #336633;
        padding: 5px;
        margin: 0 10px 5px 0;
        float: right;
    }

/*===============================END Kontrolka filtrowania produktów w widoku centralnym====================================*/
/*===============================Kontrolka nawigacyjna PriceListCenter====================================*/

.NavCenter { background-color:#C1E393; margin:0px;}
.NavCenter div { padding:5px; }

.NavCenter input[type="text"] {border:1px solid #336633; padding:2px; }
.NavCenter select {font-size:8pt; font-weight:normal;}

.NavCenter .btn {width:80px; height:28px; font-size:8pt; background-color:#336633; color:#e9e9e9; }
.NavCenter div.NavSort{border-right:1px solid #A0C272; border-left: none;}
.NavDisplay {
    padding: 3px 5px !important;
}

.btnPriceListViewModeBFNav {background-image:url("/lib/pic/plist_bf.gif"); background-repeat:no-repeat; width:80px; height:26px;  padding-left:20px; background-color:transparent; color:#336633; font-weight:normal; border:none; font-size:8pt; background-position:4px; cursor:pointer;}
.btnPriceListViewModeFDNav {background-image:url("/lib/pic/plist_fd.gif"); background-repeat:no-repeat; width:80px; height:26px;  padding-left:20px; background-color:transparent; color:#336633; font-weight:normal; border:none; font-size:8pt; background-position:4px; cursor:pointer;}