/* CSS Document */

body{
	padding:0;
	margin:0;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(images/bg.jpg) repeat-x;
	
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 180%;
	text-decoration: none;
}
div, h1,h2,h3,p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
A:link {
	FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none;
}
A:visited {
	FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none;
}
A:active {
	FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none;
}
A:hover {
	FONT-SIZE: 12px; RIGHT: 0px; COLOR: #FF0000; POSITION: relative; TOP: 0px; TEXT-DECORATION: none;
}


#main-top{ margin:0px auto; padding:0px; position:relative; width:1003px; height:123px; background:url(images/logo.jpg) no-repeat;}
#main-search{ position:absolute; left:732px; top:6px; width:245px; height:56px; background:url(images/searchbg.jpg) no-repeat;}
#main-search #put{ width:184px; height:22px; margin:10px 0px 0px 10px; padding:3px 0px 0px 5px; border:0px; background:url(images/search1.jpg) no-repeat; font:normal 12px Arial, Helvetica, sans-serif; color:#9A9A9A;}
#main-search #butm{ border:0px; width:27px; height:24px; cursor:pointer; margin-bottom:2px; background:url(images/search.jpg) no-repeat;}
#main-menu{ position:absolute; left:17px; top:76px; padding-top:10px; width:911px; height:32px; background:url(images/menubg.jpg) no-repeat;}
#main-menu li{ float:left; width:130px; height:32px; line-height:32px; text-align:center; list-style-type:none;}
#main-menu li A:link, #main-menu li A:visited, #main-menu li A:active{ font: bold 16px "Times New Roman", Times, serif; color:#003F6A;}
#main-menu li A:hover{ color:#0C7BB9;}

#main-inban{ clear:both; margin:23px auto 0px auto; width:1003px; height:238px; position:relative;}
#main-inban1{width:705px; height:238px; position:absolute; left:0px; top:0px;}
#main-inban2{width:288px; position:absolute; left:715px; top:0px;}
#main-inban2 img{ width:288px; height:238px;}
#main-banner{clear:both; margin:15px auto 0px auto; width:998px; height:195px; position:relative;}

#main-main{ clear:both; margin:20px auto 0px auto; padding:0px; width:1003px; overflow:hidden;}
#main-left{ float:left; margin:0px; padding:0px; width:705px;}
#main-l1{ float:left; margin:0px; width:695px; color:#003F6A; background-color:#D7E4F4;}
#main-l1 img{ border:1px solid #FFFFFF; margin-right:10px;}
#main-l1 h2{ float:left; padding-top:4px; width:695px; height:20px; text-indent:10px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#003F6A;}
#main-l1 h3{ float:left; padding:20px 5px 10px 10px; width:680px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#main-l1 h3 b{ color:#003F6A;}

#main-l2{float:left; width:380px; margin-left:20px;}
#main-l2 h2{ float:left; width:380px; margin-bottom:15px; padding-top:3px; text-indent:10px; font: bold 13px Arial, Helvetica, sans-serif; color:#000; background:url(images/tdi.jpg) repeat-x; border-top:1px solid #F8F8F8;}
#main-l2 h2 span{ float:right; }
#main-l2 h2 span A:link, #main-l2 h2 span A:visited, #main-l2 h2 span A:active{ font: normal 12px Arial, Helvetica, sans-serif;}
#main-l2 h3{ float:left; margin:15px 0px; width:380px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#main-l2 h3 A:link, #main-l2 h3 A:visited, #main-l2 h3 A:active{ font-weight:bold; color:#004471;}
#main-l2 h3 A:hover{ font-weight:bold; color:#FF0000;}
#main-l2 li{ float:left; width:380px; height:28px; line-height:28px; list-style-type:none; text-indent:5px; background:url(images/line-x.jpg) left bottom repeat-x;}
#main-l2 li img{ margin-right:10px;}

#main-l3{ float:left; width:695px; margin-top:20px;}
#main-l3 h2{ float:left; width:695px; margin-bottom:15px; padding-top:3px; text-indent:10px; font: bold 13px Arial, Helvetica, sans-serif; color:#000; background:url(images/tdi.jpg) repeat-x; border-top:1px solid #F8F8F8;}
#main-l3 h2 span{float:right;}
#main-l3 h2 span A:link, #main-l3 h2 span A:visited, #main-l3 h2 span A:active{ font: normal 12px Arial, Helvetica, sans-serif;}
#main-l3 h3{ float:left; margin-top:20px; width:695px;}




#main-page{ float:left; margin:0px; padding:10px 6px 10px 7px; width:690px; background-color:#f6f6f6; border:1px solid #EEEEEE;}
#main-page h1{ float:left; margin-bottom:30px; padding-top:8px; width:690px; height:25px; text-indent:10px; font: bold 13px Arial, Helvetica, sans-serif; color:#000; background:url(images/t.jpg) no-repeat;}
#main-page h2{ float:left; padding:10px; width:670px; text-indent:25px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#product-list{ float:left; padding:10px; width:670px;}
#product-list li{ float:left; margin-bottom:20px; width:220px; text-align:center;  list-style-type:none;}
#product-list li img{ float:left; width:180px; height:120px; border:1px solid #EEEEEE; list-style-type:none;}
#product-list li p{ float:left; margin-top:5px; width:180px; height:30px; text-align:center;}

#news-list{ float:left; padding:10px; width:670px;}
#news-list li{ float:left; width:670px; height:30px; line-height:30px; list-style-type:none; text-indent:5px; background:url(images/line-x.jpg) left bottom repeat-x;}
#news-list li img{ margin-right:10px;}
#news-list li span{ float:right;}


#main-right{ float:right; margin:0px; padding:0px; width:288px; background-color:#F2f2f2;}
#main-r{ float:left; width:288px; border-top:1px solid #666668;}
#main-r h2{ float:left; width:288px; margin-bottom:15px; padding-top:3px; height:20px; text-indent:10px; font: bold 13px Arial, Helvetica, sans-serif; color:#000; background-color:#e9e9e9; border-top:1px solid #F8F8F8;}
#main-r li{ float:left; width:250px; height:30px; line-height:30px; text-indent:20px;  list-style-type:none;}
#main-r li img{ margin-right:15px;}
#main-r h3{ float:left; width:260px; padding:10px 10px 20px 13px; font:normal 12px/24px Arial, Helvetica, sans-serif;}



#main-bottom{ clear:both; margin:10px auto 0px auto; width:1003px; height:110px; position:relative; border-top:2px solid #003F6A; color:#999999;}
#main-bottom h2{ position:absolute; left:10px; top:10px; font-size:10px; color:#B7B7B7;}
#main-bottom h2 A:link, #main-bottom h2 A:visited, #main-bottom h2 A:active{ font: normal 12px "Times New Roman", Times, serif; color:#007FA8; text-transform:uppercase;}
#main-bottom h2 A:hover{ color:#004471;}
#main-bottom h3{ position:absolute; left:570px; top:10px; font:normal 12px/24px Arial, Helvetica, sans-serif; text-align:right;}
#main-bottom h4{ position:absolute; left:10px; top:50px; font:normal 12px/18px Arial, Helvetica, sans-serif; }