@charset "utf-8";
/* landing | 20091223 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del {color:#930;text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/* Common styles */
body {font-family: Arial,Helvetica,Garuda,sans-serif;font-size:76%; color:#303237;line-height:24px; text-align: center; background-color: #f2f1f1;}
a {color:#36c;}
a:hover {text-decoration: underline;color: #f30;}
div {position:relative;}
ul li, ol li {list-style-type: none;}
dl dt { margin-top: 15px; font-weight:bold;}
dl dd { margin-left:25px;}
hr {background-color:#EAECF0;border:none; +border:1px dashed #EAECF0;font-size:1px;height:1px;line-height:1px;margin:0 -15px;padding:0;}
p {padding:5px 0;}
.FontSmall { font-size: 90%;}
h1 {font-size:24px;font-weight:bolder;padding:10px 15px; color: #7386ae;}
h2 {font-size:16px;padding:5px 0; clear:both;}
h3 {font-size:14px;padding:5px 0; clear:both;}
h4 {font-size:13px;padding:5px 0;}

/* layout styles */
.Main, #Logo, #Banner, .Content, #TabItemTitle, .Jump, #Bottom { width: 825px; margin: 0 auto; text-align: left; overflow: hidden; zoom:1;}
#Logo { padding:25px 0 5px; text-align: left; height: 60px;}
#Banner { width: 825px; height:264px; padding: 7px 0 0; background: url('../images/banner-bg.gif') no-repeat center center; text-align:center;}
.DownloadFreeBt {}
.BuyMain { background-color: #edf0f7; margin: 10px 20px; padding: 20px; text-align:center; clear:both;}
.BuyMain p.Button, .BuyMain p.ButtonBig { padding: 0; margin: 0; width: 310px; height: 38px; line-height:38px; vertical-align: middle; overflow: hidden; text-align: left; margin-left: 8px; +margin-left: 0;}
.BuyMain p.ButtonBig { margin-left: 70px; +margin-left: 0;}
.BuyBt, .DownloadFreeBt { display: block; padding-left: 40px; width: 270px; height: 38px; color: #fff; text-decoration: none; background: url('../images/buy-bt-bg.png') no-repeat 0 0;}
.DownloadFreeBt { margin-left: 72px; padding-left: 40px; width: 200px; height: 35px; text-indent: -200px; background: url('../images/download-bt-bg.png') no-repeat 0 0; overflow: hidden;}
.BuyBt:hover {color: #fff; text-decoration: none; background: url('../images/buy-bt-bg.png') no-repeat 0 -40px;}
.DownloadFreeBt:hover {color: #fff; text-decoration: none; background: url('../images/download-bt-bg.png') no-repeat 0 -39px; text-decoration: none;}
.ReadMoreBt, .DownloadBt, .ReadMoreBt22, .DownloadBt22 { width: 120px; padding-left: 25px; height: 19px; line-height: 19px; margin: 8px 0 8px 10px; text-align: left; background: url('../images/readmore-icon.png') no-repeat 0 center; float: left;}
.DownloadBt, .DownloadBt22 {background: url('../images/download-icon.png') no-repeat 0 center; float: right;}
.DownloadBt22 { margin-right: 40px; -margin-right: 20px;}
.ReadMoreBt22 { margin-left: 70px; -margin-left: 35px;}
.Button1 { width: 115px; height: 35px; line-height: 18px; float: left; clear: none; }
.Button2 { width: 115px; height: 35px; line-height: 18px; float: right; clear: none; }
.BuyBt2 {display:block;width: 105px;height: 35px;background: url('../images/buy-bt2.png') no-repeat 0 0;text-indent: -400px; overflow: hidden;}
.BuyBt2:hover { background-position: 0 -39px; text-decoration: none;}
.DownloadBt2 {display:block;width: 153px;height: 45px;background: url('../images/download-bt.gif') no-repeat 0 0;;text-indent: -100px; overflow: hidden;}
.DownloadBt2:hover { background-position: 0 -50px; text-decoration: none;}

.Content, .Jump {background: url('../images/content-bg2.gif') repeat-y center center; margin-top: 20px; -margin-top: 8px;}
.Jump {background: url('../images/jump-content-bg2.gif') repeat-y center center; margin-top: -14px;}
.Content h2, .Jump h2 { text-align: left;}
.ContentTop, .ContentBottom, .JumpTop, .JumpBottom { padding: 0; height: 7px; line-height: 7px; clear:both;}
.ContentTop {background: url('../images/content-bg1.gif') no-repeat center top;}
.ContentCenter { padding: 10px 340px 10px 20px; background: url('../images/screenshot-1.gif') no-repeat 490px 20px;}
.ContentBottom {background: url('../images/content-bg3.gif') no-repeat center bottom;}
.JumpTop {background: url('../images/jump-content-bg1.gif') no-repeat center top;}
.JumpBottom { background: url('../images/jump-content-bg3.gif') no-repeat center bottom;}

#TabItemTitle { height: 53px; position: relative; padding: 10px 0 0; margin-top: 10px; clear:both;}
#TabItemTitle ol { width: 100%; margin: 0; padding: 0;}
#TabItemTitle ol li { display: inherit;float: left;margin: 0; margin-left: 15px; padding: 0;list-style-image: none;list-style-type: none;}
#TabItemTitle ol li.TabTitle1 a, #TabItemTitle ol li.TabTitle2 a, #TabItemTitle ol li.TabTitle3 a, #TabItemTitle ol li.TabTitle4 a { display: block; width:147px; height: 25px; padding:10px 0 18px; margin:0px; text-align: center; text-indent: 0px; background: url('../images/jump-bt.gif') no-repeat left bottom; position:relative; text-decoration:none; font-weight: bold; color:#444; cursor:pointer;}
#TabItemTitle ol li.TabTitle4 a { clear:right;}
#TabItemTitle ol li.TabTitleCurrent a { color: #000; background: url('../images/jump-bt.gif') no-repeat center top;}

#TabItemContent1, #TabItemContent2, #TabItemContent3, #TabItemContent4 { clear:both; padding: 10px 30px; margin:0px;}
#TabItemContent1 ul, #TabItemContent2 ul, #TabItemContent3 ul, #TabItemContent4 ul { margin:0px; position:relative; }
#TabItemContent1 ul li, #TabItemContent2  ul li, #TabItemContent3  ul li, #TabItemContent4  ul li { margin: 0 0 0 50px; padding: 0 0 10px 35px;position:relative; background: url('../images/bullean_yes.jpg') no-repeat left 3px;}
#TabItemContent1 li { margin-left:8%;}
#TabItemContent3 img { float: left; margin: 5px 5px 20px 25px; line-height: 286px;}
#TabItemContent2, #TabItemContent3, #TabItemContent4 { display:none;}


/* table */
#ContentTable { width: 540px; padding:15px 20px; height: auto; float: left;}
#ContentTable table, #ContentTable2 table {position:relative; border: 0; border-top: 1px solid #dfe3ec; border-left: 1px solid #dfe3ec;}
#ContentTable table td, #ContentTable2 table td { border: 0; border-right: 1px solid #dfe3ec; border-bottom: 1px solid #dfe3ec; padding: 5px; text-align: center;font-size:90%;}
#ContentTable table h2, #ContentTable2 table h2 {background:none;line-height: 16px;margin: 0px;padding: 3px;}
#ContentTable table .Title, #ContentTable2 table .Title { font-weight:bold; background:url('../images/t-bg2.gif');}
#ContentTable table .GreenBG { background-color:#fefefe;}
#ContentTable table .BlueBG { background-color:#f7f8fa;}
#ContentTable table .RedBG { background-color:#fffdfc;}
#ContentTable table .Left, #ContentTable2 table .Left { text-align:left;}
#ContentTable table tr:hover, #ContentTable2 table tr:hover {background-color: #fafbfe;}


#ContentText { width: 220px; padding: 15px 20px 15px 0; height: auto; float: right;font-size:90%;}
#ContentText ul li, #ContentTable2 ul li, #ContentTable3 ul li, #ContentText ol li {padding: 5px 5px 5px 25px; margin: 0 20px; line-height: 120%; background: url('../images/dot.gif') no-repeat 2px 6px;}
#ContentText ol li {background: none;margin-left: 25px;padding-left:5px;list-style-type: lower-alpha;}
.F30 { color: #f30;}
.F60 { color: #f60;}
.F90 { color: #f90;}
.BoldF90 { color: #f90; font-weight: bold; font-size: 24px;}
.Bold03d { color: #03d; font-weight: bold; font-size: 24px;}
.Bold0f4bc3 { color: #0f4bc3; font-weight: bold; font-size: 24px;}
.Black { color: #000;}
.RedBold { color: #f30; font-weight: bold;}
.Bold { font-weight: bold;}
.Bold14px { font-size: 14px; line-height: 14px; font-weight: bold;}
.Bold18px { font-size: 18px; line-height: 18px; font-weight: bold;}
.Bold24px { font-size: 24px; line-height: 24px; font-weight: bold;}
.Bold32px { font-size: 32px; line-height: 32px; font-weight: bold;}
.Bold72px { font-size: 72px; line-height: 72px; font-weight: bold;}
.DeleteFont {color: #900;text-decoration: line-through;}
.Delete { text-decoration: line-through;}
.ClearBoth { clear:both; height:1px; line-height: 1px; padding:0 margin: 0;}

/* Align styles */
.AlignLeft { text-align: left;}
.AlignCenter { text-align: center;}
.AlignRight { text-align: right;}
/* Float styles */
.LeftFloat { float: left; margin: 10px 10px 0 0;}
.LeftFloat2 { float: left; margin: 0 20px 0 0;}
.RightFloat { float: right; margin: 0 0 0 10px;}

#Bottom { text-align: center; background-color: #fcfcfc; padding: 20px 0; margin-top: 15px;font-size:90%; border-top: 1px solid #fff;}
#Bottom p { text-align: center; line-height: 18px;}