@charset "utf-8";
/* CSS Document */
body {
	background-image:url(../cmn_images/sbupage_bg.jpg);
	background-repeat:repeat-x;
	/*line-height:120%;*/
	}
dl,dt,dd,ul,li{	
	border:0;
	margin:0;
	padding:0;
	}
/*for FF defulted ul border margin padding not zero problem*/
p{ 
	margin:5px; 
	}
h1,h2,h3{
	margin:0;
	padding:0;
	}
.textLeft{
	text-align:left;
	}
	
.height{
	height:225px;
	line-height:105%!important;
	line-height:110%;
	}
.enblack{
	letter-spacing:0px!important;
	}
#subnav {
	width:158px;
	margin:0 0 0 10px!important;
	margin-left:5px;/*fix the IE6 double margin bug*/
	padding:0 0 4px 0;
	font-size:12px;
	border:1px solid #CCC;
	}
/*zjy for subnav 2010/04/19*/
#subnav ul,
#subnav ul li { padding:0; margin:0; list-style:none; font-weight:bold;}

#subnav ul.subMenu1 li{
	float:left;
	width:133px;
	height:19px;
	margin:4px 0 0 4px;
	*margin:4px 0 0 4px;
	_margin:2px 0 0 2px;/*fix the IE6 double margin bug*/
	padding:4px 0 0 15px;
	border:1px solid #CCC;
	background:url(../cmn_images/h1_bg.gif) no-repeat left top;
	}
#subnav ul.subMenu1 li.line2{
	height:30px;
}
#subnav ul.subMenu1 li.subMenu2 {
	margin-top:0;
	padding:0;
	height:auto;
	width:148px;
	border-top:none;
	background:none;
	background:url(../cmn_images/h2_bg.gif) repeat-y;
}

#subnav ul.subMenu1 li.subMenu2 ul li{
	float:left;
	margin:0;
	padding:0;
	width:148px;
	height:auto;
	border:none;
	background:url(../cmn_images/dashe.gif) no-repeat left bottom;
}
#subnav ul.subMenu1 li.subMenu2 ul li p{
	background:url(../cmn_images/icon_arr.gif) no-repeat 16px 9px;
	padding: 4px 0 4px 25px;
	margin:0;
}
#subnav ul.subMenu1 li.subMenu2 ul li.nonborder{
	background:none;
}

#subnav ul.subMenu1 li a{
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
	color:#1065b1;
	}
#subnav ul.subMenu1 li.subMenu2 ul li a:hover{
	text-decoration:none;
	font-size: 12px;
	color:#FF6600;
	}
/*zjy for subnav end*/

#jobnav{
	width:148px;
	margin:10px 0 0 4px!important;
	margin:0 0 0 4px;
	padding:0;
	}
#mainContent{
	width:574px;
	margin-left:20px;
	}
#introl{
	width:556px;
	height:178px;
	padding:9px 9px 5px 9px;
	background-image:url(../product/images/product_intro_bg.jpg);
	background-repeat:repeat-x;
	}
.subBlock{
	width:180px;
	padding:1px;
	border:1px solid #CCC;
	}
.expand{
	width:571px;
	}
.blockTitle{
	height:26px;
	margin:0;
	background-color:#F2F2F2;
	}
.blockContent{
	padding:12px;
	}
.blockContent img{
	float:none;
	margin:0;
	}
.subTitle{
	padding-left:17px;
	font-weight:bold;
	background-image:url(../cmn_images/icon_rectangle.gif);
	background-repeat:no-repeat;
	background-position:left 2px!important;
	background-position:left 3px;
	}
.blockContent ul{
	margin:0 0 0 1px;
	padding:0;
	list-style:none;
	}
.blockContent #linkUl li{
	line-height:180%;
	background-image:url(../cmn_images/bg_dashed.gif);
	}
.blockContent #linkUl li a,.blockContent #linkUl li a:link{
	width:535px;
	display:block;
	list-style:none;
	padding-left:12px;
	color:#006699;
	background:url(../cmn_images/icon_triangle.gif) no-repeat;
	}
.blockContent #linkUl li a:hover{
	text-decoration:underline;
	}
.bCnew{
	width:20px;
	float:left;
	margin-left:500px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew01{
	width:20px;
	float:left;
	margin-left:360px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew02{
	width:20px;
	float:left;
	margin-left:405px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew03{
	width:20px;
	float:left;
	margin-left:300px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew04_210{
	width:20px;
	float:left;
	margin-left:210px;
	margin-top:-15px;
	z-index:99;
	}
.pagTop{
	text-align:right;
	margin:10px 0;
	padding-left:495px;
	}
.dashedLine{
	height:1px;
	background-image:url(../cmn_images/bg_dashed_dot.gif);
	}
.rightLink{
	font-weight:normal;
	}
.rightLink a,.rightLink a:hover{
	color:#1065b1;
	font-weight:normal;
	}
.rightLink a:hover{
	color:#1065b1;
	text-decoration:underline;
	}
#co_photo{
	float:left;
	margin:0 4px 15px 4px; 
	width:170px; 
	}
#co_pic{
	float:left;
	border:1px #CCCCCC solid;
	}
#co_photoshadow_l{
	float:left;
	}
#co_photoshadow_d{
float:left;
width:160px; 
	}

#navplsvd{
	width:170px;
	}
/*reset the value of subnav beacuse the IE6 double margin bug dosn't exist anymore in this structure*/
#videobtn{
	margin:10px 0 0 10px;
	*margin:10px 0 0 10px;
	_margin:5px 0 0 5px;
	}
/*vediobtn style*/
#sisevbtn{
	float:left;
	margin:20px 38px 0px 2px;
	width:123px;
	}
/*sisevbtn style*/
#jobnav ul li{
	list-style:url(../cmn_images/icon_triangle.gif);
	}
#jobnav a{
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
	color:#1065b1;
	}
#jobnav a:hover{
	text-decoration:none;
	font-size: 12px;
	color:#FF6600;
	}
#cul_outbox_l{
	float:left; 
	background:#aaddff;
	width:305px;
	padding-left:3px!important;
	padding:2px 0;
	}
/*#cul_contentbox_l{
	margin:3px auto;
	width:302px!important;
	width:305px;
}*/
.cul_inbox_l{
	background:#FFFFFF;
	float:left;
	width:145px;
	height:85px;
	margin:3px;
	text-align:center;
	padding-top:8px;
	}
#arrow{
	width:80px; 
	float:left;
	padding:160px 0 0 0;
	text-align:center;
	}
#cul_outbox_r{
	float:right;
	background:#aaddff;
	width:150px;
	padding:2px 3px!important;
	padding:2px 0;
	}
.cul_inbox_r{
	float:left;
	width:145px;
	background:#FFFFFF;
	height:85px;
	margin:3px;
	text-align:center;
	padding-top:8px;
	}
.enblack{
	letter-spacing:0px!important;
	}
/*for co_gm.html*/
.imgRight{
	float:right;
	width:304px;
	padding:5px 15px 8px 8px!important;
	padding:5px 0px 8px 8px;
	}
.imgRightBottom{
	float:right;
	width:200px;
	text-align:right;
	padding:0px 0px 0px 0px!important;
	padding:0px 0px 0px 0px;
	}
/*for news_topics.html*/
.topics_table,
.topics_table tr td{
	border:none;
	vertical-align:top;
	text-align:left;
	}
.topics_table tr td p{
	margin:0px;
	line-height:260%;
	}
	
/*for table which don't have boder*/
.tableNoboder{
	border:none;
	}
	
.tableNoboder td,
.tableNoboder th{
	text-align:left;
	border:none;
	}	

.tableTextLeft td{
	text-align:left;
	padding-left:10px;	
	}
.tableTextLeft th{
	text-align:left;
	padding-left:10px;	
	}
	
/*for forggy.html the table's width is 90%*/
#tableWidth90{
	width:90%;
	border:none;
	}
#tableWidth90 td{
	border:none;
	text-align:left;
	}

/*for customer_appraise.html*/
.tableWidth90{
	width:90%;
	}

/*for services_gaiyo.html*/
.tdlikeLeft{
	width:40px;
	}
.tdlikeRight{
	width:490px;
	}
/*for froggy.hrml*/
#Ul li{
	line-height:180%;
	background-image:url(../cmn_images/bg_dashed.gif);
	}
#Ul li a,.blockContent #linkUl li a:link{
	list-style:none;
	padding-left:12px;
	color:#006699;
	background:url(../cmn_images/icon_triangle.gif) no-repeat;
	}
#Ul li a:hover{
	text-decoration:underline;
	}

/*for sitemap.html*/
dl{
	margin:0;
	padding-top:15px;
	}
	
dt{
	background:url(../cmn_images/icon_rectangle.gif) no-repeat;
	background-position:left 1px!important;
	background-position:left -2px;
	font-weight:bold;
	margin-left:29px;
	padding-left:21px;
	color:#006699;
	}
	
dt a,
dt a:link{
	color:#006699;
	}

dd{
	padding-left:71px;
	}
	
dl dd ul{
	width:234px;
	}
				
dl dd ul li{
	margin-top:13px;
	background:url(../cmn_images/icon_rectangle_s.gif) no-repeat;
	background-position:left 1px;
	padding-left:21px;
	}
	
dl dd ul li ul{
	width:192px;
	}
		
dl dd ul li ul li{
	margin-top:10px;
	background:url(../cmn_images/icon_start.gif) no-repeat;
	}
.end{
	margin-top:10px;
	background:url(../cmn_images/icon_end.gif) no-repeat;
	}

.sitemapLeft,
.sitemapRight{
	float:left;
	}