/* CSS Document */
body {margin:0 auto; padding:0; font:"Calibri", "Arial", "Verdana", "Tahoma";}
body a {text-decoration:none; font:"Calibri", "Arial", "Verdana", "Tahoma";}
body a:hover {text-decoration:underline; font:"Calibri", "Arial", "Verdana", "Tahoma";}
.clear {clear:both;}
h1 {list-style:none; padding:0; margin:0;}

#hdprobanner {margin:0 auto; width:100%; height:900px; background:url(../imgs-promotion/banner-hdpro.jpg) center no-repeat; display:block; position:fixed; z-index:-1;}
.hdprobannerin {margin:0 auto; width:1000px; height:auto;}
.logoin {width:1000px; height:100px; padding-bottom:80px;}
.hdproh1 {width:1000px; height:84px; text-align:center;}
.hddesc {margin:0 auto; width:750px; color:#FFFFFF; font:24px/30px "Calibri", "Arial", "Verdana", "Tahoma"; text-align:center; padding-top:30px; padding-bottom:80px;}
.downbuttonout {margin:0 auto; width:400px; height:110px;}
.downbutton {width:400px; height:110px; background:url(../imgs-promotion/down-up.png) center no-repeat;}
.downbuttonin {width:400px; height:110px; background:url(../imgs-promotion/down-down.png) center no-repeat; cursor:pointer;}
.downbuttonin:hover {background:none;}
.compatible {width:1000px; height:30px; padding-top:15px; font:18px/24px "Calibri", "Arial", "Verdana", "Tahoma"; color:#FFFFFF; text-align:center;}
.hdproshot {width:1000px; height:235px; margin-top:90px; background:url(../imgs-promotion/hdpro-shot.png) bottom no-repeat;}

#sp900sp {margin:0 auto; width:400px; height:472px; padding-top:428px; background:#333333; z-index:100; position:relative; background:none;}

#sp100 {margin:0 auto; width:100%; height:90px; background:#F0EE97; padding:30px 0px 30px 0px;}
.sp100in {margin:0 auto; width:1000px; height:90px;}
.sp100inleft {float:left; width:230px; height:90px;}
.sp100inright {float:left; width:770px; height:90px; font:18px/22px "Calibri", "Arial", "Verdana", "Tahoma";; color:#858230;}
.sp100inright p {list-style:none; margin:0; padding-top:10px; text-align:right; color:#333333; text-decoration:underline;}

#featuresout {margin:0 auto; width:100%; height:auto; background:#F0F0F0; padding:30px 0px 60px 0px;}
.features {margin:0 auto; width:1000px; height:auto; font:18px/24px "Calibri", "Arial", "Verdana", "Tahoma";}
.features p { list-style:none; margin:0; padding:4px 0px;}
.features .titles {width:1000px; height:90px; font:40px/60px "Calibri", "Arial", "Verdana", "Tahoma"; color:#333333; text-align:center; padding-top:30px;}
.features .titles a {color:#333333; text-decoration:none;}
.features .titles a:hover {color:#333333; text-decoration:none;}
.features .subtitles { width:1000px; height:60px; font:24px/60px "Calibri", "Arial", "Verdana", "Tahoma"; color:#333333; text-align:center; padding-top:30px;}


#ripprobanner {margin:0 auto; width:100%; height:900px; background:url(../imgs-promotion/banner-ripperpro.jpg) center no-repeat;}
.riprobannerin {margin:0 auto; width:1000px; height:auto;}
.riph1 {margin:0 auto; width:1000px; height:90px; text-align:center; padding-top:158px;}
.ripdesc {margin:0 auto; width:750px; color:#FFFFFF; font:24px/30px "Calibri", "Arial", "Verdana", "Tahoma"; padding-top:10px; padding-bottom:90px;}
.ripdownout {margin:0 auto; width:400px; height:110px; }
.ripproshot {width:1000px; height:235px; margin-top:102px; background:url(../imgs-promotion/ripperpro-shot.png) bottom no-repeat;}

#paidwaretitle {margin:0 auto; width:100%; height:100px; text-align:center; font:40px/100px "Calibri", "Arial", "Verdana", "Tahoma"; background:#AFBCA6;}
#paidware {margin:0 auto; width:100%; height:700px; background:#CEDAC6;}
.paidwarein {margin:0 auto; width:1000px; height:600px; padding:50px 0px;}
.paidwareitem1 {float:left; width:500px; height:300px; background:#FAC187;}
.paidwareitem2 {float:left; width:500px; height:300px; background:#737D8F}
.paidwareitem3 {float:left; width:500px; height:300px; background:#3CA3A2}
.paidwareitem4 {float:left; width:500px; height:300px; background:#E8978F}
.paidwaretop {width:475px; padding-left:25px; height:90px; color:#444444; font:26px/60px "Calibri", "Arial", "Verdana", "Tahoma";}
.paidwaretop a {color:#444444; text-decoration:none;}
.paidwaretop a:hover {color:#444444; text-decoration:underline;}
.paidwaretop2 {width:475px; padding-left:25px;height:90px; color:#ffffff; font:26px/60px "Calibri", "Arial", "Verdana", "Tahoma";}
.paidwaretop2 a {color:#ffffff; text-decoration:none;}
.paidwaretop2 a:hover {color:#ffffff; text-decoration:underline;}
.paidwarebom1 {width:285px; height:210px; padding:0px 190px 0px 25px; color:#444444; background:url(../imgs-promotion/box-dvc.png) right no-repeat}
.paidwarebom2 {width:285px; height:210px; padding:0px 190px 0px 25px; color:#FFFFFF; background:url(../imgs-promotion/box-hd.png) right no-repeat}
.paidwarebom3 {width:285px; height:210px; padding:0px 190px 0px 25px; color:#FFFFFF; background:url(../imgs-promotion/box-ripperprpo.png) right no-repeat}
.paidwarebom4 {width:285px; height:210px; padding:0px 190px 0px 25px; color:#444444; background:url(../imgs-promotion/box-ws.png) right no-repeat}
.paidwarebomt {width:285px; height:142px;}
.paidwarebomt ul {list-style:none; margin:0; padding:0;}
.paidwarebomt ul li {list-style:none; padding-left:26px; padding-bottom:2px; font:14px/24px "Calibri", "Arial", "Verdana", "Tahoma"; margin:0; background:url(../imgs-promotion/gou.png) left no-repeat;}
.paidwarebomt2 {width:285px; height:142px;}
.paidwarebomt2 ul {list-style:none; margin:0; padding:0;}
.paidwarebomt2 ul li {list-style:none; padding-left:26px; padding-bottom:2px; font:14px/24px "Calibri", "Arial", "Verdana", "Tahoma"; margin:0; background:url(../imgs-promotion/gou2.png) left no-repeat;}
.paidwarebomb {width:240px; height:40px; background:url(../imgs-promotion/more1-up.gif) no-repeat;}
.paidwarebombin {width:240px; height:40px; background:url(../imgs-promotion/more1.gif) no-repeat; cursor:pointer; text-align:center; font:20px/40px "Calibri", "Arial", "Verdana", "Tahoma";}
.paidwarebombin:hover {width:240px; height:40px; background:none;}
.paidwarebomb a {color:#444444; text-decoration:none;}
.paidwarebomb a:hover {color:#444444; text-decoration:none;}

.paidwarebomb2 {width:240px; height:40px; background:url(../imgs-promotion/more2-up.gif) no-repeat; text-align:center; font:20px/40px "Calibri", "Arial", "Verdana", "Tahoma";}
.paidwarebombin2 {width:240px; height:40px; background:url(../imgs-promotion/more2.gif) no-repeat; cursor:pointer;}
.paidwarebombin2:hover {width:240px; height:40px; background:none;}
.paidwarebomb2 a {color:#ffffff; text-decoration:none;}
.paidwarebomb2 a:hover {color:#ffffff; text-decoration:none;}

.paidwarebomb3 {width:240px; height:40px; background:url(../imgs-promotion/more3-up.gif) no-repeat; text-align:center; font:20px/40px "Calibri", "Arial", "Verdana", "Tahoma";}
.paidwarebombin3 {width:240px; height:40px; background:url(../imgs-promotion/more3.gif) no-repeat; cursor:pointer;}
.paidwarebombin3:hover {width:240px; height:40px; background:none;}
.paidwarebomb3 a {color:#ffffff; text-decoration:none;}
.paidwarebomb3 a:hover {color:#ffffff; text-decoration:none;}

.paidwarebomb4 {width:240px; height:40px; background:url(../imgs-promotion/more4-up.gif) no-repeat; text-align:center; font:20px/40px "Calibri", "Arial", "Verdana", "Tahoma";}
.paidwarebombin4 {width:240px; height:40px; background:url(../imgs-promotion/more4.gif) no-repeat; cursor:pointer;}
.paidwarebombin4:hover {width:240px; height:40px; background:none;}
.paidwarebomb4 a {color:#444444; text-decoration:none;}
.paidwarebomb4 a:hover {color:#444444; text-decoration:none;}

.paidwarebomb2 {width:240px; height:40px;}