/**
* Description：CSS for the main navigation
* Author：Gavin
* E-mail: shengzhizhang@gmail.com
* Created On：2008-10-27
* Last modification On：2010-3-8 
**/

/* mainNav */
#mainNav {
height:37px; /****一级栏目高度****/
text-align:center;
position:absolute; 
top:45px;
left:352px;
display:inline; 
}
.ddsmoothmenu {
font: normal 12px Verdana;
}
.ddsmoothmenu ul {
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*顶级菜单项*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
margin-right:-10px;
}
.ddsmoothmenu ul li a {
display: block;
width:94px; 
text-align:center;
padding-bottom:8px; 
line-height:29px;
background-image:url(mainNav.gif);
background-repeat:no-repeat;
text-decoration: none; 
}
.ddsmoothmenu ul li.menuHome a{
padding-bottom:0; 
}
* html .ddsmoothmenu ul li a {
display: inline-block;
}
.ddsmoothmenu ul li a {
color: #fff;
}
.ddsmoothmenu ul li a:hover {
color: #fff;
}
.ddsmoothmenu ul li.menu1 a,
.ddsmoothmenu ul li.menu3 a,
.ddsmoothmenu ul li.menu5 a,
.ddsmoothmenu ul li.menu7 a,
.ddsmoothmenu ul li.menu9 a{
background-position:0 -76px;
}
.ddsmoothmenu ul li.menu1 a:hover,
.ddsmoothmenu ul li.menu3 a:hover,
.ddsmoothmenu ul li.menu5 a:hover,
.ddsmoothmenu ul li.menu7 a:hover,
.ddsmoothmenu ul li.menu9 a:hover,
.ddsmoothmenu ul li.menu1 a.current,
.ddsmoothmenu ul li.menu3 a.current,
.ddsmoothmenu ul li.menu5 a.current,
.ddsmoothmenu ul li.menu7 a.current,
.ddsmoothmenu ul li.menu9 a.current,
.ddsmoothmenu ul li.menu1 a.active,
.ddsmoothmenu ul li.menu3 a.active,
.ddsmoothmenu ul li.menu5 a.active,
.ddsmoothmenu ul li.menu7 a.active,
.ddsmoothmenu ul li.menu9 a.active{
color: #fff;
background-position:0 -114px;
}
.ddsmoothmenu ul li.menu2 a,
.ddsmoothmenu ul li.menu4 a,
.ddsmoothmenu ul li.menu6 a,
.ddsmoothmenu ul li.menu8 a,
.ddsmoothmenu ul li.menu10 a{
background-position:0 0;
}
.ddsmoothmenu ul li.menu2 a:hover,
.ddsmoothmenu ul li.menu4 a:hover,
.ddsmoothmenu ul li.menu6 a:hover,
.ddsmoothmenu ul li.menu8 a:hover,
.ddsmoothmenu ul li.menu10 a:hover,
.ddsmoothmenu ul li.menuHome a.current,
.ddsmoothmenu ul li.menu2 a.current,
.ddsmoothmenu ul li.menu4 a.current,
.ddsmoothmenu ul li.menu6 a.current,
.ddsmoothmenu ul li.menu8 a.current,
.ddsmoothmenu ul li.menu10 a.current,
.ddsmoothmenu ul li.menu2 a.active,
.ddsmoothmenu ul li.menu4 a.active,
.ddsmoothmenu ul li.menu6 a.active,
.ddsmoothmenu ul li.menu8 a.active,
.ddsmoothmenu ul li.menu10 a.active{
color: #fff;
background-position:0 -38px;
}
.ddsmoothmenu ul li img{
position:absolute; 
top:8px;
right:5px;
}
/*子级菜单*/
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.ddsmoothmenu ul li.menu3 ul {
margin-left:-55px; 
}
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
margin:0; 
}
.ddsmoothmenu ul li ul li ul {
top: 0;
}
.ddsmoothmenu ul li ul li a {
background: url(subMenuBg.gif) repeat-y 0 0;
font: normal 12px Verdana;
padding:1px 5px;
width: 80px;
text-align:center; 
line-height:22px;/****子级菜单高度****/
margin: 0;
color:#B5B5B5; 
border-style:solid;/****子级菜单边框线****/
border-width:1px 0;
border-color:#000 #000 #585858 #585858;
/*filter: Alpha(opacity=80);   
-moz-opacity:.80;   
opacity:0.80;*/
}
.ddsmoothmenu ul li ul li a:hover {
background: url(subMenuHoverBg.gif) repeat-y 0 0;
border-color:#000 #000 #9F0017 #9F0017;
color:#fff; 
}
.ddsmoothmenu ul li.menu3 ul li.hilight a{
color:#fff; 
}
.ddsmoothmenu ul li.menu3 ul li a{
width:190px;
background-image:url(subMenuBg2.gif);
}
.ddsmoothmenu ul li.menu3 ul li a:hover{
background-image:url(subMenuHoverBg2.gif);
}
.ddsmoothmenu ul li.menu3 ul li.hilight a,
.ddsmoothmenu ul li.menu3 ul li.recommended a,
.ddsmoothmenu ul li.menu5 ul li.recommended a,
.ddsmoothmenu ul li.menu6 ul li.recommended a{
background-image:url(subMenuBg3.gif);
color:#FFFEAA; 
border-color:#000000 #907335 #585858 #F4CD4E;
}
.ddsmoothmenu ul li.menu3 ul li.hilight a{
color:#fff; 
font-weight:bold;
cursor:default;
}
.ddsmoothmenu ul li.menu3 ul li.recommended a:hover,
.ddsmoothmenu ul li.menu5 ul li.recommended a:hover,
.ddsmoothmenu ul li.menu6 ul li.recommended a:hover{
background-image:url(subMenuHoverBg3.gif);
color:#fff; 
}
.ddsmoothmenu ul li.menu5 ul li.recommended a,
.ddsmoothmenu ul li.menu6 ul li.recommended a,
.ddsmoothmenu ul li.menu5 ul li.recommended a:hover,
.ddsmoothmenu ul li.menu6 ul li.recommended a:hover{
background-image:url(subMenuBg4.gif);
}