*{margin:0; padding:0;}
body {font:normal normal normal 75%/170% Arial, Helvetica, sans-serif;}

#maincontainer {width:860px; margin:0 auto;}
#text{ padding:10px 0 0 0; width:600px;}
#topcontainer {background:url(../images/topbg.jpg) no-repeat right top; float:left; }
#topcontainer h1 {background:url(../images/logo.jpg) no-repeat; width:284px; height:103px; text-indent:-999px; float:left;}
#topright {float:right; padding:26px 26px 0 0; font:24px Arial, Helvetica, sans-serif; color:#FFFFFF;}
#topright a {color:#FFFFFF; font:20px Arial, Helvetica, sans-serif; text-decoration:none;}

#menu {background:url(../images/link2.jpg) no-repeat right top; float:left; clear:both; width:860px;}
#menu ul {background:url(../images/link1.jpg) no-repeat ; float:left;}
#menu ul li {float:left; list-style:none;}
#menu ul li a {float:left; padding:2px 7px; color:#FFFFFF; text-decoration:none; border-left:#FFFFFF solid 1px;}
#menu ul li a:hover{ color:#000000;}

#body {width:856px; clear:both; padding:2px; float:left;}
.bannerbox1 {background:url(../images/box2.jpg) no-repeat right top;}
.bannerbox1 div{background:url(../images/box1.jpg) no-repeat top left; width:504px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:11px 0 0 20px; height:19px;}
.bannerbox3 {background:url(../images/box6.jpg) no-repeat right top; clear:both; padding-bottom:10px;}
.bannerbox3 div{background:url(../images/box5.jpg) no-repeat top left; width:504px; height:16px;}

.bannerbox7 {background:url(../images/box8.jpg) no-repeat right top;}
.bannerbox7 div{background:url(../images/box7.jpg) no-repeat top left; width:504px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:11px 0 0 20px; height:19px;}
.bannerbox8 {background:url(../images/box10.jpg) no-repeat right top; clear:both; padding-bottom:10px;}
.bannerbox8 div{background:url(../images/box9.jpg) no-repeat top left; width:504px; height:16px;}

.one {background:url(../images/body2.jpg) no-repeat right top;}
.one div {background:url(../images/body1.jpg) no-repeat; width:100%; height:16px;}
#two {background:url(../images/body4.jpg) repeat-y right;}
#two div.body {background:url(../images/body3.jpg) repeat-y; width:852; padding:0 10px; }
.three {background:url(../images/body6.jpg) no-repeat right top;}
.three div {background:url(../images/body5.jpg) no-repeat; width:100%; height:16px;}


#left {background:none; float:left; width:222px;  }
.news {background:url(../images/box2.jpg) no-repeat right top; clear:both;}
.news div{background:url(../images/box1.jpg) no-repeat top left; width:180px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:11px 0 0 20px; height:19px;}

.news1 {background:url(../images/box4.jpg) repeat-y right; width:222px; float:left; clear:both;}
.news1 ul { padding:10px 30px; background:url(../images/box3.jpg) repeat-y ; width:162px;}
.news1 ul li { list-style:url(../images/bullet.jpg) disc;  }
.news1 ul li a { color:#000000; text-decoration:none;  }
.news1 ul li a:hover { color:#FF0000; text-decoration:underline;  }

.news2 {background:url(../images/box6.jpg) no-repeat right top; clear:both; padding-bottom:10px;}
.news2 div{background:url(../images/box5.jpg) no-repeat top left; width:222px; height:16px;}

.head1 {background:url(../images/head2.jpg) no-repeat right top;}
.head1 div{background:url(../images/head1.jpg) no-repeat top left; width:180px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 0 20px; height:19px;}

.head2 {width:222px; float:left; }
.head2 ul { padding:10px 30px; width:162px;}
.head2 ul li { list-style:url(../images/bullet.jpg) disc;  }
.head2 ul li a { color:#000000; text-decoration:none;  }
.head2 ul li a:hover { color:#FF0000; text-decoration:underline;  }

.case-tracking a{background:url(../images/case-tracking.jpg) no-repeat; width:222px; height:113px; text-indent:-999px; display:block;}

#right {float:left; padding:0 0 0 8px;  }
#banner {width:604px;}

.form {width:150px; float:left; margin-right:10px; background:#990000;}




.mainproduct{clear:both;}

.product {width:180px; float:left; padding:0 0 10px 0;}
.box1 {background:url(../images/box2.jpg) no-repeat right top;}
.box1 div{background:url(../images/box1.jpg) no-repeat top left; width:170px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:11px 0 0 20px; height:19px;}
.box2 {background:url(../images/box4.jpg) repeat-y right;  }
.box2 div {background:url(../images/box3.jpg) repeat-y left; padding:10px; text-align:center; }

.box3 {background:url(../images/box6.jpg) no-repeat right top; clear:both; padding-bottom:10px;}
.box3 div{background:url(../images/box5.jpg) no-repeat top left; width:190px; height:16px;}

.bannerbox2 {background: #f0f0f0 ; border:#e1e1e1 solid 1px; border-bottom:none; border-top:none;  }

.bottom {clear:both; text-align:center; padding:5px; font:11px Arial, Helvetica, sans-serif;}
.bottom a {color:#000000; text-decoration:none;}
.fo_bg{
background-color:#4d6ef3;
}