@charset "utf-8";
/* CSS Document */
.menu{
	position:relative;
	margin-top:-4px;
	height:30px;
}
.mainmenu {
	padding:0px;
	margin:0;
	list-style:none;
	height:30px;
	position:relative;
	z-index:1000;
	font-family:Tahoma, Arial, verdana, sans-serif;
	font-size: 12px; font-weight: bold;
	background: url(../images/menu0.gif) repeat-x;
	padding-left:10px;
}
.mainmenu li{
	margin-right:0px;
}
.mainmenu li.top {
	display:block;
	float:left;
}
.mainmenu li a.top_link {
	display:block;
	float:left;
	height:30px;
	line-height:35px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:0 0px 0 0px; /* padding-right: distance of between tabs*/
	cursor:pointer;
}
.mainmenu li a.top_link span {
	float:left;
	display:block;
	padding:0 13px 0 13px; /*align left and right of text in tab*/
	height:30px;
	background:url(../images/menu2.gif) right top no-repeat;
}
.mainmenu li a.top_link:hover {
	color:#fff;
	background: url(../images/menu1_left.gif) no-repeat;
	line-height:35px;
}
.mainmenu li a.top_link:hover span {
	background:url(../images/menu1.gif) no-repeat right top;
	line-height:35px;
}
.mainmenu li:hover > a.top_link {
	color:#fff;
	background: url(../images/menu1_left.gif) no-repeat;
}
.mainmenu li:hover > a.top_link span {
	background:url(../images/menu1.gif) no-repeat right top;
}

/*Current*/

.mainmenu li.current {
	display:block;
	float:left;
}
.mainmenu li a.current_link {
	display:block;
	float:left;
	height:30px;
	line-height:35px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:0 1px 0 5px; /* padding-right: distance of between tabs*/
	cursor:pointer;
	background: url(../images/menu1_left.gif) no-repeat;
}
.mainmenu li a.current_link span {
	float:left;
	display:block;
	padding:0 10px 0 8px; /*align left and right of text in tab*/
	height:30px;
	background:url(../images/menu1.gif) right top no-repeat;
}
.mainmenu li a.current_link:hover {
	color:#fff;
	background: url(../images/menu1_left.gif) no-repeat;
	line-height:35px;
}
.mainmenu li a.current_link:hover span {
	background:url(../images/menu1.gif) no-repeat right top;
	line-height:35px;
}
.mainmenu li:hover > a.current_link {
	color:#fff;
	background: url(../images/menu1_left.gif) no-repeat;
}
.mainmenu li:hover > a.current_link span {
	background:url(../images/menu1.gif) no-repeat right top;
}
.mainmenu table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.mainmenu a:hover {
	visibility:visible;
	position:relative;
	z-index:200;
}
.mainmenu li:hover {
	position:relative;
	z-index:200;
}
/* keep the 'next' level invisible by placing it off screen. */
.mainmenu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;z-index:1000;
}

.mainmenu ul.sub_news {
	width:160px;
}
.mainmenu ul.sub_trade {
	width:90px;
}
.mainmenu ul.sub_ipo {
	width:120px;
}
.mainmenu ul.sub_service {
	width:175px;
}

.mainmenu ul.sub_aboutus {
	width:130px;
}

.mainmenu ul.sub_pro {
	width:160px;
}

.mainmenu ul.sub_know {
	width:240px;
}

.mainmenu :hover ul {
	left:0;
	top:30px;
	background: #c9c9c9 url(../images/bg_menu_sub.gif) top repeat-x;
	padding-left:3px;
	border:1px solid #dbdbdb;
	border-width:0 1px 1px 1px;
	white-space:nowrap;
	height:auto;
	z-index:9999;
}
.mainmenu :hover ul li {
	display:block;
	height:25px;
	position:relative;
	font-weight:normal;
	line-height:25px;
	width:auto;background:url(../images/bg_sub.gif) repeat-x bottom;
}
.mainmenu :hover ul li.bottom {
	display:block;
	height:25px;
	position:relative;
	font-weight:normal;
	width:auto;
	background:none;
}
.mainmenu :hover ul li a , .mainmenu :hover ul li.bottom a{
	display:block;
	font-size:11px;
	height:25px;
	line-height:25px;
	width:auto;
	padding:0 0 0 7px; /* align left of text in sub*/
	color:#000;
	text-decoration:none;
}
.mainmenu :hover ul li a:hover , .mainmenu :hover ul li.bottom a:hover{
	background:#FFF;
	color:#000;
}
/* tab 1 */
div.tab1{
	position:absolute;
	top:7px;#top:4px;
	left:5px;
	height:20px;
}
div.tab1 ul{
	margin:0;
	padding:0;
	text-align:left;
}
div.tab1 ul li{
	margin:0;margin-left:0px;
	padding:0;
	list-style:none;
	display:inline;
}
div.tab1 ul li a{
	background:url(../images/tab1.gif) top left no-repeat;
	height:20px;
	padding:6px 0px 3px 18px;#padding:0px 0px 3px 18px;
	color:#fff;
	font:bold 12px tahoma;
	text-decoration:none;
}
div.tab1 ul li a span{
	background:url(../images/tab1.gif) top right no-repeat;
	padding:6px 18px 3px 0px;
	#line-height:23px;
}
div.tab1 ul li a:hover, div.tab1 ul li.current a{
	background:url(../images/tab1_hover.gif) top left no-repeat;
	height:20px;
	padding:6px 0px 4px 18px;#padding:0px 0px 4px 18px;
	color:#003399;
	font:bold 12px tahoma;
	text-decoration:none;
}
div.tab1 ul li a:hover span, div.tab1 ul li.current a span{
	background:url(../images/tab1_hover.gif) top right no-repeat;
	padding:6px 18px 4px 0px;
}
/* tab 2 */
div.tab2{
	height:17px;#height:23px;
	margin-top:10px;#padding-top:5px;
}
div.tab2 ul{
	margin:0;
	padding:0;
	text-align:left;
	padding-left:5px;
}
div.tab2 ul li{
	margin:0;margin-left:0px;
	padding:0;
	list-style:none;
	display:inline;
}
div.tab2 ul li a{
	background:url(../images/tab2.gif) top left no-repeat;
	height:20px;
	padding:4px 0px 5px 6px;#padding:0px 0px 4px 6px;
	color:#003399;
	font:bold 11px tahoma;
	text-decoration:none;
	#line-height:24px;
}
div.tab2 ul li a span{
	background:url(../images/tab2.gif) top right no-repeat;
	padding:4px 6px 4px 0px;#padding:3px 6px 4px 0px;
}
div.tab2 ul li a:hover, div.tab2 ul li.current a{
	background:url(../images/tab2_hover.gif) top left no-repeat;
	color:#000;
	font:bold 11px tahoma;
	text-decoration:none;
}
div.tab2 ul li a:hover span, div.tab2 ul li.current a span{
	background:url(../images/tab2_hover.gif) top right no-repeat;
}
div.tab2 ul li a span img{
	#margin-bottom:-3px;
}

/* tab 1 */
div.tabvns{
	position:absolute;
	top:7px;#top:4px;
	left:5px;
	height:20px;
}
div.tabvns ul{
	margin:0;
	padding:0;
	text-align:left;
}
div.tabvns ul li{
	margin:0;margin-left:0px;
	padding:0;
	list-style:none;
	display:inline;
}
div.tabvns ul li a{
	background:url(../images/tab1.gif) top left no-repeat;
	height:20px;
	padding:6px 0px 3px 6px;#padding:0px 0px 3px 6px;
	color:#fff;
	font:bold 12px tahoma;
	text-decoration:none;
}
div.tabvns ul li a span{
	background:url(../images/tab1.gif) top right no-repeat;
	padding:6px 6px 3px 0px;
	#line-height:23px;
}
div.tabvns ul li a:hover, div.tabvns ul li.current a{
	background:url(../images/tab1_hover.gif) top left no-repeat;
	height:20px;
	padding:6px 0px 4px 6px;#padding:0px 0px 4px 6px;
	color:#003399;
	font:bold 12px tahoma;
	text-decoration:none;
}
div.tabvns ul li a:hover span, div.tabvns ul li.current a span{
	background:url(../images/tab1_hover.gif) top right no-repeat;
	padding:6px 6px 4px 0px;
}


/************	menu doc	*************/
div.menu_doc{
	width:210px;
	margin:-1px auto 0 auto;
}
div.menu_doc ul.menu_m{
	margin:0;
	padding:0;
	list-style:none;
	padding-left:0px;
}
div.menu_doc ul.menu_m li{
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/menu_m_li.gif) no-repeat;
	line-height:26px;
	border-bottom: 1px solid #bacade;
}
div.menu_doc ul.menu_m li a div{
	background:url(../images/menu_m_li.gif) no-repeat;
	padding:6px 0 6px 20px;
	font: bold 12px tahoma;
	color:#000;
	text-decoration:none;
}
div.menu_doc li a, div.menu_doc li.current a{
	text-decoration: none;
}
div.menu_doc ul.menu_m li a:hover div, div.menu_doc ul.menu_m li.current a div{
	padding-left:20px;
	background:url(../images/menu_m_lihover.gif) no-repeat;
	text-decoration:none;
}
/************	tab 3	***********/
div.tab3{
	height:20px;
	background:url(../images/bg_tab3.gif) repeat-x;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding-top:9px;#padding-top:5px;#height:28px;
}
div.tab3 ul{
	margin:0;
	padding:0;
	text-align:left;
	padding-left:5px;
}
div.tab3 ul li{
	margin:0;margin-left:0px;
	padding:0;
	list-style:none;
	display:inline;
}
div.tab3 ul li a{
	background:url(../images/tab1.gif) top left no-repeat;
	height:20px;
	padding:6px 0px 3px 18px;#padding:0px 0px 3px 18px;
	color:#fff;
	font:bold 12px tahoma;
	text-decoration:none;
}
div.tab3 ul li a span{
	background:url(../images/tab1.gif) top right no-repeat;
	padding:6px 18px 3px 0px;
	#line-height:23px;
}
div.tab3 ul li a:hover, div.tab3 ul li.current a{
	background:url(../images/tab1_hover.gif) top left no-repeat;
	height:20px;
	padding:6px 0px 4px 18px;#padding:0px 0px 4px 18px;
	color:#003399;
	font:bold 12px tahoma;
	text-decoration:none;
}
div.tab3 ul li a:hover span, div.tab3 ul li.current a span{
	background:url(../images/tab1_hover.gif) top right no-repeat;
	padding:6px 18px 4px 0px;
}
/************	tab 4	***********/
div.tab4{
	height:20px;
	padding-top:9px;#padding-top:5px;#height:23px;
	background:url(../images/bg_tab4.gif) repeat-x bottom;
}
div.tab4 ul{
	margin:0;
	padding:0;
	text-align:left;
	padding-left:5px;
}
div.tab4 ul li{
	margin:0;margin-left:0px;
	padding:0;
	list-style:none;
	display:inline;
}
div.tab4 ul li a{
	height:20px;
	padding:6px 0px 3px 10px;#padding:0px 0px 3px 10px;
	color:#003399;
	font:bold 11px tahoma;
	text-decoration:none;
}
div.tab4 ul li a span{
	padding:6px 10px 3px 0px; #padding:0px 10px 3px 0px;
	#line-height:21px;
}
div.tab4 ul li a:hover, div.tab4 ul li.current a{
	background:url(../images/tab4_hover.gif) top left no-repeat;
	padding:6px 0px 4px 10px;#padding:0px 0px 4px 10px;
	color:#000;
	font:bold 11px tahoma;
	text-decoration:none;
}
div.tab4 ul li a:hover span, div.tab4 ul li.current a span{
	background:url(../images/tab4_hover.gif) top right no-repeat;
	padding:6px 10px 4px 0px;
}