@charset "utf-8";

/*index*/
#index { overflow:hidden; width:100%; width:expression(document.body.clientWidth <= 1020? "1020px": "auto"); min-width:1020px; background:#D6D6D6 url( bg.jpg) top center repeat-y ;}
#index .highlight { width:1032px; margin:24px auto; overflow:hidden; text-align:center;}

#index .col { width:1032px; margin:0 auto; overflow:hidden; height:100%;} 
#index .col p {  color:#454545;}
#index sup { color:#f00; font-weight:normal; padding-left:6px; font-size:11px;}
#index .col h3.last { border-top:1px solid #ddd; margin:18px 0 12px; padding-top:12px;}
#index .col-a {  float:left; width:440px; background:transparent url( bg-index-2.png) no-repeat scroll right 0;}
#index .col-a  h3 { color:#000; padding-left:10px;font-size:18px; margin-bottom:18px; line-height:35px; background:url(col-a_t_bg.png) left no-repeat;}
#index .col-a .item { clear:both; overflow:hidden; padding:4px 0 12px 0;}
#index .col-a .item .prod-pic { float:left; width:118px;}
#index .col-a .item .prod-info { float:right; width:280px; padding-right:40px;}
#index .col-a .item .prod-info h4 { margin:2px 0 4px; font-weight:bold; font-size:14px;}
#index .col-a .item .prod-info h4 a.mac-link { background:transparent url( mac-pc.png) no-repeat scroll 0  -11px; padding:6px 0 6px 22px; font-size:12px; font-weight:normal; margin-left:12px;}
#index .col-a .item .prod-info h4 a.windows-link { background:transparent url( mac-pc.png) no-repeat scroll 0  -87px; padding:6px 0 6px 22px; margin-left:8px; font-weight:normal; margin-left:12px;}
#index .col-b { padding:0 30px 0 12px; float:left; width:302px; }
#index .col-b .overview { padding:8px 0 2px 2px;}
#index .col-b  h3 { color:#000; padding-left:10px;font-size:18px; margin-bottom:18px; line-height:35px; background:url(col-b_t_bg.png) left no-repeat;}
#index .go { margin:2px 0 8px 0;}
#index .col-b .img { margin-top:-21px; text-align:center;}
#index .col-c { width:242px; float:right;}
#index .col-c .overview { padding:6px 0 0 2px;}
#index .col-c li { background:transparent url( bgs-3.png) no-repeat scroll 2px -143px; padding:4px 0 0 16px;}
#index .col-c li a { color:#555; }
#index .col-c li span{ color:#f20; padding-left:4px; font-size:10px; }
/* body main right*/
#main-right-nav{ 
    width:242px; 
	float:right;
	height:auto; 
	overflow:hidden;}
#main-right-nav  h3 { color:#000; padding-left:10px;font-size:18px; line-height:35px; background:url(right_t_bg.png) left no-repeat;}	
#main-right-nav1{ 
    width:242px; 
	float:left; margin-top:14px; 
	height:auto; 
	overflow:hidden;}
#main-righttop-title{ 
	background-repeat:no-repeat;
	margin-left:1px;
	height:43px;}
.right_nav_mid{ 
    background:#F1F1F1;
	height:auto;
	overflow:hidden;
	background-repeat:repeat-y;}
.right_nav_mid ul{ 
    list-style-type:none; 
	line-height:20px; 
	margin-top:0px;}
.right_win{ width:242px; height:29px; background-image:url(windows_bar.gif); background-repeat:no-repeat;}
.rihgt_mac{ width:242px; height:29px;  background-image:url(mac_bar.gif); background-repeat:no-repeat; }
.news-title { line-height:29px; padding-left:20px;color: #0170c4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.news-title a:visited{ color:#0170c4; text-decoration:none;}
.news-title a:link{ color:#0170c4; text-decoration:none;}
.news-title a:hover{ color:#0170c4; text-decoration:underline;}
.news-title-detail {color: #0170c4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.news-title-detail a:visited{ color:#0170c4; text-decoration:none;}
.news-title-detail a:link{ color:#0170c4; text-decoration:none;}
.news-title-detail a:hover{ color:#ff9900; text-decoration:underline;}
.news-date {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9B9B;}
.right-text {font-size: 11px; color: ##5e5e5e; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; }
.right-text a:visited{line-height:24px; border-bottom:1px solid #B6B6B6;  display:block; padding-left:15px; padding-right:4px;
	color: #5e5e5e;
	text-decoration:none;
}
.right-text a:link{line-height:24px; border-bottom:1px solid #B6B6B6;  display:block; padding-left:15px; padding-right:4px;
	color: #5e5e5e;
	text-decoration:none;
}
.right-text a:hover{line-height:24px; border-bottom:1px solid #B6B6B6;  display:block; padding-left:15px; padding-right:4px;
	color: #0170c4;
	text-decoration:none;
}
.right-more {font-size: 11px; color: #CD53A3; font-family: Verdana, Arial, Helvetica, sans-serif;  padding-right:10px; }
.right-more a:visited{
	color: #CD53A3;
	text-decoration:none;
}
.right-more a:link{
	color: #CD53A3;
	text-decoration:none;
}
.right-more a:hover{
	color: #CD53A3;
	text-decoration:underline;
}
.hotBg,.hotBga,.hotBgb,.hotBgc,.hotBge,.hotBgf,.hotBgg,.hotBgh,.hotBgi,.hotBgj,.hotBgk,.hotBgl,.hotBgm{ background-image:url(hot.jpg);background-repeat:no-repeat; background-position:140px 5px;}
.hotBga{background-position:83px 5px;}
.hotBgb{background-position:98px 5px;}
.hotBgc{background-position:155px 5px;}
.hotBge{background-position:200px 5px;}
.hotBgf{background-position:120px 5px;}
.hotBgg{background-position:125px 5px;}
.newBg,.newBga,.newBgb,.newBgc,.newBgd,.newBge,.newBgf,.newBgg,.newBgh,.newBgi,.newBgl,.newBgm,.newBgn,.newBgo,.newBgp{ background-image:url(new.jpg);background-repeat:no-repeat; background-position:140px 6px;}
.newBga{background-position:140px 6px;}
.newBgb{background-position:168px 6px;}
.newBgc{background-position:114px 6px;}
.newBgd{background-position:130px 6px;}
.newBge{background-position:133px 6px;}
.newBgf{background-position:175px 6px;}
.newBgg{background-position:165px 6px;}
.newBgh{background-position:145px 6px;}
.newBgi{background-position:88px 6px;}
.newBgl{background-position:110px 6px;}
#rightnav_bottom{
    background:url(green-bottom.gif); 
	background-repeat:no-repeat; 
	height:10px;}	


.learn-more a { float:right; display:block; margin-top:12px; text-shadow:1px 1px 1px #fff;}


/*guide mac*/
.guide-list li { background:transparent url( bgs-3.png) no-repeat scroll 2px -135px; padding:8px 0 0 16px;}
.guide-list li a { font-size:13px;}


/*products*/
.menu-mac,.menu-windows{ width:280px; float:right; position:relative; margin-top:-16px; margin-right:8px; float:right;}
.menu-mac a,.menu-windows a { font-size:13px; color:#000;}
.menu-mac .mac,.menu-windows .mac{ float:left; width:100px; padding:4px 0 0 24px; background:transparent url( mac-pc.png) no-repeat scroll 0 -11px;}
.menu-mac .windows,.menu-windows .windows { float:right; width:120px; padding:4px 0 0 24px; background:transparent url( mac-pc.png) no-repeat scroll 0 -87px;}
.menu-mac .windows a,.menu-windows .mac a { color:#999;}


#products .contents-top-bg2 { background:transparent url( bgs-4.png) no-repeat scroll  -2px -105px; clear:both; font-size:0; height:16px;}
#products .grid-b{ clear:both; position:relative; height:100%; overflow:hidden;}
#products .grid-b .inside { background:transparent url( bg-e.png) repeat-y scroll -12px 0; overflow:hidden; padding-bottom:4px; height:100%;}
.mac-here { position:absolute; top:6px; left:780px;}
.windows-here { position:absolute; top:6px; left:922px;}


#products .grid-b h3 { margin:0 0 0 6px; height:36px; color:#318905; font-size:16px; padding:0 0 0 24px; background:transparent url( bg-f.png) repeat-x scroll 0 0; text-shadow:1px 1px 1px #eee;}
#products .grid-b h3.alt { border-top:1px solid #aeaeae; padding-top:6px; background:transparent url( bg-f.png) repeat-x scroll 0 5px;}
#products .grid-b .contents-bottom-bg2 { background:transparent url( bgs-4.png) no-repeat scroll -2px -188px; height:22px; clear:both;
font-size:0; }
#products .grid-b .col-a { float:left; width:506px;}
#products .grid-b .col-a .item-a { border-right:1px solid #aeaeae; padding:18px 24px 16px 36px;}
#products .grid-b .col-a .prod { overflow:hidden; height:100%;}
#products .grid-b .col-a .prod-pic { float:left; width:118px; padding-top:20px;}
#products .grid-b .col-a .prod-info { float:right; width:302px;}
#products .grid-b .col-a .prod-info p { line-height:1.6em; color:#787878;}
#products .grid-b .col-a .prod-info p.price { color:#506099;}
#products .grid-b .col-a .related { border-top:1px dotted #AEAEAE; clear:both; margin-top:16px; overflow:hidden; padding-top:8px;}
#products .grid-b .col-a .related p { font-size:14px;}
#products .grid-b .col-a .related p.compare { clear:both; padding:16px 0 0 4px;}
#products .grid-b .col-a .related p.compare  a{ color:#777; background:transparent url(../images/icon-arrow2.gif) no-repeat scroll 100% 1px;}
#products .grid-b .col-a .related ul { overflow:hidden;}
#products .grid-b .col-a .related ul.purchase-windows li { width:90%; }
#products .grid-b .col-a .related li { float:left; width:46%; background:transparent url( bgs-3.png) no-repeat scroll 2px -138px;
padding:8px 0 0 16px;}
#products .grid-b .col-a .related li span { color:#506099; float:right;}
#products .grid-b .col-a .related li a { color:#454545;}
#products .grid-b .col-a .related li a:hover { text-decoration:none; color:#08c;}
#products .grid-b .col-a .item-b .prod { border-bottom:1px dotted #AEAEAE; clear:both; margin-bottom:16px; overflow:hidden; padding-bottom:8px; }
#products .grid-b .col-a .item-b .end { border:none; margin:0; padding:0;}
#products .grid-b .col-a .item-b .prod .prod-pic { width:90px; padding-top:12px;}
#products .grid-b .col-a .item-b .prod .prod-info { width:344px;}
#products sup { color:#f30; padding-left:4px; font-size:11px;}


#products .grid-b .col-b .item-a { border:none; padding:18px 24px 16px 36px;}
#products .grid-b .col-b .item-b { border:none;}
#products .grid-b .col-b h3 { margin:0; }
#products .grid-b .col-b .end { border:none;}

#products .grid-b .inside h5 { color:#318905; font-size:15px; padding-bottom:4px;}
#products .grid-b .inside h5 a { color:#454545; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#products .grid-b .inside .item-c,#products .grid-b .inside .item-d,#products .grid-b .inside .item-e { float:left; padding:12px 0; overflow:hidden;}
#products .grid-b .inside .item-c { padding-left:32px; width:302px;  padding-right:28px;}
#products .grid-b .inside .item-c .prod-pic,#products .grid-b .inside .item-e .prod-pic { float:left; padding:8px 22px 0 0;}
#products .grid-b .inside .item-c .prod-info p,#products .grid-b .inside .item-e .prod-info p{ color:#787878;}
#products .grid-b .inside .item-d { width:200px; border-left:1px solid #aeaeae; padding-left:26px;  }
#products .grid-b .inside .item-d ul li { float:left; width:96%; background:transparent url( bgs-3.png) no-repeat scroll 2px -142px;
padding:4px 0 0 16px;}
#products .grid-b .inside .item-e {  border-left:1px solid #aeaeae;  padding-left:32px; width:314px; padding-right:32px;}


/*store*/
#store { margin-top:15px;}
#store .grid-b h3,#store #full h3 { background:transparent url( bgs-4.png) no-repeat scroll  -2px -100px; height:51px; line-height:59px; color:#318905;font-size:16px; padding:0 0 0 24px;}
#store .grid-b .inside { background:transparent url( bg-e.png) repeat-y scroll -12px 0; overflow:hidden; height:100%;}
#store .grid-b .contents-bottom-bg2 { background:transparent url( bgs-4.png) no-repeat scroll -2px -188px; height:22px; clear:both;
font-size:0; }
#store .grid-b .col { float:left; border-right:1px solid #ddd; padding:16px 18px 10px 24px; margin:8px 0; overflow:hidden; width:296px;}
#store .grid-b .col-c { border:none;}
#store .grid-b .col .prod-pic { float:left; clear:both;}
#store .grid-b .col .prod-pic img { padding:0 16px 0 0;}
#store .grid-b .col .prod-info { float:right; width:180px;}
#store .grid-b .col p.intro { color:#777;}
#store .grid-b .col p.price { margin:4px;}
#store .grid-b .col p.price strong { color:#506099; font-weight:normal;}
#store .grid-b .col p.price span { color:#999; font-size:13px;}
#store .grid-b .col .prod-info h4 { padding:0 0 4px 0; margin:0;}

#store #full .full-main { overflow:hidden; padding:8px 18px;}
#store #full .col { float:left; padding:18px; margin:0 8px; overflow:hidden; width:276px; background:#f5f5f5; -moz-border-radius:5px;	-webkit-border-radius:5px;}
#store #full .col img { float:left; padding:4px 16px 10px 0;}
#store #full .col h4 { padding:0 0 12px 0; color:#000; font-size:14px; font-weight:bold; text-align:center;}
#store #full .col li { color:#777; font-size:11px; line-height:1.5em;}
#store #full .col li.list a { background:url( bgs-3.png) no-repeat scroll 2px -148px transparent; padding:0 0 0 16px; color:#777; font-size:11px;}
#store #full .col-c { border:none;}
#store #full .pro-list { border:none;}
#store #full .pro-list li { display:block; float:left; text-align:center; width:240px; border-right:1px solid #ddd; margin-bottom:12px;}
#store #full .pro-list .prod-info h5 { padding:8px;}
#store #full .pro-list .prod-info h5 a { color:#454545; font-family:Arial,Helvetica,sans-serif; font-size:13px;}
#store #full .pro-list .purchase-now { text-align:left; overflow:hidden; width:181px; padding-left:40px;}
#store #full .pro-list .purchase-now span {color:#506099; font-size:14px; margin:4px;}
#store #full .pro-list .purchase-now a { float:left; }
.slide { position:relative;}
.slide .sildPicBar { position:absolute; right:23px; top:23px; width:106px;}
.slide .pre { display:inline; background:url(../images/slide.png) no-repeat 0 0; float:left; width:22px; height:15px; cursor:pointer; margin-right:8px;}
.slide .next { display:inline; background:url(../images/slide.png) no-repeat 0 -71px; float:right; width:22px; height:15px; cursor:pointer;}
.slide .sildPicBar li { margin:5px 0 0 3px; display:inline; background:url(../images/dot-slide.png) no-repeat 0 0; float:left; width:8px; height:8px; cursor: pointer;}
.slide .sildPicBar li:hover { background:url(../images/dot-slide.png) no-repeat 0 -8px;}
.slide .sildPicBar li.select { background:url(../images/dot-slide.png) no-repeat 0 -16px;}
.slide .bd { padding:12px;}
.slide .cnt-wrap { overflow:hidden; width:956px; height:152px; zoom:1; padding:10px;}
.slide .cnt { width:4000px;}

/*purchases*/
#purchases { margin-top:-32px;}
#purchases .grid-pro,#products .grid-pro { margin-bottom:10px; clear:both; background:transparent url( bg-g.png) no-repeat scroll -6px 5px; height:310px; padding:32px 40px 0;}
#purchases .grid-pro .col-a ,#products .grid-pro .col-a { width:45%; float:left;}
#purchases .grid-pro .col-a h4,#products .grid-pro .col-a h4 { padding:10px 0 16px 0; text-align:center;}
#purchases .grid-pro .col-a h4 span,#products .grid-pro .col-a h4 span { color:#f30; padding-left:12px;}
#purchases .grid-pro .col-a h4 a,#products .grid-pro .col-a h4 a { font-size:19px; color:#070; }
#purchases .grid-pro .col-b,#products .grid-pro .col-b { float:right;}
#purchases .grid-pro .img,#products .grid-pro .img { padding:16px 0 8px; text-align:center;}
#purchases .grid-pro .buy-now,#products .grid-pro .buy-now { overflow:hidden; padding-top:8px;}
#purchases .grid-pro .price,#products .grid-pro .price { width:270px; float:left; font-size:16px; padding-right:12px;}
#purchases .grid-pro .price strong,#products .grid-pro .price strong { color:#506099; font-size:19px; padding-right:8px; font-weight:normal;}
#purchases .grid-pro .buy-now a,#products .grid-pro .buy-now a { float:left;}

#purchases .grid-pro,#products .grid-prow { margin-bottom:10px; clear:both; background:transparent url( bg-w.png) no-repeat scroll -6px 5px; height:310px; padding:32px 40px 0;}
#purchases .grid-pro .col-a ,#products .grid-prow .col-a { width:45%; float:left;}
#purchases .grid-pro .col-a h4,#products .grid-prow .col-a h4 { padding:10px 0 16px 0; text-align:center;}
#purchases .grid-pro .col-a h4 span,#products .grid-prow .col-a h4 span { color:#f30; padding-left:12px;}
#purchases .grid-pro .col-a h4 a,#products .grid-prow .col-a h4 a { font-size:19px; color:#070; }
#purchases .grid-pro .col-b,#products .grid-prow .col-b { float:right;}
#purchases .grid-pro .img,#products .grid-prow .img { padding:16px 0 8px; text-align:center;}
#purchases .grid-pro .img,#products .grid-prow .img2 { text-align:center;}
#purchases .grid-pro .buy-now,#products .grid-prow .buy-now { overflow:hidden; padding-top:8px;}
#purchases .grid-pro .price,#products .grid-prow .price { width:270px; float:left; font-size:16px; padding-right:12px;}
#purchases .grid-pro .price strong,#products .grid-prow .price strong { color:#506099; font-size:19px; padding-right:8px; font-weight:normal;}
#purchases .grid-pro .buy-now a,#products .grid-pro .buy-now a { float:left;}



/*News*/
#rf{clear:both;overflow:hidden;border:1px dotted #9FE18E;background-color:#F9FEF8;height:1%;margin:10px 0;padding:8px 12px;}
#rf p { color:#f00; font-size:14px; font-weight:bold;}
ul.dh{overflow:hidden;height:100%;}
ul.dh li{ background:transparent url(../images/icon-arrow2.gif) no-repeat 0 4px; padding:2px 0 2px 10px; float:left; width:30%;}
.pagess{clear:both;margin:6px 0 24px 0;padding:13px 3px 3px;text-align:left;}
.pagess span.disabled{border:1px solid #929292;color:#929292;margin-right:2px;padding:4px 8px;}
.pagess span.current{background-color:#090;border:1px solid #060;color:#FFFFFF;font-weight:bold;margin-right:2px;padding:4px 8px;}
.pagess span.navs{background-color:#fff;border:1px solid #aaa;color:#999;margin-right:2px;padding:4px 8px;}
.pagess a:link{border:1px solid #090;color:#080;margin-right:2px;padding:4px 8px;text-decoration:none;}
.pagess a:visited{border:1px solid #090;color:#080;margin-right:2px;padding:4px 8px;text-decoration:none;}
.pagess a:hover{border:1px solid #090;color:#f60;margin-right:2px;padding:4px 8px;text-decoration:underline;}



/*purchase flow chart*/
#chart{ float:left; margin-top:12px;}
#chart ul{overflow:hidden;}
#support .focus #chart ul li{width:358px;float:left;border:1px solid #7791B2;margin:8px 0;padding:10px;clear:both; background:none;}
#chart ul li p{font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#444;padding:6px 0;}
#chart ul li span{color:#090;font-weight:bold;font-size:12px;padding-left:40px;}
#chart ul li span a:link{color:#090;font-weight:bold;font-size:12px;text-decoration:underline;}
#chart ul li span a:visited{color:#090;font-weight:bold;font-size:12px;text-decoration:underline;}
#chart ul li span a:hover{color:#090;font-weight:bold;font-size:12px;text-decoration:none;}
#chart ul li p span{color:#FF6C00;font-size:36px;padding:0 10px 0 0;font-family:"Times New Roman", Times, serif;font-style:italic;}
#support .focus #chart li.arrow{border:none;text-align:center;margin:-6px auto;padding:0;}

#note{ float:right;width:300px;}
#note a{color:#003366;}

#note p{margin-bottom:8px;}
#note p strong{font-size:12px;padding-bottom:4px;}

/*compare*/
.compare-table{margin:8px 0 0 0;}
.compare-table a { font-size:13px; color:#58c; }
.compare-table a:hover { text-decoration:none;}
.compare-table td,.compare-table th{padding:8px;border:1px solid #ddd;}
.compare-table td {text-align:center;}
.compare-table td p.buy-now a { color:#fff; margin:0 auto; padding-left:16px; width:88px;}
.compare-table td strong { font-weight:normal; color:#f30; font-size:16px; font-family:Arial,Helvetica,sans-serif;}
.compare-table th{font-size:13px;padding-left:12px;}
.compare-table th img { padding:8px 0;}
.compare-table th strong{font-size:14px;font-weight:normal;}
.compare-table th.title { background-color:#f9f9f9; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.compare-table .center { text-align:center;}



/*compare*/
#compare { margin:12px;}
#compare table .b-top { border-top:1px solid #aeaeae; text-align:center;}
#compare table .b-left { border-left:1px solid #aeaeae;}
#compare table .b-bottom { border-bottom:1px solid #aeaeae;}
#compare table tr td, #compare table tr th { border-bottom:1px solid #EFF3F4; border-right:1px solid #aeaeae; padding:8px 10px 10px 14px; vertical-align:center;} 
#compare table tr td { text-align:center;}
#compare table tr a { color:#07c;}
#compare table tr th { font-weight:normal;}
#compare table tr th img { padding:8px 0;}
#compare table tr.alt td,#compare table tr.alt th { background-color:#fafbfc;}
#compare table tr th.title-a { border-right:1px solid #EFF3F4; border-left:1px solid #aeaeae;}


.top_address{ width:1032px; margin:0 auto; overflow:hidden; background:#fff;}
#address_left{ 
    width:400px; 
	height:21px; 
	float:left;
	margin-top:5px;}
.address_lefttext1 {font-size: 12px; color: #FBA8F0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; margin:0px; padding:0px;}
.address_lefttext1 a:visited{
	color: #0170C4;
	text-decoration:none;
}
.address_lefttext1 a:link{
	color: #0170C4;
	text-decoration:none;
}
.address_lefttext1 a:hover{
	color: #0170C4;
	text-decoration:underline;
}
.address_lefttext2 {font-size: 12px; color: #5E5E5E; font-family: Verdana, Arial, Helvetica, sans-serif; }
.address_lefttext2 a:visited{
	color: #5E5E5E;
	text-decoration:none;
}
.address_lefttext2 a:link{
	color: #5E5E5E;
	text-decoration:none;
}
.address_lefttext2 a:hover{
	color: #5E5E5E;
	text-decoration:underline;
}
/* body main left*/
.main-left{ width:774px; float:left; height:auto;}
.main-left1{ width:774px; float:right; height:auto;}
.mainproducts-mleft{ background-image:url( products-middle-left.jpg); background-repeat:no-repeat; width:13px; height:34px; float:left;}
.mainproducts-top{width:664px; height:16px;}
.products-border{ height:600px;  width:706px; border-left:#C3C3C3 1px solid; border-right:#C3C3C3 1px solid;}
.mainproducts-graybg{background-image:url( products-gray-bg.jpg); background-repeat:repeat-x; height:60px;  width:664px;line-height:60px;}
.mainproducts-2{margin:0px; padding-top:7px; padding-left:20px;}
.products-middle-bg{background-image: url( products-middle-bg.jpg); background-repeat: repeat-x; width:710px; height:34px; float:left;}
.products-middle-bg ul{list-style-type:none;  margin:0px; padding:0px;}
.products-middle-bg li{ float:left; height:34px;}
.products-middle-bg li a{ display:block; line-height:34px; width:172px;  text-align:center; text-decoration:none;font-size: 12px; color: #000000; font-weight:bold;}
.big-lan1{background-image:url( white-round-big.jpg); color:#fff; background-repeat:no-repeat; background-position:center;}
.small-lan1{background-image:url( white-round-big.jpg); background-repeat:no-repeat; background-position:center;}
.mainproducts-mright{background-image: url( products-middle-right.jpg); background-repeat:no-repeat; width:13px; height:34px; float: left;}
.mainaffiliate-2{margin:0px 0 10px 0; padding-top:7px; border-bottom:3px solid #9E9C9D;}
.download-table1{ background:#C4C4C4;}
.download-table1 td{ background:#ffffff;  padding:6px 11px;vertical-align:top; font-size:11px; line-height:20px;}
.download-table1 td{ color:#535353; text-decoration:none;}
.download-table1 td a.link2{ color:#535353; font-weight:bold;text-decoration: underline;}

.table-title1 td{ background-color:#E3F4FF;color:#535353;line-height:20px;height:24px; padding:2px 10px; font-size:12px; font-weight:bold;}
.mainproducts{ width:774px; height:200px;  float:left;}
.mainproducts-content{width:774px;}
.mainproducts-content-top{float:left;width:774px;padding:0;}
.hr1{width:660px; height:0.1px; line-height:0.1px; background-color:#c3c3c3; font-size:0.1px; border:#C8C8C8 solid 0.5px;}
.hr2{width:660px; height:1px; line-height:1px; background-color:#c3c3c3; font-size:1px;  font-weight:bold; margin-left:25px;}
.red{ color:#FD7218; font-weight:bold}
.top-top-middle-text1{font-size: 14px; color: #000000; margin-left:14px; line-height:20px; margin-top:6px; height:20px;}
.top-top-middle-text2{font-size: 14px; color: #000000;}
.title{font-size: 14px; height:23px; padding-top:7px; padding-left:36px; color:#000000; font-weight:bold; background:url(Retrieve_the_keycode_li.gif) no-repeat scroll 10px 8px; border-bottom:1px dashed #CCCCCC;}
.title a{ color: #000000; text-decoration:none;}
.title a:visited{ color: #000000; text-decoration:none;}
.title a:hover{ color: #000000; text-decoration:underline;}
.right-share{width:200px; height:23px; padding-top:7px; float:right; background:url(maintitle-bg1s.gif) repeat-x;}
.product-text{float:right; width:550px;font-size: 11px; color: #5e5e5e; padding-top:10px; line-height:30px;}
.more a{ color: #003399; text-decoration:none;}
.more a:visited{ color: #003399; text-decoration:none;}
.more a:hover{ color: #003399; text-decoration:underline;}
.more{float:right; font-size: 11px; color: #003399; margin-right:5px; }
.text a{ color: #5e5e5e; text-decoration:none;}
.text a:visited{ color: #5e5e5e; text-decoration:none;}
.text a:hover{ color: #CC6666; text-decoration:underline;}
.prductsmid-box{float:left; width:200px;}
.dollar{font-size: 16px; color: #CD53A3;font-weight: bold; margin-left:25px;}
.priceOff{color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;padding-left:25px;}
.priceP{margin:0; padding:3px 0}
.xmas-price{color: #000000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:line-through;}
.tools-text{font-size: 12px; color: #000000; margin:0 0 0 30px; padding:0; font-weight:bold; line-height:30px; padding-right:8px;}
.buy{font-size: 12px; color: #ff0001;font-weight: bold;}
.buy a{ color:#ff0001; text-decoration:none;}
.buy a:visited{ color:#ff0001; text-decoration:none;}
.buy a:hover{ color:#ff0001; text-decoration:underline;}
.download{font-size: 12px; color: #434748;font-weight: bold;}
.download a{ color:  #434748; text-decoration:none;}
.download a:visited{ color:  #434748; text-decoration:none;}
.download a:hover{ color:  #434748; text-decoration:underline;}
/*product tab*/
.product-tab1{width:774px;float:left; height:auto;}
.product-tab1-menu{width:770px; font-size:11px; word-spacing:-2px;}
.product-tab1-menu div{width:132px; text-align:center;line-height:32px; height:32px; float:left;}
.product-tab2-menu div{width:165px; text-align:center;line-height:32px; height:32px; float:left;}
.product-tab1-top{height:36px;background-image:url(product-tab1-top.gif);background-repeat:no-repeat; background-position:bottom; margin-top:15px;}
.product-tab1-menu .now{background-image:url(tab-button-gray.png); cursor:pointer; color:#FD7218;}
.product-tab2-menu .now1{background-image:url(tab-button-gray1.png); cursor:pointer; color:#FD7218;}
.product-tab1-menu .other{background-image:url(tab-button-yellow.png); cursor:pointer;}
.product-tab2-menu .other1{background-image:url(tab-button-yellow1.png); cursor:pointer;}
.product-tab1-cont{ background:url(common_pro_bg.png) no-repeat scroll -1000px 0 ; height:auto; margin-top:0px; margin-bottom:14px;}


.product-tab1 .product-tab1-cont .title3 { margin-top: 20px; margin-bottom:20px; clear: both; width:660px /*height:70px;*/ }
.product-tab1 .product-tab1-cont .title3 .left_img { float: left; width: 80px; margin-top:16px;}
.product-tab1 .product-tab1-cont .title3 .right_title { float: left; padding-top: 5px; width: 580px; margin-top:16px;}
.product-tab1 .product-tab1-cont .title3 .right_title h2{ float: left; font-size:20px; font-weight:bold;}
.to_top { float: right; margin-top: -15px };
.product-tab1 .product-tab1-cont .title3 span { clear: both; display: block; color: #CCCCCC; font-weight: bold; width: 500px }

.tab1content-text{font-size: 14px; color: #000000; margin-left:15px; font-weight:bold;}
.tab1content-text-red{color: #990000;font-size: 13px;margin-left:15px;line-height:22px; font-weight:bold;}
.tab1content-text-text{font-size: 12px;color: #5e5e5e; margin-left:19px; line-height:20px; margin-top:2px;}
.tab1content-text-text a:visited{color: #5e5e5e;  text-decoration:none;}
.tab1content-text-text a:link{color: #000;  text-decoration: none;}
.tab1content-text-text a:hover{color: #5e5e5e;  text-decoration: underline ;}
.clink1{font-size: 12px; color: #000;margin-bottom:10px; line-height:20px;}
.clink1 a:visited{color:#000;; text-decoration:none;}
.clink1 a:link{ color:#000; ; text-decoration: none;}
.clink1 a:hover{ color: #FD7218;; text-decoration: underline;}

.butPro2 {height:38px; padding:5px 0;position:relative;}
.butPro2 a {display:block; float:left; text-align:center; font-size:12px; text-decoration:none;}
.butPro2 a.down {background:url(bnew_1.png) no-repeat 0 top; width:136px; height:38px; color:#fff; font-weight:bold; line-height:38px;text-align:center; text-decoration:none;}
.butPro2 a.down:hover {background-position:-136px top; text-decoration:none;}
.butPro2 .down_popup {position:relative;float:left;background:url(bnew_1.png) no-repeat 0 top; text-align:center; width:136px; height:38px; color:#fff; font-size:12px; font-weight:bold; line-height:38px;cursor:pointer;}
.butPro2 .down_popup_hover {background-position:-136px top; text-decoration:none;}
.butPro2 a.buy {background:url(bnew_1.png) no-repeat left -38px; margin-top:6px; width:136px; height:38px; color:#fff; font-weight:bold; line-height:38px; text-decoration:none;}
.butPro2 a.buy:hover {background-position:-136px -38px; text-decoration:none; margin-top:6px;}


/*.product_Recommendation*/
.click{font-size: 12px; color: #0170c4; text-decoration:underline; margin-left:70px;}
.click a:hover{ color:#0170c4; text-decoration: none;}
.related_Pro_box1 {background:url(featured_product_bg.jpg) repeat-y; height:auto; margin-top:10px; width:620px; border-top:1px solid #cccccc;}
.porducts_title {height:35px;background:url(featured_product_title.jpg) no-repeat;line-height:35px;padding:0 0 0 20px;font-size:14px; font-weight:bold;}
.Pro_bottom {background:url(mainLeftBottom.jpg) no-repeat left bottom; padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.Pro_bottom2 {background:url(mainLeftBottom2.jpg) no-repeat left bottom; padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.Pro_box_other {width:155px;float:left; padding:20px;}
.Pro_box_other .Pro_img {width:100px;float:left}
.Pro_box_other .Pro_info {width:155px; float:left;}
.Pro_box_other .Pro_info .line_ht { font-size:11px; line-height:14px; height:70px;}
.Pro_box_other .Pro_price {font-size:16px;color:#00a0ff; text-align:center;font-weight:bold}
.Pro_box_other .Pro_name {font-weight:bold; padding-bottom:5px;}
.Pro_box_other .Pro_name a {font-weight:bold; color:#333; }
.butPro3 {height:28px; padding:5px 0;position:relative;}
.butPro3 a {display:block; float:left; text-align:center; font-size:10px; text-decoration:none;}
.butPro3 a.lear {background:url( but.png) no-repeat 0 top; width:76px; height:28px; color:#fff; font-weight:bold; line-height:25px; text-decoration:none;}
.butPro3 a.lear:hover {background-position:0 -26px; text-decoration:none;}
.butPro3 a.buy {background:url( but.png) no-repeat -76px top; width:76px; height:28px; color:#fff; font-weight:bold; line-height:25px; text-decoration:none;}
.butPro3 a.buy:hover {background-position:-76px -26px; text-decoration:none;}
.butPro3 a.down{background:url( but.png) no-repeat 0 top; width:76px; height:28px; color:#fff; font-weight:bold; line-height:25px; text-decoration:none;}
.butPro3 a.down:hover {background-position:0 -26px; text-decoration:none;}
.butPro3 .down_popup {position:relative;float:left;background:url( but.png) no-repeat -378px top; text-align:center; width:76px; height:28px; color:#fff; font-size:10px; font-weight:bold; line-height:25px;cursor:pointer;}
.butPro3 .down_popup_hover {background-position:-378px -26px; text-decoration:none;}
.clear {clear:both;}
.clearFix {clear:both; font-size:0; height:0; line-height:0; }

.guidebody { border:1px solid #cccccc; clear:both;
float:left;
height:auto; width:620px; background:#F9FDFF; margin-left:20px; margin-bottom:30px;
}
.guidebody ul {
list-style-image:url(yellow_dot.gif); 
}
.guidebody ul li {
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:24px;
margin:0 10px;
padding:0 0 0 10px;
}
.guidebody ul li a{
color:#000;
text-decoration:none;
}
.guidebody ul li a:hover{
color:#000;
text-decoration: underline;
}
.butPro2 {height:38px; padding:5px 0;position:relative;}
.butPro2 a {display:block; float:left; text-align:center; font-size:12px; text-decoration:none;}
.butPro2 a.down {background:url(bnew_1.png) no-repeat 0 top; width:136px; height:38px; color:#fff; font-weight:bold; line-height:38px;text-align:center; text-decoration:none;}
.butPro2 a.down:hover {background-position:-136px top; text-decoration:none;}
.butPro2 .down_popup {position:relative;float:left;background:url(bnew_1.png) no-repeat 0 top; text-align:center; width:136px; height:38px; color:#fff; font-size:12px; font-weight:bold; line-height:38px;cursor:pointer;}
.butPro2 .down_popup_hover {background-position:-136px top; text-decoration:none;}
.butPro2 a.buy {background:url(bnew_1.png) no-repeat left -38px; margin-top:6px; width:136px; height:38px; color:#fff; font-weight:bold; line-height:38px; text-decoration:none;}
.butPro2 a.buy:hover {background-position:-136px -38px; text-decoration:none; margin-top:6px;}


.recommen_pro{width:620px; height:168px;  background:url( ad1.gif); float:left;
    background-repeat:no-repeat; margin-bottom:20px;}
.recommen_pro_left{
    width:374px;
	height:168px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}
.contBody h1,.contTitle{
    font-size: 19px;
	color: #0170c4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;}
.contTitle{font-size: 18px;}
.contBody h1{ float:left;}
.contTitle a:visited, .contTitle a:link{font-size: 18px; color:#0170c4; text-decoration:none;}
.contTitle a:hover{font-size: 18px; color:#ff9900; text-decoration:none;}
.contBody p{ margin:0; padding:0;}
.recommen_text{font-size: 11px;
                  color: #0170c4; 
				  font-family: Verdana, Arial, Helvetica, sans-serif; 
				  line-height:18px;
				  font-weight:normal;}
.recommen_text a:visited,.recommen_text a:link{
	color: #0170c4;
	text-decoration:none;
    }
.recommen_text a:hover{
	color: #ff9900;
	text-decoration:underline;
    }
.pro_right { clear: both }
.pro_right img { margin: 15px 0 10px 10px }
.pro_right ul{
list-style-image:url(yellow_dot.gif); 
}
.pro_right li {
line-height:20px;
padding-left:28px;padding:0 0 0 1px;
}

.guidebody ul {

}
.guidebody ul li {
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:24px;
margin:0 10px;
padding:0 0 0 10px;
}
.guidebody ul li a{
color:#000;
text-decoration:none;
}
.guidebody ul li a:hover{
color:#000;
text-decoration: underline;
}

.new_info{
border:1px solid #CCCCCC; 
clear:both; 
height:500px; 
margin-bottom:20px; 
background:url(common_pro_bg.png) no-repeat scroll -1000px 246px;
}
.software_list {
float:left;
padding-left:0;
width:640px;
}
.software_list h1 {
color:#333333; 
padding-left:20px; 
padding-top:10px;
font-size:18px;
line-height:18px;
}
.software_list ul {
list-style:none outside none;
padding:10px 0;
width:640px;
}
.software_list li {
display:inline;
float:left;
line-height:23px;
margin-right:12px;
width:300px;
}
.software_list li a {
background:url(yellow_dot.gif) no-repeat scroll 0 5px transparent;
color:#0170c4; text-decoration:none;
float:left; font-size:11px;
margin-left:8px;
padding-left:20px;
}
.software_list li a:hover{
color:#5E5E5E; font-size:11px;
float:left; text-decoration:underline;
margin-left:8px;
padding-left:20px;
}
.software_list li span {
float:right; font-size:10px;
padding-right:2px;
}

/*.product_Recommendation*/