html, body {margin: 0; padding: 0; height: 100%;}
body {text-align: center; background: #f0f0f0 url(images/body_bg.gif) 50% 0 repeat-y; color: #000000}
a img {border: 0}
/* default font size */
body, body div, body p, body th, body td, body li, body dd {color: #333333; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {font-size: small}

/* general styles */
* {font-family: verdana, aria, sans-serif}
a:link {color: #0779b6}
a:visited {color: #0779b6}
a:hover {color: #67b4d4}
h1 {font: bold 1.2em/1.4em "arial narrow", arial, sans-serif; color: #2880bc; border-bottom: 1px solid #c2ecff; clear: both; margin: 1em 0; text-transform: uppercase}
h1.grey {color: #989898}
h2 {font: bold 1.1em/1.2em arial, sans-serif; color: #333333}

#wrap {margin: 0 auto; width: 742px; height: 100%; position: relative; text-align: left; background: transparent url(images/wrap_bg.gif) 0 100% no-repeat}
html>body #wrap {height: auto; min-height: 100%}

/* header-specific */
#header {height: 154px; margin-bottom: 16px; padding-left: 15px; font-size: 1px; line-height: 1px; background: transparent url(images/head_bg0.gif) 0 0 no-repeat}
#header div {float: left; height: 154px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat}
#header .wrap1 {width: 171px;}
#header .wrap2 {width: 396px; background-image: url(images/head_bg2.gif)}
#header .wrap3 {width: 160px; background-image: url(images/head_bg3.gif)}
#header .wrap2 img {padding: 40px 0 0 137px}
.langmap {margin: 73px 0 0 0; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0}
#en .langmap {background-image: url(images/lang_en.gif)}
#cn .langmap {background-image: url(images/lang_cn.gif)}

/* sidebar-specific */
#sidebar {margin-left: 15px; padding-bottom: 130px; display: inline; float: left; width: 171px}
.side1 {background: #f7f7f7 url(images/side1body_bg.gif) 0 0 repeat-y}
.side1 div {padding: 0 0 40px 0; background: transparent url(images/side1bottom_bg.gif) 0 100% no-repeat}
.side1 * {font: normal 15px/20px "arial narrow", sans-serif ! important;}
.side1 ul {margin:0; width: 171px; overflow: hidden; list-style: none; padding: 5px 0 0 0; background: transparent url(images/menu1top_bg.gif) 0 0 no-repeat}
.side1 ul ul {padding: 0; background: transparent url()}
.side1 li {margin:0; padding: 0; background: transparent url(images/menu1body_bg.gif) 0 100% no-repeat}
.side1 a, .side1 span {display: block; padding: 0 0 0 34px; height: 26px; text-decoration: none; background: transparent url(images/bullet1_off.gif) 9px 6px no-repeat; color: #0073b0}
.side1 a:hover, .side1 a.current, .side1 span {background-image: url(images/bullet1_on.gif)}
.side1 .submenu1 a, .side1 .submenu1 span {padding: 0 0 0 43px; background: transparent url(images/bullet2_off.gif) 22px 6px no-repeat; color: #646d8c; font-weight: normal}
.side1 .submenu1 a:hover, .side1 .submenu1 a.current, .side1 .submenu1 span {background-image: url(images/bullet2_on.gif)}
.side2 {margin: 4px 0 0 0; background: #e4f7ff url(images/side2body_bg.gif) 0 0 repeat-y}
.side2 div {padding: 0 0 30px 0; background: transparent url(images/side2bottom_bg.gif) 0 100% no-repeat}
.side2 * {font: normal 11px/21px arial, sans-serif ! important}
.side2 ul {margin: 0; padding: 0; width: 171px; overflow: hidden; list-style: none; padding: 30px 0 0 0; background: transparent url(images/menu2top_bg.gif) 0 0 no-repeat}
.side2 li {margin: 0; padding: 0; background: transparent url(images/menu2body_bg.gif) 0 100% no-repeat}
.side2 a, .side2 span {display: block; padding: 0 0 0 40px; height: 22px; text-decoration: none; color: #0675b6}
.side2 a:hover, .side2 a.current, .side2 span {color: #000000}
.side3 {margin: 32px 0 0 0; text-align: center}

/* main content block */
#content {margin-left: 34px; display: inline; float: left; width: 490px}
#content1 {margin-left: 34px; display: inline; float: left; width: 640px}

/* footer-specific */
#empty {height: 35px; clear: both; font-size: 1px; line-height: 1px}
#footer {position: absolute; left: -1px; bottom: -61px; width: 100%; height: 25px; background: #afb0ae url(images/foot_bg.gif) 0 0 repeat-x}
#footer p {margin: 0; padding: 4px 0 0 15px; font: normal 11px/21px arial, sans-serif; color: #ffffff}

/* special styles */
a.button, a.button2 {display: inline-block; vertical-align: middle; text-align: center; font: bold 11px/22px "arial narrow", arial, sans-serif; text-decoration: none; color: #595959; background: transparent url(images/button_normal.gif) 50% 50% no-repeat; padding: 4px 0; color: #595959 ! important}
a.button, a.button2 {display: -moz-inline-box; -moz-box-pack: center}
a.button:hover, a.button2:hover {color: #00406c ! important; background-image: url(images/button_hover.gif)}
a.button {width: 81px}
a.button2 {width: 65px; background-image: url(images/button2_normal.gif)}
a.button2:hover {background-image: url(images/button2_hover.gif)}

ul.circle {margin: 10px 0; padding: 0; list-style: none}
.circle li {margin: 0; padding: 0 0 0 20px; background: transparent url(images/bullet3.gif) 0 0.4em no-repeat}
ul.arrow {margin: 10px 0; padding: 0; list-style: none}
.arrow li {margin: 0; padding: 0 0 0 20px; background: transparent url(images/bullet4.gif) 0 0.4em no-repeat}

/* nice-looking table */
table.tnice {margin: 0.5em 0 1em 0; padding: 0; width: 100%; border-collapse: collapse}
.tnice th, .tnice td {padding: 4px 6px}
.tnice th {background: #ffffff; text-align: center; vertical-align: bottom; font-family: "arial narrow", arial, sans-serif; color: #0779b6; padding: 0 6px 1em}
.tnice td {border: 1px solid #bce5f7; border-width: 1px 0; background: #f7f7f7}
.tnice caption {font-size: 1em; font-weight: bold; color: #0779b6; text-align: left; padding: 0.8em 0}
tr.empty td {background: #ffffff}
th.versions {font-family: arial, sans-serif; font-weight: normal; color: #333333; text-align: left}
col.buy {width: 80px; text-align: center}
* html col.buy {width: 70px}
col.price {width: 70px; text-align: right}
* html col.price {width: 50px}


/*fhb nice-looking table */
table.tfhbnice {margin: 0.5em 0 1em 0; padding: 0; width: 100%; border-collapse: collapse}
.tfhbnice th, .tnice td {padding: 4px 6px}
.tfhbnice th {background: #ffffff; text-align: center; vertical-align: bottom; font-family: "arial narrow", arial, sans-serif; color: #0779b6; padding: 0 6px 1em}
.tfhbnice td {
	border: 1px solid #bce5f7;
	border-width: 1px 0;
	background: #ffffff;
	border-left-width: thin;
	border-right-width: thin;
}
.tfhbnice caption {font-size: 1em; font-weight: bold; color: #0779b6; text-align: left; padding: 0.8em 0}
tr.empty td {background: #ffffff}
th.versions {font-family: arial, sans-serif; font-weight: normal; color: #333333; text-align: left}
col.buy {width: 80px; text-align: center}
* html col.buy {width: 70px}
col.price {width: 70px; text-align: right}
* html col.price {width: 50px}

/* subscribe form */
#subscribe {float: right; position: relative; top: -2.5em; background: #ffffff}
#subscribe form {position: relative; margin: 16px 0 0 17px; background: transparent url(images/subscribe_bg.gif) 0 0 no-repeat; width: 183px; height: 146px; text-align: center}
#subscribe p {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 36px;
}
#subscribe .label{top: 57px; left: 0px; color: #ffffff}
#subscribe .flemail {position: absolute; top: 85px; left: 0}
#subscribe .flemail input {width: 85%; border: 1px solid #349ed5; background: #dcf1fe}
#subscribe .flsubmit {position: absolute; top: 110px; left: -1px}

/* overrides */
.grey {color: #989898}
.blue {color: #0779b6}
.bb {border-bottom: 1px solid #c2ecff}
.alright {text-align: right}
.smalltext {font-size: 0.88em}
.xsmalltext {font-size: 0.76em}
* html .smalltext {font-size: 0.8em}

/* thumbnail blocks */
.thumb {width: 240px; height: 180px; float: left}
.thumb h2 {color: #0779b6}
.thumb div {background: transparent url(images/screenshot_bg.gif) 0 0 no-repeat; padding: 10px 11px 14px 12px}