﻿         /*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/

        /*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/

        .css-treeview ul,
        .css-treeview li {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .css-treeview input {
            position: absolute;
            opacity: 0;
        }

        .css-treeview {           
             font-family: 'Roboto', sans-serif !important;
             font-size: 11px;
             font-weight:   400;
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
               
        }

            .css-treeview a {
                color: #00f;
                text-decoration: none;
            }

                .css-treeview a:hover {
                    text-decoration: underline;
                }

            .css-treeview input + label + ul {
                margin: 0 0 0 6px;
            }

            .css-treeview input ~ ul {
                display: none;
            }

            .css-treeview label,
            .css-treeview label::before {
                cursor: pointer;
            }

            .css-treeview input:disabled + label {
                cursor: default;
                opacity: .6;
            }

            .css-treeview input:checked:not(:disabled) ~ ul {
                display: block;
            }

            .css-treeview label::before {
                background: url("images/arrowupdown.png") no-repeat;
    background-position: 0 5px;
            }

            .css-treeview label,
            .css-treeview a,
            .css-treeview label::before {
                display: inline-block;
                height: 16px;
                line-height: 16px;
                vertical-align: middle;
            }

            .css-treeview label {
                background-position: 18px 0;
                margin-left: -19px;
    display: table;
            }

                .css-treeview label::before {
                    content: "";
                    width: 16px;
                    margin: 5px 4px 0 0;
                    vertical-align: middle;
                }

            .css-treeview input[type="checkbox"]:checked + label::before {
                background-position: 0 -15px;
            }

        li {
            margin-left: 8px !important;
        }

       

        /* webkit adjacent element selector bugfix */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            .css-treeview {
                -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
            }

            @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
                from {
                    padding: 0;
                }

                to {
                    padding: 0;
                }
            }
        }
.left-category{
	width:100%; float:left; background:#F7F8F9 ; border:#DCDEE4 solid 1px; padding:10px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; box-sizing: border-box;border-radius: 5px;}

.catgry-hed{
	width:100%; float:left; background:#dee1e6; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; 	    font-size:19px; color:#000; text-align:left; font-weight:400; padding:6px 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; 	    box-sizing: border-box; margin-bottom:5px;  font-family: 'Roboto', sans-serif;}


.category-list{width:100%; float:left; padding:0 0 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.category-list ul{margin:0; padding: 10px 0px 0px 4px;}
.category-list ul li{
	margin:0; padding:0; width:100%; float:left; display:block; font-weight:600; color:#457599; text-align:left; font-size:15px;}
	
.category-list ul li a{
margin-top: 5px;
    text-align: left;
    text-decoration: none;    
     font-family: 'Roboto', sans-serif !important;
     font-size: 16px;
     line-height: 21px;
     font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}
	
.category-list ul li a:hover{color:#495465;}	

.category-list ul ul{margin:0; padding:0;}

	
.category-list ul ul li a{
text-align: left;   
     font-family: 'Roboto', sans-serif !important;
     font-size:14px;
     line-height:24px;
     font-weight:600;
    letter-spacing: 0px;
    color: #495465;
    text-transform: uppercase;
    margin-top: 4px;
    display: inline-block;
}	

.category-list ul ul ul{margin:0 0 7px 9px; padding:0;}
.category-list ul ul ul li{margin:0; padding:0;float:left; line-height:22px; background:none !important; width:100%; font-size:14px; color:#666; font-weight:400; margin-left: -24px;}
.category-list ul ul ul li a{margin:0; padding:0; float:left; background:none !important; width:100%; font-size:13px; color:#666; font-weight:400; margin-top: 6px; margin-left: -9px;}

div#CartItemFilters5_1454C {
margin-top: -28px;
}
