* {
	margin:0px;
	padding:0px;
	border:0px;
}
body { 
	font-family:"ËÎÌå",Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	line-height: 1.6em; 
}
.maindiv{
	background: #fff;
	position:absolute;
	left:50%;
	width:928px;
	margin-left:-464px;
}
.img {
	padding: 0 8px 8px 0;
	float: left;
}
.img2 {
	padding: 0 0 3px 3px;
	float: right;
}
a{
	color: #000; text-decoration:none;
}
.blue{
	color:#0066CC;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
	width: 928px;
	height:105px;
	color:#666;
	background: url(../images/logo.gif) no-repeat left top;
}
#rightheader{ 
	float:right;
	width: 500px;
	height:75px;
	padding:8px 0px 15px 0px;;
	text-align:right;
	background: #fff;
	overflow:hidden;
}
#rightheader span{
	color:#0066CC;
}
#rightheader #f_search{
    margin-top:2px;
	width: 283px;
	background: url(../images/sign.gif) no-repeat left;	
}
input.search { width:185px; height: 18px; border:1px solid #ccc; background: #FFF; padding:4px 5px 0px 5px; color: #666; font-size:90%; size:50;
}
input.submit { width: 16px; height: 16px; background: url(../images/select.gif) no-repeat}
#f_search img{
	width: 16px; height: 16px; margin-left:-22px; cursor:hand;
}
#rightheader a {
	color: #666; text-decoration:underline;
}
#regdiv{
	margin-top:4px;
	margin-right:25px;
}
a .blue{
	color:#0066CC; text-decoration:underline;
}
#regdiv a .orange{
	color:#F2B600; text-decoration:underline;
}
#helpdiv{
	width:18px;
	height:18px;
	position:absolute;
	top:79px;
	right:0px;
	cursor:hand;
}
a .help{
	display: block;
	width:18px;
	height:18px;
    text-decoration:none;
}

/* MENU 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
.menudiv { 
	background:#9F9F9F; 
	width: 928px;
	height: 28px; 
	color: #FFF;
	margin-bottom:2px; 
}
#menu{
	width: 847px;
	height: 28px;
	margin:0 auto;
	line-height: 28px;  
	list-style-type: none;
	border:1px solid #fff;
	border-width: 0px 1px;
	background:#9F9F9F; 
}
#menu li {
 float: left; width: 105px;text-align:center; background:#9F9F9F; border:1px solid #fff; border-width: 0px 1px 0px 0px;
}
#menu li a {
 display: block; width: 105px; color:#fff; text-decoration:none;font-weight:bold; font-size: 14px;
}
#menu li a:hover{
 color:#426D7E; background:#D6F2FE;text-decoration:none;
}
	#menu li.b0 { border:0px;}
	#menu li a.c1 { color:#426D7E; background:#D6F2FE;}
	#menu li a.c2:hover { color:#85BA29; background:#DDFD90;}
	#menu li a.c3 { color:#E99E0D; background:#FFFEA1;}
	#menu li a.c3:hover { color:#E99E0D; background:#FFFEA1;}
	#menu li a.c4:hover { color:#D94C9E; background:#FBE3F9;}
	#menu li a.c5:hover { color:#A946DB; background:#E5CBF5;}
	#menu li a.c6:hover { color:#CCFFFF; background:#6F99C1;}
	#menu li a.c7:hover { color:#85BA29; background:#DDFD90;}
	#menu li a.c8:hover { color:#E99E0D; background:#FFFEA1;}

/* BANNER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#focus { 
	width: 223px;
	height: 176px; 
	background: url(../images/focus.jpg) no-repeat left top;
	float:left;
}
.navtitle{	
	margin-top:154px;
	margin-left:16px;
	color:#026495;
	font-size: 12px;
	font-weight:bold;
}
#rbanner { 
	float:left;
	width: 705px;
	height: 148px; 
	background: url(../images/banner01.jpg) no-repeat left top;
}
#buleline { 
	float:right;
	width: 705px;
	height: 28px; 
	background: #D2DFE7;
}

/* CONTAINER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#container{
	width: 928px;
	background: #fff url(../images/gray-image.gif) left top repeat-y;
}
/*-- left side --*/
#leftsideBar{
	float:left;
	width: 223px;
	background: #E8E8E8;
}
#nav{
	width: 223px; height: 31px; line-height: 31px; list-style-type: none; border-top:0px solid #fff; border-bottom:0px solid #fff;
}
#nav li {
	width: 223px; border-top:1px solid #fff; border-bottom:1px solid #ccc; background:#E8E8E8;
}
#nav li a {
	display: block; width: 182px; color:#666; line-height: 31px; text-decoration:none;padding-left:41px;
	background:#E8E8E8 url(../images/subarrow.gif) no-repeat 26px 12px;
}
#nav li a:hover{
	color:#FF9900;text-decoration:none; background:#fff url(../images/subarrow.gif) no-repeat 26px 12px; 
}
	#nav li a.n1 { color:#FF9900; background:#fff url(../images/subarrow.gif) no-repeat 26px 12px;}
#nav li ul {
 	line-height: 27px;  list-style-type: none; left: -999em; width: 223px; border-top:1px solid #ccc; border-bottom:0px solid #fff;
}
#nav li ul li{
 	float: left; width: 223px; border-top:1px solid #fff; border-bottom:1px solid #ccc;
}
#nav li ul a{
 	display: block; width: 168px; color:#808080; line-height: 27px; text-decoration:none;padding-left:55px;text-align:left; background: none;
}
#nav li ul a:hover  {
 	color:#FF9900;text-decoration:none; background: none;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;position:static;
}

.imgcenter{
	text-align:center; margin-top:150px; margin-bottom:10px; 
}
/*-- end left side --*/	

/*-- right side --*/	
#rightside{
	float:left;
	width: 705px; 
}
#breadCrumb{
	padding:8px 0px 0px 24px;
	width: 681px;
	height: 25px; 
	color:#036395; font-size:95%;
	background: url(../images/Roughline.jpg) no-repeat bottom right;
}
#content{
	padding:10px 0px 50px 15px;
	width: 690px;
	color:#666;
}
p {
	line-height: 1.6em;
	text-indent: 2em;
	margin-bottom:19px;
}
.blue_title{
	color:#1096C6; font-weight:bold;
}
.orange_title{
	color:#FF9900;
}

/*-- end right side --*/	

/* products list
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#prolist{
	width: 690px;
	height: 250px;
	overflow:hidden;
	line-height:2.5em;
	color:#444;
}
#products{
	border:1px solid #C9DAEE;
	border-width: 1px;
	background:#F3FBFC;
	width: 664px;
	height: 173px;
	padding:9px 8px 20px 16px;
	font-size:11px;
	line-height:1.6em; overflow:hidden;
}
a.tm {
	color:#666; text-decoration:none; position:absolute; right:20px; line-height:20px;
}
a.tm:hover {
	color:#FF9900; text-decoration:none;
}
.proinfo{
    text-align:center; color:#3D4662; 
}
.probox{
	float: left; margin-top:10px; padding-right:8px; width: 156px; height: 150px; 
}
.proimg{
 	text-align:center; background:#fff; border:1px solid #999; width: 156px; height: 75px; padding-top:5px; margin-bottom:6px;
}
.prodetails{
	margin-top:10px;
	width:90px;
	line-height:20px;
	padding-left:15px;
	background: url(../images/icon_cp.gif) no-repeat left;
}
.prodetails a {
	color:#777; text-decoration:none;
}
.prodetails a:hover {
	color:#036395; text-decoration:none;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#line { 
	width: 928px;
	height: 5px;
    background:url(../images/line.gif) no-repeat left top;
}
#footer { 
	position:absolute;
	margin-top:-4px;
	width: 928px;
	height: 135px;	
	background: url(../images/footerbg.gif) repeat-x left top;
}
#flogo{
	position:absolute;
	top:42px;
	left:109px; 
	width: 162px;
	height: 61px;	
	background: url(../images/flogo.gif) no-repeat;
}
#sline{
	position:absolute;
	top:20px;
	left:340px;
	float:left; 
	width: 8px;
	height: 98px;	
	background: url(../images/sline.gif) no-repeat;
}
#copyright{
	position:absolute;
	top:40px;
	left:350px; 
	width: 400px;
	height: 70px;
	text-align:center;
	color:#676767;
	line-height:1.3em;	
}
.red{
	color:#FF0000; font-weight:bold;
}
#back{
	position:absolute;
	top:50px;
	right:35px;
	padding-left:15px;
	line-height:1.8em;		
	background: url(../images/uparrow.gif) no-repeat left;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/


