body { 
	margin: 0; 
	padding: 0; 
	/*background: url(images/bj1.jpg);*/
	background:#fff;
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.8em;
	font-size:12px;
	color: #333;

	
}


/* LINKS AND HEADINGS STYLING */

a:link, a:visited,a:hover,a:after {text-decoration:none;}
a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.2em; color: #D73200; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0;  }

/* CONTENT WRAPPER */

#main { 
	width: 760px;
	background:#fff;
	margin: 8px auto 0 auto;
	padding:0 5px 0 5px;
	

}

.company {
font-size:18px;
margin:40px 0 0 20px;
padding:0 0 0 30px;
}
/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 0px; 
	height:66px;
	width:65%;
	background:url(./images/test.png);
}
	#logo h1 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: left;
	width:99.5%;

	background: #fff url(images/bar.gif) repeat-x bottom ; 
	color: #808080;
	border:1PX #CCCCCC solid;
	padding: 18px 1px 11px 0; 
	margin: 0px 0 0 0; 
}
	#menu li { 
		padding: 14px 22px 14px 22px; 
		color: #444; 
		background:  url(images/bar.gif) no-repeat bottom left; 
		display: inline;
		font-size:14px;
	}
	#menu li.active { 
		background:url(images/baractive.gif) no-repeat left bottom; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 22px 14px 22px; 

	}
	#menu li a { 
	
		color: #808080; 
		text-decoration: none;
		
	} 	
	#menu li a:hover { 
		color: #000; 
																																																																																									
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #8D9CAF url(images/leftintrobg.gif) repeat-x;
	color: #ffffff;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#banner {
	float: left;
	width: 760px;
	padding: 25px 0px 0 0px;
	background: #fff url(images/header_bg.jpg) no-repeat;
	color: #547592;
	margin: 5px 0 6px 0;
	height: 250px;

}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 170px;
}

a img { border:0;}


	.allleft {
		padding: 0px;
		margin: 0 5px 10px 0px;
		padding: 12px 5px 12px 10px;
		border:1px #CCCCCC solid;
		background:#F9F9F9;

		margin: 0px 0 10px 0;

		overflow:hidden;

	}

		.allleft h2{height:18px;
clear: both; font-size: 1.2em; color: #F05524; background:#F0E9E0; padding: 8px 0 8px 14px; margin: -12px -15px;
}
	.box {
		padding: 0px;
		margin: 0 5px 10px 0px;
		padding: 12px 5px 12px 10px;
		border:1px #CCCCCC solid;
		background:#F9F9F9;

		margin: 0px 0 10px 0;
				height:150px;
		overflow:hidden;
	}

	.box h2{height:18px;
clear: both; font-size: 1.2em; color: #F05524; background:#F0E9E0; padding: 8px 0 8px 14px; margin: -12px -15px;
}
	
	.note {
		padding: 15px 15px 20px 100px;
		width:133px;
		height:80px;
		float:left;
		border: 1px solid #CDDCE0;
		margin: 0 0 5px 0;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;
	}
	.liuchen {
	
		
		text-align:center;
		height:105px;
		margin:0px 0 20px 10px;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
		}

/* RIGHT SIDE */
 
.one {
float:left;
width:100%;
}

#right {
	float: right;
	width: 725px;
}

	.allright { 
		float: right; 

		width: 690px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0px 10px 0px;
		padding: 12px 15px 12px 15px;
	

	}
		.allright h3{ height:18px;
clear: both; font-size: 14PX; color: #546F92; background:#f3f3f3; padding: 8px 0 8px 14px; margin: -12px -15px;

}
	.leftcol { 
		float: left; 

		width: 375px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 5px 10px 0px;
				padding: 12px 15px 12px 15px;
		height:210px;
		overflow:hidden;
	}
		.leftcol h3{ height:18px;
clear: both; font-size: 14PX; color: #546F92; background:#f3f3f3; padding: 8px 0 8px 14px; margin: -12px -15px;

}
	
	.rightcol { 
		float: right; 
		padding: 12px 15px;
		width: 280px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0px 10px 0px;
		height:210px;
		overflow:hidden;
	}
		.rightcol h3{ height:18px;
clear: both; font-size: 14PX;  color: #546F92; background:#f3f3f3; padding: 8px 0 8px 14px; margin: -12px -15px;

}
	.rightcol ul {
	background: transparent;
	list-style:url(images/li.gif);
	color:#333333;
	font-size: 12px;

	margin: 12px 0 12px 0px;
	padding: 0 0 0 20px;
}
.rightcol ul li {

	border-bottom:#CCCCCC 1px dotted;
	margin:1px 0 1px 0;
	line-height:25px;

}	
		
	.special {
	float:left;
		width:570px;
		text-align:center;
		height:120px;
		margin:0px 0 20px 5px;	
		padding: 5px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
				height:225px;
		overflow:hidden;
	}
		.all {
	float:left;
		width:750PX;
		text-align:LEFT;

		margin:0px 0 20px 0px;	
		padding: 5px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;

		overflow:hidden;
	}
	.all P {text-indent:2EM;}
	
		.rightdown { 
		float: left; 
		padding: 12px 15px;
		width: 250px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 5px 10px 0px;
		height:210px;
		overflow:hidden;
	}
		.rightdown h3{ height:18px;
clear: both; font-size: 1.2em; color: #546F92; background:#f3f3f3; padding: 8px 0 8px 14px; margin: -12px -15px;

}
		.rightdown ul {
	background: transparent;
	list-style:url(images/li.gif);
	color:#333333;
	font-size: 12px;

	margin: 12px 0 12px 0px;
	padding: 0 0 0 20px;
}
		.rightdown ul li {

	border-bottom:#CCCCCC 1px dotted;
	margin:1px 0 1px 0;
	line-height:25px;

}	
.photo{
margin:2px;
padding:3px;
border:solid 1px #CCCCCC
}
.smallimg{
background:#FFFFFF;
width:150px;
height:150px;

padding:3px;
border:solid 1px #CCCCCC
}
.smallimgs{
background:#FFFFFF;
width:100px;
height:100px;
padding:3px;
border:solid 1px #CCCCCC
}
.bigimg{
padding:3px;
margin:2px 10px 2px 2px;
border:1px solid #CCCCCC;
max-width:350px;
width:350px;
width:expression(this.offsetWidth> 350? "350px":this.offsetWidth+"px");
overflow:hidden
}
.product{
float:left;
width:150px;
margin:5px 10px 0 10px
}
.product_name{
width:160px;
color:#000000;
padding:2px 0 2px 0px;
margin:5px 0 5px 0;
text-align:center;
}
.products{
float:left;
width:120px;
margin:5px 10px 0 10px
}
.product_names{
width:110px;
color:#000000;
padding:2px 0 2px 0px;
margin:5px 0 5px 0;
text-align:center;
}
/* FOOTER */

#footer { clear: both; padding: 2px 0 2px 0 ; text-align:center; }
#footer ul {
background:#f3f3f3;
 border: 1px solid #ccc;

  padding:3px 0;
text-align:center;
height:25px;
width:100%;
}

#footer li {
margin:0 15px 0 15px;
padding:0;
display:inline;
}
.footer a { color: #ffffff; }

.search {
height:50px;
width:200px;
float:right;
font-size:12px;
}
.styled {
	border: 3px double #E5E5E5;
	padding: 2px 3px;
	width:80px;
	font-size:12px;
}
.button {
	border: 1px ridge #ccc;
	background:#028DC5;
	color:#FFFFFF;
	margin-left: 5px;
	padding: 2px 3px;
	height:20px;
	font-size:12px;
	width:50px;
}

.denglu table {
	font-size:12px;
	}
	
	
	.new ul {
	background: transparent;
	list-style:url(images/li.gif);

	color:#333333;
	font-size: 12px;

	margin: 0 0 0 14px;
	padding: 0;
}
.new ul li {

	border-bottom:#CCCCCC 1px dotted;
	line-height:24px;


}

.new .new_name{
	text-align:center;
	border-bottom:#CCCCCC 1px dotted;
	font-size:14px;
	margin-bottom:5px;
	
}

.page_back {
font-size:12px;
float:right;
margin-right:20px;
}
pro_ul {
text-decoration:none;
}
pro_ul li {
display:block;
float:left;
width:240px;
}

.product_name a:visited {
color:#0000FF;
text-decoration:underline
}
.product_names a:visited {
color:#0000FF;
text-decoration:underline
}