﻿/* Adjusting the margins, paddings and no list styles */
.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 60px;
    /*filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;*/
}

    /* Little tricking with positions */
    .navigation li {
        float: left; /* Show list items inline */
        width: 180px;
        position: relative;
        height: 100%;

    }

.navigation-li-hover {
    /*background:rgba(0,0,0,0.7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#B2000000,endcolorstr=#B2000000);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#B2000000,endcolorstr=#B2000000);*/
    background:#fff;
    border-top:3px solid #077eef;
    
}

    .navigation-li-hover > a {
        color: #077eef!important;
    }


        /* Playing with Main Categories */
        .navigation li a {
            color: #ff4400;/*菜单第一级颜色*/
            display: block; /* Making sure a element covers whole li area */
            text-decoration: none; /* No underline */
            text-align: center;
            text-transform: uppercase;
            height: 57px;
            line-height: 57px;
            /*font-family:'Microsoft YaHei';*/
            font-size: 18px;
            letter-spacing: 1px;
        }

            .navigation li a:hover {
                color: #077eef;
                /*background:rgba(0,0,0,0.7);
                -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#B2000000,endcolorstr=#B2000000);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#B2000000,endcolorstr=#B2000000);*/
            }

    /* Sub Cat Menu stuff*/
    .navigation ul {
        position: absolute;
        left: 0;
        display: none; /* Hide it by default */
        padding: 0;
        list-style: none;
        margin: 0px;
        /*background:rgba(0,0,0,0.7);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#B2000000,endcolorstr=#B2000000);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#B2000000,endcolorstr=#B2000000);*/
        /*background:url(../images/menu-bg1.png) 0 0 repeat;*/
        background:#fff;
        


    }

        .navigation ul li {
            width: 180px;
            float: left;
            border-top: none;
        }

        /* Sub Cat menu link properties */
        .navigation ul a {
            display: block; /* Making sure a element covers whole li area */
            height: 40px;
            line-height: 40px;
            color: #000;
            text-decoration: none;
            font-size:14px;
            letter-spacing:3px;
            
        }

            .navigation ul li a:hover {
                color: #077eef;
                /*background:url(../images/menu-bg1.png) 0 0 repeat;*/
                
                /*background:rgba(0,0,0,0);
                -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#00000000,endcolorstr=#00000000);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startcolorstr=#00000000,endcolorstr=#00000000);*/
            }
