@charset "utf-8";
/*style-hack*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img{margin:0;padding:0;color:#454545;}
body,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,dl,dt,dd{font:normal 12px/1.8em "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
ul,ol{list-style:none;}
fieldset{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
a{blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());outline:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#1691BD;text-decoration:underline;}

a img{border:none;}
body{background:transparent url(../images/h-bg.gif) repeat-x scroll 0 0;}
em{font-style:italic;}
h2.menu3{border-bottom:2px solid #ddd;color:#666;font-size:14px;font-weight:bold;margin:4px 0 12px;padding-bottom:4px;}

/*header*/
#header{height:132px;width:960px;margin:0 auto;position:relative;overflow:hidden;}
#header .slogan{position:absolute;right:0;bottom:8px;}
#header ul li{float:left;}
#header ul li a#logo{text-decoration:none;padding-top:16px;display:block;width:140px;height:120px;background:transparent url(../images/logo-bg.gif) repeat-x scroll 0 -1px;text-align:center;}
#header ul li a#logo img{margin-bottom:4px;}
#header ul li a#logo h1{font-size:14px;font-weight:bold;color:#fff;font-family:Arial, Helvetica, sans-serif;}


#header ul li.menu-products a{margin-left:32px;text-indent:-9999px;display:block;width:112px;height:131px;background:transparent url(../images/products-off.gif) no-repeat scroll 0 bottom;}
#header ul li.menu-products-on a{margin-left:32px;text-indent:-9999px;display:block;width:112px;height:131px;background:transparent url(../images/products-on.gif) no-repeat scroll 17px bottom;}
#header ul li.menu-products a:hover{background:transparent url(../images/products-on.gif) no-repeat scroll 17px bottom;}

#header ul li.menu-tutorials a{margin-left:12px;text-indent:-9999px;display:block;width:100px;height:131px;background:transparent url(../images/tutorials-off.gif) no-repeat scroll 0 bottom;}
#header ul li.menu-tutorials-on a{margin-left:12px;text-indent:-9999px;display:block;width:100px;height:131px;background:transparent url(../images/tutorials-on.gif) no-repeat scroll -12px bottom;}
#header ul li.menu-tutorials a:hover{background:transparent url(../images/tutorials-on.gif) no-repeat scroll -12px bottom;}

#header ul li.menu-support a{text-indent:-9999px;display:block;width:100px;height:131px;background:transparent url(../images/support-off.gif) no-repeat scroll 12px bottom;}
#header ul li.menu-support-on a{text-indent:-9999px;display:block;width:100px;height:131px;background:transparent url(../images/support-on.gif) no-repeat scroll 2px bottom;}
#header ul li.menu-support a:hover{background:transparent url(../images/support-on.gif) no-repeat scroll 2px bottom;}

#header ul li.menu-about a{text-indent:-9999px;display:block;width:100px;height:131px;background:transparent url(../images/about-off.gif) no-repeat scroll 0 bottom;}
#header ul li.menu-about-on a{text-indent:-9999px;display:block;width:100px;height:131px;background:transparent url(../images/about-on.gif) no-repeat scroll 16px bottom;}
#header ul li.menu-about a:hover{background:transparent url(../images/about-on.gif) no-repeat scroll 16px bottom;}

/*main*/
#main{overflow:hidden;width:960px;margin:12px auto;}
#navigation{height:1%;background:transparent url(../images/navigation.gif) no-repeat scroll 4px 11px;clear:both;padding:4px 0px 4px 20px;color:#444;overflow:hidden;font-size:11px;font-size:11px;}
#navigation a:link{font-size:11px;color:#444;text-decoration:none;}
#navigation a:visited{font-size:11px;color:#444;text-decoration:none;}
#navigation a:hover{font-size:11px;color:#000;text-decoration:underline;}
#navigation h2{font-size:11px;color:#444;display:inline;}


#main #content{float:left;width:730px; overflow:hidden;}
#content .intro{margin:12px 0;overflow:hidden;height:100%;}
#content .intro h1{font-size:24px;color:#07C;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#content .intro1{width:472px;float:right;}
#content .intro img{float:left;}

#content .features{border:1px solid #DCDCDC;overflow:hidden;padding:12px 16px;}

#content .article{ overflow:hidden; height:100%l}
#content .article h1{border-bottom:2px solid #DDDDDD;color:#333;font-size:16px;font-weight:bold;margin:4px 0 12px;padding-bottom:4px;}
#content .article h2,#content .article h3{color:#333;font-size:14px;font-weight:bold;}
#content .article p{margin:4px 0 6px 2px;color:#555; font-size:13px;}
#content .article a{color:#08c; font-size:13px;}
#content .article  ul{ overflow:hidden; margin:4px 0 0 8px;}
#content .article  ul li{ background:transparent url(../images/icon2.gif) no-repeat scroll 0 8px;padding-left:10px;}


.features dl{overflow:hidden;margin:8px 0 16px 4px;}
.features dl dt{margin-bottom:12px;background:transparent url(../images/icon1.gif) no-repeat scroll 0 -1px;font-size:14px;color:#024B82;font-weight:bold;padding-left:32px;}
.features dl dd{}

#support{padding:12px 0;overflow:hidden;}
#support .support1{float:left;width:286px;margin-top:24px;}

#support .support2{float:right;width:640px;border-left:1px solid #ccc; padding-left:24px;}
#support .support2 dl{overflow:hidden;margin-bottom:16px;}
#support .support2 dl dt{padding-bottom:6px;color:#0077CC;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;margin-bottom:4px;padding-left:48px;border-bottom:1px dashed #ccc;}
#support .support2 dl dt.item1{background:transparent url(../images/item1.gif) no-repeat scroll 0 -2px;}
#support .support2 dl dt.item2{background:transparent url(../images/item2.gif) no-repeat scroll 0 -2px;}
#support .support2 dl dt.item3{background:transparent url(../images/item3.gif) no-repeat scroll 0 -2px;}
#support .support2 dl dd{padding:4px 0 6px 2px;color:#444;}
#support .support2 dl dd a{color:#08c;}

.tutorials dl{overflow:hidden;margin-bottom:16px;padding:12px;}
.tutorials dl dt{padding-bottom:6px;color:#0077CC;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;margin-bottom:6px;padding-left:58px;border-bottom:1px dashed #ccc;background:transparent url(../images/Tutorials.gif) no-repeat scroll 0 -2px;}
.tutorials dl dd{padding:4px;}
.tutorials dl dd a{background:transparent url(../images/icon2.gif) no-repeat scroll 0 3px;padding-left:16px;}

#sidebar{float:right;width:206px;}
#sidebar .sideBox{border:1px solid #DCDCDC;margin-bottom:12px;}
.sideBox h3{width:204px;height:42px;text-indent:-9999px;}
.sideBox h3.sidedown{background:transparent url(../images/download.gif) no-repeat scroll 0 -2px;margin-bottom:10px;}
.sideBox h3.sidesupport{background:transparent url(../images/support.gif) no-repeat scroll 0 -2px;}
.sideBox h3.sidereference{background:transparent url(../images/reference.gif) no-repeat scroll 0 -2px;}
.sideBox h3.related{background:transparent url(../images/related.gif) no-repeat scroll 0 -2px;}
.sideBox ul{padding:8px;}
.sideBox ul li{background:transparent url(../images/icon2.gif) no-repeat scroll 8px 8px;border-bottom:1px dashed #ccc;margin:2px 0;padding-bottom:4px;padding-left:24px;}
.sideBox ul li.end{border:none;}

.sideBox p.s1{padding:2px 12px;}
.sideBox p.s1 span{text-align:right;float:right;font-size:11px;color:#666;}
.sideBox p.s1 a{background:transparent url(../images/icon3.gif) no-repeat scroll 0 4px;font-size:11px;color:#09c;padding-left:10px;}
.sideBox p.s2{text-align:center;margin:10px 0;}
.sideBox p.s3{text-align:center;}
.sideBox p.s4{margin:8px;padding:4px 0 6px 14px;}
.sideBox p.s4 strong{font-weight:bolder;font-style:italic;font-size:22px;font-family:Arial, Helvetica, sans-serif;color:#777;}
.sideBox p.s4 .price1{text-decoration:line-through;padding-right:16px;}
.sideBox p.s4 .price2{color:#000;font-size:28px;}
.sideBox p.s4 strong span{font-size:18px;}

/*faqs.html*/
.product-faq{padding:8px 2px;}
.product-faq li{background:transparent url(../images/doc.gif) no-repeat scroll 0 3px;padding-left:2px;}
.product-faq hs{font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.product-faq .faq-answer{background:#fff none repeat scroll 0 0;border:1px solid #e5e5e5;margin:4px 0 12px;padding:8px 14px;}
.product-faq h4 a{color:#555;font-size:14px;cursor:pointer;padding-left:22px;font-weight:bold;}
.product-faq .faq-answer p{color:#555;line-height:2em;margin-bottom:6px;}
.product-faq .faq-answer p span{color:#f30;}
.product-faq .faq-answer p a{text-decoration:underline;}

/*reference.html*/

.tData{}
.tData table{margin-bottom:20px;width:660px;}
.tData table tr th{border:1px solid #E5E5E5;padding:6px 12px;font-weight:bold;text-align:left;font-size:12px;color:#62696E;background-color:#f9f9f9;}
.tData table tr td{border:1px solid #E5E5E5;padding:6px 12px;text-align:left;line-height:2em;font-size:11px;color:#444;}
.tData table tr td.rRight{background-color:#fff;}
.tData table tr td.rRight strong{color:#5691BD;font-weight:normal;}

ul.systemR{}
ul.systemR li{color:#555;line-height:24px;padding-left:8px;font-size:12px;}


/*comments.html*/
.comments{}
.comments ul{}
.comments ul li{overflow:hidden;height:100%;margin-bottom:16px;}
.comments ul li .contents{float:right;width:696px;}
.comments ul li .cmain{background:#F7F7F7 url(../images/quote1.gif) no-repeat scroll 13px 10px;font-size:13px;height:100%;line-height:1.8em;overflow:hidden;padding:6px 34px;}
.comments ul li .cdate{color:#999;text-align:right;padding:0 38px 8px 0;background:#F7F7F7 url(../images/quote2.gif) no-repeat scroll 97% 4px;}


/*products.html*/
.prods{overflow:hidden;margin-top:12px;height:100%;}
.prodA{width:45%;float:left;border:1px solid #ccc;padding:12px 20px;}
.prodB{width:45%;float:right;border:1px solid #ccc;padding:12px 20px;}
.prodA p.img,.prodB p.img{text-align:center;}
.prodA h3 a,.prodB h3 a{font-weight:bold;font-size:16px;margin-bottom:12px;}
.prodA a,.prodB a{text-decoration:underline;}

/*buy.html*/
.tl{float:left;margin:20px;}
.tr{float:right;width:540px;}
.tr h3{color:#CC3300;font-size:14px;margin:4px 0;}
.tr li{background:transparent url(../images/icon2.gif) no-repeat scroll 0px 8px;padding-left:16px;line-height:24px;}
.purchaseBox{padding:8px;clear:both;margin:16px auto;overflow:hidden;}
.purchaseBox ul{}
.purchaseBox ul li{border:1px solid #ddd;background-color:#fff;display:block;height:50px;margin-bottom:12px;overflow:hidden;width:684px;}
.purchaseBox ul li .ver{font-weight:bold;color:#666;display:block;float:left;font-size:13px;line-height:50px;padding-left:16px;width:300px;}
.purchaseBox ul li .price{color:#FF3300;display:block;float:left;font-size:14px;font-weight:bold;line-height:50px;}
.purchaseBox ul li a{background:transparent url(../images/btn-bg.gif) no-repeat scroll 0 0;color:#fff;display:block;float:right;
font-size:13px;height:29px;line-height:28px;margin:12px 18px 0 0;text-align:center;text-decoration:none;width:97px;}
.purchaseBox p.other{color:#444;margin:10px 0 10px 8px;}




/*footer*/
#footer{background:transparent url(../images/footerbg.gif) repeat-x scroll 0 0;height:100%;overflow:hidden;}
.screenshots{margin:0 auto;width:960px;height:330px;}
.screenshots h3{background:transparent url(../images/screenshots.gif) no-repeat scroll 0 0;padding-left:50px;font-size:22px;font-weight:bold;height:36px;line-height:40px;display:block;margin-top:4px;font-family:Arial, Helvetica, sans-serif;color:#333;}
.screenshots ul{margin-top:24px;clear:both;}
.screenshots ul li{display:inline;padding-right:12px;}

.footLink{border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:8px 0;padding:6px 4px;text-align:center;}
.footLink a{text-decoration:underline;font-size:11px;}
.footLink span{color:#bbb;margin:0 8px;}

.copyright{font-size:11px;margin:8px auto;width:960px;text-align:center;color:#999;}
.copyright a{color:#777;font-size:11px;}




p.tips,  p.note{ color:#999; background:none repeat scroll 0 0 #fefefe; border:1px solid #ddd; padding:8px 12px; -webkit-border-radius:4px; -moz-border-radius:4px;}
p.tips a, p.note a { color:#08c; border:none; font-size:11px;}
p.tips strong,p.note strong { font-size:11px;}
p.tips a,p.note a { font-size:11px;}
#article .focus p.tips { font-size:11px;}
#article .focus p.tips span { font-weight:bold; padding-right:4px;}