@charset "utf-8";
/* All style */
body{background:url(../images/body_bg.gif) #5b5b5b repeat-x;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img{margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div {font:normal 11px/1.8em Verdana, Arial, Helvetica, sans-serif;color: #333333;}
img{border:0px;}
a {text-decoration:none;color:#0983b7;}
a:link {text-decoration:none;color:#0983b7;}
a:visited{text-decoration:none;}
a:hover {text-decoration: underline;}
a:active {text-decoration:none;}
.clear{clear:both}
.fl{float:left;}
.fr{float:right;}
.fr2{float:right; margin-right:200px;}
.STYLE1 {font-size: 14px}
.STYLE2 {font-size: 11px; color: #FF0000}
.line{background:url(../images/line10.jpg) no-repeat bottom; margin-bottom:20px; height:5px; clear:both;}


.lineRight {border-right:solid 1px #e0e0e0;}
.lineBottom { border-bottom:solid 1px #e0e0e0;}
.bg{ background:#E1E1E1; padding:10px 10px;}



/*top start*/
#top_logo_txt{width:932px;margin:0px auto;height:auto;}
.logo{width:213px;height:76px;float:left;}
.top_txt{width:600px;line-height:16px;float:left;margin:20px;font-size:11px;}
#nav{background:url(../images/nav_bg.jpg) repeat-x; height:38px;}
#nav ul{width:932px; margin:0px auto;}
#nav ul li{float:left;padding:0px 35px;height:38px;line-height:32px;font-size:16px;background:url(../images/nav_li.jpg) right no-repeat;}
.online {background: url(../images/nav_live.gif)  bottom no-repeat; }
#nav ul .no_line{background:none}

/*nav link style*/
#nav a:visited,#nav a:link{ font-size:12px;color:#FFFFFF;text-decoration:none;font-weight:bold;letter-spacing:0.02em;height:38px; display:block; line-height:32px; float:left; }
#nav a:hover{color:00f6ff;background:url(../images/nav_live.gif) bottom no-repeat; display:block}

/*main start*/
#main{width:932px;margin:5px auto;background:#fff}
#banner{width:922px; margin:0px auto; padding:5px;}
#main_txt{ padding-bottom:25px}
/*jofii add on 090831*/
.inBanner { background:url(../images/dvd-creator-banner.jpg) no-repeat 5px 5px; height:255px;}
.inBanner p {padding:0 0 0 488px;height:20px;}
.inBanner a.inMore,.inBanner a.inFree  { background:url(../images/inBannerBtn.png) no-repeat; line-height:20px; display:block; float:left; height:20px;}
.inBanner a.inMore { background-position:left top; width:98px;}
.inBanner a.inFree { background-position:-100px top; width:102px;}
.inBanner a.inMore:hover {background-position:left -20px;}
.inBanner a.inFree:hover {background-position:-100px -20px;}

.inBanner .btnLink { display:block; width:100%; height:190px;}
.inBanner .btnLink2 { display:block; width:100%; height:70px;}

#box_left{width:660px;float:left;margin:25px 0 0 10px;}
.box_bg{background:url(../images/link_bg.gif) no-repeat;}
.box_top{background:url(../images/InProBg.gif) repeat-x left bottom; height:35px; padding-left:10px; font-size:14px; font-weight:bold; line-height:35px}
.list{ float:left; width:320px; margin:10px 0 0 10px; }
.list_img{float:left; width:50px; text-align:center; margin-top:10px;}
.list_text{ padding-left:65px; line-height:15px}


/*main left*/
.h1_title{display:block; margin:0 0 10px 0;}
.h1_title a {line-height:20px; font-size:14px; font-weight:bold;}
.mini_h1{color:#4a4b4b;font-size:12px;font-weight:bold;display:block; clear:both;}
.box_h1{font-size:22px;color:#0075a9; font-family:verdana;}
.txt_li{width:400px;float:left; margin:20px 0 0 25px;_margin:20px 0 0  20px; }
.txt_li p{line-height:16px;color:#434343;}
.txt_li p a{color:#444;}
.txt_ul_li{margin:10px 0; line-height:16px;}
.txt_ul_li li{color:#434343; background:url(../images/jt.gif) no-repeat left center; padding:0 0 0 15px;}
.b_t{font-weight:bold;font-size:12px; }
.b_x{font-size:11px; color:#ccc;}
a.b_x{font-size:11px; color:#444;}
.icon{padding:0px 5px;}
.price{font-family:Georgia;font-size:18px;color:#fe1301; text-align:center;margin:10px 0 0 0}
.price span{color:#333333; font-size:12px}
.pic_index{width:225px;float:left; text-align:center; margin:20px 0 0 0;}
.buy_download {padding:5px 0 0 0;}
.buy_download li{margin:5px 10px 0 0; float:left;}

.more_bg{width:110px; height:27px;  text-align:center; cursor:pointer;}
.more_bg a:link,.buy_bg a:visited{color:#40640c;line-height:25px; height:27px;font-weight:bold; text-decoration:none;backg\round:url(../images/more_bg.gif) no-repeat; display:block;padding:0 0 0 5px}
.more_bg a:hover{ background:url(../images/more_bg1.gif) no-repeat; display:block;}


.buy_bg{width:90px; height:27px;  text-align:center; cursor:pointer;}
.buy_bg a:link,.buy_bg a:visited{color:#40640c;line-height:25px; height:27px;font-weight:bold; text-decoration:none;backg\round:url(../images/buy_bg.gif) no-repeat; display:block;padding:0 0 0 5px}
.buy_bg a:hover{ background:url(../images/buy_bg1.gif) no-repeat; display:block;}
.dw_bg{width:90px; height:27px;  text-align:center; cursor:pointer;}
.dw_bg a:link,.dw_bg a:visited{width:90px; height:27px; line-height:25px; background:url(../images/download.gif) no-repeat; font-weight:bold; color:#6d4c04; padding:0 0 0 5px; display:block}
.dw_bg a:hover{width:90px; height:27px;  background:url(../images/download_bg1.gif) no-repeat; font-weight:bold; color:#6d4c04; padding:0 0 0 5px; display:block; text-decoration:none}

/*main right*/
#box_right{width:240px;float:right;margin-right:10px;}
.right_box{margin:10px 0 0 0; border:1px solid #cacaca; width:232px; float:right}
.margin_top{ margin-top:25px;}
.right_h1{height:29px;background:url(../images/title_h1.gif) no-repeat; padding:0 0 0 20px; font-size:14px; color:#313131;}
.right_txt_ul{padding:10px;}
.right_txt_ul li{background:url(../images/li.gif) 0px 20px no-repeat; padding:10px 0 5px 10px;line-height:14px;border-bottom:1px solid #e4e2e2}
.right_txt_ul p{line-height:14px;}
.right_txt_ul li.no_line1{border:0px;margin:0 0 5px 0}
.right_txt_ul a { color:#444;}

/*index right news*/
.right_ul li{background:url(../images/icon-arrow.png) 6px 10px no-repeat; padding-left:20px; margin:0 10px 0 10px; line-height:25px;  }
.right_ul li a{color:#333; text-decoration: none}
.right_ul li a:hover{text-decoration: underline;}
/*index right tags*/
.tags{margin:0 10px 0 10px; line-height:25px;}
.tags a{color:#333}
.font_20{ font-size:20px}
.font_16{ font-size:16px}
.font_14{ font-size:14px}
.font_12{ font-size:12px;}
.font_10{ font-size:10px;}
.font_line{ text-decoration:underline}
.follow{margin:10px 10px;}
.follow li{ float:left; font-size:11px; margin:0 6px 5px; text-align:center; width:35px;}
.follow a{padding:40px 0 0 0; display:block; color:#333}
.follow .buzz a { background:url(../images/icon/google-buzz.jpg) no-repeat}
.follow .twitter a { background:url(../images/icon/twitter.jpg) no-repeat}
.follow .rss_logo a { background:url(../images/icon/rss.jpg) no-repeat}

/*link_logo*/
#link_logo{background:url(../images/link_bg.gif) no-repeat;height:69px; margin:20px 0 0 0}
#link_logo ul{float:left;width:570px;margin:5px 0 0 10px;background:url(../images/link_line.gif) right no-repeat;}
#link_logo ul li{float:left;padding:0px 4px;}
.link_new {float:left; width:250px; margin:18px 0 0 10px;}
.new_img{width:28px;float:left; padding:0px 0 0 0}
.new_txt{float:left;width:200px;padding:0 0 0 10px;line-height:15px; color:#0075a9}

/*footer*/
#footer{width:922px;margin:0px auto; font-size:10px; padding:0px 0px 15px 0}
#footer p{text-align:center;line-height:13px;}
#footer a:visited,#footer a:link{ font-size:11px;color:#ffffff;}
#footer a:hover{text-decoration: underline; font-size:11px;}
.font_size{font-size:10px;}
#copyright{}
#copyright a:visited,#copyright a:link{color:#333333;}
#copyright a:hover{ color:#000000;}

/*Purchase.html*/
#box_padding{padding:10px;}
#main_left{width:695px;float:left;}
#main_left1{width:695px;float:left;margin-left:100px}

/*page_left*/
.line_title{height:20px;line-height:20px; margin-bottom:10px; font-size:12px;font-weight:bold;}

/*online style*/
.line_title a:visited,.line_title a:link{color:#333;font-size:12px;font-weight:bold;}
.line_title a:hover{text-decoration:underline; color:#000;}

.banner_1{margin:0 0 20px 0}
.h2_title{height:44px;background:url(../images/title.gif) no-repeat;line-height:42px;padding:0 0 0 20px;font-size:18px;}


h1{height:44px;line-height:42px;padding:0 0 0 20px;font-size:18px;}
h2{font-size:12px; font-weight:bold; margin:0;}


.ph_Information{padding:10px 0;}
.ph_Information .Infor_title a:visited,.ph_Information .Infor_title a:link{ font-size:14px;height:40px;line-height:40px;background:url(../images/li_jt.gif) 10px 4px no-repeat;padding:0 0 0 20px;font-weight:bold;margin:0 0 5px 0; color:#0075a9 }
.ph_Information .Infor_title a:hover{font-size:14px;height:40px;line-height:40px;background:url(../images/li_jt.gif) 10px 4px no-repeat;padding:0 0 0 20px;font-weight:bold;margin:0 0 5px 0; color:#0075a9}

.Infor_img{float:left;width:112px;padding:10px 0 0 0; text-align:center;}
.Infor_txt{padding:0 0 0 130px;}
.Infor_txt p {height:110px;}
.Infor_cy{float:left; padding:0 10px 0 5px; margin:0 0 30px 0; width:332px;}
.price1{font-family:Georgia;font-size:20px;color:#fe1301; text-align:center; margin:5px 0 0 0; line-height:25px;}
.price1 del {font-size:14px; color:#333;}
.price1 span{color:#333333; font-size:12px}
.buy_download1 ul li{margin:0 5px 0 0; float:left;}
.buy_download1{height:30px; margin:10px 0 0 0;}
.noimg{background:none}
/*page_right*/
#main_right{width:204px;float:right;}
.rt_box{border:1px solid #dedede;background:#f3f3f3;margin:0 0 5px 0}
.h3_title{height:24px;line-height:20px;background:url(../images/rt_title.gif) repeat-x;padding:0 0 0 20px;font-size:12px; font-weight:bold}
.rt_box_padding{padding:20px 4px;}
.rt_ul_li ul li{height:29px;background:url(../images/ph_li.gif) no-repeat; text-align:center;margin:8px 0}
.rt_ul_li table td{height:16px;line-height:7px; text-align:left}
.shuzi{font-size:18px; text-align:center}
.rt_ul_li a:visited,.rt_ul_li a:link{color:#003abe; line-height:8px;}
.rt_ul_li a:hover{text-decoration:none;}

/*purchase_features.html*/

.purchase_img{width:116px;float:left; margin:20px 0 20px  30px;}
.purchase_txt{width:500px; _width:450px;float:left; margin:10px 0 0 20px}
.p_img_search{}
.p_img_search a{display:block;width:132px;height:19px;margin:5px auto 5px -15px;padding-left:20px;background:url(../images/view-screen-shot.JPG) no-repeat; color:#333333;line-height:19px;}

.pur_b{font-size:14px; font-weight:bold;margin:0 0 10px 0}
.pur_txt{line-height:16px; font-size:11px;}
.photo_t{height:19px;width:116px; margin:20px auto; background:url(../images/photo_t.gif) no-repeat; text-align: center; font-size:10px;line-height:16px; padding:0 0 0 6px}
.photo_t a{font-size:10px;}
.photo_t a:hover{ color:#333333}
.pur_buy{margin:0px 0 0 0; width:480px; float:left}
.tab_main{background: url(../images/photo_bg.gif) repeat-y; height:auto; width:693px;}
.tab_top{ background: url(../images/pr_tab.gif) no-repeat; height:35px;width:693px; }
.tab_bottom{ background: url(../images/photo_b.gif) no-repeat; height:12px;width:693px;}
.tab_top ul li{float:left; height:29px;width:109px;background:url(../images/pr_tab2.gif) no-repeat; padding:0px 1px; line-height:27px; text-align:center;}
.tab_top ul .livetab{ background:url(../images/pr_tab1.gif) no-repeat;}
.tab_top ul .livetab a{color:#fff}
.tab_top a:visited,.tab_top a:link{font-size:12px; color:#000000;display:block; cursor:pointer;line-height:27px;}
.tab_top a:hover{text-decoration:none;}
.tab_box{padding:10px 10px}
.pur_fe_img{width:105px; height:71px; float:left; margin:0 0 0 20px}
.pur_fe_txt{width:600px;float:left; margin:0 0 0 15px}
.pur_fe_img1{width:94px; height:70px; float:left; margin:10px 0 0 20px}
.pur_fe_txt1{width:530px;float:left; margin:0 0 0 15px}
.pur_fe_img2{float:left; margin:0 10px 0 0;}
.pur_fe_txt2{padding:0 0 0 320px;}
.pur_fe_txt2 p,.pur_fe_txt3 p {padding-left:25px;}
.pur_fe_img3{float:right; margin:0 0 0 10px;}
.pur_fe_txt3{padding:0 10px 0 0;}
.tab_box p{line-height:18px;font-size:11px;}
.pur_fe_padding{padding:0 0 10px 0; font-weight: bold; background:url(../images/icon/file-icon.jpg) no-repeat left top; padding-left:25px;}
.pur_fe_padding span{font-size:12px;}
.title_tr_b{background:  url(../images/jt.gif)  0px 3px no-repeat; padding:0px  0px 10px 20px; font-weight:bold}
.title_tr_c{background:  url(../images/back.gif)  0px 3px no-repeat; padding:0px  0px 10px 20px; font-weight:bold}
.pading_b{padding:0  0  0 20px}
.pading_b1{padding:0  0  0 20px}
.pading_b1_p{background:url(../images/li.gif) 0px 6px no-repeat; padding:0 0 0 10px}
.system{width:697px; height:130px;background:url(../images/wd_bg.gif) no-repeat; margin:20px auto}
.system_title{ padding:10px 0 0 20px; font-size:14px;  font-weight:bold}
.system_img{width:72px; height:68px;float:left; margin:15px 20px;}
.system_txt{float:left; width:550px; margin-top:15px}
.system_txt p{ line-height:16px; margin:10px 0 0 0}
.top_back{float:right; margin:5px auto}
.knwledge_p{padding:0 0 0 20px; background:url(../images/icon-arrow.png) 6px 3px no-repeat; font-size:12px; font-weight:bold; margin:10px auto}
.knwledge_p a{color:#333; text-decoration: none}
.knwledge_p a:hover{text-decoration: underline;} 


.knowledge{border: 1px dotted #BBBBCC; margin:10px 10px 0 10px; padding:10px 10px;}
.knowledge .box{ float:left; width:320px;}
.rss_img{ float:right; margin-right:10px;}

.topic li{ float:left; width:197px; background:url(../images/icon-arrow.png) 6px 3px no-repeat; padding-left:20px; margin:2px 0;}
.topic li a{color:#333; text-decoration: none}
.topic li a:hover{text-decoration: underline;}

.industry_news li{background:url(../images/icon-arrow.png) 6px 3px no-repeat; padding-left:20px; margin:5px auto }
.industry_news li a{color:#333; text-decoration: none}
.industry_news li a:hover{text-decoration: underline;}


/*purchase_related.html*/
.kr_bg{background:url(../images/Knowledge_Glossary_bg.gif) no-repeat;width:661px;height:140px; margin:0px auto;}
.kr_bg ul li{float:left;margin:0px 15px; height:18px; line-height:18px;}
.kr_bg table td{text-align:center}
.kr_bg table{margin:10px}
.tab_box .link a:visited,.tab_box .link a:link{color:#333; text-decoration: underline}
.tab_box .link a:hover{text-decoration: none;}
.kld_pad {padding:10px 0px 0px 20px; line-height:18px;}
.rt_banner{width:203px; height:116px;background:url(../images/rt_banner1.gif) no-repeat; margin:22px 0 10px 0}
.rt_banner_title{margin:6px; font-size:14px; color: #000000; padding:0px 15px; }
.rt_banner_img{width:35px; height:54px;float:left; margin:0px 0 0 6px}
.rt_banner_txt{width:150px;float:left; margin:0 0 0 5px; _margin:0 0 0 2px;}
.rt_banner_txt p{line-height:15px;}

.tc_title{width:606px; background:url(../images/lx_title.jpg) no-repeat; height:65px; font-size:16px; font-weight:bold; line-height:65px; color:#333333; padding:0 0 0 25px}
.help_title{background:url(../images/jt.gif) 0px 2px no-repeat; padding:0px 20px; margin:10px 0px; }
.help_title strong{font-weight:normal;}
.help_p{padding:0px 30px; margin:10px 0px}
.aff_table table td {padding:5px;}
inupt{border:0px}
.map_ul {padding:0px 15px}
.map_ul li{float:left; margin:0px 5px}
.map_title{font-weight:bold;padding:0px 20px; margin:20px 0 0 0 ;}
.map_main a:visited,.map_main a:link{font-size:12px; color:#000000;display:block; cursor:pointer;line-height:27px; text-decoration:none}
.map_main a:hover{text-decoration: underline;}
.bank_buy{margin:30px auto}
.bank_buy table td {height:20px;padding:5px;}
.border_1d  td{border-bottom:1px solid #CCCCCC; height:30px}
.border_1d {margin:10px 0 30px 0}
.Details{text-align:right;padding:0 10px 0 0;}


/*============ Zhaojk add pruchase style 20090623 =============*/
#pruchaseTale{width:695px;_margin-left:-10px;margin:10px 0 0 0;}
#pruchaseTale #swreg,#pruchaseTale #paypal{height:39px;padding:16px 50px 0 140px;color:#5d5d5d;line-height:120%;}
#pruchaseTale #swreg{background:url(../images/swreg_title_bg.jpg) left top no-repeat;}
#pruchaseTale #paypal{background:url(../images/paypal_title_bg.jpg) left top no-repeat;}
#pruchaseTale table{margin-bottom:20px;border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
#pruchaseTale table th{height:30px;background-color:#e5e5e5;color:#313131;font-weight:bolder;text-align:left;text-indent:15px;}
#pruchaseTale table td{height:30px;border-bottom:1px solid #cccccc;text-align:center;}
#pruchaseTale table td.fristTd{padding-left:10px; text-align:left;text-indent:15px;}
#pruchaseTale table td big,#pruchaseTale table td small{color:#F00;font-size:12px;}
#pruchaseTale table td small{font-size:10px;}
#pruchaseTale table td a{padding-left:15px;background:url(../images/shopping_icon.jpg) center left no-repeat;}

#hotTags{margin:15px 0px 2px 10px; padding-top:2px;border-top:0px solid #CCCCCC;color:black;}
#hotTags a{padding-right:11px;color:#000000;}
#hotTags a:hover{color:#0033CC;}


/*jofii add 2009-11-25*/
.purchase_txt h2 {color:#FF0000; padding-bottom:10px;}
.purchase_txt p {padding-right:60px;}

.pro_txt_list {padding:10px 0;}
.pro_txt_list li {background:url(../images/jt.gif) no-repeat left 5px; padding-left:15px;}


/*2010-02-21  dvd creator mac menu*/
.menu{ padding-bottom:25px;}
.menu p{border-bottom: dotted #CCCCCC 1px;}
.menu li{ float:left; width:155px; margin-left:10px; margin-top:10px;}

/*2010-02-22 product advanced compare*/
.recommend{padding:0px 10px 15px 10px; background:url(../images/table_bg.jpg) no-repeat; height:180px;}
.table_top{ padding-top:6px; color:#FFF; font-size:13px; font-weight:bold}
.table_box{float:left; width:660px;  padding:0 10px; margin-top:5px;}
.table_img{float:left; width:100px; text-align:center; }
.table_title{ margin-bottom:8px}
.table_title a{line-height:20px; font-size:14px; font-weight:bold; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; }

.table_text{ padding-left:118px;}
.margin_right{ margin-right:10px;}

.del{ text-decoration: line-through}

.rss_logo{ float:right; margin-right:5px}
.rss{ padding:20px 20px; margin:20px 10px 20px 10px; border:#CCCCCC solid 1px;}
.rss_title{ font-size:24px; font-weight: bold; color:#333}
.rss_l{  padding:10px 20px 10px 0; width:250px; float:left; line-height:30px;}
.rss_r{ padding-left:20px; width:320px; float:left; line-height:30px}
.rss_ul{ width:320px; overflow:hidden}
.rss_ul li{ margin:0px 5px; display:inline; float:left}
.rss_2{ padding:20px 20px; margin:20px 10px 20px 10px;}

.feature{
float:left;
height:250px;
padding:10px;
width:315px;
}

.tab_box table td, .tab_box table th {
height:25px;
line-height:25px;
padding:0 10px;
}

.win{
background: url(../images/win_icon2.gif) no-repeat 5px 7px;
}

.mac{
background: url(../images/mac_icon2.gif) no-repeat 5px 9px;
}

#radiuser{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
border:1px solid #DDDDDD;
color:#999999;
padding:8px 28px;
margin-right:10px;
}
