* { margin: 0;padding: 0;}
* html #header_top {position: static;}

a img { border: none !important; }
a.more{line-height:26px;font-size:12px; color:#0564AD;text-decoration: none;}
a:hover.more {color:#000000; text-decoration: underline; }
 
p.more, .text_right {text-align:right;}
body {text-align: left;font-family: "Verdana";font-size: 12px;background: #ffffff url('images/ttp-bg.png') repeat-x}
#index {text-align: left;font-family: "Verdana";font-size: 12px;background: #ffffff url('images/ttp-bg.png') repeat-x}
div.page, .page #bottom {width: 732px;}
h1#title-page {display: none; }
h2 {padding-left:10px;height:24px;line-height:24px;font-size:14px;font-weight:bold;}
.date{font-size:12px; color:#008000;margin-left:6px; }

tbody {border:1px;}

.border_blue{border:1px solid #9BC9DF;}
.border_green{border:1px solid #99FF66;}
.clear {clear: both;height: 0;}
div.infor {-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;margin-bottom:5px;margin-top: 5px;display: block;position: relative; padding-left:0.8em; padding-right:0.8em; padding-top:0.5em; padding-bottom:0.5em; background-color:#FFFFFF;   position: relative; /* IE6 */}

.left {width:270px;float: left;position: absolute; }
.right {width:450px; float:right;margin-top:5px;margin-bottom:5px; }

.page #logo{background: url(images/logo.gif) no-repeat top left;}
.t1{padding-left:10px;height:24px;line-height:24px;font-size:14px;font-weight:bold;background-color:#DBEDF5;}
.t2{padding-left:5px;height:24px;line-height:24px;font-size:12px;background-color:#DBEDF5;font-weight:bold; font-family:Arial}

#contact {padding-top: 10px; padding-left:20px; padding-right:20px; padding-bottom:20px;}
#contact p {line-height:22px;padding-top: 10px; padding-bottom:20px;}
#download {background: url(images/book_l.png) no-repeat top left; height:380px;}
#download p {line-height:22px;padding-top: 10px; padding-bottom:20px;padding-left:350px;}
#footer {font-size: 12px;clear: both;background: #dfdfdf url(/images/foot_bg.png) left bottom repeat-x;border: #bbb solid;border-width: 1px 1px 0px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;text-align: right;height: 32px;position: relative;}
#footer {padding-top: 25px;padding-right: 18px;padding-bottom: 5px;}

#footer img.logo-footer {position: absolute;left: 10px;top: 10px;}
#footer li {display: inline;}

#info_bottom, #footer_links {margin-right: 18px;margin-bottom: 0.2em;}

#index_download {line-height:22px;float:left;padding:0.5em 0.5em 0.5em 0.5em;width:250px;}
#index_download p.detail,#index_help p.detail {padding:1.0em 1.0em 1.0em 1.0em;}
#index_help {line-height:22px;float:left;padding: 0.5em 0.5em 0.5em 0.5em;width:250px;}

#global {margin: auto;position: relative;}
#header {width: 100%;text-align: left;}
#header a {text-decoration: none;}
#header_top, #header_right, #header_left {height: 10px;}
#header_top {width: auto;background: url(images/header_left.gif) no-repeat left bottom;color: #938f8a;font-size: 12px;overflow: hidden;position: relative; z-index: 2;}
#header_left {float: left;margin: 0 0 0 10px;position: absolute; /* IE */}
#header_right {margin-left: 10px;width: auto;background: url(images/header_right.gif) no-repeat right bottom;color: #d09c37; text-align: right;}
#header_right ul {float: right;padding: 6px 0.5em 0 0;}
#header_right li {border-right: 1px solid #dc9d00;margin: 0 0 0 7px;display: list-item;float: left;}
#header_right li.noborder {border-right: 0;}
#header_right li.subscribe {border: none;}
#header_right a {color: #dc9d00;padding-right: 7px;text-decoration: none;}
#header_right a:hover {color: #ffc600;}
#header_right a strong {color: #fff;}
#header_right .active a {color: #fff;}
#header_right select {background: #242424;color:#fff;font-size: 12px;border: 1px solid #aca289;}
#help p{padding: 0.5em;position: relative; margin-top:5; margin-bottom:10; line-height:20px;}
#help a {text-decoration: none;}
#help a:hover {color:#000000; text-decoration: underline; }

#info_bottom{margin-right: 8px;	margin-bottom: 0.2em;font-size: 12px;color: #0063dc;}
#info_bottom a{color: #0063dc;font-weight: bold;}


#logo{width: 230px;height: 48px;z-index: 21;margin-left: 15px;}
#logo span {display: none;}
#logo_left {float: left;margin: 0 0 0 10px;position: absolute; /* IE */}
#logo_right {width: auto;text-align: right;}
#lua{margin-top:20px;margin-bottom:2px;}
#menu { clear: both;text-align:center;z-index: 1;position: relative;color: #e9e5db;text-align: center;background:transparent url(images/menu_right.png) no-repeat scroll right top;padding-right: 10px;}
#menu ul {list-style-type:none;background:transparent url(images/menu_left.png) no-repeat scroll left top;height:22px;margin:0 auto;padding-top:12px;text-align:center;}
#menu ul li {display:inline;margin:0 8px;position:relative;z-index:30;}
#menu ul li a {display:inline;text-decoration:none;font-size:12px;}
* html #menu li.active {padding:0px 1px 8px 3px;}
*:first-child + html #menu li.active {padding:0px 0px 8px 4px;}
* html #menu li.active a {padding:5px 7px 8px 4px;}
#menu li.active {padding:5px 0px 8px 4px;}
#menu li.active a {padding:5px 7px 8px 3px;}
#menu ul li a {color: #e9e5db;font-weight:bold;}
#menu ul li a:hover {color: #fff;}
#menu ul li.active {background:transparent url(images/menu-onl.gif) no-repeat scroll left top;}
#menu ul li.active a {background:transparent url(images/menu-onr.gif) no-repeat scroll right top;color: #000 !important;}

#news {float:left;background-color:#ffffff;padding: 0.5em 0.5em 0.5em 0.5em;width:250px;}
#news lu{list-style-type:none;line-height:26px;padding-top:12px; margin-left:auto; margin-right:auto;}
#news li{position:relative;line-height:18px; list-style-type:none; color:#008000;font-size: 10px; padding-top:3px; padding-bottom:3px}
#news li a{color: #506273;text-decoration: none;font-size: 12px;}
#news li a:hover {color:#000000; text-decoration: underline !important;font-size: 12px; }

#newsdetail {}
#newsdetail ul {padding:10px;}
#newsdetail li {border:1px solid #808080; padding:10px; list-style-type:none;margin:10px;}
#newsdetail p.text {line-height: 23px; margin-left: 15px}

#product {line-height: 20px;}
#product p {margin-bottom:20px;margin-top:10px;margin-left:30px;}
#product ul {padding-left:30px;padding-right:30px;}
#product li {list-style-image:url('images/feature_icon.jpg');margin:5px; background-color:#E0E0E0; }

#privacy {padding-left:30px;padding-right:30px;line-height:22px;}
#privacy p { margin-top:10px; margin-bottom:20px; text-indent:20px}

#order {margin-top:15px;margin-left:40px;line-height:20px;}

#screenshot {padding: 0.5em 0.5em 0.5em 0.5em;position: relative;}
#screenshot lu{list-style-type:none;}
#screenshot li{list-style-type:none; font-size:18pt; font-family:Arial; line-height:200%; margin-top:5; margin-bottom:3}

#submenu {clear: left;position: relative; margin-left:6px; margin-top:2px; margin-bottom:0px}
#submenu a {text-decoration: none;}
#submenu a:hover {color:#000000; text-decoration: underline !important; }

#update {float:right;width:430px;margin-left:6px;height:90px;}
#update div.left{float:left;width:100px;}
#update div.right{float:right;line-height:20px;width:330px;}
#update p {text-indent: 15px}
#update div.detail { padding-left:16px; padding-right:6px; font-color:#000000; font-size:12px; font-family:Verdana; }
#update div.buy { width:154;font-color:#033C6B;font-size:14px;font-weight:bold;line-height:32px;}
#update div.compare {border-top:1px dotted #666666; background-position: left center; padding-left:4px;padding-top:4px; padding-bottom:6px; background-image:url('images/compare_icon.png'); background-repeat:no-repeat}
#update div.compare a {font-weight:bold; color:#0560A6;text-decoration: none; margin-left:20px;}
#update div.compare a:hover { text-decoration: underline ;}