/*各种菜单的样式*/

body,p,ul,li,a{
	margin:0;
	padding:0;
}
ul,li{
	list-style-type:none;
}
/****菜单类型：4*****/
.gradual{
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

/*鼠标hover时，展开子菜单*/
.gradual li  ul{
	display:none;
}
.gradual  li:hover >ul{
	display:block;
}

/**/
.gradual .top{
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
	width:200px;/*通过覆盖这个宽度样式可调整顶层菜单项的宽度*/
}
.gradual .top  ul{
    background-color: transparent;
	position: absolute;
    left:0;
    width: 100%;
}
.gradual .top li{
    background-color: transparent;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.gradual   .top a {
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    overflow: hidden;
    padding: 0 20px 0 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.gradual   .top a:hover{
    color: #CCCCCC;
}
.gradual  .top li a {
    color: #666666;
    display: block;
    float: left;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    padding: 0 20px 0 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.gradual  .top li a:hover {
    color: #000000;
}
.gradual .top span{
	display: block;
    background-position: right center;
    background-repeat: no-repeat;   
    overflow: hidden;
    padding-right: 10px;
}
.gradual .top ul span{
	padding:0;
	display:inline;
}
/*子菜单呈现方式（向上、向下）*/
.gradual.down .top ul{
	top:40px;
}
.gradual.down .hasSubList a span{
	background-image:url("images/triangle-down.png");
}
/*
.gradual.up{
	margin-top:200px;
}
*/
.gradual.up .top ul{
	bottom:40px;
}
.gradual.up .hasSubList a span{
	background-image: url("images/triangle-up.png");
}
/*配色方案种类（bg_red，bg_chocolate）*/
	/*黑色背景*/
.gradual.bg_black{
	background-image: url("images/01.jpg");
}

	/*咖啡色*/
.gradual.bg_chocolate{
	background-image: url("images/11.jpg");
}

	/*蓝色*/
.gradual.bg_blue{
	background-image: url("images/21.jpg");
}

	/*红色*/
.gradual.bg_red{
	background-image: url("images/31.jpg");
}

	/*黄色*/
.gradual.bg_yellow{
	background-image: url("images/41.jpg");
}

	/*紫色*/
.gradual.bg_purple{
	background-image: url("images/51.jpg");
}

	/*绿色*/
.gradual.bg_green{
	background-image: url("images/61.jpg");
}

/*********end 菜单类型4************/