/* Theme Name: PowerArchiver Theme URI: http://wordpress.org/ Description: PowerArchiver's theme Version: 1.0 Author: Drazen Dodig */ /* reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline} body, button, input, select, textarea { font:12px/1 Helvetica, Arial, sans-serif} table { border-collapse:separate; border-spacing:0} caption, th, td { text-align:left; font-weight:normal} table, td, th { vertical-align:middle} blockquote:before, blockquote:after, q:before, q:after { content:""} blockquote, q { quotes:"" ""} a { text-decoration:none; color:#111} a:hover { text-decoration:underline} a img { border:none} strong { font-weight:bold} em { font-style:italic} ul, ol { list-style:none} input:focus { outline:0} select:focus { outline:0} /** font-size */ .f10 { font-size:10px} .f11 { font-size:11px} .f12 { font-size:12px} .f14 { font-size:14px} .f16 { font-size:16px} .f18 { font-size:18px} .f20 { font-size:20px} .f22 { font-size:22px} .f24 { font-size:24px} /* margin */ .ml5 { margin-left:5px} .mr5 { margin-right:5px} .mt5 { margin-top:5px} .mb5 { margin-bottom:5px} .ml10 { margin-left:10px} .mr10 { margin-right:10px} .mt10 { margin-top:10px} .mb10 { margin-bottom:10px} .ml15 { margin-left:15px} .mr15 { margin-right:15px} .mt15 { margin-top:15px} .mb15 { margin-bottom:20px} .ml20 { margin-left:20px} .mr20 { margin-right:20px} .mt20 { margin-top:20px} .mb20 { margin-bottom:20px} .mb40 { margin-bottom:40px} .mb60 { margin-bottom:60px} /* display */ .block { display:block} .inline { display:inline} .inline-block { display:inline-block} /* position */ .rel { position:relative} .abs { position:absolute} .fixed { position:fixed} /* text-align */ .tl { text-align:left} .tc { text-align:center} .tr { text-align:right} /* vertical-align */ .vt { vertical-align:top} .vm { vertical-align:middle} .vb { vertical-align:bottom} /* float */ .fl { float:left} .fr { float:right} .fn { float:none} .over-hide { text-indent:-9999px; overflow:hidden} /* clear float */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0} .clearfix:before, .clearfix:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0} .clearfix:after { clear:both} .clearfix { *zoom:1} html { overflow-x:hidden} body { background:#fff url(/shop/include/resources/images/main/pa/body-top-repeat.png) repeat-x; color:#111} .wrapper { width:1000px; margin-left:auto; margin-right:auto} .header { z-index:1; height:104px; background:url(/shop/include/resources/images/main/pa/header-bg.png) no-repeat center top} .header .shadow { top:96px; left:0; width:1000px; height:8px; background:url(/shop/include/resources/images/main/pa/header-shadow.png) no-repeat center top; overflow:hidden} .header .logo { top:17px} .topnav { top:68px; left:57px} .topnav li { float:left; height:11px; border-left:1px solid #bebebe; color:#7d7d7d} .topnav li a { padding:0 6px; font-size:11px; color:#7d7d7d} .topnav li.first { border-left:0} .topnav li.first a { padding-left:0} .topnavde { padding:0 4px; font-size:10px; } .topnaven { padding:0 6px; font-size:11px; } .topnavit { padding:0 6px; font-size:11px; } .topnavfr { padding:0 6px; font-size:11px; } .topnavpt-br { padding:0 6px; font-size:11px; } .topnavzh-hans { padding:0 6px; font-size:11px; } .header .bottom { top:76px; right:11px} .header .bottom li { float:left; height:17px; padding:0 15px; border-left:1px solid #4095cd;} .header .bottom li.first { border-left:none} .header .bottom li * { vertical-align:middle} .header .contact img {float:left;} .header .contact a { font-size:15px;float:left;padding-left:3px;color:#0072bc;} .header .phone { font-size:15px; color:#0072bc; } .header .time { padding-left:10px; color:#2f2f2f; font-size:11px;} .header .select-lang-span .select-lang {float:left;color:#0072bc;padding-top:2px;} .header .select-lang-span {heigh:100%;} .footer, .home-row { background:url(/shop/include/resources/images/main/pa/footer-repeat-y.png) repeat-y center top; line-height:19px; color:#2f2f2f} .footer .title, .home-row .title { padding-bottom:10px; background:url(/shop/include/resources/images/main/pa/footer-line.png) no-repeat left bottom; text-indent:20px; font-size:21px; font-weight:bold; color:#0072bc} .footer .content { padding:5px 20px} .footer .col-1, .footer .col-2 { display:inline; float:left; width:499px} .footer .col-1 { margin-right:2px} .footer .col-1 .fr { padding:0 0 10px 10px} .footer .col-2 .more { text-align:right} .footer .col-2 .more a { font-weight:bold; color:#0072bc; text-decoration:underline} table.carttable-form tbody tr{border:0px !important;} .comm-footer { height:128px; background:url(/shop/include/resources/images/main/pa/footer-bg.png) repeat-x} .comm-footer .follow { top:10px; left:25px; width:140px; height:21px; background:url(/shop/include/resources/images/main/pa/follow.png) no-repeat} .comm-footer .follow li { display:inline; float:left; margin-right:7px} .comm-footer .follow li a { float:left; width:21px; height:21px; text-indent:-9999px; overflow:hidden} .comm-footer .footer-logo { top:10px; right:20px} .comm-footer .links { top:15px; right:250px; color:#fff} .comm-footer .links a { margin:0 5px; font-size:13px; color:#fff} .comm-footer .copyright { padding:45px 0 0 25px; font-size:11px; line-height:15px; color:#fff} .comm-footer .copyright a { color:#fff; text-decoration:underline} .i-list {} .i-list dt { margin-bottom:3px; font-size:15px; font-weight:bold; text-decoration:underline} .i-list dt a { color:#2f2f2f} .i-list dt a:hover { text-decoration:none} .ii-list {} .ii-list li { margin-top:5px; padding-top:5px; border-bottom:1px solid #ddd} .ii-list li.first { margin-top:0; padding-top:0; border-top:none} .ii-list li .time { font-size:12px;padding-bottom:10px;} .ii-list li .t { font-size:16px; font-weight:bold;color:0072bc; text-decoration:none;} .ii-list li .t a { color:#0072bc;text-decoration:none;} .iii-list { width:499px} .iii-list li { float:left; display:inline; width:224px; height:30px; font-size:14px; line-height:30px; padding:5px 10px} .iii-list li img { vertical-align:middle} .iii-list li .i { display:inline-block; width:40px; text-align:center} .iiii-list { position:relative; width:499px; height:200px; overflow:hidden} .iiii-list ul { position:absolute; top:0; left:0; width:4990px} .iiii-list li { display:inline; float:left; width:499px; height:200px} .iiii-list li .content { padding:0 20px} .iiii-list li .i { float:right; margin-left:15px} .iiii-list li dl { line-height:16px; color:#2f2f2f} .iiii-list li dl dt { padding:10px 0; font-weight:bold} .home-bottom { height:220px; background:url(/shop/include/resources/images/main/pa/home-bottom-bg.png) no-repeat; -moz-background-size:100% 100%; /* Firefox 3.6 */ background-size:100% 100%; background-repeat:no-repeat;} .p-list {} .p-list li { display:inline; float:left; height:181px; margin-left:15px; padding-bottom:15px;padding-top:15px;} .p-list li .t { margin-bottom:15px; font-size:20px; font-weight:bold; color:#0072bc} .p-list li .t span { font-weight:normal; color:#6a6a6a} .p-list li .t strong { font-weight:bold; color:#6b6b6b} .p-list li .c { line-height:14px; color:#2f2f2f} .p-list li .c dt { font-weight:bold} .p-list li .c dd { padding-left:20px; background:url(/shop/include/resources/images/main/pa/tick.png) no-repeat left center} .p-list li .price { bottom:12px; left:20px; font-size:24px; color:#2f2f2f} .p-list li .price-pt-br { bottom:12px; left:1px; font-size:16px; color:#2f2f2f} .p-list li .price-pt-br-h { bottom:12px; left:15px; font-size:16px; color:#2f2f2f} .p-list li .price sup { font-size:14px} .p-list li .price-pt-br sup { font-size:10px} .p-list li .price del { display:block; margin-bottom:-4px; font-size:11px; color:#f00} .p-list li .buy { bottom:12px; left:85px} .p-list li .more { bottom:12px; right:0; color:#0072bc; text-decoration:underline; font-size:10px; font-weight:bold} .p-list .item-1 { width:265px; background:url(/shop/include/resources/images/main/pa/02.png) no-repeat right 75%} .p-list .item-1 .c { width:180px} .p-list .item-1 .c dd { margin-bottom:10px} .p-list .item-2 { width:320px; background:url(/shop/include/resources/images/main/pa/03.png) no-repeat right 75%} .p-list .item-2 .c { width:200px} .p-list .item-2 .c dt { margin-bottom:3px} .p-list .item-2 .c dd { line-height:18px} .p-list .item-3 { width:360px; background:url(/shop/include/resources/images/main/pa/04.png) no-repeat right 75%} .p-list .item-3 .t em { display:block; font-style:normal; font-size:12px; color:#6b6b6b} .p-list .item-3 .c { width:220px} .p-list .item-3 .c dd { line-height:18px} .p-list .item-3 .c dt { margin-bottom:3px} .home-row {} .home-row .col-1, .home-row .col-2 { display:inline; float:left; width:499px} .home-row .col-1 { margin-right:2px} .home-row .col-2 .btn { top:0; right:25px; width:19px; height:19px; background:url(/shop/include/resources/images/main/pa/slider-btn.png) no-repeat; cursor:pointer} .home-banner, .business-banner { height:241px} .home-banner .col-1, .business-banner .col-1 { width:937px; height:241px; margin-left:10px; background:url(/shop/include/resources/images/main/pa/home-banner.png) no-repeat} .home-banner .col-1 .in { padding:20px 0 0 20px; width:510px} .home-banner .col-1 .t1 { margin-bottom:10px; font-size:39px; color:#0072bc} .home-banner .col-1 .t1 span { margin-left:10px; color:#7d7d7d} .home-banner .col-1 .t2 { margin-bottom:10px; font-size:20px; color:#2f2f2f} .home-banner .col-1 .c { width:500px; font-size:14px; line-height:1.2; color:#2f2f2f} .home-banner .other-version { margin-right:160px; color:#0072bc} .home-banner .download { top:174px; left:17px; width:313px; height:59px; padding-left:30px; text-align:center; color:#fff} .home-banner .download strong { display:block; font-size:31px; padding:5px 0} .home-banner .download:hover { text-decoration:none} .home-banner .col-2, .business-banner .col-2 { top:0; right:10px} .home-banner .for-business a, .business-banner .for-home a{ display:block; width:38px; height:239px; text-indent:-9999px; overflow:hidden} .home-banner .for-business a{background:url(/shop/include/resources/images/main/pa/for-business-btn.png) no-repeat; } .business-banner .col-1 { background-image:url(/shop/include/resources/images/main/pa/business-banner.png)} .business-banner .col-1 .in { padding:20px 0 0 20px; width:400px} .business-banner .col-1 .t1 { margin-bottom:10px; font-size:39px; color:#0072bc} .business-banner .col-1 .t1 span { margin-left:10px; color:#7d7d7d} .business-banner .col-1 li { font-size:22px; line-height:28px; color:#2f2f2f} .business-banner .col-1 li span { color:#0072bc} .business-banner .for-home a{ background-image:url(/shop/include/resources/images/main/pa/for-home-btn.png)} .business-banner .our-solutions { top:196px; left:128px; width:245px; height:33px; font-size:30px; color:#6b6b6b} .business-banner .list { top:20px; left:578px; width:304px} .business-banner .list li { margin-bottom:22px} .business-banner .list a { display:block; height:34px; font-size:30px; color:#0072bc} .business-banner .list a:hover { text-decoration:none} .comm-top { padding-top:21px; padding-bottom:17px} .comm-shadow { position:relative; margin-top:-7px; margin-bottom:7px; width:1000px; height:5px; background:url(/shop/include/resources/images/main/pa/comm-top-shadow.png) no-repeat center top; overflow:hidden} .comm-top ul { width:1000px} .comm-top li { display:inline; float:left; width:249px; border-left:1px solid #77b0d5} .comm-top li.first { width:250px; border-left:none} .comm-top .top { height:44px; text-align:center} .comm-top .top img { position:relative; display:inline-block; margin-top:-6px; vertical-align:middle} .comm-top .top strong { margin:0 3px; font-size:24px; font-weight:bold; color:#6b6b6b; vertical-align:middle} .comm-top .top .drop { display:inline-block; width:19px; height:19px; background:url(/shop/include/resources/images/main/pa/drop2.png); cursor:pointer; vertical-align:middle; overflow:hidden} .comm-top .top .drop-active { background-position:0 -19px} .comm-top .list { min-height:170px; padding:20px 15px 0 15px; display:none} * html .comm-top .list { height:170px} .comm-top .list p { line-height:16px; padding:4px 0 4px 20px; background:url(/shop/include/resources/images/main/pa/tick.png) no-repeat left center} .home-top { background:#f0f0f0 url(/shop/include/resources/images/main/pa/home-top.png) repeat-x left top} .business-top { background:#c8e1ef url(/shop/include/resources/images/main/pa/business-top.png) repeat-x left top} .business-main {} .business-main .col-1 { display:inline; float:left; width:312px} .business-main .col-1 .title { position:relative; margin-bottom:-8px; font-size:24px; font-weight:bold; color:#0072bc} .business-main .col-1 .title strong { padding-right:5px; background:#fff} .business-main .col-1 .list { width:306px; padding:10px 4px 0 0; border-top:2px solid #ccc; border-right:2px solid #ccc} .business-main .col-1 .list li { display:inline; float:left} .business-main .col-1 .list li img { vertical-align:top} .business-main .enterprise-clients { display:inline; float:left; width:99%; } .business-main .enterprise-clients .title { position:relative; margin-bottom:-8px; margin-left:12px; font-size:18px; color:#0072bc;} .business-main .enterprise-clients .title strong { padding-right:5px; background:#fff;font-size:18px; font-weight:bold; color:#0072bc;padding-left:3px;} .business-main .enterprise-clients .title img {margin-bottom:-2px;} .business-main .enterprise-clients .title .link-for-business { display:inline; padding-right:5px; background:#fff;font-size:12px; color:#444;} .business-main .enterprise-clients .list { width:100%; max-height:90px;padding:1px;padding-left:10px; border:1px solid #0072bc; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius:7px; background: #FFF; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#ECECECEC'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#ECECECEC')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#ECECECEC); background-image: -ms-linear-gradient(top bottom, #fff 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fff, #ececec); /* for firefox 3.6+ */ /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%); } .business-main .enterprise-clients .list li { display:inline; float:left bottom;} .business-main .enterprise-clients .list li img {vertical-align:middle;width:8.6%;padding-top:10px;padding-bottom:3px;} .business-main .enterprise-clients .list li img:hover{} .new-footer,{ background:url(/shop/include/resources/images/main/pa/footer-repeat-y.png) repeat-y center top; line-height:19px; color:#2f2f2f} .new-footer .title { padding-bottom:10px; background:url(/shop/include/resources/images/main/pa/footer-line.png) no-repeat left bottom; text-indent:20px; font-size:21px; font-weight:bold; color:#0072bc} .new-footer .content {} .new-footer .col-1, .new-footer .col-2 { display:inline; float:left; width:49%;} .new-footer .col-1 {padding-right:8px;padding-bottom:10px;border-right:1px solid #00acdf;} .new-footer .col-2 {padding-left:8px;} .new-footer .col-1 .content .product {width:98%; border-bottom: 1px solid #eee;padding-top:9px;padding-bottom:9px;} .new-footer .col-1 .content .product img{float:left; margin-bottom:5px;} .new-footer .col-1 .content .product .product-name a{margin-left:12px;margin-bottom:5px;color:#0072bc;font-size:16px;display:block; font-weight:bold;text-decoration:none;} .new-footer .col-1 .content .product .product-description{margin-left:12px;font-size:12px;color:#555;display:block;} .new-footer .col-1 .title .image {display: inline; float: right; padding-bottom:5px;} .new-footer .col-1 .fr { padding:0 0 10px 10px} .new-footer .col-2 .content .new-news-post {width:98%;border:1px solid #bbb;border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius:7px; margin-top:1px; background: #FFF; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#ECECECEC'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#ECECECEC')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#ECECECEC); background-image: -ms-linear-gradient(top bottom, #fff 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fff, #ececec); /* for firefox 3.6+ */ /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%); margin-bottom:1px;padding-top:7px;padding-bottom:7px;} .new-footer .col-2 .content .new-news-post .post-date{margin-left:15px;font-size:10px;margin-bottom:1px;color:#555;display:block;} .new-footer .col-2 .content .new-news-post a{margin-left:15px;color:#0072bc;font-size:16px;display:block; font-weight:bold;text-decoration:none;} .new-footer .col-2 .title .more-news {float:right; padding:5px 10px; text-indent:0px; text-align:center; font-size:11px;background-color:#ccc;border:1px solid #bcbcbc; -moz-border-radius: 5px; border-radius:5px;margin-right:10px;margin-bottom:12px; text-decoration:none;font-weight:normal;} .new-footer .col-2 .title .more-news a {text-decoration:none;color:#fff;} .new-footer .col-2 .more { text-align:right} .new-footer .col-2 .more a { font-weight:bold; color:#0072bc; text-decoration:underline} .business-main .col-2 { display:inline; float:left; width:666px; margin-left:22px} .business-main .col-2 .top-row { padding-left:10px; height:213px; background:url(/shop/include/resources/images/main/pa/business-i-bg.png) no-repeat; overflow:hidden} .business-main .col-2 .top-row .item-1 { margin-right:15px} .business-main .col-2 .top-row .p-list li .price { bottom:12px; left:0; font-size:24px; color:#2f2f2f} .business-main .col-2 .top-row .p-list li .buy { bottom:12px; left:60px} .business-main .col-2 .top-row .p-list li .info { bottom:12px; left:120px} .compare { width:977px; margin-left:12px} .compare-main { padding:0 2px; background:url(/shop/include/resources/images/main/pa/compare-repeat.png) repeat-y} .compare-main td { padding:8px 0; background:#ebebeb} .compare-main tr img { vertical-align:middle} .compare-main tr.first td { padding-top:4px} .compare-main tr.double td { background:#fff} .compare-main .t-1 { padding:4px 15px; font-weight:bold} .compare-main .t-2 { width:208px; border-left:1px solid #ccc; text-align:center} .compare-main .t-3 { width:202px; border-left:1px solid #ccc; text-align:center} .compare-main .t-4 { width:207px; border-left:1px solid #ccc; text-align:center} .comm-main { margin-left:9px} .comm-left, .comm-right { display:inline; float:left} .comm-left { width:706px} .comm-right { width:268px; margin-left:5px} .comm-left-top { height:43px; padding-left:15px; line-height:43px; background:url(/shop/include/resources/images/main/pa/main-left-top.png) no-repeat; overflow:hidden} .comm-left-bottom { height:6px; background:url(/shop/include/resources/images/main/pa/main-left-bottom.png) no-repeat; overflow:hidden} .comm-left-inner { padding:5px 3px; background:url(/shop/include/resources/images/main/pa/main-left-repeat.png) repeat-y} .comm-right-top { height:7px; background:url(/shop/include/resources/images/main/pa/main-right-top.png) no-repeat; overflow:hidden} .comm-right-bottom { height:6px; background:url(/shop/include/resources/images/main/pa/main-right-bottom.png) no-repeat; overflow:hidden} .comm-right-inner { padding:15px 2px; background:url(/shop/include/resources/images/main/pa/main-right-repeat.png) repeat-y} .comm-right-box { margin-bottom:10px} .comm-right-box .title { padding-bottom:10px; padding-left:15px; background:url(/shop/include/resources/images/main/pa/c-line.png) no-repeat left bottom; font-size:16px; font-weight:bold; color:#6b6b6b} .comm-right-box .content { padding-top:5px; margin:0 15px; color:#010101; line-height:1.4} .comm-right-box p, .comm-right-box dt { padding:0.5em 0} .comm-breadcrumb { color:#6b6b6b} .comm-breadcrumb strong { font-size:18px} .comm-breadcrumb span { font-size:16px} .comm-breadcrumb a { color:#6b6b6b} .top-nav { height:46px; padding-left:30px; line-height:24px; background:url(/shop/include/resources/images/main/pa/topnav.png) no-repeat; color:#5d5d5d} .top-nav span, .top-nav strong { display:inline; float:left; margin-top:8px} .top-nav a { display:inline; float:left; margin:8px 8px 0 8px; padding-left:10px} .top-nav a strong { margin-top:0; padding-right:10px; color:#5d5d5d; cursor:pointer} .top-nav a:hover, .top-nav a.active { background:url(/shop/include/resources/images/main/pa/tab-title.png) no-repeat left top} .top-nav a:hover strong, .top-nav a.active strong { background:url(/shop/include/resources/images/main/pa/tab-title.png) no-repeat right top; color:#fff} .tab-title-wp { height:24px; line-height:24px} .tab-title-wp span, .tab-title-wp strong { display:inline; float:left; margin-top:8px} .tab-title-wp a { display:inline; float:left; margin:0 8px 0 8px; padding-left:10px} .tab-title-wp a strong { margin-top:0; padding-right:10px; color:#5d5d5d; cursor:pointer} .tab-title-wp a:hover, .tab-title-wp a.active { background:url(/shop/include/resources/images/main/pa/tab-title.png) no-repeat left top} .tab-title-wp a:hover strong, .tab-title-wp a.active strong { background:url(/shop/include/resources/images/main/pa/tab-title.png) no-repeat right top; color:#fff} .tab-title-wp .tab-title span { margin-top:0} .tab-content { } .tab-content .item { padding:0 15px; display:none} .tab-content .active { display:block} .tab-content .compare-item { width:702px; margin-left:-1px; padding:0} .tab-content .compare-main { padding:0; background:none} .tab-content .compare-main .t-2 { width:150px; border-left:2px solid #dcdcdc} .tab-content .compare-main .t-3 { width:147px; border-left:1px solid #dcdcdc} .tab-content .compare-main .t-4 { width:148px; border-left:1px solid #dcdcdc} .tab-content { color:#010101} .tab-content .title { font-size:16px; font-weight:bold; color:#0072bc; margin-top:8px; padding-bottom:8px; background:url(/shop/include/resources/images/main/pa/comm-left-line.png) no-repeat left bottom} .tab-content a { color:#6b6b6b} .tab-content p { padding:0.5em 0; line-height:1.4} .tab-content ul { margin-left:15px; padding:0.5em 0; list-style:outside disc} .tab-content ul li { line-height:1.4} .news-wp {} .news-wp .top { padding:0 15px 12px 15px; background:url(/shop/include/resources/images/main/pa/comm-left-line.png) no-repeat left bottom} .news-wp .top .title a { margin-bottom:4px; font-size:16px; font-weight:bold; color:#0072bc} .news-wp .top .title { margin-bottom:4px; font-size:16px; font-weight:bold; color:#0072bc} .news-wp .top p { color:#6b6b6b} .news-wp .top a { color:#6b6b6b} .news-wp .content { padding:5px 15px; line-height:1.4; color:#010101} .news-wp .content p { padding:0.5em 0} .news-wp .content ul { margin-left:15px; padding:0.5em 0; list-style:outside disc} .news-wp .back { margin:0 15px; padding-top:10px; text-align:right; border-top:1px dotted #a1a1a1; font-size:16px; font-weight:bold; color:#6b6b6b} .news-wp .back a { margin-left:10px} .news-wp .back strong { display:inline-block} .news-wp .more { margin:0 15px 15px 15px; height:16px; line-height:16px; padding-bottom:5px; border-bottom:1px dotted #a1a1a1; overflow:hidden} .news-wp .more .back-top { float:right} .c-list { padding-bottom:10px; background:url(/shop/include/resources/images/main/pa/c-line.png) no-repeat left bottom} .c-list li { margin:0 15px; height:32px; border-top:2px solid #67c4ff} .c-list li.first { border-top:none} .c-list li a { display:inline-block; height:24px; margin-top:4px; overflow:hidden} .c-list li a strong { display:inline-block; height:24px; font-size:16px; line-height:24px; color:#6b6b6b; cursor:pointer overflow:hidden} .c-list li.active a, .c-list li a:hover { padding-left:5px; background:url(/shop/include/resources/images/main/pa/t-bg.png) no-repeat; text-decoration:none} .c-list li.active a strong, .c-list li a:hover strong { padding-right:5px; background:url(/shop/include/resources/images/main/pa/t-bg.png) no-repeat right top; color:#fff} .pagination { height:24px; padding:0 15px; text-align:right} .pagination a { display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; font-weight:bold; font-size:16px; color:#6b6b6b; overflow:hidden} .pagination a:hover, .pagination a.active { background:url(/shop/include/resources/images/main/pa/p-bg.png) no-repeat; text-decoration:none; color:#fff} .product-box { padding-left:10px; height:490px; margin-right:-26px} .product-box .item { display:inline; float:left; width:309px; height:490px; margin-right:26px; background:url(/shop/include/resources/images/main/pa/product-box.png) no-repeat} .product-box .item:hover, .product-box .active { background-position:0 -490px} .product-box-order { height:460px} .product-box-order .item { height:460px; background:url(/shop/include/resources/images/main/pa/product-box-order.png) no-repeat} .product-box-order .item:hover { background-position:0 0} .product-box .item .icon { top:0; left:-4px} .product-box .item .i { top:10px; left:15px} .product-box .item .try { top:151px; right:31px} .product-box .item .name { top:208px; left:0; width:309px; text-align:center; font-size:25px; font-weight:bold; letter-spacing:-1px; color:#0072bc} .product-box .item .name span { font-weight:normal; color:#6a6a6a} .product-box .item .name strong { display:block; font-size:30px; font-weight:bold; color:#6b6b6b} .product-box .item .intro { top:270px; left:19px; width:275px; line-height:1.5; color:#2f2f2f} .product-box .item .intro dt { padding-left:20px; margin-bottom:2px; font-weight:bold} .product-box .item .intro dd { padding-left:20px; background:url(/shop/include/resources/images/main/pa/tick.png) no-repeat left center} .product-box .item .buy { top:390px; left:35px; width:240px} .product-box .item .buy li { position:relative; float:left; display:inline; height:25px; width:240px; margin-bottom:12px} .product-box .item .buy li .price { position:absolute; top:-2px; left:20px; font-size:22px; letter-spacing:-1px} .product-box .item .buy li .price-pt-br{ position:absolute; top:-2px; left:10px; font-size:18px; letter-spacing:-1px} .product-box .item .buy li .price sup { font-size:12px} .product-box .item .buy li .price-pt-br sup { font-size:14px} .product-box .item .buy li del { position:absolute; top:10px; left:-25px; font-size:11px; color:#f00} .product-box .item .buy li .button { position:absolute; left:40px; top:0; height:25px; margin-left:40px; } .product-box .item-2 .i { left:45px} .product-box .item-3 .i { left:30px} .product-box .item-3 .try { right:16px} .product-toolbox { padding-top:80px; padding-left:380px; width:700px; margin-right:-26px; } .product-toolbox .title { font-size:16px; font-weight:bold; color:#6a6a6a; margin-top:8px; padding-bottom:12px; background:url(/shop/include/resources/images/main/pa/comm-left-line.png) no-repeat left bottom} .product-toolbox ul { margin-top:15px;} .product-toolbox li { font-weight:normal; color:#0072bc; text-align:left; font-size:18px; font-weight:bold; margin-right:310px; padding-bottom:15px; text-decoration:none } .product-toolbox a { color:#0072bc; text-decoration:none } .product-toolbox2 { padding-top:45px; padding-left:380px; width:800px; margin-right:-26px; } .product-toolbox2 .title { font-size:18px; font-weight:bold; color:#6a6a6a; margin-top:8px; padding-bottom:12px; background:url(/shop/include/resources/images/main/pa/comm-left-line.png) no-repeat left bottom} .product-toolbox2 ul { margin-top:15px;} .product-toolbox2 li { font-weight:normal; color:#0072bc; text-align:left; font-size:18px; font-weight:bold; margin-right:310px; padding-bottom:15px; text-decoration:none } .product-toolbox2 a { color:#0072bc; text-decoration:none } .licenses-list {} .licenses-list li { line-height:1.3} .licenses-list li span { font-weight:bold; float:right} .buy-now { margin-top:5px; padding-top:5px; border-top:1px solid #5e5e5e; text-align:right; font-weight:bold; color:#0072bc} .buy-now a { color:#0072bc} .main-title { padding-left:20px; padding-bottom:10px; font-size:18px; font-weight:bold; color:#0072bc; background:url(/shop/include/resources/images/main/pa/main-line.png) no-repeat left bottom} .page-title { padding-left:20px; padding-bottom:10px; font-size:18px; font-weight:bold; color:#0072bc; background:url(/shop/include/resources/images/main/pa/main-line.png) no-repeat left bottom} .compare-features { padding:0 20px; margin-top:-4px; margin-bottom:4px} .compare-features td { padding:4px 0; background:#eaeaea; text-align:center} .compare-features tr.double td { background:#fff} .compare-features td.t-1 { width:310px; border-right:1px solid #a3a3a3} .compare-features td.t-2 { width:335px; border-right:1px solid #a3a3a3} .compare-features td .yes { padding-left:40px; padding-right:10px; text-align:left; background:url(/shop/include/resources/images/main/pa/yes.png) no-repeat 15px center; line-height:18px} .drop a { display:inline-block; width:19px; height:19px; margin-left:10px; background:url(/shop/include/resources/images/main/pa/drop.png) no-repeat 0 0px; vertical-align:middle; overflow:hidden} .drop a.active { background-position:0 -19px} .multi-user-pricing { margin-top:-4px; margin-bottom:4px} .multi-user-pricing ul { display:inline; float:left; width:238px; margin:0 30px; padding:5px 15px; background:#eaeaea url(/shop/include/resources/images/main/pa/multi-pricing-bottom.png) no-repeat left bottom} .upgrades, .special-offers { padding:5px 25px; line-height:1.4} .upgrades p, .special-offers p { padding:0.5em 0} .welcome { width:641px; height:302px; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px; background:url(/shop/include/resources/images/main/pa/welcome.png) no-repeat} .welcome .links { top:134px; left:180px} .welcome .links li { display:inline; float:left; padding:0 10px; border-left:1px solid #7d7d7d} .welcome .links .l-1 { border:none; padding-left:2px} .welcome .links li a { float:left; height:20px; font-size:20px; color:#7d7d7d} .welcome .links .l-1 a { width:93px} .welcome .links .l-2 a { width:63px} .welcome .links .l-3 a { width:87px} .welcome .links .l-4 a { width:67px} .welcome .for-home, .welcome .for-business { top:216px; left:49px; width:239px; height:38px; text-indent:-9999px; overflow:hidden} .welcome .for-business { left:354px} .scr-list { text-align:justify} .scr-list a { display:inline-block; margin:10px 0} .scr-list a img { vertical-align:middle} .paop img, .pacl img {float: right; margin-top: 10px; margin-left: 10px} .paop a img {float: left;margin-right: 20px; margin-top: 30px; margin-bottom: 5px} .paop p, .pacl p {padding-top: 15px; padding:0.5em 0; line-height:1.4} .paop ul {list-style: none} .paop h2 {margin-top: 5px; font-size: 14px; color: #075dad} .pacl h3 {font-size: 16px; font-weight: bold} .pacl a img {float: none; margin-top: 0px; margin-left: 20px; margin-right: 15px} /* Begin Typography & Colors */ #contentarea { font-size: 100%; /* Resets 1em to 10px */ padding-top:70px; padding-bottom:100px; } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.4em; } .narrowcolumn .postmetadata { text-align: left; } .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } #contentarea h1, h2, h3 { font-weight: bold; } #contentarea .widecolumn p { padding-top: 15px; padding-left: 20px; } /* End Typography & Colors */ #contentarea p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ #contentarea img.centered { display: block; margin-left: auto; margin-right: auto; } #contentarea img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } #contentarea img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Structure */ .post { margin: 0 0 40px; text-align: justify; } .post hr { display: block; } .download_table { margin-left: 15px; margin-bottom: 10px; padding-top: 15px; margin-right: 15px; } .download_table p { margin-bottom: 10px; } .download_table table { width: 950px; border-collapse: collapse; } .download_table th { padding-bottom: 8px; text-align: center; } .download_table a { text-decoration: underline; font-size:15px; color:#0072bc; } .download_table td { padding-top: 8px; padding-bottom: 8px; padding-right: 2px; text-align: center; } .download_table img { float: left; padding-left: 3px; padding-right: 12px; padding-top: 4px; } .download_table .first_col { padding-left: 17px; padding-right: 0px; width: 475px; text-align: left; } .download_table .alt_bg { background-color: #F1F1F1; } .download_table table a { font-weight: bold; } .lowertable td { border-top: 1px solid #CCCCCC; } .supportform { text-align: center; width: 450px; margin-left: auto; margin-right: auto; } .supportform td { text-align: left; padding-top: 5px; padding-right: 3px; } .supportform .first_col { text-align: right; } .right { float:right; padding-left: 20px; padding-top 20px; } .left{ float:left; } .center{ float:center; } .clear { clear: both; } .widecolumn ul { padding-left: 40px; margin-left:15px; padding-top: 10px; list-style:outside disc} .widecolumn ul li {line-height:1.4} .widecolumn em { font-style: italic; text-decoration: none;