@charset "utf-8";



/* mf_common.CSS Document for Metalfirst, Gixon*/







body{background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background-image:url(../images/commons/global_bg1.gif); background-repeat:repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif;}



.inputbox{font-size:12px; height:16px;}



/*Top Banner*/



#MF_top_banner{margin:auto; width:1004px; height:108px; overflow:hidden;}



#MF_logo{width:158px; height:108px; float:left;}



#MF_top_ad{width:845; height:108px; float:right; overflow:hidden}



#MF_topnav{width:1003px; height:34px; margin:4px auto 1px auto; background-image:url(../images/commons/navbar_bg1.jpg); background-repeat:no-repeat;}



#MF_nav_link{width:540px; float:left; height:30px; line-height:30px; margin:0px 0px 0px 10px;}



/*#MF_loginbar{width:660px; float:right; height:30px; background-image:url(../images/commons/login_bg.gif); background-repeat:no-repeat;}*/



#MF_ser_bar{width:200px; float:right; height:30px; line-height:30px; margin-top:0px;}



#MF_ser_bar .input{width:88px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#797979; line-height:20px;}



#MF_loginbar{width:580px; float:left; height:30px;}



#MF_loginbar .cbx{float:left; height:25px; line-height:22px; font-size:11px; margin:4px 2px 0px 2px;}



#MF_loginbar .cbx input{font-size:12px; font-family:Arial;}







/*Main*/



#MF_mainbox{width:1003px; margin:auto; height:auto; overflow:hidden;}



#MF_leftbox{width:206px; height:auto; float:left}



#MF_centerbox{width:610px; height:auto; float:left; overflow:hidden}



#MF_rightbox{width:185px; height:auto; float:right; overflow:hidden}



.MF_price_title{color:#1d717e; font-size:16px; font-weight:bold; height:40px; padding-left:2px;}

.MF_price_title1{color:#1d717e; font-size:12px; font-weight:bold; height:40px; padding-left:2px;}

#MF_rightbox ul{margin:0px; padding:0px;}



#MF_rightbox li{margin:6px 2px 15px 6px; padding:0px;}



/*Left*/



#left_ser{width:200px; height:auto; background-image:url(../images/home_leftnav_top.jpg); background-repeat:no-repeat; overflow:hidden}



#searchbox{width:140px; margin:25px auto 0px auto; color:#797979}



#hot_box{width:170px; margin:28px auto 0px 13px; color:#CC0000;}



#left_center{width:194px; height:auto; background-image:url(../images/leftnav_bg.gif); background-repeat:repeat-y;}



#left_bottom{width:194px; height:28px; background-image:url(../images/leftnav_bottom.gif); background-repeat:no-repeat}



#MF_catalog{margin:auto; width:164px; height:auto;}



#MF_catalog .items{width:134px; margin:0px 0px 0px 4px; height:auto; background-image:url(../images/ca_li.gif); background-position:2px 2px;background-repeat:no-repeat; padding:0px 0px 8px 12px; line-height:16px;}



#MF_catalog ul{margin:5px 0px 4px 0px; padding:0px; border-top:solid 1px #CCCCCC; width:120px;}



#MF_catalog li{margin:2px ; padding:0px; list-style:none; font-size:12px; font-weight:normal;}







/*Center*/



#mf_locaiton{width:600px; color:#666666; font-size:12px; line-height:16px; background-image:url(../images/loca_icon.gif); background-repeat:no-repeat; padding-left:10px; margin:10px 0px 0px 0px;}



#MF_infodts{width:600px; height:auto; margin:16px 0px 0px 0px; overflow:hidden;}



/*--Center Info Fonts*/



.info_ID{font-size:12px; color:#003399;width:400px; font-weight:normal; margin-top:8px;}



.info_ID span{font-size:20px; color:#003399; font-weight:bold; padding-right:15px;}



.type_buy{font-size:12px; color:#666;width:120px; height:30px;}



.type_buy span{font-size:14px; color:#666666; font-weight:normal; padding-left:10px;}



.pro_name{font-size:18px; color:#666666; font-weight:bold; width:600px; height:auto; border-bottom:solid 1px #e4e4e4;}



.pro_speci{height:auto; float:left; margin-top:10px; vertical-align:top; padding-bottom:30px;}



	.pro_speci table th{text-align:left; font-weight:normal; color:#1D717E;}



.pro_speci td{vertical-align:top;}







/*--News*/



.news_title{font-size:16px; color:#333333; width:600px; height:auto; border-bottom:solid 1px #e4e4e4; line-height:30px; font-weight:bold}







.MF_title{color:#219488; font:Verdana, Arial, Helvetica, sans-serif; height:45px;}



.b_board{width:610px; height:auto; margin:0px auto 12px auto; background-color:#FFFFFF;}



.bb_title{width:600px; height:25px; background-image:url(../images/bb_title_bg.gif); background-repeat:repeat-x; overflow:hidden; padding:5px 0px 0px 10px;}



.bb_title .tm_Date{float:left; width:80px; color:#FFFFFF}



.tm_Type{float:left; width:55px;}



.tm_Code{float:left; width:85px;}



.tm_model{float:left; width:245px;}



.tm_Pro{float:left; width:125px;}



.tm_company{float:left; width:102px;}



.tm_Subj{float:left; width:338px;}



.tm_nSubj{float:left; width:278px; margin-right:10px;}



.tm_Price{float:left; width:138px; margin-right:10px;}



.news_Subj{float:left; width:373px;}



.tm_Date{float:left; width:80px; color:#329fa4}



.bb_infos{width:598px; height:auto; margin:3px 0px 3px 0px; padding:5px 0px 0px 10px; overflow:hidden;}



.title_box{width:530px; float:left; font-size:15px; line-height:45px; overflow:hidden}



.icon_more{width:60x; height:16px; float:right; margin:15px 15px 0px 0px;}



.MF_spTitle{width:100%; height:22px; color:#666666}



.MF_sponsors{width:610px; height:118px; margin:15px 0px 0px 0px;}



/*.MF_sponsors ul{margin:0px; padding:0px;}



.MF_sponsors li{list-style:none; overflow:hidden; display:inline;}*/



.ad_box{width:171px; height:90px; float:left; margin:3px 8px 3px 2px; border:solid 1px #e4e4e4; padding:5px; overflow:hidden; text-decoration:none;}



	.ad_box a{text-decoration:none;}



.ad_title{font-size:14px;color:#2200cc;line-height:22px;}



.ad_content{height:48px;line-height:16px;overflow:hidden;font-size:12px; color:#000000;}



	.ad_content span{color:#000000; text-decoration:none;}



.ad_link{height:20px;line-height:20px;color:#008000;}







.pages_nav{width:600px; height:35px; margin:auto; border-top: solid 1px #CCCCCC; margin-top:20px;}







/*PageBottom*/



#Page_bottom{width:100%; margin-top:20px; height:120px; background-color:#4aadb4;}



.Flink_box{width:740px; height:auto; margin:auto; overflow:hidden}





.FLink_class{width:150px; height:auto; padding-right:10px; float:left; margin-top:20px;}



.FLink_class ul{margin:0px; padding:0px;}



.FLink_class li{margin:0px; padding:0px; list-style:none; line-height:22px;}



.FLink_r{width:200px; height:auto; padding-right:10px; float:left; margin-top:20px;}

.FLink_r2{width:1004px; height:auto; padding-right:10px; float:left; margin-top:20px;}

.FLink_r ul{margin:0px; padding:0px;}



.FLink_r li{margin:0px; padding:0px; list-style:none; line-height:22px;}







/*herolee added*/



.red{color:red;}



#MF_notice{width:420px;float:left; height:25px; line-height:22px; font-size:12px; margin:4px 2px 0px 10px; overflow:hidden;}



	#MF_notice a{ color: #333}



	



#page_next{float:right; width:500px; height:30px;}



.but_page{float:left; width:72px; height:22px; background-color:#ffffff; border:#0099FF 1px solid; color:#0099FF; text-align:center; line-height:22px; margin:2px; font-size:12px; cursor:pointer;}



.but_page1{float:left; width:72px; height:22px; background-color:#e3f6f7; border:#0099FF 1px solid; color:#0099FF; text-align:center; line-height:22px; margin:2px; font-size:12px; cursor:pointer;}







.footer_content{width:380px; height:auto; padding-right:10px; float:left; margin-top:20px;}







.MF_re{color:#219488; font:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}







.notice_scrollable{position:relative; width:100%; height:16px;overflow:hidden; margin-top:10px;line-height:16px; color:#0033CC;}



div.notice_scrollable div.notice_items{position:absolute; height:20000em; color:#0033CC;}



	.notice_items div{height:32px; overflow:hidden;vertical-align:middle; color:#0033CC;}



	



.link_title{margin:0px 0px 6px 0px; height:16px; background-image:url(../images/ca_li.gif); background-position:2px 2px;background-repeat:no-repeat; padding:0px 0px 0px 12px; line-height:16px;}



.link_table{border:#CCC solid 1px;}



	.link_table td{padding:3px;}