@charset "utf-8";
/*==============================
	Title: rudder999 
	Updated: 2009-06-26  
	Content:  

    * Filename: base.css
    * Version: 1.0.0 (2009-07-20) YYYY-MM-DD
    * Website: 
    * Author: Ray Huang(ray@rayimt.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
html,body { width:100%; border:0; color:#4a4a4a;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;}
legend { color:#000; }
body { /*font:12px/1.231 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;*/ font-family:Tahoma ,"宋体", arial, helvetica, clean, sans-serif; font-size:12px;}
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}
/*=2=*/
div.divclear { height:0; clear:both; font-size:0; line-height:0; overflow:hidden;}
/*== 清除浮动 ==*/

a { outline:none; text-decoration:none; color:#4a4a4a;}
a:hover { text-decoration:underline; color:#4a4a4a;}

/*== frame ==*/
html { background:#38485a;}
#pageBody { width:1002px; margin:0 auto;}
	#headerBox { width:100%; /*height:86px;*/ height:0; overflow:hidden; position:relative;}
	#bannerNav { width:100%; height:193px; position:relative;}
	#contentBox { width:100%; background:#fbfbfb url(../img/content-bg.gif) 0 0 repeat-y;/*f2fafe*/}
		#sidebarBox,#mainBox { padding:0 0 20px;}
		#sidebarBox { width:235px; float:left;}
		#mainBox { width:766px; float:right;}
	#footerBox { width:100%; height:51px; background:url(../img/footer-bg.png) no-repeat; position:relative;}	
/*== header ==*/
#headerBox h2,#headerBox h2 a { width:165px; height:85px;}
#headerBox h2 { padding:0 0 0 18px; background:url(../img/logo.gif) 18px 0 no-repeat;}
	#headerBox h2 a { float:left; text-indent:-1000em;}
#topLink { width:185px; height:18px; position:absolute; right:8px; top:35px;}	
	#topLink a { height:18px; line-height:18px; float:left; text-indent:-1000em; background-image:url(../img/toplink.gif); background-repeat:no-repeat;}
	a.home { width:30px; _display:inline; margin:0 50px 0 0; background-position:0 0;}
	a.sitemap { width:50px; background-position:-80px 0;}
	a.contact { width:55px; background-position:-130px 0;}
/*== nav & banner ==*/	
#navBox { width:948px; height:193px; background:#0a709a;}
	#navBox h2,#navBox h2 a { width:235px; height:60px; overflow:hidden;}
	#navBox h2 { padding:0 0 0 18px; background:#fff url(../img/logo.gif) 0 0 no-repeat;}
		#navBox h2 a { float:left; text-indent:-1000em;}
	#navBox ul { width:235px; padding:0 0 0 0;}
		#navBox li{ width:100%; height:30px; float:left; background:url(../img/nav-bg.png) 0 0 repeat-x;}
		#navBox li a { width:225px; height:29px; float:left; line-height:29px; _display:inline; padding:0 0 0 10px; line-height:29px; border-bottom:1px solid #5db1e0; text-decoration:none; text-transform:uppercase; color:#fff; font-size:11px;}
		#navBox li a:hover { font-weight:bold; /*background:#026db5;*/}
		#navBox li.current a { font-weight:bold;}
#bannerBox { width:767px; height:191px; overflow:hidden; background:#01589f; position:absolute; right:0; top:0;}		
/*== footer ==*/
#infoBox { width:354px; height:51px; float:left; padding:0 0 0 236px; text-align:center;}
	#infoBox span { line-height:51px; padding:0 7px; text-transform:uppercase; color:#fff; font-size:11px;}
#footerNav { width:360px; height:51px; float:left;}	
	#footerNav ul { padding:0;}
		#footerNav li { float:left; padding:0 8px 0 7px; background:url(../img/space-footer-link.gif) right center no-repeat;}
		#footerNav li.first,#footerNav li.last { background:none;}
			#footerNav li a { line-height:51px; text-transform:uppercase; color:#fff; font-size:9px;}
			#footerNav li.first a { font-weight:bold;}
#backTop,#backTop a { width:51px; height:51px; float:right;}	
	#backTop a { text-align:left; text-indent:-1000em;}
#copyRight { width:236px; height:51px; line-height:51px; text-align:center; text-transform:uppercase; color:#fff; font-size:10px; position:absolute; left:0; top:0;}			
/*== main ==*/
#mainBox h1 { height:40px; line-height:40px; padding:40px 75px 10px 20px; text-transform:capitalize; font-size:14px; font-weight:bold;}
	#mainBox .content { padding:0 75px 0 20px;}
/*== contact us ==*/	
#mainBox.contact h2 { height:30px; line-height:30px; color:#414141; font-size:16px; font-weight:bold;}
.newproductheading { margin:20px 0; text-indent:20px; line-height:40px; font-size:14px; font-weight:bold;}
#mainBox.contact ul { padding:20px 0 0 20px}
	#mainBox.contact li { line-height:30px; font-weight:bold;}
		#mainBox.contact li label { padding:0 10px 0 0; font-weight:normal;}
		#mainBox.contact a { padding:0 5px; text-decoration:underline; color:#FF9900;}
/*== about us ==*/				
#mainBox.about p { padding:0 0 20px 0; line-height:22px;}
/*== products ==*/
#sidebarBox h3 { padding:10px 0; text-indent:25px; line-height:25px; color:#fff; font-style:italic; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	#prodMenu { padding:0 10px 0 25px;}
		#prodMenu li { width:100%; height:auto; overflow:hidden; float:left; background:url(../img/icon-arrow-nav-fc.gif) 0 4px no-repeat;}
			#prodMenu li a { width:100%; min-height:25px; float:left; line-height:25px; padding:0 0 0 15px; text-transform:capitalize; text-decoration:none; color:#fff;}
			#prodMenu li a:hover { color:#000; background:#515151; border:1px solid #013a69; border-width:1px 0;}
			#prodMenu li ul { clear:both; padding:0 0 0 20px; display:none;}
				#prodMenu li li { background:url(../img/icon-arrow.gif) 0 8px no-repeat;}
.item { padding:20px 0 20px 150px; position:relative;}
	.item dt { padding:0 0 10px; font-size:14px; font-weight:bold;}
	.item dd.figure { width:100px; height:100px; overflow:hidden; position:absolute; left:0; top:10px;}
	.item dd p { padding:5px 0; line-height:22px;}
	.item dd label { padding:0 10px 0 0; font-weight:bold; color:#ff9b39;}


#prodView img.prodfigure { width:400px; height:300px;}
#prodView dl { padding:10px;}
	#prodView dt { line-height:35px; text-indent:20px; text-transform:uppercase; font-size:14px; font-weight:bold; border-bottom:1px double #069;}
	#prodView dd { padding:8px; line-height:22px;}
	#prodView dd p,#prodView dd ul,#prodView dd ol { padding:5px 0;}
	
.proditem { width:100px; height:150px; float:left; _display:inline; margin:5px 10px;}
	.proditem .thumbnail {width:100px; height:75px;}
	.proditem div { line-height:20px; text-align:center;}

.pagepath { height:40px; line-height:40px; padding:5px 0 0 20px;}
	
#searchBox { width:200px; height:50px; padding:30px 15px 30px 20px; background:#ececec;}
	#searchBox h4 { line-height:20px; color:#7b7b7b;}
	#searchkey { width:100px; height:14px; float:left; padding:3px 5px; border:1px solid #ccc; }
	#searchBox button { width:60px; height:22px; float:left; margin:0 5px; padding:0; text-indent:-1000em; border:0; background:url(../img/search-btn.gif) 0 0 no-repeat; cursor:pointer;}