@charset "utf-8";
/* CSS Document */


/* all */
html,body { height:100%;}
body,p,div,input,textarea,select,button { font-size:12px; font-family:verdana; }
body { margin:0px; }
form { margin:0px; }
a { color:#000000; font-weight: bold;}
a:hover { color:#999999;}
img { border:none; }
li { list-style-image:url(images/li_dot.gif); }
hr { height:1px; color:#dddddd; clear:both; }
.textalert { color:#FF0000; font-size:10.5pt; }
.time { color:#cccccc; font-size:9px; font-weight:normal; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center; }
.price { color:#006699; }
.textdelete { text-decoration:line-through; }
.alignleft { float: left; }
.alignright { float: right; }
.textbold{ font-weight:bold; }
.more { color:#bbbbbb; text-decoration:none;}
.more:hover { color:#000000; }
.blank { height:10px; }

.page{ margin:3px; font-size:15px; }
.pageoff{ color:#cccccc; }
.pageon{ }




/* header */
.header { height:101px; background-image:url(images/header_bg.gif); }
.header .version-search { float:right; background-image:url(images/header_right.gif); background-position:right top; background-repeat:no-repeat; height:100%; width:300px; }
.header .version-search .version { padding-left:60px; padding-top:28px; padding-bottom:25px; clear:both; }
.header .version-search .version li a { padding-right:20px; color:#cccccc; text-decoration:none; }
.header .version-search .version li a:hover { color:#ffffff;}
.header .version-search .version li .dot { color:#ff9900; margin-right:10px; font-size:7px; }
.header .version-search .search { padding-left:60px; color:#cccccc; clear:both; }
.header .version-search .search .searchfield { font-size:11px; width:120px; color:#cccccc; border:1px #999999 solid; background-color:#666666; }
.header .version-search .search .searchbn { font-size:10px; width:38px; height:18px; border:none; background:url(images/search_bnbg.gif) no-repeat; color:#ffffff; font-family:Arial; }




/* navbar */

.navbar { height:36px; background-image:url(images/menu_bg.gif); padding-left:50px; }
.navbar li {float:left; margin-top:2px; height:30px; }
.navbar li a { color:#000000; text-decoration:none; font-size:10.5pt; letter-spacing:0.2em; padding-right:5px; padding-left:5px; padding-top:10px; padding-bottom:10px; border-right:1px solid #aaaaaa; line-height:31px; }
.navbar li a:hover { color:#ff9900; background-image:url(images/mid_bg.gif);  }
.navbar li a.on { font-weight:bold; color:#ffffff; background-image:url(images/mid_bg.gif); }


/* flashad */
.flashad { width:100%; height:173px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="#bcbcbc",endColorStr="#ffffff",gradientType="0"); overflow:hidden; }
.flashadindex { height:300px; }
.flashadindex .flashindexcontent { width:1102px; }
.flashad .flashindexcontent .alignleft { margin-top:1px; margin-left:1px; }


/* midbar */
.midbar { height:38px; background-image:url(images/mid_bg.gif); overflow:hidden; padding-left:10px; color:#cccccc; font-size:10.5pt; }
.midbar a { height:38px; color:#ffffff; padding:8px; text-decoration:none; font-size:10.5pt; }
.midbar a:hover { background:url(images/mid_bg_over.gif) center; color:#eeeeee; border:none; }
.midbar .dotleft { filter:flipH(color=silver); }


/* content */
.content { width:99%; height:80%; margin-top:2px; margin-bottom:2px; margin-left:3px; margin-right:-4px; }
.contentindex { width:97%; height:400px; margin-top:20px; margin-bottom:20px; padding-left:20px; }
.contentindex .alignleft img { padding:2px; border:5px solid #cccccc; }


/* content - left */
.corner1 { width:200px; height:11px; background:url(images/left_corner1.jpg) no-repeat top left;}
.corner2 { width: 13px; height:11px; background:url(images/left_corner2.jpg) no-repeat top right; }
.corner3 { width:200px; height:11px; background:url(images/left_corner3.jpg) no-repeat left bottom; }
.corner4 { width: 13px; height:11px; background:url(images/left_corner4.jpg) no-repeat right bottom;}

.left { width:213px; background-color:#e0e0e0; vertical-align:top; }
.left1 { width:213px; height:11px; background-color:#e0e0e0; vertical-align:bottom;}

.top2 { width:199px; height:13px; }
.bottom2 { width:199px; height:13px; padding-bottom:1px; }
.corner5 { z-index:80; width:199px; position:absolute; background:url(images/left_corner5.jpg) no-repeat top left; }
.corner6 { z-index:80; width:199px; position:absolute; background:url(images/left_corner6.jpg) no-repeat top right; }
.corner7 { z-index:80; width:199px; position:absolute; background:url(images/left_corner7.jpg) no-repeat left bottom; }
.corner8 { z-index:80; width:199px; position:absolute; background:url(images/left_corner8.jpg) no-repeat right bottom;}

.left .tab { z-index:81; text-align:right; margin-left:-34px; margin-right:10px;}
.left .tab li { width:80%; height:24px; padding-top:10px; border-bottom:2px inset #ffffff; list-style:none; list-style-image:none; }
.left .tab li a { text-decoration:none; font-size:10.5pt; padding-right:15px; padding-left:80px; padding-top:17px; padding-bottom:10px; line-height:24px;}
.left .tab li a:hover { color:#ffffff; background:url(images/left_bgover.gif) repeat-y right; padding-right:20px; }
.left .tab li .on { font-weight:bold; color:#ff9900; background:url(images/left_bgover.gif) repeat-y right; }

.left .menu { margin:7px; background-color:#666666; margin-top:-6px; width:199px; }
.left .menu .item { margin:1px; padding-right:15px; padding-left:20px; padding-bottom:5px; padding-top:5px; }
.left .menu div.on { border:0px solid #777777; background:url(images/itemon_bg.gif) center;}
.left .menu .item a { width:170px; font-size:10.5pt; text-decoration:none;  line-height:17px; color:#aaaaaa; }
.left .menu .item a:hover { color:#ffffff; }
.left .menu .item a.on { font-weight:bold; color:#ff9900; }

.left .procata { margin-top:-8px; text-align:center; }
.left .procata div { width:192px; min-height:22px; padding-top:5px; border-bottom:2px inset #ffffff; text-align:left; }
.left .procata div .dot { color:#FF9900; }
.left .procata div a { text-decoration:none; padding-right:15px; padding-left:2px; padding-bottom:10px; line-height:17px; font-size:10pt; }
.left .procata div a:hover { color:#ff9900; padding-left:4px; padding-top:2px; }
.left .procata div .on { font-weight:bold; }

.left .procata div .catasub { width:170px; margin-left:0px; border:0px inset #cccccc; border-bottom:none; padding-bottom:0px; padding-top:0px; text-align:left; display:none; }
.left .procata div .catasub li { border:none; padding-top:0px; padding-left:7px; height:15px; margin-top:2px; margin-left:6px; width:170px; }
.left .procata div .catasub li a { color:#777777; padding-left:2px;  line-height:13px; font-size:9pt; margin-left:-9px; }
.left .procata div .catasub li a:hover { color:#ff9900; padding-left:4px;  }
.left .procata div .catasub li .on { font-weight:bold; color:#000000; }

.left .leftitem { margin-left:25px; margin-top:-5px; margin-right:20px; margin-bottom:5px; }
.left .more { margin-left:25px; }
.left hr { border-bottom:2px inset #ffffff; height:2px; }



/* content - main */
.main { vertical-align:top; }
.main .indextext { padding:10px; padding-right:15px; }
.main .alignleft { margin-right:15px; height:180px;  }


.main .maintitle { padding:10px; padding-bottom:0px; }
.main .maintext { padding:10px; padding-top:0px; }
.main .maintext .alignright { margin-top:20px; }
.main .maintext .subtitle { font-size:10.5pt; color: #0066CC; font-weight:bold; margin-bottom:-5px; border-bottom:2px solid #dddddd; }
.main .maintext .subtitle .alignright { margin-top:0px; font-weight:normal; }
.main .maintext div { padding-bottom:40px;  }
.main .maintext .picnote { color:#999900; }

.main .maintext ul { margin-left:15px; }
.main .maintext li { height:20px; }

.main .maintext .cataimg { border:0px solid #dddddd; width:150px; height:150px; }
.main .maintext .proimg { border:0px solid #dddddd; width:100px; height:100px; }
.main .maintext .proimgbig { border:0px solid #dddddd; width:280px; height:280px; }
.main .maintext .imglist { clear:both; }
.main .maintext .listdiv { margin-bottom:10px; }
.main .maintext .listdiv .catatext { font-size:10.5pt; color: #999900; }
.main .maintext .listdiv .catatext:hover { color: #cccccc; }

.main .maintext .prospectitle { font-weight:bold; color: #006699; clear:both; padding-top:30px; border-bottom:1px solid #ff0000; }

.main .maintext .bggreen{ background-image: http://p5.images22.51img1.com/6000/hjxgreat/52be369337f52fac30b3a6e334acb062.jpg; }
.main .maintext .bgred{ background-image: http://p0.images22.51img1.com/6000/hjxgreat/016d9b2a469bdba0718634d2b5934fb2.jpg; }













\'

/* footer */
.footer { height:58px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="#818181",endColorStr="#5f5f5f",gradientType="1"); padding-left:5px; padding-right:20px;}
.footer .alignright { text-align:right; color:#eeeeee; font-size:11px; padding-top:18px; }
.footer .alignright a { color:#CCCCCC; }
.footer .alignright a:hover { color:#ffffff; }