/* 
---------------------------------
Site: www.xilisoft.net
Updated: 20100804
Updated by: wuping 
file: new_product_page.css 
--------------------------------- 
*/ 


/****************************************************/
/***       WebResource.css     20100804           ***/
/****************************************************/
.tabstrip { _height: 1% }
.tabstrip { padding:0; margin:0;}
.tabstrip ul {padding:0; margin:0;}
.tabstrip div { width: 100% }
.tabstrip div:after { display:block; height:0px; visibility:hidden; clear:both; content: "";}
.tabstrip ul { width:100%;}
.tabstrip li { list-style:none none outside; padding:0; margin:0; float:left;}
.tabstrip li.break { float:none;}
.tabstrip li.break br { clear:both;}
.tabstrip li a { position:relative; float:left; font-size:100%;}
.tabstrip li a img { border:0px; margin:5px 5px 0 0; float:left;}
.tabstrip li a.selected { z-index:0; cursor:default; }
.tabstrip li a .wrap { white-space:nowrap; float:left; clear:both; cursor:pointer; _cursor:hand;}
.tabstrip li a .innerwrap { white-space:nowrap; float:left; clear:both; cursor:pointer; _cursor:hand;}
.tabstrip li a.selected .wrap {cursor:default;}
.tabstrip li a.selected .innerwrap { cursor:default;}
.tabstrip .leftArrow { z-index:100;  position:absolute; text-decoration:none;}
.tabstrip .rightArrow { z-index:100; position:absolute; text-decoration:none;}
.tabstrip .leftArrowDisabled {z-index:100; position:absolute; text-decoration:none;}
.tabstrip .rightArrowDisabled {z-index:100; position:absolute; text-decoration:none;}
.tabstrip li a.disabled { color:gray;}
.tabstrip li a.disabled:hover { color:gray;}





/********************************************************/
/****            tabcss   20100804                   ****/
/********************************************************/


.radtabstrip_bootstrapredesign { text-transform:uppercase; font-size:10px;}
.radtabstrip_bootstrapredesign li a { padding-left:10px; background: url(/images/common/unselectedLeft.gif) no-repeat 0px 0px; height:28px; color:#898989; margin-left:2px; margin-right:2px; text-decoration:none}
.radtabstrip_bootstrapredesign li.last a { margin-right:0;}
.radtabstrip_bootstrapredesign li.break a { margin-right:0;}
.radtabstrip_bootstrapredesign li a .wrap { padding-right:10px; height:28px; background:url(/images/common/unselectedRight.gif) no-repeat right 0px;}
.radtabstrip_bootstrapredesign li a .innerwrap { text-align:center; padding:1px 5px; line-height:28px; width:100px; background:url(/images/common/unselectedBack.gif) repeat-x 0px 0px; color:#fff; }
.radtabstrip_bootstrapredesign li.last a .innerwrap { width:130px; }
.radtabstrip_bootstrapredesign li a.selected {line-height:28px; padding-left:10px; padding-top:0px; background:url(/images/common/selectedLeft.gif) no-repeat 0px 0px;}
.radtabstrip_bootstrapredesign li a.selected .wrap { background-image: url(/images/common/selectedRight.gif); line-height: 28px; padding-right: 10px; color: #676767 }
.radtabstrip_bootstrapredesign li a.selected .innerwrap { background-image: url(/images/common/selectedBack.gif); text-align: center; background-color: #fff; width: 100px; color: #5a5a5a; padding-top:0px }
.radtabstrip_bootstrapredesign li.last a.selected .innerwrap { width:130px; }
.radtabstrip_bootstrapredesign li a.disabled { cursor:default; text-decoration:line-through;}
.radtabstrip_bootstrapredesign li a.disabled .wrap {  cursor:default; text-decoration:line-through;}
.radtabstrip_bootstrapredesign li a.disabled .innerwrap { cursor:default; text-decoration:line-through;}
.radtabstrip_bootstrapredesign li a.red { color:red;}
.radtabstrip_bootstrapredesign li a.red .wrap { color:red;}
.radtabstrip_bootstrapredesign li a.red .innerwrap { color:red;}



/*****************************************************/
/*******     new product page --ipad magic     *******/
/*****************************************************/


/**** top ****/
#imgBoxShot { text-align:center; width:320px; float:left; height:330px; margin:0; clear:left; }
#imgBoxShot #ctl00_MainContent_ScreencastImage { position:relative; text-align:center; margin:0; width:210px; display:block; BACKGROUND:url(/images/common/overview-video2.gif) no-repeat 0px 0px; height:37px; TOP: -15px; LEFT: 35px; CURSOR: pointer; }
#ctl00_MainContent_imgCallout{ position:absolute; border:0; float:right; top:2px; right:0px;}
.shadedPanel { margin:0; position:relative; width:640px; margin:0 0 14px 0px; float:left; height:325px; padding:5px 0 0 20px; }
.shadedPanel h1 { font-size:24px; font-weight:bold; float:left; margin:6px 0 0 0; width:550px; padding:0; }
.shadedPanel h1 .top_price{color:#F60; font-size:18px; margin-left:15px;}
.shadedPanel h1 .top_price_o{ color:#666; font-size:18px; margin-left:15px;}
.shadedPanel h1.sub { font-size:22px; font-weight:normal; color:#4b4b4b; margin:7px 0px 0px; width:230px; float:left }
.shadedPanel ul { line-height:18px; margin:0 0 0 30px; font-size:14px; vertical-align:middle; list-style-image:url(/images/common/checkmark.gif); padding:5px 30px 0 0; }
.shadedPanel ul li { margin:4px 0 0 0; }
.shadedPanel #ctl00_MainContent_lblProductIntro { clear:left; }
#download_icon { float:left; height:44px; margin:10px 0 0 52px; }
#download_content { float:left; width:373px; background:url(/images/common/icon_download2.gif) no-repeat; height:31px; margin:10px 0 0 0; color:#fff; font-size:14px; font-weight:bold; padding-top:13px; }
#download_content a { color:#fff; display:block; width:350px; height:28px; }
/**** page center ****/

/**** top ****/
.primary2 { position:relative; width:980px; height:330px; margin:0 auto; }
.primary2 .formac2 { position:absolute; z-index:30; right:-10px; top:10px; }
.primary2 .bt_download { position:absolute; z-index:30; left:60px; top:275px; }
.primary2 .bt_buynow { position:absolute; z-index:30; left:300px; top:275px; }

#imgBoxShot2 { text-align:center; width:300px; float:left; height:330px; margin:0 0 0 10px; clear:left; }
#ctl00_MainContent_imgCallout2{ position:absolute; border:0; float:right; top:2px; right:0px;}
.shadedPane2 { margin:0; position:relative; width:640px; margin:0 0 14px 0px; float:left; height:325px; padding:5px 0 0 20px; }
.shadedPane2 h1 { font-size:20px; color:#F60;font-weight:bold; float:left; margin:30px 0 10px 360px; display:inline; }
.shadedPane2 h1 .top_price{color:#666; font-size:18px; margin-left:15px;}
.shadedPane2 h1.sub { font-size:22px; font-weight:normal; color:#4b4b4b; margin:7px 0 0 0; width:230px; float:left }
.shadedPane2 ul { margin:0; font-size:13px; vertical-align: middle;  padding:7px 7px 0 40px; _padding:3px 7px 0 40px;}
.shadedPane2 ul li { margin-top:2px; line-height:21px; color:#FFF; list-style-image:url(../images/common/checkmark.gif); }
.shadedPane2 #ctl00_MainContent_lblProductIntro2 { clear:left; width:565px;}
#download_icon2 { float:left; height:44px; margin:10px 0 0 52px; }
#download_content2 { float:left;margin:5px 0 0 0; color:#fff; font-size:14px; font-weight:bold; padding-top:13px; width:580px; }
/**** page center ****/


.showproduct_leftmiddle { border-right:1px solid silver; float:left; height:200px; margin:0 0 0 10px; padding:0; width:284px;  }
#recommendationsContainerA { position:relative; width:250px; height:137px; overflow:hidden; margin-top:20px; }
#recommendation0 { position:absolute; text-align:center; width:250px; padding:0 20px 0 0; display:block; top:0; left:0px; }
#recommendation1, #recommendation2, #recommendation3, #recommendation4 { position:absolute; text-align:center; width:250px; padding:0 20px 0 0; display:none; top:0; left:0px; }
.showproduct_centermiddle { float:left; height:200px; margin:2px 0; padding:0; width:284px; }
.showproduct_rightmiddle { border-left:1px solid silver; float:left; height:200px; margin:0; padding:0; width:244px; }
.showproduct_rightmiddle p { font-size:12px; width:230px; padding:10px 0 0 35px; }
.showproduct_rightmiddle img { margin-top:10px; }
.clearpanel { padding:20px; }
.no_bg_ts{ width:182px; float:left; margin:10px 0 0 60px; _margin:10px 0 0 30px; }
#ctl00_MainContent_FreeTrialImage { text-align:center; margin:0px; width:110px; float:left; cursor:pointer; height:25px; color:#6a6c74; font-size:13px; font-weight:bold; padding-top:5px; text-shadow: #ffffff 0.1em 0.1em 0.1em }
#ctl00_MainContent_BuyNowImage { text-align:center; margin:0px; width:110px; float:right; cursor:pointer; color:#ffffff; height:27px; font-size:13px; font-weight:bold; padding-top:5px; text-shadow: #184205 0.1em 0.1em 0.1em; }
#ctl00_MainContent_FreeTrialImage a { display:block; color:#6a6c74; background:url(/images/common/ipod-to-itunes-try2.gif) no-repeat; width:110px; height:25px; padding-top:5px; }
#ctl00_MainContent_BuyNowImage a { color:#fff; background:url(/images/common/buy-ipod-to-itunes2.gif) no-repeat; display:block; width:110px; height:28px; padding-top:5px; }
#ctl00_MainContent_FreeTrialImage a:hover { background:url(/images/common/ipod-to-itunes-try-down2.gif) no-repeat; text-decoration:none; }
#ctl00_MainContent_BuyNowImage a:hover { background:url(/images/common/buy-ipod-to-itunes-down2.gif) no-repeat; text-decoration:none; }
/***** tab content ****/
.showproduct_multipage { width:980px; margin-left:10px; }
.showproduct_multipage .c_left { border-right: 1px solid #cccccc; font-size: 12px; font-weight: bold; width: 100px; vertical-align: top }
.showproduct_multipage .no_line { border-top:none }
.showproduct_multipage .r_name { background: #ffffff; font-size: 12px; font-weight: bold }
.showproduct_multipage table { border: 1px solid #cccccc; }
.showproduct_multipage td { border-top: 1px solid #cccccc; padding: 5px 10px; color: #333333; font: 11px/20px arial }
#ctl00_MainContent_pagDescription{width: 100%; display: block; height:100%;}
#ctl00_MainContent_pagDescription .showproduct_page{padding:20px 0 20px 20px;}
#ctl00_MainContent_pagArticles, #ctl00_MainContent_pagAwards, #ctl00_MainContent_pagScreenShots, #ctl00_MainContent_pagTestimonials{display:none; height:100%}
.radtabstrip_bootstrapredesign{ width:835px}
.new_content { background:none; width:980px; margin:0 auto;}
.new_content .content { width:800px; }
.new_content .features { width:800px; float:none; }
.showproduct_multipage { border:1px solid #d2d2d2; margin:-1px 0 0 0; }
#ctl00_MainContent_pagArticles, #ctl00_MainContent_pagTestimonials { padding:20px 0 50px 50px; }
#ctl00_MainContent_pagArticles .titles, #ctl00_MainContent_pagTestimonials .titles { width: 660px; margin-bottom:10px; }
#ctl00_MainContent_pagArticles .titles h2, #ctl00_MainContent_pagTestimonials .titles h2 { font-size: 14px }
#ctl00_MainContent_pagArticles .titles h2 a, #ctl00_MainContent_pagTestimonials .titles h2 a { color:#333 }
#ctl00_MainContent_pagAwards .clearpanel { padding:0 50px; }
#ctl00_MainContent_pagAwards .awards_img{display:inline; vertical-align:middle;}
#ctl00_MainContent_pagAwards img { padding:20px; }
#ctl00_MainContent_pagScreenShots { padding:20px 0 30px 0px; text-align:center; }