﻿@charset "utf-8";

.i_nav {
    z-index: 1;
    float: right;
   width: 100%;
height: 45px;
background: #d10200;
    font: 12px Microsoft YaHei;   
}

    .i_nav ul {
        z-index: 100;
		width:1002px;
		margin:0 auto;
    }

        .i_nav ul li {
            position: relative;
            display: inline;
            float: left;
        }
/*
.nav li{float:left;}
.nav li a{padding:0 10px; line-height:45px; color:#FFF; text-align:center;}
.nav li a:hover{color:#F60; text-decoration:none;}
.nav li a.on{color:#F60; text-decoration:none;}

*/
.nava {
    display: block;
     overflow:hidden;
    padding:0 10px; line-height:45px; color:#FFF; text-align:center;
	/*width:51px;*/
            white-space:nowrap;
        text-overflow:ellipsis;
}

    .nava.active, .nava:hover,.nava.selected {
       color:#F60; text-decoration:none;

    }

.i_nav li.child,.i_nav li.first-child {

    background: url(../images/nav_abg.gif) no-repeat right bottom;
}

.i_nav ul li ul {
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
	width:71px;
}

    .i_nav ul li ul li {
        display: list-item;
        float: none;
    }
        /*All subsequent sub menu levels vertical offset after 1st level sub menu */
        .i_nav ul li ul li ul {
            top: 0;
        }

        .i_nav ul li ul li td {
            white-space: nowrap;
        }

        .i_nav ul li ul li a {
            display: block;
            margin: 0; /*width of sub menus*/
            height: 25px;
          background:#D10200;
           color: White;
            font: normal 12px/25px Microsoft YaHei;
			text-align:center;
        }

          

            .i_nav ul li ul li a:hover {
                 background-color:rgba(209, 2, 0, 0.9);
                color: #F60;
				
            }


.downarrowclass {
    display: none;
    position: absolute;
    top: 12px;
    right: 15px;
}

.ddshadow { /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
}

/* Holly Hack for IE \*/
*html .i_nav ul li ul {
}

*html .nava, .navaactive, .navaactive:hover, .nava:hover { /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

*html .ddsmoothmenu {
    height: 1%;
}
/*Holly Hack for IE7 and below*/



