/* 
---------------------------------
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 { font-size:12px;}
.radtabstrip_bootstrapredesign li a { padding-left:10px; background: url(http://fr6.xilisoft.com/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(http://fr1.xilisoft.com/images/common/unselectedRight.gif) no-repeat right 0px;}
.radtabstrip_bootstrapredesign li a .innerwrap { text-align:center; padding:1px 5px; line-height:28px; width:150px; background:url(http://fr6.xilisoft.com/images/common/unselectedBack.gif) repeat-x 0px 0px; color:#fff; }
#ctl00_MainContent_RadTabStrip1_tabDescription .innerwrap, #ctl00_MainContent_RadTabStrip1_tabArticles .innerwrap, #ctl00_MainContent_RadTabStrip1_tabAwards .innerwrap { width:90px;}
.radtabstrip_bootstrapredesign li.last a .innerwrap { width:130px; }
.radtabstrip_bootstrapredesign li a.selected {line-height:28px; padding:0 0px 0 10px;background:url(http://fr2.xilisoft.com/images/common/selectedLeft.gif) no-repeat 0px 0px;}
.radtabstrip_bootstrapredesign li a.selected .wrap { background-image: url(http://fr1.xilisoft.com/images/common/selectedRight.gif); line-height: 28px; padding-right: 10px; color: #676767; }
.radtabstrip_bootstrapredesign li a.selected .innerwrap { background-image: url(http://fr1.xilisoft.com/images/common/selectedBack.gif); text-align: center; background-color: #fff; width: 130px; color: #5a5a5a; padding-top:0px; padding-right:15px; }
.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 ****/
.primary { width:980px; height:330px; margin:0 auto; }
.primary_big { width:980px; height:410px; margin:0 auto; }
#imgBoxShot { text-align:center; width:300px; float:left; height:330px; margin:0 0 0 10px; clear:left; }
#ctl00_MainContent_imgCallout{ position:absolute; border:0; float:right; top:2px; right:0px;}
#imgBoxShot1{ text-align:center; width:300px; float:left;margin:290px 0 0 10px; clear:left;}
#imgBoxShot1_big{ text-align:center; width:300px; float:left;margin:360px 0 0 10px; clear:left;}
#imgBoxShot2 { text-align:center; width:300px; float:left; height:400px; margin:0 0 0 10px; clear:left; }
.shadedPanel1 { margin:0; position:relative; width:640px; margin:0 0 14px 0px; float:left; padding:190px 0 0 30px;padding:175px 0 0 30px!important;}
.shadedPanel1 h1 { font-size:20px; color:#F60;font-weight:bold; float:left; margin:45px 0 0 410px; display:inline; }
.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:20px; color:#F60;font-weight:bold; float:left; margin:30px 0 10px 410px; display:inline; }
.shadedPanel h1 .top_price{color:#666; font-size:18px; margin-left:15px;}
.shadedPanel h1.sub { font-size:22px; font-weight:normal; color:#4b4b4b; margin:7px 0 0 0; width:230px; float:left }
.shadedPanel ul { margin:0; font-size:13px; vertical-align: middle;  padding:5px 7px 0 50px; _padding:3px 7px 0 40px;}
.shadedPanel ul li { margin-top:2px; line-height:18px; color:#FFF; list-style-image:url(http://fr4.xilisoft.com/images/common/checkmark.gif); }
.shadedPanel #ctl00_MainContent_lblProductIntro { clear:left; width:580px;}
#download_icon { float:left; height:44px; margin:10px 0 0 52px; }
#download_content { float:left;margin:5px 0 0 0; color:#fff; font-size:14px; font-weight:bold; padding-top:28px; width:580px; }
#download_content_big { float:left;margin:5px 0 0 10px; color:#fff; font-size:14px; font-weight:bold; padding-top:178px; 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:284px; }
.showproduct_rightmiddle p { font-size:12px; width:250px; padding:10px 0 0 35px; }
.showproduct_rightmiddle img { margin-top:10px; }
.clearpanel { padding:20px; }
#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; }
/***** 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_pagSystemRequirements, #ctl00_MainContent_pagTestimonials{display:none; height:100%}
.radtabstrip_bootstrapredesign{ width:950px;}
.new_content { background:none; width:980px; margin:15px auto 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_pagSystemRequirements { padding:20px 0 50px 50px; }
#ctl00_MainContent_pagArticles .titles, #ctl00_MainContent_pagSystemRequirements .titles { width: 660px; margin-bottom:10px; }
#ctl00_MainContent_pagArticles .titles h2, #ctl00_MainContent_pagSystemRequirements .titles h2 { font-size: 14px }
#ctl00_MainContent_pagArticles .titles h2 a, #ctl00_MainContent_pagSystemRequirements .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; }

#ctl00_MainContent_pagTestimonials .list_horizontal{ width:920px; margin:0 auto; padding:20px 5px 20px 5px; border-bottom:1px solid #c8cbcc;}
#ctl00_MainContent_pagTestimonials .last_list{ border-bottom:none;}
#ctl00_MainContent_pagTestimonials .list_pro{ width:290px; float:left;}
#ctl00_MainContent_pagTestimonials .list_pro_title{ padding:10px 10px;}
#ctl00_MainContent_pagTestimonials .list_pro_title h2{color:#3a6ea9; font-size:13px; float:left;}
#ctl00_MainContent_pagTestimonials .list_pro_title span{ float:right; font-size:11px; color:#ff5a00;}
#ctl00_MainContent_pagTestimonials .list_pro img{ float:left;} 
#ctl00_MainContent_pagTestimonials .list_pro_discription{ float:left; margin-left:10px; width:180px;}
#ctl00_MainContent_pagTestimonials .list_pro_discription p{ font-size:13px; line-height:20px; height:70px;}
#ctl00_MainContent_pagTestimonials .list_pro_discription .buy_more{ padding-left:20px;}
#ctl00_MainContent_pagTestimonials .list_pro_discription .buy_more a{ color:#3a6ea9; font-size:11px; }

#ctl00_MainContent_pagTestimonials .related_line{ width:5px; text-align:center; float:left; padding:20px 10px 0 10px;}