/* CSS Document */
body{background:#BCBCBC url(../images/body.jpg) repeat-x center 4px ; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5869}
ul,li,p,h1,h2,h3,h4,h5{ margin:0; padding:0; list-style:none}
a img{ border:0}
a{ text-decoration:none; color:#5B5869}
/*head*/
#top,#nav,#main,.main{ margin:0 auto; width:956px}
#top{ background:url(../images/topM.jpg) repeat-x; margin-top:8px; height:120px}
.topL,.topR{ float:left; width:9px; height:120px}
.topL{ background:url(../images/topL.jpg) no-repeat;}
.topM{ padding:5px 30px 0 0; width:908px; float:left}
	.crumb{ float:right; background:url(../images/crumb.jpg) no-repeat; width:137px; height:21px; font-style:italic; font-size:10px;color:#E7E7E7 }
	.crumb a{color:white; line-height:20px; padding:0 3px}
	.crumb a:hover{ color:red}
	.topDetail{ clear:both; padding-top:18px}
		/*search*/
		.topList,.topList a{color:#E7E7E7; font-size:11px; font-style:italic}
		.topList{ margin-left:80x; float:left; }
		.topList a{ padding:0 5px; line-height:155%}
		.topList a:hover{ border-bottom:1px solid #BB8D84}
		#softSearch{ background:url(../images/search.jpg) no-repeat; padding:5px 3px 0 20px;width:283px; height:22px; float:right}
		#searchInput{ border:0; background:none; padding-top:3px; text-align:center; float:left}
        .searchtext{ border:0; background:none; padding-top:3px; text-align:center; float:left}
		#cse-search-results iframe{ width:730px;}
		#search{ background:url(../images/go.jpg) no-repeat; width:38px; height:20px; float:right; border:none; cursor:hand}
.topR{ background:url(../images/topR.jpg) no-repeat;}
#nav{background:url(../images/navM.jpg) repeat-x; clear:both; height:36px}
.navL,.navR{ float:left; width:9px; height:36px}
.navL{ clear:both;background:url(../images/navL.jpg) no-repeat;}
#navM{float:left;width:938px;  padding-top:3px; position:relative;}
	/*nav*/
	#navM li{ float:left; width:74px; height:19px; margin-right:10px; line-height:18px;text-align:center; font-weight:bold}
	#navM li:hover{ background:url(../images/nav-hover.jpg) no-repeat;}
	#navM li:hover a{color:white}
	.navTop{ padding-left:204px}
	.navTop2{ background:url(../images/nav-pur.jpg) no-repeat;}
	#navM #navOn{ background:url(../images/nav-pur.jpg) no-repeat; background-position:right;}
	#navM #navOn2{background:url(../images/nav-pur.jpg) no-repeat;}
	.displaynone {display: none;}
	#down{ float:none; background-color:#A3A695; width:120px; height:140px; padding-left:20px; padding-top:10px; font-weight:100; line-height:20px}
	#down li{ font-weight:bold;}
	#down li a:hover{ color:red}
	/*.downBg1{ float:none; background:url(../images/nav-sub-top.gif) no-repeat;width:139px; padding-top:0; margin-top:19px}
	#down li{float:none; background:url(../images/nav-sub-li.jpg) repeat-y; height:16px;width:139px; line-height:16px; text-align:left; }
	#down li a{color:black; background:url(../images/sub-nav-a.gif) no-repeat left center; padding-left:12px; font-size:11px; margin-left:5px}
	/*#navM li ul.sub{display:none;position: absolute; float:none;background:url(../images/nav-sub-top.gif) no-repeat;width:139px; padding-top:24px; margin-top:19px }
	#navM li:hover ul.sub{position: absolute; z-index:1; white-space:nowrap; display:block;line-height:100%}
	#navM li ul.sub li{float:none; background:url(../images/nav-sub-li.jpg) repeat-y; height:16px;width:139px; line-height:16px; text-align:left; }
	#navM li ul.sub li a{color:black; background:url(../images/sub-nav-a.gif) no-repeat left center; padding-left:12px; font-size:11px; margin-left:5px}*/
	#navM li ul.sub li a:hover{color:red}
	#navM li ul.sub li.li_1{ background:url(../images/nav-sub-li-1.jpg) no-repeat; height:16px;}
	#navM li ul.sub li.li_2{ background:url(../images/nav-sub-li-2.jpg) no-repeat; height:16px;}
	#navM li ul.sub li.li_3{ background:url(../images/nav-sub-li-3.jpg) no-repeat; height:16px;}
	#navM li ul.sub li.li_bt{ background:url(../images/sub-nav-bt.gif) no-repeat; line-height:1px}
.navR{background:url(../images/navR.jpg) no-repeat;}
/*main content*/
#main{background:url(../images/main.jpg) repeat-y;height:auto; padding:0 24px 0 11px; width:921px; float:left}
#productlist-menu li.active a, #productlist-menu li li.active a { background-color:black; border:1px solid #0000FF}
.left{margin-top:11px; width:190px; height:513px;border:1px solid #D4D3D3;}
	/*left menu*/
#productlist-menu .closed, #productlist-menu .opened { padding-right:10px; }
	#productlist-menu .header { background-color:#e8e9ed; }
	#productlist-menu .opened {color:red }
	.left li{ border-bottom:1px solid #D4D3D3; background-color:#F8F7F7; line-height:30px; margin:0}
	.left li a{background:url(../images/menu-li.jpg) no-repeat left bottom; padding-left:25px; display:block; margin-left:10px}
	.left .menuTop{ background:url(../images/menu-top.jpg) no-repeat; height:42px; border:0; padding:15px 0 0 0}
	.left .menuTop .win{ background:url(../images/menu-win.jpg) no-repeat; display:block; height:36px; margin:0 auto; width:179px}
	.menuSub{ width:190px;}
	.menuSub li{ border:0; background:url(../images/menu-sub.jpg) repeat-y #fcfcfc left center;width:190px; margin:0; }
	.menuSub li a{ background:none;padding-left:15px; margin:0; font-size:12px; height:30px}
	.menuSub .menuSubT{background:url(../images/menu-sub-top.jpg) no-repeat; height:24px; width:190px; line-height:1px}
	.menuSub .menuSubB{ background:url(../images/menu-sub-bt.jpg) no-repeat;height:11px;width:190px; font-size:3px; line-height:100%}
	#productlist-menu li li a:hover{ color:red;}
	#productlist-menu-1 li li a:hover{ color:red;}
	#menuWinBt{ background:url(../images/menu-win-bt.jpg) no-repeat top center #f8f6f7; height:40px; width: 190px; position: relative; top:0px; border:1px solid #D4D3D3; border-top:none;}
	#menuMacBt{ background:url(../images/menu-mac-bt.jpg) no-repeat top center #f8f6f7; height:130px;width: 190px;top:0px; position: relative; border:1px solid #D4D3D3; border-top:none;}
	.mac{background:url(../images/menu-mac.jpg) no-repeat; display:block; height:36px; margin:0 auto; width:179px}
	#macBorder{ border-right:1px solid #d4d2d3; border-left:1px solid #d4d2d3}
	.right{ float:left; margin:11px 0 0 5px; width:710px}
	/*right content*/
	.rightTop{background:url(../images/right-content.jpg) no-repeat; width:709px; height:59px; clear:both}
	.title1,.title2{width:208px; height:45px; line-height:45px; padding-left:20px; float:left; font-size:14px;}
	.titleH3{ float:left; font-size:13px; margin-top:3px;}
	.title1 a:hover, .title2 a:hover,.titleH3 a:hover{ color:red}
	.title1{ background:url(../images/title-1.jpg) no-repeat; margin-left:10px; }
	.title2{ background:url(../images/title-2.jpg) no-repeat; margin-left:111px}
	#rightContent{float:left; height:auto;width:699px; background-color:#f8f6f7;border:1px solid #D4D3D3; border-top:0; padding:0 4px 10px 4px}
	.rightHotTop{background: url(../images/right-hot.jpg) no-repeat top; width:696px; height:30px; clear:both}
	.rightHot{width:684px;border:1px solid #D4D3D3; border-top:0;padding:0px 5px 8px; clear:left; float:left; height:auto; background-color:white; margin-bottom:10px}
	.rightHot div{ width:336px; float: left; text-align:justify; padding-right:5px}
	.rightHotCol1{ border-right:1px solid #D4D3D3; line-height:20px;}
	.download,.learnMore,.buy{ padding-left:30px; height:26px; display:block; float:left; line-height:25px; text-decoration:underline; margin:10px 20px 0 0}
	.price{ display:block; color:#d20007; font-weight:bold; line-height:25px; margin:10px 20px 0 0;float:left; height:26px}
	.download{ background:url(../images/download.jpg) no-repeat; color:#72c044}
	.learnMore{ background:url(../images/lean-more.jpg) no-repeat; color:#76cbfc}
	.buy{background:url(../images/buy.jpg) no-repeat; color:#D20007}
	.rightMid{ background:url(../images/right-mid.jpg) no-repeat; width:695px; height:30px; clear:both; padding-top:2px; }
	.title3{ background:url(../images/title-3.jpg) no-repeat; width:121px; height:30px; margin-left:10px; font-size:14px; line-height:30px; padding-left:28px}
	.rightMBorder{border:1px solid #D4D3D3; border-top:0; width:690px; float:left; height:auto; padding-left:3px; background-color:white; margin-bottom:10px}
	.midLine1,.midLine2{ border-bottom:1px solid #d20007; float:left; height:auto; padding-bottom:10px}
	.midLine2{ border:0}
	.midBox{width:150px; text-align:center; float:left}
	.midDescription{ float:left; line-height:160%; padding-top:10px; width:530px; text-align:justify}
	.midDescription a:link,.midDescription a:visited{ text-decoration:underline}
	.midDescription a:hover{ text-decoration:none}
	.rightGuide{ background:url(../images/index-guide.jpg) no-repeat; width:697px; height:8px; clear:both;}
	.rightGuideBorder{border:1px solid #D4D3D3; border-top:0; float:left; height:auto; background-color:white; width:695px; padding-bottom:15px; margin-bottom:10px}
	.indexGuideL{ float:left}
	.indexGuideT{ background:url(../images/index-guide-t.jpg) no-repeat; width:335px; height:55px; padding-top:10px}
	.indexGuideH,.indexRelease{padding-left:60px; height:26px; padding-top:25px; width:200px; text-align:center}
	.indexGuideH{ background:url(../images/index-guide-h.gif) no-repeat; }
	.indexRelease{ background:url(../images/index-release.gif) no-repeat}
	.indexGuideB,.indexGuideRB{border:1px solid #D4D3D3; border-top:0; width:318px; padding:20px 0 80px 15px;}
	.indexGuideRB{background:url(../images/index-release-bg2.jpg) no-repeat bottom right}
	.indexGuideB li{ background:url(../images/index-guide-li.jpg) no-repeat left center; line-height:20px; padding-left:15px}
	.indexGuideRB li{ background:url(../images/index-release-li.jpg) no-repeat left center;line-height:22px; padding-left:15px}
	.indexGuideB li a:hover,.indexGuideRB li a:hover{ color:#D20007}
#addition{ background:url(../images/addition.jpg) no-repeat #bcbcbc left center;clear:both; height:75px; width:1003px; margin:0 auto;*background:url(../images/addition.jpg) no-repeat #bcbcbc -1px center; }
#footer{ margin:0 auto; clear:both;background: url(../images/footer.jpg) no-repeat top center #5c596a; height:80px; text-align:center; color:white; padding-top:15px;}
#footer a{color:white; padding:0 5px}
#footer a:hover{ background-color:#D20007}
#footer p{ padding-top:5px}
/*common*/
.floatL{ float:left}
.downLearn{ margin:10px 10px 0 0}
.marginTop{ margin:10px 0 0 0}
.marginRight{ margin:0 18px 0 3px}
.bold{ font-weight:bold}
.c{ clear:both}