﻿ul#ProductImages > li img.active {
    border-color: orange;
}

ul#ProductImages > li:not(:first-child) {
    margin-top: 10px;
}

.input-validation-error {
    border-color: red;
}

.field-validation-error {
    color: red;
}
ul.main_nav  li {
    border-left: 1px solid #ffffff;
}

ul.main_nav > li:last-child {
    border-right: 1px solid #ffffff;
}

.treemenu-panel {
    border-color: #ddd;
    border-radius: 4px;
}

#TreeMenu > ul > li {
    color: #333;
    background-color: #f5f5f5;
    /*padding-top: 15px;
    padding-bottom: 15px;*/
}

#TreeMenu a.grinding-tm-title {
    border-bottom: 1px solid #ddd;
    font-weight:bold;
    font-size:18px;
}

    #TreeMenu a.grinding-tm-title:hover, #TreeMenu > ul > li a.grinding-tm-title.active {
        color: #654302
    }

#TreeMenu > ul > li ul {
    background-color: white;
    list-style: none;
    padding-left: 0;
}

    #TreeMenu > ul > li ul li {
        border-bottom: 1px solid #c0c0c0;
    }

        #TreeMenu > ul > li ul li:last-child {
            border-bottom-width: 0;
        }

        #TreeMenu > ul > li ul li ul li {
            border-top: 1px solid #c0c0c0;
        }



    #TreeMenu > ul > li ul li {
        line-height: 40px;
        position: relative;
        display: block;
    }

        #TreeMenu > ul > li ul li a {
            display: block;
            width: 100%;
           
        }
            #TreeMenu > ul > li ul li a i {
                margin-right: 0.5em;
                margin-top: 0.8em;
                display: inline-block;
                width: 1em;
                vertical-align: top
            }
            #TreeMenu > ul > li ul li a span.productcategoryname {
                display: inline-block;
                width: auto;
                word-wrap: break-word;
                word-break: break-all;
                max-width:70%;
            }
            #TreeMenu > ul > li ul li a i.sign {
                display: inline-block;
                margin-left: 0.5em;
                margin-top: 0.8em;
                width: 1em;
                vertical-align: top
            }


            #TreeMenu > ul > li ul li a.active {
                color: #ffffff;
                background-color: #452e02;
            }

            #TreeMenu > ul > li ul li a:hover {
                color: #ffffff;
                background-color: #654302;
            }




#TreeMenu ul li span.indent {
    margin-left: 1.8em;
}

.grinding-tm-arrow {
    color: #e2041b;
    margin-left: 5px;
}

/*#TreeMenu ul {
    list-style: none;
    padding-left: 0;
}
#TreeMenu ul {
    list-style: none;
    padding-left: 0;
}


    #TreeMenu ul li span.indent {
        margin-left:1.5em;
    }



#TreeMenu ul li.active {
    background-color: red;
   
}
    #TreeMenu ul li.active >.grinding-tm-arrow {
     color:white;
    }
    
  

    #TreeMenu ul li a.active {
        color: white;
        font-weight: bold;
    }

    #TreeMenu ul li.active ul {
        background-color: white;
    }

#TreeMenu a.grinding-tm-title {
    border-top: 1px solid #654302;
}

#TreeMenu a.grinding-tm-title-noline {
    border-top-width: 0;
}

#TreeMenu .sign {
    margin-left: 5px;
}*/
.page-thumbnail
{
    text-align:left;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
    .row-eq-height [class*="col-"] {
        display: flex;
        flex-direction: column;
    }
@media (min-width: 768px) {
    .page-thumbnail a 
    {
        height:120px;
        overflow:hidden;
        display:block;
    }
    .page-thumbnail > .caption a {
        height: auto;
       
    }
}
