@charset "utf-8";
/*style-hack*/
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;}
body,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,dl,dt,dd{font:normal 12px/1.8em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
ul,ol{list-style:none;}
ol{list-style-type:decimal;padding:4px 0 0 28px;}
fieldset{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
a{blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());outline:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#2971A7;text-decoration:underline;}
a:active{color:#999;}
a img{border:none;}
p.note{border:1px solid #dedede; margin:8px 0; padding:8px; background:#f7f7f7;}
body{background:#F7F7F7 url(../images/top-bg.gif) repeat-x scroll 0 0;color:#454545;}
.w960{width:960px;margin:0 auto;}
h1.title1{border-bottom:1px solid #DEDEDE;color:#000;font-size:18px;font-weight:bold;margin-bottom:12px;padding-bottom:4px;}
h2.title2{color:#000;font-size:16px;font-weight:bold;margin-bottom:4px;padding-bottom:4px;}
h3.title3{background:transparent url(../images/h3.png) no-repeat scroll 0 0;height:29px;line-height:29px;padding-left:34px;font-weight:bold;}

a.goto{color:#08c;padding-right:10px;background:transparent url(../images/icon4.gif) no-repeat scroll 100% 6px;}



/*top*/
#top{width:960px;margin:0 auto;overflow:hidden;height:100px;}
#top a#logo{float:left;margin:16px 0 0 8px;display:block;width:297px;height:55px;background:transparent url(../images/logo.png) no-repeat scroll 0 0;text-indent:-9999px;}
ul#menu{margin:30px 0 0 24px;padding:8px 0 0 0;float:left;width:610px;height:38px;background:transparent url(../images/menu-bg.png) no-repeat scroll 0 0;}
ul#menu li{display:inline;padding-left:32px;}
ul#menu li a{ color:#000;}


/*index*/
#banner{margin-top:12px;position:relative;}
#banner h2{font-size:15px;text-align:center;margin:8px 0;}
#banner .slogan{text-align:center;margin:16px 0;}
#banner .action2{text-align:right;padding-right:54px;}
#banner .action2 a{margin-right:12px;padding-left:18px;background:transparent url(../images/icon2.png) no-repeat scroll 0 -3px;color:#09c;font-size:14px;text-decoration:underline;}
#banner .action2 span{text-decoration:line-through;color:#f60;font-family:Verdana, Geneva, sans-serif;font-size:14px;}
#banner .price-now{position:absolute;right:3px;top:28px;}

#contents1{overflow:hidden;width:980px;margin:2px auto;background:#F7F7F7 url(../images/box2-bg.png) repeat-y scroll 0 0;}
#contents1 .boxtop{background:transparent url(../images/box2-top-bg.png) no-repeat scroll 0 0;height:19px;}
#contents1 .boxbottom{background:transparent url(../images/box2-bottom-bg.png) no-repeat scroll 0 0;height:24px;clear:both;}
#contents1 .item1{width:320px;float:left;}
#contents1 .item1x{border-right:1px dashed #ccc;padding-right:12px;margin-right:16px;}
#contents1 .item1 h3{margin:4px 4px 12px;display:block;width:306px;height:28px;background:transparent url(../images/dvd-ipod-mac-h.png) no-repeat scroll 0 -2px;text-indent:-9999px;}
#contents1 .item1 .h3-2{background:transparent url(../images/ipod-video-mac-h.png) no-repeat scroll 0 -2px;}
.item1 .box1{text-align:center;margin:12px 0 4px 0;}
.item1 .action1{margin-top:18px;}
.item1 .action1 a{font-size:13px;width:101px;height:22px;text-align:center;background:transparent url(../images/btn1-bg.png) no-repeat scroll 0 0;display:block;float:left;margin-right:16px;}
.item1 .action1 span{color:#f60;font-weight:bold;}
.item2{width:200px;float:left;margin-left:46px;}
.item2 .h3-3{margin:0 4px 12px;display:block;width:111px;height:25px;text-indent:-9999px;background:transparent url(../images/howto-h.png) no-repeat scroll 0 0;}
.item2 li{padding-left:22px;background:transparent url(../images/icon3.png) no-repeat scroll 2px 7px;line-height:18px;margin-top:4px;}



/*nav*/
#nav{width:940px;margin:4px auto;background:transparent url(../images/home.gif) no-repeat scroll 0 2px;clear:both;color:#555;font-size:11px;height:1%;overflow:hidden;padding-left:24px; font-size:12px;}
#nav a{color:#555;}
#nav h2{display:inline;color:#555;}
#nav a:hover{color:#999;text-decoration:none;}
#nav span{color:#999;padding:0 4px;font-family:Verdana, Geneva, sans-serif;}
/*contents*/
#contents{overflow:hidden;width:980px;margin:2px auto;background:#F7F7F7 url(../images/box-bg.png) repeat-y scroll 0 0;position:relative;}
#contents .boxtop{background:transparent url(../images/box-top-bg.png) no-repeat scroll 0 0;height:19px;}
#contents .boxbottom{background:transparent url(../images/box-bottom-bg.png) no-repeat scroll 0 0;height:31px;clear:both;}
#main{padding:12px 30px;width:auto;overflow:hidden;}
#article{ overflow:hidden; height:100%; }
#article p{margin:4px 0; font-size:13px;}
#article strong { color:#555;}
#article ul{margin:4px;}
#article h3{font-size:15px;font-weight:bold; color:#000; padding:12px 0 4px 0;}
#article ul li{background:transparent url(../images/list.gif) no-repeat scroll 0 6px;padding-left:17px; font-size:13px;}
#article ol li{}
#article a{ color:#08c; font-size:13px;}
#article .ra{ background-color:#fafafa;border:4px solid #eee;clear:both;height:1%;margin:10px 0;overflow:hidden;padding:8px 12px;}
#article .ra h4{font-weight:bold;}
#article .ra li a{text-decoration:underline; color:#555;font-size:12px;}
#article .ra li a:hover { text-decoration:none; color:#000;font-size:12px;}
/*tutorials*/
#tutorials{margin-left:8px;}
.column1,.column2{float:left;width:98%;margin-right:8px;}
.item4{margin-bottom:16px;overflow:hidden;}
.item4 ul{margin:8px;}
.item4 li{background:transparent url(../images/icon3.png) no-repeat scroll -2px 6px;line-height:18px;margin-top:4px;padding-left:16px;}
/*support*/
#support{width:600px;float:left;}
.support1{float:right;margin:60px 0 0 10px}
#support .item3{margin:8px 0 28px 4px;}
#support .item3 a{text-decoration:underline;}
#support .item3 h2{color:#08e;}
#support .item3 h4{font-weight:bold;font-size:13px;margin-top:8px;}
#support .item3 ul li{background:transparent url(../images/list.gif) no-repeat scroll 0 6px;padding-left:17px;}
#support .item3 ol li{}
/*store*/
#store{overflow:hidden;padding-bottom:12px;}
#store .pBox{width:30%;padding:0 16px;float:left;background:transparent url(../images/cut.png) no-repeat scroll right bottom;}
#store .end{padding-right:0px;background:none;}
#store .pBox h3{margin:4px 0 28px 0;display:block;font-size:15px;font-weight:bold;}
#store ul{}
#store li{padding:2px 4px;}
#store li a{display:block;width:100%;font-size:13px;}
#store li a img{vertical-align:middle;margin-right:8px;}

/*prod*/
#prodTop{overflow:hidden;}
h1.h1-1{background:transparent url(../images/h1-1.png) no-repeat scroll 0 0;display:block;height:27px;margin:4px 4px 12px;text-indent:-9999px;width:440px;}
h1.h1-2{background:transparent url(../images/h1-2.png) no-repeat scroll 0 0;display:block;height:27px;margin:4px 4px 12px;text-indent:-9999px;width:423px;}
h1.h1-3{background:transparent url(../images/h1-3.png) no-repeat scroll 0 0;display:block;height:27px;margin:4px 4px 12px;text-indent:-9999px;width:440px;}
#prodTop .prodTopImg{float:left;margin:32px 0 0 -22px;}
#prodTop .prodTopText{overflow:hidden;height:100%;width:472px;float:left;margin:12px 0 0 6px;}
#prodTop .prodTopText p{padding:6px 0 0 12px; line-height:20px;}
#prodTop .prodTopText p a { text-decoration:underline; }
#prodTop .prodTopAction{float:right;width:227px;height:255px;background:transparent url(../images/bg3.png) no-repeat scroll 0 0;}
.prodTopAction h4{font-size:15px;font-weight:bold;color:#2184B0;background:transparent url(../images/download-icon.jpg) no-repeat scroll 34px 4px;padding-left:28px;text-align:center;margin-bottom:4px;}
.prodTopAction .action1{width:176px;height:215px;margin:10px 0 0 22px;}
.action1 p.s1{padding:2px 6px;}
.action1 p.s1 span{color:#666666;float:right;font-size:11px;text-align:right;}
.action1 p.s1 a{background:transparent url(../images/icon4.gif) no-repeat scroll 0 4px;color:#0099CC;font-size:11px;padding-left:10px; text-decoration:underline;}
.action1 p.s2{text-align:center;border-bottom:1px dashed #ccc;padding:4px;}
.action1 p.s3{text-align:center;margin-top:8px;}
.action1 p.s4{text-align:center;margin-top:8px;}
.action1 p.s4 span.price1{color:#999;font-size:16px;text-decoration:line-through;}
.action1 p.s4 span.price2{color:#333;font-size:16px;padding-left:16px;}
.prodLeft{width:700px;float:left;}
.prodLeft .features{}
.prodLeft .features .featuresLeft{float:left;width:340px;}
.prodLeft .features .featuresRight{float:right;width:340px;}
.prodLeft .features dt{background:transparent url(../images/icon3.gif) no-repeat scroll 0 -1px;color:#024B82;font-size:14px;font-weight:bold;margin:12px 0;padding-left:32px;}

.prodLeft .features1{}
.prodLeft .features1 dt{background:transparent url(../images/icon3.gif) no-repeat scroll 0 -1px;color:#444;font-size:14px;font-weight:bold;margin:12px 0;padding-left:30px;}
.prodLeft .features1 dd { padding-left:18px;}
.prodLeft .features1 dd p { margin-top:12px; color:#666;}

.prodLeft .reference{}
.prodLeft .reference ul{margin:8px;}
.prodLeft .reference ul li{padding:4px 0;}
.prodLeft .reference h4{padding:8px 12px;background-color:#eee;font-weight:bold;color:#08c;font-size:13px;}
.prodLeft .reference dl{margin:4px 0;overflow:hidden;height:100%;}
.prodLeft .reference dt{float:left;width:60px;padding:12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.prodLeft .reference dd{float:left;padding:12px;border-bottom:1px solid #ccc;width:588px;}
.prodLeft .reference .noborder{border-bottom:none;}

.sTitle{border-bottom:1px solid #DEDEDE;color:#000000;font-size:20px;font-weight:normal;margin-bottom:8px;padding-bottom:2px;}
.prodLeft .orderbox{ background-color:#F9FEF8; border:1px solid #9FE18E; display:block; margin:16px 0; padding:6px 18px; clear:both;}
.orderbox .orderbox1 { background:transparent url(../images/buy-now.jpg) no-repeat scroll 0 -1px; padding-left:22px; font-weight:bold; color:#09c; margin-right:38px; font-size:13px;}
.orderbox .orderbox1 span { font-weight:normal; padding-left:4px; color:#f60; }
.orderbox .orderbox2 { background:transparent url(../images/download-now.jpg) no-repeat scroll 0 -1px; padding-left:22px; font-weight:bold; color:#09c; margin-right:18px; font-size:13px;}

.sPart { overflow:hidden; display:block; height:100%;}
.sPart1 { float:right; width:474px;}
.sPart1 p { margin-bottom:8px;}
.sPart2 { float:left; margin:20px 0 0 2px;}

.prodRight{width:222px;float:right;border-left:4px solid #00ACDA;position:absolute;right:7px;top:8px;height:98%;}
.prodRight ul li strong{width:auto;height:40px;display:block;background:transparent url(../images/btn-1.png) no-repeat scroll 0 0;font-size:18px;padding:18px 0 0 58px;color:#fff;}
.prodRight ul li strong.notTop{color:#fff;font-weight:bold;font-size:18px;padding:16px 0 0 58px;width:auto;height:40px;display:block;background:transparent url(../images/btn-3.png) no-repeat scroll -1px 0;}

.prodRight ul li a{color:#000;font-weight:bold;font-size:18px;padding:10px 0 0 58px;width:auto;height:46px;display:block;background:transparent url(../images/btn-4.png) no-repeat scroll -1px 0;}
.prodRight ul li a:hover{color:#00ACDA;text-decoration:none;background:transparent url(../images/btn-5.png) no-repeat scroll -1px 0;}
.prodRight ul li a.topLink{width:auto;height:46px;display:block;background:transparent url(../images/btn-2.png) no-repeat scroll 0 0;font-size:18px;padding:12px 0 0 58px;}
.prodRight ul li a.topLink:hover{width:auto;height:46px;display:block;background:transparent url(../images/btn-6.png) no-repeat scroll 0 0;font-size:18px;padding:12px 0 0 58px;}

.prodRight dl { padding:12px;}
.prodRight dl dt {font-size:14px; border-bottom:1px solid #DEDEDE; margin-bottom:8px;padding-bottom:2px;;}
.prodRight dl dd { margin-bottom:12px;}
.prodRight dl dd p { color:#777777; font-size:11px; padding:0 0 0 4px;}


/*purchase*/
#contents2{background:#F7F7F7 url(../images/box3-bg2.png) no-repeat scroll 0 0;margin:2px auto;overflow:hidden;width:980px;}
#contents2 #main1{overflow:hidden;padding:26px 30px;width:auto;}
.purchaseLeft{float:left;width:672px;margin-top:8px;}
.purchaseLeft .purchaseImg{float:left;width:182px;margin-right:12px;}
.purchaseLeft .purchaseBenifit{float:left;}
.purchaseBenifit h4{font-size:16px;color:#00ACDA;margin-bottom:8px;}
.purchaseBenifit li{color:#666;}
.purchaseLeft .card{clear:both;}
.purchaseLeft .card h4{font-size:14px;color:#777;width:142px;display:block;float:left;margin:8px 0 0 0;}

#contents3{background:#F7F7F7 url(../images/box3-bg1.png) no-repeat scroll 0 0;margin:2px auto;overflow:hidden;width:980px;}
#contents3 #main2{overflow:hidden;padding:26px 30px;width:auto;}
#contents3 #main2 h4{font-weight:bold;font-size:14px;color:#777;}
#main2 .purchaseBox{clear:both;margin:12px 0;overflow:hidden;}
#main2 .purchaseBox ul{}
#main2 .purchaseBox ul li{background-color:#F7F7F7;display:block;height:32px;margin-bottom:12px;overflow:hidden;width:640px;}
#main2 .purchaseBox ul li .ver{color:#333;font-weight:bold;display:block;float:left;font-size:13px;line-height:32px;padding-left:16px;width:240px;}
#main2 .purchaseBox ul li .price{color:#00ACDA;display:block;float:left;font-size:14px;font-weight:bold;line-height:32px;}
#main2 .purchaseBox ul li a{font-weight:bold;background:transparent url(../images/bg9.png) no-repeat scroll 0 0;color:#fff;display:block;float:right;
font-size:13px;;margin:6px 18px 0 0;text-align:center;text-decoration:none;width:102px;height:21px;line-height:21px}



.purchaseRight{float:right;width:192px;margin-right:32px;}
.purchaseRight li{background:transparent url(../images/icon8.png) no-repeat scroll 0 4px;border-bottom:1px dashed #CCCCCC;margin:12px 0;padding-bottom:4px;
padding-left:24px;}
.purchaseRight li.end{border:none;}

/*faqs.html*/
.product-faq{padding:8px 2px;}
.product-faq li{background:transparent url(../images/doc.gif) no-repeat scroll 0 3px;padding-left:2px;}
.product-faq hs{font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.product-faq .faq-answer{background:#fff none repeat scroll 0 0;border:1px solid #e5e5e5;margin:4px 0 12px;padding:8px 14px;}
.product-faq h4 a{color:#555;font-size:14px;cursor:pointer;padding-left:22px;font-weight:bold;}
.product-faq .faq-answer p{color:#555;line-height:2em;margin-bottom:6px;}
.product-faq .faq-answer p span{color:#f30;}
.product-faq .faq-answer p a{text-decoration:underline;}




/*footer*/
#footer{clear:both;overflow:hidden;height:100%;background:#F7F7F7 url(../images/footer-bg.gif) repeat-x scroll 0 0;}
#footLink{padding:32px 0 0 0;text-align:center;}
#footLink a{font-size:11px;text-decoration:underline;}
#footLink span{margin:0 6px;color:#bbb;}
p#copyright{text-align:center;margin:8px 0 6px 0;color:#444;}