@charset "utf-8";
/* 
---------------------------------
Site: www.xilisoft.com
Author: Xilisoft.com
Updated: 20100223
Updated by: liwei 
file: main.css 
version: 2.0
--------------------------------- 
*/ 

/*****************************************************************************/
/* BASE								                                         */
/*****************************************************************************/
* { margin:0px; padding:0px }
body { background: #999999; color: #000000; font: 11px verdana }
img { border: none }
a { text-decoration: none }
a:hover { text-decoration: underline }
a.blue { color: #339999 }
.clear { clear: both }
.clearer { clear: both; display: block; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0 }
a.more { color:#0099ff; text-decoration:underline; }
a.more:hover { color:#0099ff; text-decoration:none; }
/*****************************************************************************/
/* breadcrumbnavigation						                                 */
/*****************************************************************************/
.breadcrumbnavigation { border-bottom: #cccccc 1px solid; color: #000000; height: 26px; line-height: 26px; margin: 0 10px 10px 10px; padding: 5px 0 5px 0; width: 980px }
.breadcrumbnavigation .left { float: left; width: 840px }
.breadcrumbnavigation .left span { float: left; line-height: 26px }
.breadcrumbnavigation .left span em { color: #006699; font-style: normal }
.breadcrumbnavigation .left span.twitter_facebook { }
.breadcrumbnavigation .left span.twitter_facebook img { float: left; margin-left: 5px }
.breadcrumbnavigation .right { float: right; line-height: 16px; vertical-align: top; width: 125px }
.breadcrumbnavigation .right img { padding: 10px 0 0 0 }
.breadcrumbnavigation a { color: #333333 }
/*****************************************************************************/
/* ad box							                                         */
/*****************************************************************************/
.ad_box .links { color: #333333; font-size: 11px }
.ad_box .links a { background: url(../images/common/common_arrowhead.png) no-repeat 0px 3px; color: #006699; display: inline-block; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; padding: 0 0 0 10px; text-decoration: none }
.ad_box .links a:hover { text-decoration: underline }
.ad_box .links span { color: #990000; font-weight: bold; margin-right: 10px }
.ad_box .pic { float: left; padding: 10px 0 0 10px; width: 120px }
.ad_box .text { float: left; line-height: 18px; padding: 14px 0 0 0; width: 520px }
.ad_box .text h1 { color: #333333; font-size: 11px; margin: 0; padding: 0 }
.ad_box .text h1 a { color: #333333; text-decoration: none }
.ad_box .text h1 a:hover { text-decoration: underline }
.ad_box .text h1 span { color: #990000 }
.ad_box .text p { color: #333333; font-size: 11px; height: 60px; margin: 4px 0 4px 0; padding: 0; width: 520px }
.ad_box .text ul { margin:3px 0 3px 15px; }
.ad_box .text p a { color: #333333; text-decoration: none }
.ad_box, .ad_box .wrap01, .ad_box .wrap02 { float: left; width: 710px }
.no_box { background: url(../images/common/gray_bg.jpg) repeat-y }
.no_box .cen_line { border-left: #cccccc 1px solid; float: left; height: 100px; margin: 15px 0 0 0; width: 1px }
.no_box .left_side .pic { width: 85px }
.no_box .left_side .text { margin-right: 5px; width: 257px }
.no_box .left_side .text .ad_con { height: 90px }
.no_box .left_side .text .ad_free_trial img { float: right; padding: 0 4px 0 0 }
.no_box .left_side .text h3 { font-size: 12px }
.no_box .left_side .text h3 a { color: #333333; font-size: 12px }
.no_box .pic { width: 190px }
.no_box .right_side .pic { margin: 0 0 0 5px; width: 85px }
.no_box .right_side .text { width: 247px }
.no_box .right_side .text .ad_con { height: 90px }
.no_box .right_side .text .ad_free_trial img { float: right; padding: 0 4px 0 0 }
.no_box .right_side .text h3 { font-size: 12px }
.no_box .right_side .text h3 a { color: #333333; font-size: 12px }
.no_box .text { width: 500px }
.no_box .text { width: 500px }
.no_box .text ul { margin-left: 20px }
.no_box .text ul { margin-left: 20px }
.no_box .wrap01 { background: url(../images/common/no_top.jpg) no-repeat top }
.no_box .wrap02 { background: url(../images/common/gray_bottom.jpg) no-repeat bottom; height: 120px; padding-bottom: 10px }
.gray_box { background: url(../images/common/gray_bg.jpg) repeat-y }
.gray_box .wrap01 { background: url(../images/common/gray_top.jpg) no-repeat top }
.gray_box .wrap02 { background: url(../images/common/gray_bottom.jpg) no-repeat bottom; height: 120px; padding-bottom: 10px }
.blue { color: #339999 }
/*****************************************************************************/
/* error Page		   					                                     */
/*****************************************************************************/
.error h1 { color: #000000; font-size: 14px; font-weight: bold; }
.error a { color: #000000 }
.errorpage { padding-left: 10px; padding-top: 30px }
.errorpage h1 { font-size: 16px }
.error .error_search input { float:left }
.error .error_search .searchbox { width: 250px; height:16px; border: 1px solid #8ba3b9; }
.error .error_search ul { margin:10px 0 0 0; }
.error .error_search ul li { padding:0; margin:0; list-style:none; margin-bottom:5px; }
.error p { margin-bottom: 10px; }
/*****************************************************************************/
/* footer	    	   					                                     */
/*****************************************************************************/
.footer { background: url(../images/common/common_body_bg.png) repeat-y 0px 0px; clear: both; margin: 0 auto; padding: 25px 0 40px 0; text-align: center; width: 1016px }
.footer .copy { color: #333333; padding: 4px 0px }
.footer .link { padding-top:15px; }
.footer .link a { color: #000000; font: bold 12px/28px arial; padding: 0 15px }
.footer_line { border-top: #333333 1px solid; clear: both; margin:auto; width: 1000px }
/*****************************************************************************/
/* header	    	   					                                     */
/*****************************************************************************/
.header { clear: both; width: 100% }
.header .menu { background: url(../images/common/common_body_bg.png) repeat-y 0px 0px; clear: both; height: 39px; margin: auto; padding: 0 8px 0 8px; width: 1000px }
.header .s_wrap { background: url(../images/common/common_menu.png) repeat-x 0px -120px; clear: both; height: 81px; margin: auto }
.header .wrap { background: url(../images/common/common_body_bg.png) repeat-y 0px 0px; margin: auto; padding: 0 8px 0 8px; width: 1000px }
.header .wrap .links { float:right; width:330px; padding:0 5px 0 0; display:inline }
.header .wrap .links .first { color: #669999; float: right; height:16px; padding: 12px 0 0 0; text-align: right; }
.header .wrap .links .first a { color: #333333; font-size: 11px; padding: 0 5px }
.header .wrap .links .box { float:right; line-height: 16px; margin-top: 2px; width: 330px; text-align:right; height:16px; }
.header .wrap .links .box a.mail { background:url(../images/common/common_menu.png) no-repeat 0 -247px; color: #333333; padding: 0 10px 0 20px; }
.header .wrap .links .box a.online_vc { background:url(../images/common/icon_free.gif) no-repeat 0 4px; padding: 0 0px 0 30px; line-height: 16px; color: #333333; }
.header .wrap .links .new_search { float:right; padding:4px 4px 0 0; width: 193px; }
.header .wrap .links .new_search ul { margin:0; padding:0; }
.header .wrap .links .new_search ul li { float: left; list-style: none; width: 193px; }
.header .wrap .links .new_search ul li a { float: left; margin-left:5px }
.header .wrap .links .new_search ul li from { margin:0; padding:0; }
.header .wrap .links .new_search ul li strong { float: left; font-weight: normal; line-height: 19px; padding-bottom: 6px }
.header .wrap .links .new_search input { float:left; }
.header .wrap .links .new_search .searchbox { border: 1px solid #99cccc; height: 16px; width: 171px }
.header .wrap .logo { float: left; width: 192px }
.header .wrap .logo img { float: left; padding-left: 50px }
.header .wrap .slogan { color: #333333; float: left; padding-top: 30px; text-align: left; width: 450px }
.header .wrap .slogan a { color: #333333 }
/*****************************************************************************/
/* main 	    	   					                                     */
/*****************************************************************************/
.main { background:url(../images/common/main_bg.gif) repeat-y 0px 0px; clear: both; margin: 0 auto; padding: 0 8px 0 8px; width: 1000px }
.main_cen_1000 { background: url(../images/common/common_body_bg.png) repeat-y 0px 0px; clear: both; margin: auto; padding: 0 8px 0 8px; width: 1000px }
.main_left { float: right; width: 730px }
.main_right { float: left; margin:0 0 20px 10px; _margin: 0 0 10px 5px; padding: 0 0 0 0; width: 250px }
.main_right #right_list_6 { background: url(../images/common/common_p_list_bg.png) no-repeat -900px bottom; float: left; padding-bottom: 11px; width: 250px }
.main_right #right_list_8 { float: left; width: 250px }
.main_right .ad { float: left; text-align: center; width: 250px }
.main_right .ad_img { background: #ffffff; clear: both; padding: 10px 0; width: 250px }
.main_right .category { background: url(../images/common/common_p_list_bg.png) no-repeat -1500px 0px; border-left:1px solid #bbbaba; border-right: 1px solid #bbbaba; font-size: 12px; height: 28px; line-height: 28px; width:248px; display:block; float:none; clear:both; padding:0; }
.main_right .category a { background: url(../images/common/common_arrowhead.png) no-repeat 20px -2790px; color: #000000; float: left; line-height: 28px; padding-left: 33px }
.main_right .category .more { background:none; color: #333333; float: right; font-size: 11px; font-weight: normal; line-height: 28px; padding: 0 10px 0 0; display:block; width:40px; }
.main_right .category_free { background: url(../images/common/common_p_list_bg.png) no-repeat -1500px -52px }
.main_right .category_mac { background: url(../images/common/common_p_list_bg.png) no-repeat -1855px -52px }
.main_right .item { background: url(../images/common/common_p_list_bg.png) no-repeat -600px top; float: left; width: 250px }
.main_right .item a.more { color: #000000; float: right; font-size: 12px; padding: 20px 5px 0 0 }
.main_right .item h1 { color: #333333; float: left; padding-left: 55px; font-size:20px; line-height:50px; font-weight:normal; margin:0; }
.main_right .item h1 a { color: #000000 }
.main_right .item h1.links { background: url(../images/common/common_list_icon.png) no-repeat 5px -100px }
.main_right .item h1.news { background: url(../images/common/common_list_icon.png) no-repeat 5px -155px }
.main_right .item h1.products { background: url(../images/common/common_list_icon.png) no-repeat 5px 5px }
.main_right .item h1.related { background: url(../images/common/common_list_icon.png) no-repeat 5px -48px }
.main_right .item h1.tips { background: url(../images/common/common_list_icon.png) no-repeat 5px -100px }
.main_right .item h1.toptips { background: url(../images/common/common_list_icon.png) no-repeat 5px -48px }
.main_right .list { background: url(../images/common/common_p_list_bg.png) repeat-y -300px 0px; float: left; list-style: none; padding: 10px 0 10px 20px; margin:0 }
.main_right .list li { background: url(../images/common/common_arrowhead.png) no-repeat 0 -395px; }
.main_right .list li a { color: #333333; font-weight: normal; padding-left: 10px; padding-right:45px; }
.main_right .list li a.icon_new { background: url(../images/common/common_new_hot.png) no-repeat right 4px; }
.main_right .list li a.icon_hot { background: url(../images/common/common_new_hot.png) no-repeat right -96px; }
.main_right .list li a.icon_update { background: url(../images/common/common_new_hot.png) no-repeat right -196px; }
.main_right .list img { margin-left: 5px }
.main_right .list li { float: left; height: 22px; width: 230px }
.main_right .list_free { background: url(../images/common/common_p_list_bg.png) repeat-y 0px 0px; padding: 10px 0 0 20px }
.main_right .list_mac { background: url(../images/common/common_p_list_bg.png) repeat-y -2150px 0px; padding: 10px 0 0 20px }
.main_right .list03 { background: url(../images/common/common_p_list_bg.png) no-repeat -1200px bottom; float: left; list-style: none; padding: 10px 15px 10px 10px; width:225px; }
.main_right .list03 li { background: url(../images/common/common_arrowhead.png) no-repeat 14px -2193px; float: left; line-height: 20px; padding: 3px 10px 3px 30px; width: 175px }
.main_right .list03 li a { color: #333333; }
.main_right .list03 li a:hover { color: #333333; }
/*****************************************************************************/
/* noright_content	    	   					                             */
/*****************************************************************************/
.noright_content { clear: both; margin: auto; padding: 0 10px 30px 10px; width: 980px }
.other_lists { background: url(../images/common/common_p_list_bg.png) repeat-y scroll -300px 0px; float: left; margin: 0 0 20px 0 }
/*****************************************************************************/
/* price		    	   					                                 */
/*****************************************************************************/
.price_now { color: #990000 }
.price_old { color: #cc6633; margin-right: 10px; text-decoration: line-through }
/*****************************************************************************/
/* FOR SWG MENU	    	   					                                 */
/*****************************************************************************/
.t_menu { background: url(../images/common/common_body_bg.png) repeat-y 0px 0px; clear: both; height: 29px; margin: 0 auto; padding: 0 8px 0 8px; width: 1000px }
.t_menu .wrap01 { background: url(../images/common/t_menu_bg.gif) repeat-x; margin-left: 10px }
.t_menu .wrap01, .t_menu .wrap02, .t_menu .wrap03 { height: 29px; width: 980px }
.t_menu .wrap02 { background: url(../images/common/t_menu_left.gif) no-repeat left }
.t_menu .wrap03 { background: url(../images/common/t_menu_right.gif) no-repeat right }
.t_menu ul { }
.t_menu ul li { float: left; list-style: none }
.t_menu ul li a { color: #feffff; float: left; font-size: 12px; line-height: 25px; margin: 0px 12px; text-align: center; width: 97px }
.t_menu ul li a:hover { background: url(../images/common/t_menu_h.gif) no-repeat 0 4px; text-decoration: none }
/*****************************************************************************/
/* fun righr product list  	   					                             */
/*****************************************************************************/
#right_list_1 { width: auto }
#right_list_2 { width: auto }
#right_list_3 { width: auto }
#right_list_4 { width: auto }
#right_list_5 { width: auto }
#right_list_6 { width: auto }
#right_list_7 { width: auto }
#right_list_8 { width: auto }
/*****************************************************************************/
/* round corners		  	   					                             */
/*****************************************************************************/
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 { height:1px; font-size:1px; overflow:hidden; display:block; }
.b1, .b8 { margin:0 5px; }
.b2, .b7 { margin:0 3px; border-right:2px solid; border-left:2px solid; }
.b3, .b6 { margin:0 2px; border-right:1px solid; border-left:1px solid; }
.b4, .b5 { margin:0 1px; border-right:1px solid; border-left:1px solid; height:2px; }
.round_c_c { height:150px; }	/*round_corners_content*/
.round_c_c { border-right:1px solid; border-left:1px solid; overflow:hidden; }
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7, .color1 .round_c_c { border-color:#bbbbbb; }
.color1 .b1, .color1 .b8 { background:#bbbbbb; }
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7, .color1 .round_c_c { background:#fdfdfd; }
#inline1 .color1 .b1, #inline1 .color1 .b2, #inline1 .color1 .b3, #inline1 .color1 .b4, #inline1 .color1 .b5, #inline1 .color1 .b6, #inline1 .color1 .b7, #inline1 .color1 .b8 { background:#b6b6b6 }