/****** General Styles ******/
body {
	font-size: 75%;
	font-family: Tahoma, Arial;
	color: #000000;
	line-height: 150%;
	background: white;
	padding: 0px;
	min-width: 950px;
}


/* text */

p {
	line-height: 150%;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

td, th {
	font-size: 100%;
	line-height: 150%;
}

ul.arrow li {
    list-style-image:url(base/arrow_list.gif);
}



/* links */
a,
a:link,
a:visited,
a:active {
	color:balck;
	text-decoration: none;
}

 a:hover {
	color:rgb(222, 0, 7);
	background:#FFFFFF;
}

/* inputs */
form{
	display: inline;
	margin: 0;
	padding: 0;
}

input,
select{
	vertical-align: middle;
}

input.button{
	color: #645A44;
	padding: 2px 5px;
	text-decoration: none;
	vertical-align: middle;
	border: 1px solid #ABA498;
	border-top: 1px solid #C8C4BB;
	border-left: 1px solid #C8C4BB;
	background: #F4FBE1 url('base/bg_input_btn.png');
}
input.button:hover{
	color: #395500;
	background: #F4FADF url('base/bg_input_btn_hover.png');
	border: 1px solid #80AA00;
	border-top: 1px solid #99CC00;
	border-left: 1px solid #99CC00;
}

input.text,
textarea {
	padding: 2px 3px;
	vertical-align: middle;
	border: 1px solid #C0BBB4;
	background: white url('base/bg_input_text.png') top left repeat-x;
}
input.text:hover,
textarea:hover {
	border: 1px solid #99CC00;
	background: white url('base/bg_input_text_hover.png') top left repeat-x;
}

label {
	cursor: pointer;
}


/* other */

img {
	border: none;
	vertical-align: middle;
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px dashed #CCCCCC;
}

.wrapper {width:950px; margin:auto;}

/****** Header ******/
.header{
	background: white url('base/bg_header.png') top left;
	height: 150px;
	width:950px;
	margin:auto;
}
.innerHeader{
	height: 150px;
	width: 950px;
	margin: 0 auto;
}

.title{
	float: left;
	margin-top: 16px;
	white-space: nowrap;
}
.title img{
	float: left;
	margin-right: 12px;
}
.title h1{
	font-size: 150%;
	font-weight: bold;
	padding: 6px 0px 4px 0px;
	margin: 0px;
}
.title h1 a:link,
.title h1 a:visited,
.title h1 a:active
{
	color: black;
	text-decoration: none;
}
.title sup{
	font-size: 65%;
}
.title p{
	margin: 0px;
	padding: 0px;
	color: #666666;
}

/* top nav menu */
.title-menu{
    margin-top:40px;
	padding-top: 26px;
	float: right;
}

.title-menu a:link,
.title-menu a:visited,
.title-menu a:active,
.title-menu a:hover{
	float: left;
	display: block;
	padding: 4px 8px;
	margin: 0px 5px 0px 0px;
	color: #666666;
	text-decoration: none;
}
.title-menu a:hover{
	color: white;
	background: #666666;
}

.main {
    width: 950px;	 
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

div.left {
  float: left; 
  width: 190px;
}
/****** left menu ******/
.sidebar{
  width:190px;
  border: #dbdbdb 1px solid;
  font-size: 12px;
  color: #000000;
  margin: 2px;
  padding:2px;
  margin-top: 0px;
}
.sidebar h5{
	font-size: 14px;
	padding:2px;
	color:rgb(222, 0, 7);
	font-weight: bold;
	margin: 0px;
	background: #EEEDEA;
}

.sidebar p
{
    font-weight: bold;
    margin: 0px;
	padding:2px;
}

.sidebar span
{
    display: block;
	color:rgb(222,0,7);
	background-color:#CCCCCC;	
	font-size:12px;
	padding:2px;
}

.sidebar p a
{
    color:#000000;
    text-decoration: none; 
    display: block;
	font-size:12px;
	padding:2px;
}

.sidebar p a:hover
{    
    background-color: #E1E1E9;
	background-repeat:no-repeat;
    color:rgb(222,0,7);
    text-decoration: none; 
    display: block;
	font-size:12px;
	padding:2px;
}


/****** Nav Panel ******/
.navPanel{
	border-top: 1px solid #DAD7CF;
	border-bottom: 1px solid #DAD7CF;
	line-height: 200%;
	background: #F2F0EE url('horizontal.png') top center;
}
.innerNavPanel {
	margin: 0 auto;
	width: 950px;
}


/* 横向菜单 */
#nav {padding:0; margin:0; list-style:none; height:55px; background:#FFFFFF url(horizontal.png) repeat-x; position:relative; z-index:500;}
#nav li.top {
        display:block; 
        float:left; 
		padding:0px;
		}
		
#nav li a.top_link {
        color:#FFFFFF;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
}

#nav span.menu {
        color:#000000;
		background:#fff url("static.png") no-repeat 0 -67px;
		display:block;
		font-weight:bold;
		line-height:40px;
		margin:0px;
		padding:0px 10px;
		text-align:left;
		text-decoration:none;
		}
		
#nav li:hover a.top_link {
        color:#000000; 
		background: #fff url("static.png") no-repeat 0 -67px;
		padding-bottom:3px;
		line-height:38px;
		}
#nav span.down {
        color:rgb(222,0,7);
		background:#E1E1E9;
		display:block;
		text-align:left;
		text-decoration:none;
		font-weight:bold;
		padding:3px; 
		
		}

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub{
left:0px; 
top:38px; 
background:#fff;
padding:3px; 
white-space:nowrap; 
width:190px; 
height:auto; 
z-index:300;
}

#nav li:hover ul.sub li{
display:block; 
height:30px; 
position:relative; 
float:left; 
width:190px; 
font-weight:normal;}

#nav li:hover ul.sub li a{
display:block; 
font-size:12px; 
height:30px; 
width:190px; 
line-height:18px; 
text-indent:5px; 
color:#000000; 
text-decoration:none;
}

#nav li ul.sub li a.fly
{background:#CCCCCC url(base/arrow.gif) 80px 6px no-repeat;}

#nav li:hover ul.sub li a:hover 
{background:#E1E1E9; color:rgb(222,0,7); border-color:#fff;}

#nav li:hover ul.sub li a.fly:hover
{background:#3f96a9 url(base/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:190px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background:#CCCCCC; padding:3px; white-space:nowrap; width:190px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(base/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 


/* sorry for this ie6 hack */
* html .buttons img {
	float: left;
	margin: 5px 5px 5px 0px;
}


.middle {
  margin: 0px 0px 0px 200px;
  border:solid 1px #CCCCCC;
}

/**page content without left menu**/
.commonWrapper{
	width: 719px;
	margin:auto;
	margin-left:0px;
}

/*indexBlock**/
.indexBlock{
	line-height: 1.5em;
	margin: 5px 0px 5px 0px;
	padding-left: 15px;
	overflow: visible;
}
 
 a,
 a:link,
 a:visited,
 a:active {
	color:#858585;
	font-weight:bolder;
	text-decoration: none;
}

 a:hover {
	color:rgb(222, 0, 7);
	background:#FFFFFF;
	text-decoration:underline;
}

 h1{ 
    color:rgb(222, 0, 7);
	font-size: 150%;
	font-weight: bold;
	padding: 6px 0px 4px 0px;
	margin: 0px;
}

h2{
	font-size: 125%;
	font-weight: bold;
	padding: 6px 0px 4px 0px;
	margin: 0px;
}


h3{
    color:#000000;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px dashed #E0E0E0;
}

h4 {
	color: #666666;
	font-size: 100%;
	/*font-weight: bold;*/
	padding: 5px 5px 5px 0px;
	margin: 10px 0px 5px 0px;
}


/****** Footer Block ******/
.footer{
	clear: both;
	text-align: center;
	color: #666666;
	margin: 20px auto;
}
.innerFooter{
	width: 750px;
	margin: 0px auto;
}

.footerLinks{
	color: #666666;
	background: #F2F1EE;
	border: 1px solid #E4E1DC;
	text-align: left;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.footerLinks h5{
	font-size: 100%;
	color: #333333;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}
.footerLinks a:link,
.footerLinks a:visited,
.footerLinks a:active {
	color: #666666;
}
.footerLinks a:hover {
	color: #000000;
}

.copyright{
	margin: 20px auto;
}

/*框*/
div.box_home_grey { background: transparent url('base/box_bg_home_grey_top_left.gif') no-repeat top left;}
div.box_home_grey1 { background: transparent url('base/box_bg_home_grey_top_right.gif') no-repeat top right;}
div.box_home_blue { background: transparent url('base/box_bg_home_blue_top_left.gif') no-repeat top left;}
div.box_home_blue1 { background: transparent url('base/box_bg_home_blue_top_right.gif') no-repeat top right;}
div.box_home_green { background: transparent url('base/box_bg_home_green_top_left.gif') no-repeat top left;}
div.box_home_green1 { background: transparent url('base/box_bg_home_green_top_right.gif') no-repeat top right;}

div.box_home_grey2, div.box_home_blue2, div.box_home_green2
{
    background: transparent url('base/box_bg_home_all_bottom_left.gif') no-repeat bottom left;
}
div.box_home_grey3, div.box_home_blue3, div.box_home_green3
{
    padding: 14px;
    background: transparent url('base/box_bg_home_all_bottom_right.gif') no-repeat bottom right;
}

/*自动伸缩圆角框*/
.myroundedbox2 {
  background: url(base/bottom-left2.gif) no-repeat left bottom;
  margin-bottom:10px;
  _padding-bottom:10px; /* IE6的问题 */
}

.myroundedbox2-outer {
  background: url(base/bottom-right2.gif) no-repeat right bottom;
}

.myroundedbox2-inner {
  background: url(base/top-left2.gif) no-repeat left top; 
}

.myroundedbox2-title{
  margin:0;
  background: url(base/top-right2.gif) no-repeat right top;
  padding: 5px;  
}
			
.myroundedbox2-title h4{
	display:block;
	margin:0;
	padding:0 0 3px 0;
	color:#003967;
}


/* special styles */
a.button, a.button2 {display: inline-block; vertical-align: middle; text-align: center; font: bold 11px/22px "arial narrow", arial, sans-serif; text-decoration: none; color: #595959; background: transparent url(base/button_normal.gif) 50% 50% no-repeat; padding: 4px 0; color: #595959 ! important}
a.button, a.button2 {display: -moz-inline-box; -moz-box-pack: center}
a.button:hover, a.button2:hover {color: #00406c ! important; background-image: url(base/button_hover.gif)}
a.button {width: 81px}
a.button2 {width: 65px; background-image: url(base/button2_normal.gif)}
a.button2:hover {background-image: url(base/button2_hover.gif)}


span.red
{ color:rgb(222, 0, 7);
}

div.buy{ background:transparent url(icon_buy.jpg) center left no-repeat; padding-left: 25px;}