@charset "utf-8";

body,h1,h3,h4,h5,h6,hr,p,blockquote,dl,table,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word; font:11px Arial, sans-serif; color:#333; background:#FFF; }

h2 {margin:0;padding:0;word-wrap:break-word; font:11px Arial, sans-serif;}





a{text-decoration:underline; color:#0079CA}

a:hover{text-decoration:none; color:#0079CA}

.elemntsy {font-size:90px; font-family:"Arial Black", Gadget, sans-serif; text-align:center; color:#000;}

.elemntno { padding-left:6px; font-size:18px; font-family:"Arial Black", Gadget, sans-serif; }

.elementname{ text-align:center; font-size:18px; font-family:"Arial Black", Gadget, sans-serif;}

.atomicweight{ text-align:center; font-size:18px; font-family:"Arial Black", Gadget, sans-serif;}

.font14 { font-size:14px; line-height:26px;}

.font16 { font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:bold; overflow:hidden; height:30px;}

.font18 { font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:bold;}

.font20 { font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:bold; line-height:36px;}

.font24 { font-size:24px; line-height:35px; color:#0096FF; height:40px; font-family:"Times New Roman", Times, serif; font-weight:bold; }

.font26 {font-size:30px; line-height:35px; color:#0096FF; height:40px; position:absolute;left:0;top:0; }

.font30 { font-size:40px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#0096FF;}

table { table-layout:fixed; word-wrap:break-word; }

.pagebox { text-align:center; line-height:36px; }

img { border:0;}

.bbdotline { border-bottom:dotted 1px #ccc; }

#Mainbox { width:962px; height:auto; margin:auto; }

ul.MatSN { list-style:inside; margin:5px 0; }

ul.MatSN li { background:#D9F7FD;}



/*Menu NAV*/



ul#navmenu-h { margin:3px auto; padding: 0; list-style: none; position: relative; z-index:99; }



ul#navmenu-h ul {

 width: 160px; /* Sub Menu Width */

 margin: 0;

 list-style: none;

 display: none;

 position: absolute;

 top: 100%;

 left: 0;

}

.left{ float:left;}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative;  }

ul#navmenu-h ul li { width: 100%; display: block; }

ul#navmenu-h a {

 border-top: 1px solid #FFF;

 border-right: 1px solid #FFF;

 padding: 6px;

 float: left;

 display: block;

 background: #EA8511;

 color: #fff;

 font: bold 11px Arial, sans-serif;

 text-decoration: none;

 height: 1%;

 font-family:"Arial Black", Gadget, sans-serif;

 font-size:13px;

}

.clear { clear:both;}

.xjnsals { position:relative; top:30px; left:100px;}

.stripe {padding:0 0 10px 0; background:url(../images/stripe.gif) bottom repeat-x;}

/* Root Menu Hover Persistence */

.navmenubox {width:100%; margin:auto; height:35px;}

.navbotbg { }

ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {

 background: #0099FF;

 color: #FFF;

 

}



/* 2nd Menu */

ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {

 float: none;

 background: #0099FF;

}



/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {

 background: #0099FF;

}



/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {

 background: #0099FF;

}



/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {

 background: #FF8500;

}



/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {

 background: #FF8500;

}



/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {

 background: #FF8500;

}



/* Hover Function - Do Not Move */

ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }

ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }







#headerbox { width:100%; height:auto; overflow:auto; }

#headerbox .topbox { width:100%; height:25px; text-align:right; line-height:25px; color:#999; }

#headerbox .topbox a { color:#999; text-decoration:none;}

#headerbox .logobox {width:500px; height:68px; float:left; position:relative;}



#headerbox .logobox .webms h1 {width:352px; height:36px;background-color:#fff; padding:2px 2px 2px 4px; position:absolute;right:0;top:0; color:#999; font-family:Arial, Helvetica, sans-serif; line-height:13px;}

#headerbox .topsearchbox {width:460px; height:40px; margin-top:16px; overflow:auto; float:left; }

#headerbox .topsearchbox .select { float:left; height:27px;}

.search {display:inline-block; position:relative; height:27px; padding-left:35px;}



.search:hover {



	-webkit-box-shadow:0 0 3px #999;



	-moz-box-shadow:0 0 3px #999



}



.search .sinput {



	float:left;



	width:160px;



	height:19px;



	line-height:19px;



	padding:3px 5px;



	border:#A7A7A7 1px solid;



	background:white;



	color:#888;



	font-size:12px;



	-webkit-transition:.3s;



	-moz-transition:.3s;



	outline: none;



}



.search .sinput:focus {



	width:200px;



}



.search .sbtn {



	cursor:pointer;



	height:27px;



	font-size:12px;



	float:left;



	width:88px;



	margin-left:-1px;



	background:#eee;



	display:inline-block;



	padding:0 12px;



	vertical-align:middle;



	border:#A7A7A7 1px solid;



	color:#666;



}



.search .sbtn:hover {



	background:#ddd;



}





.mainbox {width:100%; margin:10px auto;}

.mainleft { float:left; width:230px; height:auto; }

.mainleft p { line-height:26px; border-bottom:dotted 1px #ccc;}

.mainleft p.msn{background:url(../images/msn.png) 0 3px no-repeat; padding-left:25px; }

.mainleft p.skype{background:url(../images/skype.png) 0 3px no-repeat; padding-left:25px; }

.mainleft p.yahoo{background:url(../images/yahoo.png) 0 3px no-repeat; padding-left:25px; }

ul.mainleftnav { list-style:none; }

ul.mainleftnav li { line-height:38px; background: url(../images/arrowa.gif) 0 15px no-repeat; width:228px; border-bottom:dotted 1px #ccc; font-size:16px; text-decoration:none; display:block;}

ul.mainleftnav li.last{ background:none;  }

ul.mainleftnav li a { font-size:16px; padding-left:10px; text-decoration:none; display:block; }

ul.mainleftnav li a.ac { font-size:16px; padding-left:10px; text-decoration:none; background:#ebebeb url(../images/arrowa.gif) 0 15px no-repeat; display:block; }

ul.mainleftnav li a:hover{background: #ebebeb url(../images/arrowa.gif) 0 15px no-repeat; text-decoration:none;}

.mainright { float:right; height:auto; width:712px; }

.mainright h2 { overflow:hidden; }

.protbbox { margin:10px 0; }

.protbbox th { background:#1a5b88; padding:3px;}

.protbbox td { background:#D2F0FF; padding:3px;}

.catimgbox { margin:auto; width:712px; height:auto; overflow:auto; }

.catconterbox { margin:10px auto; line-height:13px; font-size:9px; }

.catconterbox table { margin-bottom:6px; width:100%; }

.catconterbox td { width:20%; height:26px; line-height:26px; text-align:center; border:dotted 1px #ccc;}

.mainbotn { border-top:1px dotted #ccc; }

.mainbotn .left { background:url(../images/print.jpg) 0 5px no-repeat; padding-left:20px; line-height:28px; float:left; width:200px; display:block; }

.mainbotn .right { background:url(../images/feedback.jpg) 0 5px no-repeat; padding-left:20px; line-height:28px; float:left; width:200px; display:block;}

.mainbotn .Favorites { background:url(../images/Favorites.png) 0 5px no-repeat; padding-left:20px; line-height:28px; float:left; width:200px; display:block;}

.catprobox { width:100%; height:auto; margin:8px auto; overflow:auto; }

ul.catprolistbox { width:175px; height:160px; float:left; list-style:none; }

ul.catprolistbox li img { margin:5px; width:160px; height:120px; padding:2px; border:dotted 1px #999; }

ul.catprolistbox li p { text-align:center; line-height:20px; }

.logobox .logo {width:139px; height:68px; background:url(../images/Haihong-Logo.png); position:absolute;left:0;top:0}





.catprobox ul.tpli { }

.catprobox ul.tpli li { line-height:26px; border-bottom:dotted 1px #ccc;}

.catprobox ul.tpli li a { padding-right:2px; padding-left:3px;}



.stockbox { margin:10px auto; line-height:13px; font-size:9px; }

.stockbox table { margin-bottom:6px;}

.stockbox td { border:dotted 1px #ccc; padding:5px;}

.stockbox th { font-weight:bold; font-size:14px; line-height:36px; text-align:center; border:dotted 1px #ccc; background:#ebebeb;}



.Filter { width:100px; height:auto; }

 



.proconterbox { width:100%; height:auto; overflow:auto; }

.procimgbox { width:300px; height:auto; float:left; text-align:center; }

#gallery img { border:dotted 1px #666; padding:2px; margin:8px; }

.proconterimg img p { text-align:center; }

.procontertype { width:410px; height:auto; float:right; }

h1.pronbo { line-height:30px; }

.procontertype ul li { line-height:26px; list-style:none; border-bottom:dotted 1px #666; color:#0096FF; }

.procontertype ul li span { width:80px; font-weight:bold; color:#666; padding-right:8px; }

.proms p { padding:8px; line-height:20px; }

.gradesconterbox { }

.gradesconterbox h3 { margin:6px auto; }

.gradesconterboxa table { }

.gradesconterboxa td { width:10%; height:26px; line-height:26px; text-align:center; border:dotted 1px #ccc;}

.gradesconterboxa th { background:#EBEBEB; border:dotted 1px #999; line-height:26px; font-weight:bold;}

.gradesconterbox { line-height:18px; color:#666; }

.prihtr table { margin-bottom:6px; width:100%; }

.prihtr td { width:20%; height:26px; line-height:26px; text-align:center; border:dotted 1px #ccc;}



.downstant { width:100%; height:56px; overflow:auto; }

.downpdf { float:left; line-height:56px; background:url(../images/pdf.png) 0 16px no-repeat; padding-left:32px; }

.downword { float:right; line-height:56px; background:url(../images/word.png) 0 16px no-repeat; padding-left:32px; }



ul.propro{ list-style:none; margin:8px 0; }

ul.propro li { list-style:none; padding:5px; border-bottom:dotted 1px #ccc; font-size:12px; }

ul.propro li span { font-weight:bold; width:138px; padding-right:6px;}

.prisizetb table { margin-bottom:6px; width:100%; }

.prisizetb td, .prisizetb TH { width:33%; height:26px; line-height:26px; text-align:center; border:dotted 1px #ccc;}

.tbtop { font-weight:bold; font-size:12px; }

.Location { line-height:30px; border-bottom:solid 1px #ccc; margin-bottom:5px; height:30px; overflow:hidden; }



#typems { width:100%; height:auto; overflow:auto; }

#typems .type {width:100%; height:40px; float:left; position:relative;}

#typems .type .ms h2 {height:36px;background-color:#fff; padding:2px 2px 2px 4px; position:absolute;right:0;top:0; color:#999; font-family:Arial, Helvetica, sans-serif; line-height:36px;}

.clear{ clear:both;}

.wiz-content ul.Probox { width:170px; height:152px; float:left; }

.wiz-content ul.Probox img { padding:2px; border:dotted 1px #666; width:160px; height:120px; }

.wiz-content ul.Probox p { line-height:26px; text-align:center; }

.wiz-content ul.Probox p a{text-decoration:underline; color:#0079CA}

.wiz-content ul.Probox p a:hover{text-decoration:none; color:#0079CA;}



/*page-box*/	

.pages {padding:14px 0 10px; text-align:center; margin:20px auto;}

.pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #d8d8d8; text-align:center; color:#333; padding:0 10px; background-color:#fff}

.pages a.a1 { background:#fff url(../../images/vms/pages.png) no-repeat 0 5px; width:56px; padding:0 }

.pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

.pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.gradeslistbox { width:100%; overflow:auto; height:auto; margin:6px auto; }

	.gradeslistbox ul.tpli{ list-style:none;}

	.gradeslistbox ul.tpli li{ border:1px solid #efefef; line-height:28px; }

	.gradeslistbox ul.tpli li span{float:left; margin-right:3px;}

	.gradeslistbox ul.tpli li a{ margin:0px 2px; padding:0px 2px; text-decoration:none; border-radius:3px; float:left; display:block;}

	.gradeslistbox ul.tpli li a:hover{background-color:#efefef; border-left:1px solid #ccc; border-right:1px solid #ccc;}

	.gradeslistbox ul.tpli li a.ac{ background-color:#619BDA; color:#fff;}

	 h3.closunn {  line-height:28px; text-align:right; }









ul.grlist { width:24%; padding:6px 0; height:auto; margin:8px 0; float:left; }

ul.grlist h3 { }

ul.grlist li { list-style:none; color:#666; }

ul.grlist em { font-size:9px; color:#999; }



ul.grlista { width:100%; height:auto; margin:20px 0; list-style:none; }

ul.grlista li { color:#666; float:left; width:20%; line-height:18px; line-height:18px; }



.RelevantProducts { overflow:auto;  }

.RelevantProducts h3 {font-weight:bold; margin:6px auto;}

.RelevantProducts ul,.RelevantProducts li { list-style:none;}

.RelevantProducts li {float:left; margin:5px 20px;}

.RelevantProducts li img{border:dotted 1px #ccc; padding:2px; }

.RelevantProducts li p { line-height:22px; text-align:center; }



#nums { color:red; padding:0 3px; }



.matdsc { width:220px; margin:20px 0; height:auto; overflow:auto; border:dotted 1px #ccc; }

.matdsc h3 { font-weight:bold; line-height:30px; padding-left:5px; font-size:20px; color:#0195FF;}

.matdsc li { line-height:26px; padding-left:5px; }



.footbox { width:100%; overflow:auto; border-top:solid 1px #ccc; }

.footbox ul { margin:5px auto;}

.footbox li { list-style:none; line-height:18px; }



.ysbgox { background:url(../images/ysbg.png) no-repeat; width:176px; height:214px;}



/**Rss**/

/*RSS*/

.rss-channel{background: url(../images/v9/rss_bg.png) repeat-x left 38px;}

.rss-channel .header,.rss-channel .navlist .memu .content div,.rss-channel .navlist .memu .content ul li,.rss-channel .xml .rss dt,.rss-channel .xml a.xmlbut,.rss-channel .xml .rss dd a{background: url(../images/v9/rss.png) no-repeat;}

.rss-channel .header{height:88px; overflow:hidden}

.rss-channel .special-body-top a.logo{background-image:none; padding-right:0px}

.rss-channel .box h5,.rss-channel .box h6{ position:static}

.rss-channel .main{overflow:visible; background-color:#fff}

.rss-channel .navlist{width:200px}

.rss-channel .navlist .memu{padding:0}

.rss-channel .navlist .memu .content {padding:1px 1px 0}

.rss-channel .navlist .memu .content div{background-color:#dae7f4;height:24px;line-height:24px;margin-bottom:1px;font-weight:700;background-position: 18px -216px; padding-left:26px}

.rss-channel .navlist .memu .content div.color{ background-color:#eaf2f9}

.rss-channel .navlist .memu .content div.on{background-position: 16px -188px;}

.rss-channel .navlist .memu .content ul{display:none; line-height:22px; padding:3px 0 3px 30px}

.rss-channel .navlist .memu .content ul li{background-position: left -161px;_background-position: left -165px; padding-left:10px; height:22px}

.rss-channel .navlist .memu .content ul li.on,.rss-channel .navlist .memu .content ul li:hover{background-position: left -140px; color:#F60}

.rss-channel .rsslist{ width:730px}

.rss-channel .rsslist .box{ width:358px; float:left; overflow:visible}

.rss-channel .xml{ float:right; font-size:12px; font-weight:normal; }

.rss-channel .xml a.xmlbut{background-position: left -116px; display:block; width:24px; font-size:1px; text-indent:-1000px; float:left; height:15px; margin-right:5px; overflow:hidden; margin-top:4px}

.rss-channel .xml .rss{float:left; position:relative; z-index:1}

.rss-channel .xml .rss dl{ overflow:hidden; height:26px;width:65px;}

.rss-channel .xml .rss dt{background-position: -28px -116px; padding-left:18px;height:21px; line-height:17px; margin-top:5px;}

.rss-channel .xml .rss dd{height:16px; line-height:16px; padding:5px 0}

.rss-channel .xml .rss dd a{ padding-left:14px;background-position: 5px -258px;}

.rss-channel .xml .cur{width:65px; z-index:2}

.rss-channel .xml .cur dl{width:65px;border:1px solid #C3D4E7; position: absolute; top:-1px; right:-1px;  background-color:#fff; z-index:999;overflow:visible; height:auto}

.rss-channel .xml .cur dd{border-top:1px dashed #DCDDDD;}