@charset "utf-8";
/* CSS Document */
img { border:none}
body { margin:0; padding:0; background:#d8e5f6; font-family:Arial, Helvetica, sans-serif}

#wrapper { width:899px; margin:0 auto; padding:0}
#header { margin:23px 0 0 0; width:899px; height:auto; background:url(img/bg-header.gif) top no-repeat}
#header #logo { width:300px; height:97px; margin:0 0 0 20px; float:left; padding:4px 0 0 0}
#header #mainNav { width:303px; height:33px; margin:70px 4px 0 0; float:right; background:url(img/bg-main-nav.gif) no-repeat top}
#header #mainNav ul li a:link, #header #mainNav ul li a:visited {color:#FFFFFF; text-decoration:none }
#header #mainNav ul li.active, #header #mainNav ul li.active a:link, #header #mainNav ul li.active a:visited { color:#626b7a; background:url(img/bg-main-nav-active.gif) no-repeat top}
#header #mainNav ul{ list-style:none; margin:0 0 0 9px; padding:0}
#header #mainNav ul li { width:93px; height:19px; float:left;font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; margin:5px 5px 0 0; padding:3px 0 0 0}
#header #mainNav2 { width:899px; height:42px; background:url(img/bg-main-nav2.gif) no-repeat top; margin:0; padding:0; clear:both}
#header #mainNav2 ul { list-style:none; margin:0; padding:0}
#header #mainNav2 ul li { width:213px;  float:left; font-weight:bold; color:#fff; font-size:14px; text-align:center;  background:url(img/bg-main-nav2-border.gif) right no-repeat;}
#mainNav2 ul li a:link, #header #mainNav2 ul li a:visited { color:#d4eafd; text-decoration:none}
#banner { clear:both; width:895px; height:321px; margin:0; padding:0 0 0 4px; background:url(img/bg-content.gif) repeat-y}

#content {width:891px; height:auto; clear:both; margin:0; padding:0 4px 30px 4px; background:#fff;background:url(img/bg-content.gif) repeat-y}
#leftContent { width:624px; height:auto; margin:4px 0 0 12px; float:left}
#leftContent h1 { font-size:24px; color:#004d93; font-weight:normal; margin:0 0 10px 0}
#leftContent p { font-size:14px; line-height:20px; color:#333333; padding:0; margin:0 10px 20px 0}
#mainBox { width:612px; height:auto; margin:0 0 20px 0; padding:0; clear:both}
#mainBox p { font-size:12px; line-height:20px; color:#333333; padding:0 0 0 20px; margin:0}
#mainBox h1 { color:#0a4a88; font-size:14px; font-weight:bold; margin:23px 0 23px 50px; padding:0}
#mainBox ul { margin:0; padding:0 0 0 10px}
#mainBox ul li { line-height:25px; color:#333333; font-size:12px;}
.mainBox1 { width:270px; height:306px; background:url(img/bg-main-box-1.gif) no-repeat top; float:left; margin:0 11px 11px 0; padding:0 15px 10px 15px}
.mainBox2 { width:270px; height:306px; background:url(img/bg-main-box-2.gif) no-repeat top; float:left; margin:0 0 11px 0; padding:0 15px 10px 15px}
.mainBox3 { width:270px; height:306px; background:url(img/bg-main-box-3.gif) no-repeat top; float:left; margin:0 11px 0 0; padding:0 15px 10px 15px}
.mainBox4 { width:270px; height:306px; background:url(img/bg-main-box-4.gif) no-repeat top; float:left; margin:0; padding:0 15px 10px 15px}
#more { clear:both; width:585px; height:181px; background:url(img/bg-more.gif) no-repeat top; margin:10px 0 0 0; padding:15px 13px}
#more h2 { color:#333333; font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:0}
#more p { font-size:12px; line-height:15px; color:#333333; padding:0; margin:0 0 10px 0}

#rightContent { width:245px; height:auto; margin:4px 10px 0 0; float:right}
#download { width:245px; height:249px; margin:0 0 20px 0; padding:0; background:url(img/bg-download.gif)}
#download h3 { margin:15px 0 22px 34px; padding:0; color:#0a4a88; font-size:13px; font-weight:bold;}
#download .inside { width:115px; float:right; height:auto; text-align:center; font-size:12px; padding:0 10px 10px 10px}
#testimonial h3 { height:12px; width:232px; font-size:12px; font-weight:bold; color:#fff; margin:0; padding:8px 0 8px 13px; background:url(img/bg-testimonial-head.gif) no-repeat top}
#testimonialContent { width:219px; height:auto; background:#d2e8f4; margin:0; padding:15px 13px 0 13px}
#testimonialContent p { font-size:12px; line-height:20px; color:#333333; padding:0 0 10px 0; margin:0}
#testimonialBottom { width:245px; height:13px; background:url(img/bg-testimonial-bottom.gif) no-repeat; margin:0; padding:0}
.border { height:1px; border-bottom:1px dashed #333333; clear:both}

#footer { width:899px; height:76px; background:url(img/bg-footer.gif) no-repeat top; text-align:center; color:#fff; font-size:11px; padding:10px 0 0 0; margin:0 0 30px 0}
#footer a:link, #footer a:visited { color:#fff; text-decoration:none}
#footer a:hover{ color:#fff; text-decoration:underline}
#footer .copyright { margin:15px 0 0 0; color:#6b6b6b}

#downloadPage { width:572px; height:auto; padding:0 10px}
#downloadPage h1 { color:#0a4a88; font-size:18px; font-weight:bold; margin:10px 0; padding:0 10px 0 0}
#downloadPage p { font-size:12px; line-height:20px; color:#333333; padding:0; margin:10px 0}
#downloadPage img { text-align:center}
.graySmallFont { color:#6b6b6b; font-size:11px}
#subNav { width:245px; height:450px; background:url(img/bg-sub-nav.gif) no-repeat top; margin:10px 0}
#subNav dl { margin:0; padding:32px 0 0 0; list-style:none; font-size:13px; color:#6b6b6b; line-height:27px}
#subNav dt { font-weight:bold; background:#dae0e5; height:28px; padding:0 0 0 22px}
#subNav dl a:link, #subNav dl a:visited { color:#6b6b6b; text-decoration:none}
#subNav dl a:hover { color:#0a4a88; border-bottom:#0a4a88 1px dashed}

/*Overview Page*/
#overview { width:592px; height:auto; padding:0 10px}
#overview h1 { color:#0a4a88; font-size:18px; font-weight:bold; margin:10px 0; padding:0 10px 0 0}
#overview p { font-size:12px; line-height:18px; color:#333333; padding:0; margin:10px 0}
#overview .pic { width:235px; height:auto; margin:45px 10px 20px 0; padding:0; float:left}
.redFont { color:#c10b13; font-size:24px}

#overviewNav { width:600px; margin:10px 0 0 0; padding:0;height:33px;}
#overview #overviewNav ul { list-style:none;margin:0; padding:0; }
#overview #overviewNav ul li { width:185px; height:13px; background:url(img/bg-overview-nav.gif) no-repeat; float:left; margin:0; padding:10px 0; text-align:center; font-size:12px; font-weight:bold; color:#2163a3}
#overview #overviewNav ul li.active { background:#fff none; border-top:#aeaeae 1px solid; border-left:#aeaeae 1px solid; border-right:#aeaeae 1px solid}
#overview #overviewNav ul li a:link, #overviewNav ul li a:visited { color:#44484f; text-decoration:none}
#overviewContent { width:582px; height:auto;border:#aeaeae 1px solid; padding:10px; margin-top:-2px}
.overviewBox { width:582px; height:auto; clear:both}
.overviewBox .pic2 { width:70px; height:70px; float:left}

/*system page*/
.tableSystem { width:580px; background:#eef6fc; font-size:12px; color:#333333; line-height:20px}
.tableSystem th { font-size:14px; padding-left:25px; text-align:left; border-bottom:#fff 1px solid}
.tableSystem td { font-size:12px; padding-left:20px; border-bottom:#fff 1px solid}

/*screenshot page*/
.tableShot { width:580px; font-size:12px; color:#333333; text-align:center}

/* menu */
#box1 {width:893px;height:42px;padding:0;z-index:1;position: absolute;margin: 0;font-size: 12px;line-height: 42px;font-weight: bold;color: #FFFFFF;
}
#box1 ul li{display: inline;padding-right: 20px;padding-left: 20px;list-style-type: none;width:213px;background:url(img/bg-main-nav2-border.gif) right no-repeat;}
#box1 ul li a:link, #box1 ul li ul li a:visited { color:#d4eafd; text-decoration:none}
#box2 {width:893px;height:42px;padding:0;z-index:1;position: absolute;visibility: hidden;margin: 0;font-size: 12px;line-height: 42px;font-weight: bold;color: #FFFFFF;}
#box2 ul li{display: inline;padding-right: 20px;padding-left: 20px;list-style-type: none;width:213px;background:url(img/bg-main-nav2-border.gif) right no-repeat;}
#box2 ul li a:link, #box2 ul li ul li a:visited { color:#d4eafd; text-decoration:none}
#box3 {width:893px;height:42px;padding:0;z-index:1;position: absolute;visibility: hidden;margin: 0;font-size: 12px;line-height: 42px;font-weight: bold;color: #FFFFFF;}
#box3 ul li{display: inline;padding-right: 20px;padding-left: 20px;list-style-type: none;width:213px;background:url(img/bg-main-nav2-border.gif) right no-repeat;}
#box3 ul li a:link, #box3 ul li ul li a:visited { color:#d4eafd; text-decoration:none}
/* menu */

#overview ol { font-size:12px; color:#333333; line-height:20px}
#overview ol a:link, #overview ol a:visited { color:#0a4a88; text-decoration:none}
#overview ul { list-style:none;font-size:12px; color:#333333; line-height:20px; margin:10px 0 10px 10px; padding:0}
#overview ul a:link, #overview ul a:visited { color:#0a4a88; text-decoration:none}

#downloadPic { width:792px; height:auto; margin:0 auto; padding:20px 0}
#downloadPic img{ float:left; margin-left:20px;}
/*#downloadTable { width:792px; height:auto; margin:10px auto;}
#downloadTable table{ width:792px; border:#d6d6d6 1px solid}*/
#downloadTable table th { background:url(../images/trbg.jpg) repeat-x bottom; border:#fff 1px solid;color:#0d7fb4; font-size:14px; text-align:center; padding:0}
#downloadTable table td {font-size:12px; padding:12px 20px; font-size:12px;color:#333333;border:#fff 0px solid; }
#downloadTable table td.style1 {background:#fff; }
#downloadTable table td.style2 {background:#f5fafd; }

#registerLeft { width:245px; float:left; height:auto; margin:10px}
#registerRight a:link, #registerRight a:visited { color:#00549b}
#registerLeft p { font-size:12px; line-height:18px; color:#333333; padding:0; margin:10px 0}
#registerRight { width:604px; float:right; height:auto; margin:10px}
#registerRight h1{ color:#0a4a88; font-size:18px; font-weight:bold; margin:10px 0; padding:0 10px 0 0}
.red { color:#FF0000}
#registerRight p { font-size:12px; line-height:18px; color:#333333; padding:0; margin:10px 0}
#registerRight table { width:356px; margin:0 0 0 120px}
#registerRight table td { color:#6b6b6b; font-size:12px; line-height:25px; padding:5px 5px 5px 0}
#registerRight table td.style1 {text-align:right}
#registerRight table input { height:20px}
#registerRight table select { width:155px; height:20px}
#registerRight .order { margin:5px 0}
#registerRight .order select { width:250px}

#orderPayment { width:507px; height:222px; border:1px solid #cccccc; margin:10px 0; padding:10px}
#registerRight #orderPayment table { width:507px; height:222px;margin:0;}
#registerRight #orderPayment table td { line-height:20px}

#member { margin:0; padding:10px}
#member h1{ color:#0a4a88; font-size:16px; font-weight:bold; margin:10px 0; padding:0 10px 0 0}
#member p { font-size:12px; line-height:18px; color:#333333; padding:0; margin:10px 0}
#member table { width:380px; height:auto; color:#6b6b6b; font-size:12px;}
#member table td.style1 { width:170px}
#member table td.style2 { width:35px; text-align:center}
#member ol { font-size:12px; color:#333333; line-height:20px}

#memberarea { margin:0; padding:10px}
#memberarea h1{ color:#0a4a88; font-size:16px; font-weight:bold; margin:10px 0; padding:0 10px 0 0}

.redSmallFont { color:#FF0000; font-size:10px;}
.rightBoxMiddle dl { margin:0; padding:0; list-style:none; font-size:13px; color:#6b6b6b; line-height:20px}
.rightBoxMiddle dt { color:#0a4a88; height:20px; padding:0 0 0 10px}
.rightBoxMiddle dd { margin:0; padding:0 0 0 25px}
.rightBoxMiddle dt a:link, .rightBoxMiddle dt a:visited{color:#0a4a88;}
.rightBoxMiddle dl a:hover { color:#0a4a88; border-bottom:#0a4a88 1px dashed}