@charset "utf-8";
/* CSS Document */

body {background:#196676; color:#333; font:11px/160% Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;}

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;}
ul,ol,li,dl,dt,dd {list-style:none;}
fieldset,img{border:0;}
select,input,option {font:11px/14px Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;}

a,a:link {color:#3f95a1; text-decoration:none;}
a:visited{color:#3f95a1; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}


/*==== Share ====*/
.clear {clear:both;}
.fleft {float:left;}
.fright {float:right}
.lineTop {border-top:solid 1px #dcdcdc;}
.lineBottom {border-bottom:solid 1px #dcdcdc;}

.Crumb {background:url(images/ico_CrumbHome.gif) no-repeat 15px 3px; padding-left:30px; padding-bottom:30px; margin:0 auto; color:#777; width:930px; }
.Crumb h1 { font-size:11px; font-weight:normal;display:inline;}
.Crumb a {color:#333;}
.Crumb a:visited {_color:#333;}

/*page*/
.page {padding:5px;}
.page a {color:#2b919f;}
.page span,.page a {float:right; display:block; width:16px; height:16px; line-height:16px; text-align:center; margin:2px;}
.page span,.page a:hover {background-color:#2b919f; color:#fff; font-weight:bold; text-decoration:none;}

/*btn style*/
.btnMore { text-align:right;}
.btnMore a {background:url(images/ico_03.png) no-repeat right center; padding-right:15px;color:#e76300; font-weight:bold;}
.btnMore a:visited {_color:#e76300;}

.btnPro {}
.btnPro a {background:url(images/btnDownBuy.png) no-repeat; display:block; height:25px; text-indent:-999px; overflow:hidden; width:95px; margin:0 5px;}
.btnPro a.btnDow {background-position:left top;}
.btnPro a.btnDow:hover {background-position:left -25px;}
.btnPro a.btnBuy {background-position:-95px top;}
.btnPro a.btnBuy:hover {background-position:-95px -25px;}

.btnPro .button-purchase {display:block; background: url(images/ico_purchase.png) no-repeat; padding-left:25px; padding-bottom:5px; width:108px; height:40px;text-indent:-999px; overflow:hidden;}

.btnPro2 {height:20px;}
.btnPro2 a {display:block; float:left; font-weight:bold; margin:0 10px;}
.btnPro2 a.btnMore {background:url(images/ico_more.png) no-repeat left center; padding-left:25px;}
.btnPro2 a.btnDown {background:url(images/ico_down.png) no-repeat left center; padding-left:25px;}
.btnPro2 a.btnDown span { font-weight:normal;}
.btnPro2 a.btnBuy {background:url(images/ico_buy.png) no-repeat left center; padding-left:25px; color:#e76300;}

/*= container style =*/
.containerBox {padding-top:10px;}
.containerBox .boxTop { background:url(images/boxTop.png) no-repeat;}
.containerBox .boxTop .boxTitle {height:30px; margin:0 30px;}
.containerBox .boxCenter { background:url(images/boxCenter.png) repeat-y; height:100%;}
.containerBox .boxCenter .boxMain { padding:30px 30px 0 30px;}
.containerBox .boxBottom {background:url(images/boxBottom.png) no-repeat; height:25px;}

/*= mainLeft style (resoureces)=*/
.mainBox {}
.mainBox .mainBoxTop {background:url(images/mainLeftTop.png) no-repeat; padding:5px 20px; height:35px; line-height:35px; font-weight:bold;}
.mainBox .mainBoxCenter {background:url(images/mainLeftCenter.png) repeat-y; padding:5px 20px;}
.mainBox .mainBoxBottom { background:url(images/mainleftBottom.png) no-repeat; padding:10px 20px; height:35px;}

.mainBox2 {}
.mainBox2 .mainBoxTop {background:url(images/mainBoxTop.png) no-repeat; height:30px; padding-left:30px;}
.mainBox2 .mainBoxTop span {display:block; height:30px;}
.mainBox2 .mainBoxCenter {border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; background-color:#fff; padding:20px 40px; height:100%;}
.mainBox2 .mainBoxBottom { background:url(images/mainBoxBottom.png) no-repeat; height:10px; line-height:0; font-size:0;}

/*= sidbar style=*/
.sidbarBox {}
.sidbarBox .sidbarColumn {padding:5px 20px; height:40px; line-height:40px; font-weight:bold; font-size:12px;}
.columnBg {background:url(images/sidbarTop.png) no-repeat;}
.columnBg2 {background:url(images/sidbarTop2.png) no-repeat;}
.sidbarBox .sidbarMain {background:url(images/sidbarBottom.png) no-repeat left bottom; padding:10px 20px 40px 20px;}
.sidbarList li {border-bottom:solid 1px #e5e5e5;}
.sidbarList li a {background:url(images/ico_05.gif) no-repeat 200px center; display:block; padding:5px; color:#707070;}
.sidbarList li a:hover {background-color:#ededed; text-decoration:none;}

.sidPro .proName {font-size:12px; font-weight:bold; padding:5px 0;}
.sidPro .proImg {width:90px;}
.sidPro .proInfo {padding:5px 5px 20px 100px;}
.sidPro .btnPro2 {padding-bottom:20px;}

.sidTags a {padding-right:10px; line-height:22px;}


/*==== Frame ====*/
body#home #container {background:url(images/Bg.gif) repeat-x #fff;}
#container {background:url(images/Bg.gif) repeat-x #eee;}
#header,#main {width:960px; margin:0 auto;}
#header {padding-top:20px; height:105px;}
#main {padding-bottom:10px;}
#mainLeft {float:left; width:710px;}
#mainRight {float:right; width:250px;}
body#home #footer {background:url(images/BgIndexFooter.gif) repeat-x left bottom #fff;}
#footer {background:url(images/BgFooter.gif) repeat-x left bottom #eee;padding:11px 0 0 0;}
#footer .subNav {width:960px; margin:0 auto;}
#footer .subMenu {text-align:center; background:url(images/footerBg.jpg) no-repeat center 1px; height:62px; color:#96e5ea;}

/*==== Style ====*/

/*== Header ==*/
#header .logo {_margin-right:-3px;}
#header .logo a { background:url(images/logo.png) no-repeat left bottom; display:block; width:303px; height:84px; overflow:hidden; text-indent:-999px;}
#header .topNav {}
#header .topNav dt {padding:1px 15px;}
#header .topNav dt a {background:url(images/ico_01.gif) no-repeat left 3px; padding:0 0 0 15px; color:#707070;}

#header .nav {background:url(images/menu.png) no-repeat top right; height:39px; margin-left:30px; margin-top:35px; *margin-top:55px !important; padding-top:6px; padding-left:310px; *padding-left:40px !important; _padding-left:40px;}
#header .nav ul {display:block; background:url(images/menu.png) no-repeat left -45px; height:35px; width:604px;}
#header .nav ul li {float:left;}
#header .nav ul li a {display:block; overflow:hidden; text-indent:-999px;line-height:35px;}
#header .nav ul li.Home a {width:93px;}
#header .nav ul li.Home a:hover {background:url(images/menu.png) no-repeat left -80px;}
#header .nav ul li.ProDown a {width:175px;}
#header .nav ul li.ProDown a:hover {background:url(images/menu.png) no-repeat -93px -80px;}
#header .nav ul li.Purchase a {width:109px;}
#header .nav ul li.Purchase a:hover {background:url(images/menu.png) no-repeat -268px -80px;}
#header .nav ul li.Support a {width:98px;}
#header .nav ul li.Support a:hover {background:url(images/menu.png) no-repeat -377px -80px;}
#header .nav ul li.Resources a {width:110px;}
#header .nav ul li.Resources a:hover {background:url(images/menu.png) no-repeat -475px -80px;}

#home .Home a {background:url(images/menu.png) no-repeat left -80px;}
#proDown .ProDown a {background:url(images/menu.png) no-repeat -93px -80px;}
#purchase .Purchase a {background:url(images/menu.png) no-repeat -268px -80px;}
#support .Support a {background:url(images/menu.png) no-repeat -377px -80px;}
#resources .Resources a {background:url(images/menu.png) no-repeat -475px -80px;}

/*======Main=======*/
#resources .Crumb,#support .Crumb,.about .Crumb,.contact .Crumb,.links .Crumb,.sitemap .Crumb {padding-bottom:10px;}

/*index*/
.indexProImg {float:left;}
.indexProImg img {margin-bottom:5px;}
.indexProImg b {font-size:12px;}

.indexProInfo {padding:20px 0 0 430px;}
.indexProInfo .proName { height:68px;}
.indexProInfo .proName a,.indexProInfo .proName .proTitle b {font-size:30px;line-height:30px; }
.indexProInfo .proName b {font-size:20px; line-height:22px;color:#177083; font-family:Arial;}
.indexProInfo .proName .proTitle {font-weight:bold;}
.indexProInfo .proName a,.indexProInfo .proName .proTitle b {float:left; color:#000;font-family:Arial;}
.indexProInfo .proName a:hover {text-decoration:none; color:#177083;}
.indexProInfo .proName p {margin:9px 0 0 5px;float:left; background:url(images/BgVersion.gif) no-repeat left top; height:17px; padding-left:9px;}
.indexProInfo .proName p span {background-color:#d7d7d7; line-height:17px; float:left; padding-right:5px; font-size:11px;}
.indexProInfo .proInfo {height:85px;}
.indexProInfo .btnMore {margin:0 10px; height:18px;}
.indexProFunction {background:url(images/indexProInfo.jpg) no-repeat; width:500px; height:160px; padding:30px 0 0 20px;}
.indexProFunction li {float:left; width:220px; height:50px; padding:10px; line-height:14px;  color:#777;}
.indexProFunction li img {float:left; margin:5px 15px 20px 0;}
.indexProInfo .btnPro {padding:10px 10px 0 0;}
.indexProInfo .btnPro p { float:right; padding:0 10px; line-height:25px; font-size:12px;}
.indexProInfo .btnPro p span { font-weight:bold;}
.indexProInfo .btnPro a {float:right;}

/*=products & download=*/
.proBox {}
.proBox .proImg {float:left; text-align:center;}
.proBox .proImg p {padding-top:5px;}
.topPro .proImg b {font-size:12px;}
.proPrice {color:#e76300; font-size:12px; font-weight:bold;}
.proBox .proInfo .proName b {color:#177083; font-family:Arial;}
.proBox .proInfo .proName .proTitle {font-weight:bold;}
.proBox .proInfo .proName a,.proBox .proInfo .proName .proTitle b {float:left; color:#000;font-family:Arial;}
.proBox .proInfo .proName a:hover {text-decoration:none; color:#177083;}
.proBox .proInfo .proName p {float:left; background:url(images/BgVersion.gif) no-repeat left top; height:17px; padding-left:9px;}
.proBox .proInfo .proName p span {background-color:#d7d7d7; line-height:17px; float:left; padding-right:5px; font-size:11px;}

.topPro {*height:225px !important; padding-bottom:10px;}
.topPro .proImg {width:350px;}
.topPro .proInfo {padding-left:380px;}
.topPro .proInfo .proName {height:60px;}
.topPro .proInfo .proName b {font-size:20px; line-height:20px;}
.topPro .proInfo .proName a,.topPro .proInfo .proName .proTitle b {font-size:30px;line-height:30px; }
.topPro .proInfo .proName p {margin:9px 0 0 5px;}
.topPro .proInfo .btnPro {float:right; background:url(images/probBtnBox.jpg) no-repeat; width:135px; height:130px; padding:10px 10px; text-align:center;}
.topPro .proInfo .btnPro p {padding-top:20px; color:#1d6e7d; font-weight:bold;}
.topPro .proInfo .btnPro a {margin:10px auto;}
.topPro .proInfo .proTxt {padding:10px 175px 0 0;}
.topPro .proInfo .proTxt li {background:url(images/ico_04.gif) no-repeat left 11px; padding:5px 0 0 13px;}
.topPro .proInfo .btnMore {padding-right:180px;}

.proList {padding-top:10px;}
.proList .proBox {float:left; background:url(images/proBoxBg.jpg) no-repeat; width:440px; height:170px; padding:20px;}
.proList .proBox .proImg {width:120px;}
.proList .proBox .proInfo {height:155px; margin-left:120px; padding-right:5px;}
.proList .proBox .proInfo .proName {height:45px; padding-top:10px;}
.proList .proBox .proInfo .proName b {font-size:12px; line-height:12px; color:#333;}
.proList .proBox .proInfo .proName a {font-size:16px;line-height:18px; }
.proList .proBox .proInfo .proName .proTitle span { font-weight:normal; padding-left:5px; font-size:10px;line-height:20px;}
.proList .proBox .btnPro2 {padding-left:20px;}

/*=products & download View=*/
.keyFeatures {}
.keyFeatures .boxTitle {background:url(images/boxTitleKey.jpg) no-repeat;}
.keyFeatures dl {float:left; width:280px; padding:0 10px;}
.keyFeatures dl dt { border-left:solid 3px #2b919e; font-size:12px; line-height:12px; font-weight:bold; padding-left:5px; margin-bottom:10px;}
.keyFeatures dl dd {padding:0 10px -5px 3px;}
.keyFeatures dl dd img {float:left; margin:0 5px 0 0;}
.keyFeatures .adwords {padding-top:10px;}
.keyFeatures .adwords .adwordsName {color:#178098; background:url(images/lineDot.gif) repeat-x left 10px; margin:5px 0;}
.keyFeatures .adwords .adwordsName span {font-weight:bold; font-size:14px; background-color:#fff; padding:0 10px;}

/*=Purchase  buy=*/
.buy {}
.buy .boxTitle {background:url(images/boxTitlePur.jpg) no-repeat;}
.buy .boxMain p {padding-bottom:10px;}
.buy .boxMain table {margin-top:10px;}
.buy .boxMain .btnPro {text-align:center; background-color:#f8f8f8; padding:5px 0;}
.buy .boxMain .btnPro a {margin:0 auto;}
.buy .boxMain b {font-size:12px;}
.buy .orderColumn {background:url(images/lineDot.gif) repeat-x left 45px;}
.buy .orderColumn b {background-color:#fff; display:block; float:left; margin-top:35px; padding-right:10px;}
.buy .orderColumn p {display:block; float:right; background:url(images/viaBank.jpg) no-repeat; padding-left:20px; width:380px; height:50px;}
.buy .orderColumn p span {width:170px; padding-top:30px; padding-right:20px; display:block; float:left; text-align:center;}

.buy .orderColumn2 {background:url(images/lineDot.gif) repeat-x left 45px;}
.buy .orderColumn2 b {background-color:#fff; display:block; float:left; margin-top:35px; padding-right:10px;}
.buy .orderColumn2 p {display:block; float:right; background:url(images/viaBank.jpg) no-repeat; padding-left:20px; width:190px; height:50px;}
.buy .orderColumn2 p span {width:170px; padding-top:30px; padding-right:20px; display:block; float:left; text-align:center;}

/*=Purchase=*/
.purCrumb {padding-bottom:5px;}
.banner {width:960px; padding:0 10px; margin:0 auto; background:url(images/boxMaintop.gif) no-repeat left bottom;}

.purMain {padding:10px; background:url(images/boxMainBg.gif) repeat-y; height:100%;}
.purPro {margin-left:20px; margin-right:20px; padding:10px 0 30px 0;}
.Purline {margin-bottom:20px; border-bottom:solid 1px #ddd;}
.purPro .proImg {width:140px;}
.purPro .proInfo {padding:20px 180px 10px 160px;}
.purPro .proInfo .proName {font-size:18px; font-weight:bold; height:25px;}
.purPro .proInfo .proName span {font-size:11px; color:#777; padding:0 10px;}
.purPro .proInfo p {padding-bottom:10px;}
.purPro .proInfo p.supported { color:#7e7e7e; font-size:10px;}
.purPro .btnPro {float:right; padding:20px 40px; text-align:center;}
.purPro .btnPro .proPrice {padding:10px 0;}

.purMainBottom {background:url(images/boxMainBottom.gif) no-repeat; height:45px; width:980px; margin:0 auto;}

/*= resources =*/
.resourcesMain {}
.resourcesMain table td {padding:5px;}
.resourcesMain .bgColor td { background-color:#f8f8f8;}

.sidbarSupport {}

/*= Support =*/

.supBox {float:left; width:450px; height:300px; padding:20px 20px 0 10px; line-height:150%;}
.boxBg { background:url(images/supBox.png) no-repeat;}
.boxBg2 { background:url(images/supBox2.png) no-repeat;}
.supBox dt {float:left; width:120px;}
.supBox dd {padding:0 0 0 120px;}
.supBox dd p {padding:10px 0;}
.supBox .supName {color:#257c8a; font-weight:bold; font-size:18px;}
.supBox .btnMore {text-align:left;}

.supQuick {padding:5px;}
.supQuick .Title {background:url(images/lineDot.gif) repeat-x left 18px; font-size:14px; height:20px; padding-top:10px; line-height:16px; color:#257c8a; font-weight:bold;}
.supQuick .Title span { background-color:#eee; display:block; padding-right:5px; float:left;}
.supQuick dl dt {padding:20px 0;}


/*= About us =*/
.about .mainBoxTop span { background:url(images/boxTitleAbout.jpg) no-repeat; width:130px;}
.aboutBox {background:url(../images/AboutImgTCL.png) no-repeat left bottom; padding:10px 80px 80px 40px;}
.aboutBox p {padding-bottom:20px;}

/*affiliate*/
.affiliate .mainBoxTop span {background:url(images/boxTitleAffiliate.jpg) no-repeat; width:130px;}

.mainTxt p {padding-bottom:20px;}

/*links*/
.links .mainBoxTop span {background:url(images/boxTitleLinks.jpg) no-repeat; width:130px;}

/*sitemap*/
.sitemap .mainBoxTop span {background:url(images/boxTitleSitemap.jpg) no-repeat; width:130px;}
.sitemap dl {padding:0 10px;}
.sitemap dl dt { padding:10px; background:url(images/ico_04.gif) no-repeat left center;}
.sitemap dl a {padding:0 10px;}
.sitemap dl dt a {color:#000; font-size:12px; font-weight:bold;}
.sitemap dl dd { padding:0 10px;}
.sitemap dl dd a {color:#000;}

/*Article*/
.article .mainTxt {padding-right:40px;}


/*contact*/
.contact .mainBoxTop span {background:url(images/boxTitleContact.jpg) no-repeat; width:160px;}
.contactBox {background:url(../images/contactImg.png) no-repeat left bottom; padding:10px 80px 80px 40px;}
.contactBox p {padding-bottom:20px;}

/*== Footer ==*/
#footer .subNav {}
#footer .subNav .subNavTop { background:url(images/footerNavTop.png) no-repeat left top; height:20px;}
#footer .subNav .subNavBox {padding:0 5px 20px 5px; background-color:#f0f0f0; border-left:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4;}
	#footer .subNav .subNavBox dl {float:left; width:190px; min-height:100px; _height:100px; padding:0 15px 0 10px; margin:0 10px; }
	#footer .subNav .subNavBox dl.line { background:url(images/footNavLine.gif) no-repeat right top;}
	#footer .subNav .subNavBox dl dt {background:url(images/ico_02.png) no-repeat left 6px; padding:0 0 5px 12px; color:#248795; font-size:13px; font-weight:bold;}
	#footer .subNav .subNavBox dl dd {padding-left:13px; color:#777;}
	#footer .subNav .subNavBox dl dd a {color:#333;}
#footer .subNav .subNavBottom { background:url(images/footerNavBottom.gif) no-repeat left bottom; height:10px; font-size:0; line-height:0;}

.text { width:960px; margin:0 auto; text-align:center; color:#3f95a1; padding-bottom:10px;}
.text a{ padding:0 7px; line-height:10px; font-size:9px;}
#footer .subMenu a {color:#96e5ea; text-decoration:none; padding:0 10px; line-height:30px;}
#footer .subMenu a:hover { text-decoration:underline;}

/* Zhaojk add css  == 20090727 ==*/
.mainTop-img, .mainBottom-img{width:710px;height:22px;}
.mainTop-img{background:url(images/mainTop_img.png) left top no-repeat;}
.mainMiddle-img{width:670px;padding:0 20px;background:url(images/mainMiddle_img.png) left top repeat-y;}
.mainBottom-img{background:url(images/mainBottom_img.png) left top no-repeat;}
.mainMiddle-img iframe .fullcontent .cont{border:0;}

.mainBg-top,.mainBg-bottom{width:970px;height:22px;}
.mainBg-top{background:url(images/mainbg_top.png) left top no-repeat;}
.mainBg-middle{width:920px;padding:0 25px;background:url(images/mainBg_middle.png) left top repeat-y;}
.mainBg-bottom{background:url(images/mainbg_bottom.png) left top no-repeat;}

#cse-search-results{margin-left:10px;}
#cse-search-results iframe{width:100%;}