body { font-family: Arial; font-size: 12px; text-align:center }
h1{ font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
img{ border: 0; }
p{ margin: 0; padding: 0; }
ul{ list-style: none; margin: 0; padding: 0; }
.sbtn{ background: url(images/sbtn.jpg) no-repeat; border: none; cursor: pointer; float: left; height: 21px; width: 20px; }
.stext{ background: url(images/search.jpg) no-repeat; border: none; float: left; height: 19px; margin-right: 2px; padding: 2px 0 0 8px; width: 150px; }
#banner{ float: left; height: 105px; padding: 0 7px; width: 886px; }
#banner2{ float: left; height: 300px; width: 630px; }
#bottom{ border-left: 1px #ddd solid; position:relative; border-right: 1px #ddd solid; float: left; height: 110px; margin-top: 10px; width: 884px; }
#bottom .botlogo{ float: left; margin: 0 0 10px 220px; * margin: 0 0 10px 150px;display:block }
/*-----content-----*/
#bottom li{ float: left; padding: 10px; white-space: nowrap; }
#bottom li a{ color: #7C7E79; font-weight: bold; text-decoration: none; }
#bottom li a:hover, #location a:hover { text-decoration: underline; }
#bottom p{ color: #7C7E79; }
#bottom ul{ clear: both; float: left; height: 40px; padding: 0 0 0 200px;  }
#buy{ float: left; height: 34px; padding: 6px 10px 0 10px; width: 880px; }
#buy span{ display: block; float: right; }
/*-----middle-----*/
#buy ul{ float: left; }
#buy ul li{ background: url(images/sign.jpg) no-repeat left 3px; float: left; line-height: 20px; padding: 5px 15px 3px 20px; }
#cbanner{ float: left; height: 200px; width: 630px; }
#container{ margin: 0 auto; width: 900px; text-align:left }
/*-----head-----*/
#cpagebody{ margin: 0 auto; margin-bottom: 25px; overflow: hidden; padding: 0 7px;  }

/*\*/
/* end easy clearing */
#cpagebody:after{ clear: both; display: block; height: 0; visibility: hidden; }
#csidebar .csidenav{ background: url(images/csidebartop.jpg) no-repeat bottom; height: 40px; }
#csidebar h1{ background: url(images/sidebartop.jpg) no-repeat bottom; height: 32px; width: 240px; }
#csidebar h2, #sidebar h2 { background: url(images/sidebarbot.jpg) no-repeat; height: 29px; margin: 0; padding: 0; width: 240px; float:left}
#csidebar ul li{ background: url(images/sideli.jpg) no-repeat; height: 30px; width:100%; text-indent:28px; padding-top:8px; }
#csideleft img{ float: left; margin-top: 15px; }
/*\*/#csideleft, #csideright{ margin-bottom: -32767px !important; padding-bottom: 32767px !important; }
#csideleft:before, #csideright:before{ background: inherit; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; margin-bottom: -32767px !important; padding-top: 32767px !important; }
#csideright, #sideright { float: left; width: 630px; overflow:hidden }
#footer{ background: #f1f1f1 url(images/footbg.jpg) no-repeat top; float: left; height: 120px; }
#headbt{ float: left; height: 28px; width: 900px; }
#headbt span{ color: #666; float: left; padding: 0 0 0 30px; }
#header{ background: url(images/topleft.jpg) no-repeat; height: 257px; }
#location{ border-bottom: 1px dashed #CCC; display: inline; float: left; height: 29px; margin: 0 0 0 10px; padding: 10px 0 0 15px; width: 605px; }
#location a{ color: #666; text-decoration: none; }
#logo{ float: left; height: 61px; padding: 15px 0 0 0; width: 180px; }
#main{ float: left; padding: 15px 0 0 15px; width: 615px; }
/*height*/
#nav{ float: left; height: 38px; padding: 32px 0 0 10px; width: 650px; }
#nav #selected a { background-position: 0% -76px; }
#nav #selected a span { background-position: 100% -76px; color: #fff; }
#nav a{ background: url(images/navl.jpg) no-repeat left top; float: left; height: 38px; line-height: 14px; padding: 0 0 0 15px; text-decoration: none; }
#nav a span{ background: url(images/navr.jpg) no-repeat right top; color: #666; display: block; float: left; padding: 13px 20px 11px 5px; text-align: center; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span { float: none; }
/* End IE5-Mac hack */
#nav a:hover { background-position: 0% -38px; }
#nav a:hover span{ color: #666; }
#nav a:hover span { background-position: 100% -38px; }
#nav ul li{ display: inline; float: left; margin-right: 5px; }
#pagebody{margin-bottom:25px; }
#pagebot{ float: left; height: 185px; margin-top: 12px; width: 886px; }
#pagebot li{ float: left; margin-right: 3px; width: 218px; }
#pagebot li .pic{ background: url(images/picbg.jpg) no-repeat; display: block; float: left; height: 129px; padding: 1px 0 0 1px; position: relative; width: 217px; }
#pagebot li .pic img{ height: 129px; width: 212px; }
#pagebot li span{ background: url(images/picbotbg.jpg) no-repeat; display: block; float: left; height: 45px; padding: 10px 0 0 18px; width: 200px; }
#pagebot li span a{ color: #666; display: block; line-height: 18px; text-decoration: none; width: 180px; }
/*-----µ×²¿ÄÚÈÝ-----*/
#picsl{ background: url(images/picsl.gif) no-repeat; height: 11px; left: 0; position: absolute; top: 0; width: 11px; }
#picsr{ background: url(images/picsr.gif) no-repeat; height: 11px; left: 203px; position: absolute; top: 0; width: 11px; }
#pro{ background: url(images/pror.jpg) no-repeat right top; float: left; height: 230px; margin-top: 10px; width: 630px; }
#prol{ background: url(images/prol.jpg) no-repeat; float: left; height: 230px; width: 10px; }
#promain{ background: url(images/protop.jpg) repeat-x top; float: left; height: 230px; width: 610px; }
#promain h1{ float: left; height: 31px;  width: 100%; }
#promain h1 a{ color: #666; float: right; margin-top:10px; margin-right: 10px; text-decoration: none; }
#promain h1 span{ display:block; float: left; font-weight: bold;margin-top:10px; margin-left:10px; }
#sidebar h1 span { display:block; float: left; font-weight: bold;margin-top:10px; margin-left:20px;* margin-left:10px}
#promain ul{ background: #e2e2e2; float: left; height: 200px; width:100%; }
#promain ul li{ float: left; margin-top:35px; margin-right: 15px;*margin-right: 15px; width: 105px; }
#promain ul li .propic{ background: url(images/propicbg.jpg) no-repeat; height: 86px; margin-bottom: 12px; padding: 5px 0 0 0; width: 100px; }
#promain ul li a{ color: #666; display: block; line-height: 20px; padding: 0 5px; text-align: center; text-decoration: none; width: 90px; }
#promain ul li img{ height: 81px; width: 90px; }
#search{ float: right; height: 21px; width: 200px; }
#sidebar{ background: url(images/sidebartop.jpg) top left no-repeat; float: left; height: 233px; width: 256px; }
#sidebar h1{float: left; height: 31px;  width: 100%; }
#sidebar h1 a{color: #666; float: right; margin-top:10px; margin-right: 35px; text-decoration: none;  }
#sidebar ul li{ background: url(images/sideli.jpg) no-repeat; height: 35px; width:100% ; display:block; float:left}
#sidebar ul li a{ color: #DC4A4D; text-decoration: none; padding-left:20px;}
#buy ul li a, #csidebar ul li a { color: #DC4A4D; text-decoration: none; }
#sidebar ul li span{ padding-top:5px;font-size: 10px; line-height: 1.1em; text-indent:20px; width:100%; }
#sideleft img{ float: left; margin-bottom: 11px; }
#sideleft, #csidebar, #csideleft { float: left; width: 256px; overflow:hidden }
#top{ background: url(images/topbg.jpg) repeat-x; float: left; height: 84px; width: 840px; }
#topleft{ float: left; height: 84px; width: 30px; }
#topright{ background: url(images/topright.jpg) no-repeat; float: left; height: 84px; width: 30px; }