.try-buy { margin:12px 6px 0 6px; padding:24px 24px 6px; width:704px; overflow:hidden; clear:both; border-top:1px solid #aeaeae; background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0;}
.try-buy p { color:#777;}
.try-buy h4 { font-size:15px; padding:0 0 16px 0; color:#123; }
.try-buy h4 a { float:right; color:#58c; font-size:10px; background:transparent url(../images/icon-up.gif) no-repeat scroll 100% 50%; padding-right:14px;}
.try-buy a.down,.try-buy a.buy { display:block; float:left; font-size:13px; height:23px; line-height:22px; }
.try-buy a.down { background:transparent url(../images/icon-down.gif) no-repeat scroll 0  5px; padding-left:14px; color:#58c; margin-right:28px;}
.try-buy a.buy { background:transparent url(../images/style/bgs-2.png) no-repeat scroll -104px -3px; width:78px; color:#fbfbfb; padding-left:28px; font-size:13px; margin-right:6px; text-decoration:none;}

/* nav */
#product-nav h1 { font-size:19px; display:block; float:left; text-shadow:0 1px 0 #eee;}
#product-nav h1 a { text-decoration:none; font-size:19px; color:#000;}
#product-nav h1 span {font-size: 12px;letter-spacing: 0;padding-left: 12px;color: #999;}
#product-nav ul { float:right; padding-top:6px; display:inline;}
#product-nav ul li { display:inline; float:left;}
#product-nav ul li a { text-shadow:0 1px 0 #fff; color:#333;  margin:0 4px 0 24px;}
#product-nav ul li a:hover { color:#09c; text-decoration:none;}
#product-nav ul li a.on { color:#999; cursor:default;}
#product-nav ul li.buy { margin-left:4px;}
#product-nav ul li.try a,#product-nav ul li.buy a,#product-nav ul li.free-try a { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; width:50px; height:20px; background:url(../images/style/try-bg.png) no-repeat scroll 0 0 transparent; line-height:18px; text-align:center; padding-left:6px; text-shadow:0 1px 0 #000; margin-top:-2px;}
#product-nav ul li.free-try a { width:97px; background:url(../images/style/free-try-bg.png) no-repeat scroll 0 0 transparent;}
#product-nav ul li.buy a { background:url(../images/style/buy-bg.png) no-repeat scroll 0 0 transparent; line-height:19px; padding-left:8px; margin-left:0; width:51px;} 
#product-nav #title a { display:block; width:320px; height:28px; text-indent:-900em;}
.mid { background:url(../images/title/mac-deluxe.png) no-repeat scroll -3px -2px transparent;}
.mvc { background:url(../images/title/mac-video-converter.png) no-repeat scroll -3px -2px transparent;}
.mdr { background:url(../images/title/mac-dvd-ripper.png) no-repeat scroll -3px -2px transparent;}
.mic { background:url(../images/title/mac-imedia-converter.png) no-repeat scroll -3px -2px transparent;}
.mis { background:url(../images/title/mac-itube-studio.png) no-repeat scroll -3px -2px transparent;}
.mdl { background:url(../images/title/mac-dvd-library.png) no-repeat scroll -3px -2px transparent;}
.mfvd { background:url(../images/title/mac-free-video-downloader.png) no-repeat scroll -3px -2px transparent;}
.msp { background:url(../images/title/mac-syncpod.png) no-repeat scroll -3px -2px transparent;}
.mdc { background:url(../images/title/mac-dvd-creator.png) no-repeat scroll -3px -2px transparent;}
.mvse { background:url(../images/title/mac-video-studio-express.png) no-repeat scroll -3px -2px transparent;}
.mdcp { background:url(../images/title/mac-dvd-copy-pro.png) no-repeat scroll -3px -2px transparent;}
.mirm { background:url(../images/title/mac-iphone-ringtone-maker.png) no-repeat scroll -3px -2px transparent;}
.mfs { background:url(../images/title/mac-freesync.png) no-repeat scroll -3px -2px transparent;}
.mdb { background:url(../images/title/mac-dvd-burner.png) no-repeat scroll -3px -2px transparent;}
.wdrm { background:url(../images/title/win-drm-removal.png) no-repeat scroll -3px -2px transparent;}
.wdr { background:url(../images/title/win-dvd-ripper.png) no-repeat scroll -3px -2px transparent;}
.wic { background:url(../images/title/win-imedia-converter.png) no-repeat scroll -3px -2px transparent;}
.mipod{ background:url(../images/title/mac-ipod-movie-converter.png) no-repeat scroll -3px -2px transparent;}
.mipad{ background:url(../images/title/mac-ipad-video-converter.png) no-repeat scroll -3px -2px transparent;}
.mdipad{ background:url(../images/title/mac-dvd-to-ipad-converter.png) no-repeat scroll -3px -2px transparent;}
.mdipod{ background:url(../images/title/mac-dvd-to-ipod-converter.png) no-repeat scroll -3px -2px transparent;}
.wul { background:url(../images/title/win-ultimate.png) no-repeat scroll -3px -2px transparent;}
.wvc { background:url(../images/title/win-video-converter.png) no-repeat scroll -3px -2px transparent;}
.wdc { background:url(../images/title/win-dvd-creator.png) no-repeat scroll -3px -2px transparent;}
.cps { background:url(../images/title/compare.png) no-repeat scroll -3px -2px transparent;}

/*main-product*/
.overview { overflow:hidden; margin-bottom:16px;}
.prod-pic { float:left; padding:42px 0 0 20px; position:relative; height:245px;}
.prod-pic .box { position:absolute; top:88px; left:22px;}
.features .new-hot {position: absolute;left: 0;top: 0;}
.prod-pic .icon { position:absolute; top:96px; left:15px;}
.prod-pic .icon2{position:absolute; top:225px; left:125px;}
.prod-pic .interface { margin-left:50px; -moz-box-shadow:8px 8px 24px #dedede; -webkit-box-shadow:8px 8px 24px #dedede;  box-shadow:8px 8px 24px #dedede;}
.prod-info { float:right; width:526px; padding:0 40px 12px 0;}
.prod-info p { text-align:justify; line-height:1.8em;}
.prod-info h2{color:#444; line-height:1.8em;text-align:left; font-size:20px; padding-bottom:6px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.prod-info ul { padding-top:10px;}
.prod-info li { background:url(../images/style/bgs-3.png) no-repeat scroll 2px -143px transparent; color:#444; line-height:1.8em; padding-left:16px;}
.prod-info .mac-pc { margin-top:12px; font-size:12px; color:#777; text-align:left;}
.prod-info .mac-pc span { font-weight:bold; padding-right:2px;}
.prod-info .special { color:#f00; font-size:13px; margin-top:12px; }

/*product middle section*/
.prod-do {background:transparent url(../images/style/bg-do.png) repeat-x scroll 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; height:100px; margin:24px 0; -webkit-box-shadow:0 1px 4px #ccc; -moz-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc;}
.prod-do p.title { padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#555; text-shadow:0 1px 0 #ddd;}
.prod-do p.title img { padding-right:7px; vertical-align:-4px;}

.prod-do .col1{ float:left; padding:19px 22px; border-right:1px solid #dedede; height:100px;}
.prod-do .col1 img { float:left; padding:5px; opacity:0.8; width:80px; height:48px; border:1px solid #ddd;  -moz-box-shadow:0 1px 8px #dedede; -webkit-box-shadow:0 1px 8px #ccc; box-shadow:0 1px 8px #dedede; cursor:pointer;}
.prod-do .col1 span { display:block; padding:12px 8px 0 15px; float:right; background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 92%; color:#58c; cursor:pointer;}
.prod-do .col2 { float:left; padding:16px 20px; border-right:1px solid #dedede;}
.prod-do p { color:#777; font-size:11px;}
.prod-do .col3 { float:left; padding:20px 30px 0 57px; margin-left:20px; border-right:1px solid #dedede; background:transparent url(../images/style/down.png) no-repeat scroll 0 26px; height:100px;}
.prod-do .col3 a { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#38c; display:block; text-shadow:0 1px 0 #fff;}
.prod-do .col3 p a { font-size:11px; display:inline;}
.prod-do .col3 span { color:#999; padding-left:6px;}
.prod-do .col4{ float:left; padding:16px 0 8px 30px; text-align:center;}
.prod-do .col4 .price{ font-family:Arial,Helvetica,sans-serif; font-size:19px;  color:#f30; line-height:1.2em;}
.prod-do .col4 .price s{color:#506099; font-size:14px;}
.prod-do .col4 .free { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:26px; color:#6064A1; padding-top:10px;}
.prod-do .col4 .buy-now{ background:transparent url(../images/style/bg-all.png) no-repeat scroll 0 0; display:block; width:153px; height:34px; line-height:34px; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000; font-size:18px; margin:4px 0 0 0;}
.prod-do .col4 .text a{ color:#f30; line-height:1.2em; padding-top:5px;}
.prod-do .col2-1{ width:265px;}
.prod-do .col3-1{ width:300px;}

/*left-part*/
.features .top-features , .features .more-features{overflow:hidden; height:100%; padding-bottom:20px;}
.features h3{ background:transparent url(../images/style/h-bg.png) no-repeat scroll 0 18px; color:#333; font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; margin:0 0 22px; padding:0 0 10px;}
.features .grid { width:326px; float:left; padding:2px 28px 18px 0;}
.features .grid img { float:left; margin-right:12px; width:64px;}
.features .grid p { float:left; width:250px; line-height:1.5em;}
.features .grid p.title{font-weight:bold; padding:0 0 4px; font-size:12px;}
.features .grid h5{font-weight:bold; padding:0 0 4px; font-size:12px;}
.features .cross { width:316px; float:left; padding:2px 48px 18px 0; }
.features .cross p.title{font-weight:bold; font-size:11px; padding:0 0 5px;}
.features .cross p {line-height:1.4em; width:250px; float:left;}
.features .cross img { float:left; margin-right:12px; width:50px; opacity:0.8;}
.features .last { padding-right:0;}

/*advanced*/
#advanced { position:relative; margin:20px auto; width:93%; overflow:hidden; border:1px solid #e6e6e6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 10px #ddd; -moz-box-shadow:0 2px 10px #ddd; box-shadow:0 2px 10px #ddd; background:url(../images/style/bg-t2.gif) repeat-x bottom left; clear:both;}
#advanced .img { float:left; position:relative; padding:10px 24px 20px 40px; }
#advanced h6 { width:720px; margin-top:14px; font-weight:bold; font-size:13px;}
#advanced h6 a { font-weight:bold; color:#333; font-size:13px;}
#advanced h6 span{color:#f30;}
#advanced p { width:726px; margin:0; color:#666; padding-top:4px; float:left; position:relative; display:block; line-height:1.6em;}
#advanced p.doit { padding-top:2px;}
#advanced p a.more { margin-right:18px;}
#advanced .hots { position:absolute; right:1px; top:1px;}

/*bottom promotion*/
#promos { background:url(../images/style/bg-do.png) repeat-x scroll 0 80px #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 4px #ccc; -moz-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc; border:1px solid #ddd; overflow:hidden; margin:20px auto 4px;  width:1038px;}
#promos .col { float:left; margin:0; padding:26px 24px; overflow:hidden; width:200px; border-left:1px solid #ddd; }
#promos .col-a { width:240px; border:none; }
#promos .col-b { width:182px;}
#promos .col-c { width:182px;}
#promos .col img { float:left;}
#promos .col h4 { padding:0 0 8px 0; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#promos .col h4 a { font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#promos .col h4 a:hover { color:#333; text-decoration:none;}
#promos .col li { color:#555; padding-bottom:4px;}
#promos .col li a { display:block; background:url(../images/style/bgs-3.png) no-repeat scroll 2px -148px transparent; padding:0 0 0 16px; color:#777; font-size:11px;}
#promos .col-d{ height:121px;}
#promos .col-d li{ line-height:1.5em; padding:4px 0 2px;}
#promos .col-d li a {background:transparent url(../images/icon-arrow.gif) no-repeat scroll 90% 68%; color:#58c; padding:0 8px 0 0; margin:0;}
#promos .col-a li{ display:inline;}
#promos .col-a li a { font-size:11px; color:#777; padding:0 10px 0 0; background:none; display:inline;}

/*bottom what's next*/
#what-next { background:transparent url(../images/style/gradient-bg.jpg) repeat-x scroll 0 1px; margin:20px auto; text-align:center; clear:both; width:94%; padding-top:10px;}
#what-next h4 { clear:both; font-size:22px; color:#333; padding:20px 0 12px; font-weight:normal;}
#what-next p,#what-next p a { font-size:13px; color:#555;}
#what-next ul { overflow:hidden; margin:12px auto; width:242px;}
#what-next ul li a { display:block; float:left; width:114px; height:23px; background:transparent url(../images/style/bg-buy.png) no-repeat scroll 0 0; color:#fff; line-height:23px; padding-left:6px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000;}
#what-next ul li a#down { background:transparent url(../images/style/bg-down.png) no-repeat scroll 0 0;}

/*user guide*/
.guide{margin: 10px auto 4px; overflow: hidden; padding: 8px 0; width:1038px;}
h2.hd {background: url(../images/style/title-hd.png) repeat-x scroll 0 bottom transparent; height: 48px; line-height: 48px;font-size: 18px; padding: 0 30px 4px; margin-bottom: 12px;}
.guide .lists { background-color:#FDFDFD; border:1px solid #E5E4E4; padding:8px; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; height:100%;}
.guide .lists ul li { background:none; float:left; height:100px; position:relative; text-align:center; width:100px; padding:0 16px; }
.guide .lists li span { display:block; color:#333; padding-top:8px;}
.guide .lists li a img { opacity:0.2; width:60px; height:60px;}
.guide .lists li a { display:block; cursor:pointer; text-decoration:none;}
.guide .lists li a span { color:#777;}
.guide .lists li .here span { color:#000;}
.guide .lists li .here img { opacity:0.95;}
.guide .lists li a:hover img { opacity:0.95;}
.guide .lists li a:hover span { color:#000;}
.guide .section { margin:20px 0 0 0;}
.guide .cts { padding:4px 0 20px 40px; position:relative;}
.guide .cts p { padding:0 0 6px;}
.guide .cts p.tips { padding:8px 20px; margin:8px 0;}
.guide .cts p.tips span{ font-weight:bold;}
.guide .cts .number { background:url(../images/style/bg-step.gif) no-repeat scroll 3px 3px transparent; color:#fff; font-weight:bold; font-size:18px; height:38px; line-height:34px; left:-4px; top:18px; padding:0; text-align:center; position:absolute; width:35px; font-family:Arial, Helvetica, sans-serif;}
.guide .section .last { border:none;}
.guide h4.az,.guide h4.az strong { overflow:hidden; font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif; margin:20px 0 8px; font-weight:bold; padding:0;}
.guide h4.az a { font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; color:#555; }
.guide h3 { color:#070; font-size:16px; padding:12px 0 10px;}
.guide .section strong { color:#777;}

/*tech spec*/
.left-part .system,.left-part .reference-a,.left-part .update { margin-bottom:24px;}
.left-part .system ul { margin-left:6px;}
.left-part .system ul li { line-height:1.8em; background:transparent url(../images/icon-dot.gif) no-repeat scroll 1px 5px; color:#666; line-height:1.7em; padding:0 0 0 16px;}
.left-part ol li { color:#666; line-height:1.8em;}
.left-part .data table { margin-bottom:20px; width:678px;}
.left-part .data table tr:hover { background:#fafafa;}
.left-part .data table tr th { background: url(../images/tutorial/titlebg.jpg) repeat-x scroll 0 0 transparent; border:1px solid #efefef;padding:8px 12px;font-size:13px;text-align:left;color:#318905;}
.left-part .data table tr td { border:1px solid #efefef;padding:8px 12px;text-align:left;line-height:2em;font-size:11px;color:#666;}
.left-part .data table tr td.rLeft{ width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0; line-height:1.5em;}
.left-part .data table tr td.rRight { font-size:12px;}
.left-part .data ul li { background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -143px; color:#565656; line-height:2em; padding:0 0 0 16px;}

/*history*/
.left-part h2{border-bottom:1px solid #DEDEDE; font-size:18px; font-weight:normal; margin:0 0 16px; padding:0 0 12px; color: #070;}
.history .item { border-bottom:1px solid #eee; overflow:hidden; margin-bottom:18px; padding-bottom:18px;}
.history .latest { padding-top:0; margin:0; border-top:none; }
.history .latest strong { color:#f30; font-weight:normal; font-size:12px; padding-left:8px;}
.history .item h3 { color:#333; font-size:13px; padding:12px 0 10px;}
.history .item h3 span { color:#999; font-size:11px; padding-left:16px;}
.history .last { border:none;}
.history ol { margin:0 0 0 32px;}
.history ol li { line-height:1.8em;}
.history .action { border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; margin:16px 0; padding:20px 24px;}
.history .action h5 { color:#f40; font-weight:bold; font-size:13px;}
.history .action p { border-top:1px solid #eee; margin-top:8px; font-size:10px; padding-top:4px; color:#777;}
.history .action ul li { display:inline; background:none; padding:0 28px 0 0;}
.history .action ul li a { font-size:13px;}
.show { text-align:center; padding:8px; margin:8px auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #eaeaea; background:#fafafa;}
.show a { display:block; color:#08c; cursor:pointer;}
.how-to-update {margin: 0 0 12px 0;padding: 16px 24px;}
.how-to-update h4 {font-weight: bold;color: #555;margin-bottom: 8px;padding: 0;}
.how-to-update p span {color: #999;font-style: italic;padding-left: 6px;font-size: 11px;}

/*testinonials*/
.testinonials .col ul li{ display:block; border-bottom:1px solid #eee; overflow:hidden; margin:12px 12px 0 0; padding:18px 0; background:none;}
.testinonials .col ul li .person { float:left; width:100px; font-size:11px; color:#999; text-align:center;}
.testinonials .col ul li .cmain { width:550px; float:right;}
.testinonials .col ul li .cmain p { font-size:13px;}


.fb_iframe_widget{padding-left:8px;}

.left-part .single-features li { background:none; padding:4px 0 12px 0; border-bottom:1px solid #eee; margin-bottom:8px; overflow:hidden; height:100%;}
.left-part .single-features li p { background:transparent url(../images/icon-dot.gif) no-repeat scroll 9px 8px; color:#666; line-height:1.6em; padding:4px 0 0 24px; clear:none; }
.left-part .single-features h4 { font-size:15px; padding:8px 0 8px 25px;color:#343434; background:transparent url(../images/icon-feature.gif) no-repeat scroll 1px 9px;}
.left-part .single-features li p img { padding:0 0 6px 12px; float:right;}

#screencast { text-align:center;}


/*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:#506099; font-size:16px; font-family:Arial,Helvetica,sans-serif;}
.compare-table td span{ text-decoration:line-through; color:#506099;}
.compare-table th{ font-size:12px; padding-left:20px;}
.compare-table th .smallt{font-size:11px; color:#999;}
.compare-table th .bigt{font-size:12px; font-weight:bold; padding-bottom:4px; font-weight:bold;}
.compare-table th img { padding:8px 0;}
.compare-table th strong{font-size:14px;font-weight:normal;}
.compare-table th.title,.compare-table th.titles { background:url(../images/tutorial/titlebg.jpg) repeat-x scroll 0 0 transparent; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#318905; text-shadow:0 1px 0 #fff; padding:9px 12px}
.compare-table .center { text-align:center;}
#full h1 {margin: 0 0 26px;padding:20px 0 12px 15px;border-bottom: 1px solid #DEDEDE;color: #333;font-size: 20px;font-weight: normal;}