@charset "utf-8";

html {
	overflow: -moz-scrollbars-vertical;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 170%;
	margin: 0 auto;
}

img{
	outline: none;
	border: none;
}

a{
	color: #333333;
	text-decoration: none;
	outline: none;
	border: none;
}

a:hover{
	text-decoration: underline;
}

p{
    margin: 0 0 20px 0;
}


h1{
	font-size: 20px;
	font-weight: normal;
	color: #222;
	margin: 5px 0 0 5px;
}

h2{
	color: #365579;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 15px 0;
}

h3{
	color: #222;
	font-size: 13px;
	color: #365579;
	margin: 5px 0 10px 0;
}

hr{
	color: #fff;
	border: none;
	border-top: #ccc 1px solid;
}
/*-----layout css-----*/
#container {
	width: 895px;
	margin: 0 auto;
    position: relative;
}

#header{
	width: 895px;
	height: 120px;
	clear: both;
	margin: 0;
	border-bottom: 3px solid #404a5e;
	position: relative;
}

#header .logo{
	position: absolute;
	bottom: 18px;
	left: 0px;
}

#header .slogan{
	position: absolute;
	bottom: 18px;
	left: 130px;
}

#content{
	width: 895px;
	height: 550px;
	position: relative;
	margin: 5px 0 0 0;
	float: left;
	clear:both;
}

#main_left_nav{
	width: 225px;
	height: 550px;
	background: #e1e1e1;
	top: 0;
	left: 0;
	position: absolute;
	/* text-align: justify; */
	text-align: left;
	
}

#main_right_nav{
	width: 665px;
	position: absolute;
	top: 0;
	left: 230px;
	overflow: hidden;
}

#main_left_nav .intro{
	margin: 0 15px 15px 15px;
	line-height: 180%;
	text-align: left;
}

#main_left_nav .e_solution{
	margin: 15px 15px 10px 15px;
}

#main_photo{
	position: relative;
	float: left;
	margin: 0;
	width: 665px;
	margin: 1px 0 0 1px;
}

#main_product{
	width: 665px;
	height: 95px;
	float: left;
	position: relative;
	padding: 6px 0 0 0;
	border-top: 3px solid #404a5e;
	margin: 5px 0 0 1px;
}

#main_product img{
	float: left;
}

#main_product .mid_photo{
	margin: 0 5px;
	_margin: 0 4px;
	float: left;
}

#footer{
	width: 895px;
	font-size: 11px;
	clear: both;
    float: left;
	margin: 5px 0 0 0;
}

#sub_container{
	width: 895px;
	position: relative;
	float: left;
	clear:both;
	background: url(../share_images/sub_bg.jpg) bottom left no-repeat;
	padding: 0 0 130px 0;
	border-bottom: 3px solid #404a5e;
}

#sub_bg{
	background: url(../share_images/sub_bg_grey.jpg) repeat-y top left;
	float: left;
	position: relative;
	width: 895px;
	margin: 5px 0 0 0;
}

#sub_left_nav{
	width: 195px;
	position: relative;
	float: left;
}

#sub_right_nav{
	width: 695px;
	_width: 685px;
	float: right;
	position: relative;
}

#sub_banner{
	width: 695px;
	height: 95px;
	padding: 0 0 2px 0;
	border-bottom: 3px solid #404a5e;
	position: relative;
	float: left;
}

#sub_content{
	margin: 0 0 0 5px;
	position: relative;
	/* text-align: justify; */
	text-align: left;
	float: left;
	width: 690px;
	_float: right;
}

#sub_content2{
	margin: 10px 10px 0 10px;
	_margin: 10px 5px 0 5px;
	position: relative;
	/* text-align: justify; */
	text-align: left;
	float: left;
	width: 675px;
	_width: 660px;
}

#sub_content2 a{
	color: #4f67ad;
}

.left_title{
	margin: 10px 6px 0 6px;
}

#pro_cat{
	width: 690px;
	color: #365579;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	margin: 5px 0 15px 0;
}

.pro_des{
	width: 410px;
	margin: 0 0 20px 0;
}

#pro_details{
	width: 410px;
	float: left;
	position: relative;
}

#pro_details p.title{
	width: 120px;
	float: left;
	font-weight: bold;
	clear: left;
}

#pro_details p.text{
	width: 285px;
	float: left;

}

#pro_photo{
	width: 252px;
	float: right;
	margin: 0 5px 0 0;
}

#pro_photo img{
	border: 1px solid #ccc;
}

iframe.gallery{
	float: left;
	width: 695px;
	_width: 665px;
	height: 650px;
	overflow: hidden;
}

iframe{
	float: left;
	width: 685px;
	height: 180px;
	overflow: hidden;
}

.gallery_right{
	float: right;
	margin: 0 30px 0 0;
	_margin: 0 10px 0 0;
	clear: right;
}

#pro_photo{
	overflow: hidden;
}

#pro_thum{
	width: 690px;
	#width: 680px;
	height: 140px;
	margin: 40px 0 0 0;
	#margin: 20px 0 0 0;
	clear: both;
}

#pro_thum .arrow_left{
	margin: 40px 5px 40px 0;
	float: left;
	#position: absolute;
	#left: 0;
	#top: 60px;
}

#pro_thum .arrow_right{
	margin: 40px 0 40px 0px;
	float: left;
	#position: absolute;
	#right: 0;
	#top: 60px;
}

#pro_thum .thum_pic img{
	border: 1px solid #ccc;
	float: left;
	margin: 1px 10px;
}

#pro_thum .thum_pic .active img, #pro_thum .thum_pic img:hover{
	border: 2px solid #4f67ac;
	float: left;
	margin: 0 9px;
}

#thumlisting{
	margin: 0 0 0 10px
}

.contact_box{
	width: 290px;
	height: 140px;
	margin: 10px 10px 10px 0;
	float: left;
	background: #e6edf2;
}

.contact_box .title{
	font-weight: bold;
	padding: 5px 7px 0 7px;
}

.contact_box .text{

	padding: 5px;
}

.contact_box .text p{
	margin: 3px 2px;
}

.clear{
	clear: both;
}

.pic_mid{
	clear: both;
	margin: 0 20px 10px 60px;
}

.pic_border{
	float: left;
	border: 1px solid #111;
}

.pic_border_2 {
	border: 1px solid #111;
	margin: 0 0 12px 0;
}

.pic_left{
	float: left;
	margin: 0 20px 10px 0;
}

.pic_right{
	float: right;
	margin: 0 0 10px 20px;
}

.pic_right_long{
	float: right;
	margin: 5px 0 80px 20px;
}


#sub_content2 ul{
	margin: 0 0 10px -30px;
	#margin: 0 0 10px 10px;
}

#sub_content2 li{
	background: url(../share_images/bullet.jpg) left 7px no-repeat;
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0 0 3px 0;
}


#sub_content2 .content_menu{
	width: 200px;
	float: right;
	background: #eee;
	margin: 5px 0 50px 20px;
	padding: 5px 0;
}

#sub_content2 ul,
#sub_content2 ol,
#sub_content2 dl {position: relative; }

#sub_content2 .content_menu ul li{
	margin: 5px 0 0 -15px;
}

#sub_content2 .content_menu ul li{
	background: none;
	list-style: none;
}

.textiles{
	margin: 0 15px 10px 0;
}

.textiles p, .textiles_clear p{
	margin: 0 0 2px 0;
	text-align: left;
}

.textiles_clear{
	width: 670px;
	_width: 640px;
	clear: both;
	float: left;
	margin: 0 15px 10px 0;
}

.textiles img, .textiles_clear img{
	margin: 0 7px 7px 0;
	border: 1px solid #111;
}

.contact_table{
	margin: 20px 0 20px 0;
	_margin: 0 0 20px 0;
}




/*---left_menu---*/
#left_menu{
	margin: 20px 0 0 0;
	position: relative;
}

#left_menu ul {
	margin: 10px 6px 10px -34px;
	#margin: 10px 6px;
	list-style: none;
	position: relative;
}

#left_menu ul li a{
	padding: 0 0 0 10px;
	position: relative;
}

#left_menu ul li a:hover {
	background: url(../share_images/left_arrow.jpg) 0 4px no-repeat;
	padding: 0 0 0 10px;
}

#left_menu ul li a.active{
	background: url(../share_images/left_arrow.jpg) 0 4px no-repeat;
	_background: url(../share_images/left_arrow.jpg) -1px 4px no-repeat;
	padding: 0 0 0 10px;
}

#left_menu ul li div a{
	background: url(../share_images/left_menu_bg.jpg) bottom left no-repeat;
	_background: url(../share_images/left_menu_bg.jpg) bottom left no-repeat;
	padding: 1px 0 0 15px;
	*padding: 1px 0 0 15px;
	font-size: 14px;
	display: block;
	color: #fff;
}

#left_menu ul li div a:hover, #left_menu ul li div a.active{
	background: url(../share_images/left_menu_bg.jpg) top left no-repeat;
	padding: 1px 0 0 15px;
	*padding: 1px 0 0 15px;
	color: #fff;
	display: block;
}

#left_menu ul li ul li div a{
	background: url(../share_images/left_menu_bg.jpg) bottom left no-repeat;
	font-weight: normal;
	margin: 0 0 0 -5px;

}

#left_menu ul li ul li div a:hover, #left_menu ul li ul li div a.active{
	background: url(../share_images/left_menu_bg.jpg) top left no-repeat;
	color: #fff;
	position: relative;
}


/*
#left_menu ul#pmenu li div a:hover{
	_background: url(../share_images/left_menu_bg.jpg) top left no-repeat;
}


#left_menu ul li ul li div a{
	background: url(../share_images/left_menu_bg.jpg) bottom left no-repeat;
	padding: 0 0 0 15px;
	font-size: 14px;
	margin: 0 0 0 -5px;
	color: #fff;
	font-weight: normal;
	display: none;
}


#left_menu ul li ul li div a:hover, #left_menu ul li ul li div a.active{
	background: url(../share_images/left_menu_bg.jpg) top left no-repeat;
	padding: 0 0 0 15px;
	display: none;
	color: #fff;
}
*/

/*----lv2 (e.g. commercial)----*/
#left_menu ul li ul{
	margin: 5px 0 0 -35px;
	#margin: 5px 0 0 5px;
}

#left_menu ul li ul li{
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#left_menu ul li ul li a:hover, #left_menu ul li ul li a.active{
	background: url(../share_images/left_arrow.jpg) -1px 4px no-repeat;
	color: #333;
}

/*----lv3----*/
#left_menu ul li ul li ul {
	margin: 0 0 0 -30px;
	#margin: 0 0 0 10px;
}

#left_menu ul li ul li ul li{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}

#left_menu ul li ul li ul li a{
	background: none;
	color: #333;
	font-size: 12px;
	display: inline-block;
}

#left_menu ul li ul li ul li a:hover, #left_menu ul li ul li ul li a.active{
	background: url(../share_images/left_arrow.jpg) 0 7px no-repeat;
	display: inline-block;
	color: #333;
}

/*----lv4----*/
#left_menu ul li ul li ul li ul{
	margin: 0 0 0 -30px;
	#margin: 0 0 0 10px;
}

#left_menu ul li ul li ul li ul li a{
	background: none;
	color: #333;
	font-size: 12px;
}

#left_menu ul li ul li ul li ul li a:hover, #left_menu ul li ul li ul li ul li a.active{
	background: url(../share_images/left_arrow.jpg) 5px 7px no-repeat;
}

#iframe2 {
	margin: 0 0 -6px 0;
	_margin: 0 0 12px 0;
	padding: 0;
	width: 480px;
	height: 390px;
	}