/* CSS RESET*/ * { margin: 0; padding: 0;} html { overflow-y:scroll; } body { background:#fff; font-family:Arial, sans-serif; color:#727272;} ul, ul li { list-style:none;} a { text-decoration:none; outline:none;} a:hover { text-decoration:none;} a, a img, input, textarea, select, option { border:none; outline:none;} fieldset { display:block; border:none; clear:both;} .fLeft { float:left; } .fRight { float:right; } .submit { cursor:pointer; padding: 0; margin: 0; width: auto; max-width: auto; overflow: visible} .separator { width:780; height:41px; margin:5px auto; background:url(images/sepMare.png) no-repeat center; overflow:hidden; clear:both} .clear { height:0px; line-height:0px; font-size:0px; clear:both} .clearfix:before,.clearfix:after {content:""; display: block;} .clearfix:after { clear: both;} .clearfix { *zoom:1;} /* end CSS RESET*/ #header { width:100%; height:131px; background:url(images/bgHeader.png) center center no-repeat #000;} #topmenu { width:100%; height:24px; margin:0 0 20px 0; text-align: right;} #topmenu a { padding:0 10px; font:normal 12px/24px Arial, sans-serif; text-transform: uppercase; color:#fff; display: inline-block;} #topmenu a:hover { text-decoration: underline;} #logoTop, #partner { display: inline-block;} #partner { float: right; margin:10px 40px 0 0;} #logoTop { margin:0 0 0 60px} /* Continut principal */ .section { width:990px; margin:0 auto;background:none;} /* Section topContent */ #bgTop { width: 100%; margin:0; background:url(images/bgTop.png) left top repeat-x;} #pattern { width: 100%; background:url(images/bgPattern.jpg) repeat;} #topContent { width:990px; margin:0 auto; background:url(images/topContentLights.png) 0 0 no-repeat; overflow:hidden;} h1#mainTitle { width:100%; margin:30px 0 10px 0; font:bold 24px/24px Arial, sans-serif; letter-spacing:-0.06em; text-align: center; color:#272727;} h1#mainTitle span { font:normal 16px/24px Arial, sans-serif; letter-spacing:-0.05em; text-align: center; color:#585858;} #prodBox { font-size:0;display: inline-block; vertical-align:top;} #mainDetails { width:667px; font-size:0; display: inline-block; vertical-align:top; overflow: hidden;} #details { width:432px;} #details .txt { margin:70px 0 0 22px;} #details .txt h2 { margin:0 0 16px 0; font:bold 35px/35px Arial, sans-serif; text-shadow:1px 1px 1px #dadbdb; letter-spacing:-0.04em; color:#3d3d3d;} #details .txt h2 span { font:normal 25px/25px Arial, sans-serif;} #details .txt p { width:90%; font:normal 12px/16px Arial, sans-serif; color:#424141;} #details h3#hPhtoton { margin:0 0 10px 0;} #stickerW { width:233px; background:url(images/bgPriceSticker.png) 0 0 no-repeat;} h2#scndSubtitle { width:376px; margin:0 0 58px 0; text-align: center;} /*awrdTop*/ #awrdTop { width:100%; margin:24px 0 0 13px;} #awrdTop .awrd { width:186px; text-align:center;} #awrdTop .awrd .imgH { width:162px; margin:0 0 15px 0; display:inline-block;} #awrdTop .txt { width:230px; padding:10px 0 0 10px; margin:0; display:inline-block;} #awrdTop .txt p { font:bold 18px/18px Arial, sans-serif; font-style:italic; letter-spacing:-0.03em; color:#656565;} #awrdTop .txt span { margin:5px 0 0 0; font:normal 11px/12px Arial, sans-serif; letter-spacing:-0.01em; color:#606060; display:inline-block;} #priceTbl { width:190px; padding:0 10px; height:273px; margin:0 auto;} #priceTbl p { font-size:15px; line-height:18px; font-weight:normal; overflow:hidden;} #priceTbl p.title { padding:52px 0 0 0; font:normal 14px/14px Arial, sans-serif; color:#000;} #priceTbl p.title span { font:normal 12px/14px Arial, sans-serif; color:#666565;} #priceTbl .sep { width:100%; height:1px; margin:10px 0; background:url(images/sep_ptbl.gif) repeat-x;} #priceTbl #regp span { color:#4f4f4f; margin:0 0 5px 0;} #priceTbl #regp span.fRight { text-decoration:line-through;} #priceTbl #save span { color:#d40000; font-weight:bold;} #priceTbl #save span.fRight { padding:0 20px 0 0;} #priceTbl #now { margin:10px 0 0 0;} #priceTbl #now span { color:#0d0d0d; font-size:17px; line-height:27px; font-weight:normal; text-shadow:0px 2px 1px #fff;} #priceTbl #now span.fRight { font-weight:bold; font-size:27px; line-height:27px;} #btnBuy { width:190px; margin:0 auto;} #btnBuy a.btn { width:166px; height:57px; margin:0 auto; background:url(images/btnBuyTop.png) left top no-repeat; text-align:center; display:block;} #btnBuy a.btn:hover { background-position:left bottom;} #btnBuy a.btn span { font:bold 23px/57px Arial, sans-serif; text-shadow:0px -1px 1px #780303; color:#fff;} #btnBuy .shdw { margin:15px 0 0 0;} #btnBuy p { margin:10px 0 0 0;font:normal 11px/11px Arial, sans-serif;color:#8d8d8d; text-align: center;} #btnBuy p a { font:normal 11px/11px Arial, sans-serif;color:#8d8d8d; background:none; display: inline-block;} #btnBuy p a:hover { color:#d40000; background:none;} /* Awards 2 cols top */ #twoCol { width:100%; margin:22px 0; overflow:hidden;} #twoCol .awrd { display:inline-block; vertical-align:top;} #twoCol .txt, #twoCol .imgH { vertical-align:middle; display:table-cell;} #twoCol .txt p { font:italic 18px/18px Arial, sans-serif; letter-spacing:-0.02em; color:#626262;} #twoCol .txt span { margin:5px 0 0 0; font:normal 11px/11px Arial, sans-serif; letter-spacing:-0.02em; color:#828080; display:inline-block;} #twoCol .awrd.fLeft { width:450px; margin:0 0 0 90px;} #twoCol .awrd.fLeft .imgH { width:125px;} #twoCol .awrd.fLeft .txt { width:325px;} #twoCol .awrd.fRight { width:400px; margin:0 40px 0 0;} #twoCol .awrd.fRight .imgH { width:76px;} #twoCol .awrd.fRight .txt { width:280px; margin:0 0 0 10px;} /* END Section topContent */ /* 400 million users */ #m400 { width: 100%; margin: 0 auto; background:url(images/bg400.png) repeat-x; text-align: center;} /* Section photon */ #photonNoBorders { width:100%; height:234px; margin:1px 0 55px 0; background:#ededed;} #photonNoBorders .section { width:980px; height:236px; background:url(images/bgPhoton.jpg) top right no-repeat; overflow: hidden;} #photonNoBorders h1 { min-height:65px; margin:54px 0 0 50px; background:url(images/h1photon_en.png) no-repeat; text-indent:-9999em;} #photonNoBorders p { margin:26px 0 0 50px; width: 500px; font:normal 12px/14px Arial, sans-serif; color:#9c9c9c;} #photonNoBorders p span { width: 500px; font:normal 12px/14px Arial, sans-serif; color:#494949;} /*END Section photon */ /* Section Main Features mainFeats */ #mf3, ul#mf3 { width:980px; margin:0 auto 30px; display:block; text-align:center; overflow:hidden;} #mf3 li { width:300px; margin:0 13px; display:block; float:left; text-align:center;} #mf3 .imgH { width:166px; margin:10px auto;} #mf3 h3 { margin:0 0 10px 0; padding:15px 0 0 0; font:bold 22px/22px Arial, sans-serif; letter-spacing:-1px; color:#272727;} #mf3 h3.enhanced { margin:0 0 10px 0; padding:0; font:bold 22px/22px Arial, sans-serif; letter-spacing:-1px; color:#272727;} #mf3 h3 span { font:bold 15px/15px Arial, sans-serif; letter-spacing:-1px; text-transform:uppercase; color:#272727;} #mf3 p { font:normal 12px/16px Arial, sans-serif; color:#6b6b6b;} /*END Section mainFeats */ /* Section Secondary Features scndFtrs */ h2.withbg { width:100%; height:auto; margin:15px 0; background:url(images/sepNoMiddle.png) no-repeat; font:normal 22px/39px Arial, sans-serif; text-align:center; color:#000;} #scndFtrs ul { width:980px; margin:20px auto 0;} #scndFtrs li { width:430px; margin:0 25px 30px 25px; float:left;} #scndFtrs li h3 { margin:0 0 15px 0; font:normal 20px/20px Arial, sans-serif; color:#272727;} #scndFtrs li p { font:normal 12px/16px Arial, sans-serif; color:#6b6b6b;} /*END Section scndFtrs */ /* Section Tabel AV Test tableAvt */ #tableAvt { margin-bottom:60px;} #tableAvt .imgH { width:410px; margin:0 60px 0 25px;} #tableAvt .txt { width:475px; margin:60px 0 0 0;} #tableAvt h2 { margin:0 0 15px 0; font:bold 24px/24px Arial, sans-serif; letter-spacing:-0.08em; color:#000;} #tableAvt h3 { margin:0 0 10px 0; font:normal 18px/16px Arial, sans-serif; color:#000;} #tableAvt h3.mrginTop { margin:40px 0 10px 0;} #tableAvt p { font:normal 12px/16px Arial, sans-serif; color:#6b6b6b;} /*END Section tableAvt */ a.plusbg { margin:0 0 0 40px; padding:7px 10px;-webkit-border-radius: 5px; border-radius: 5px; background:#e8eff2; font:bold 11px/11px Arial, sans-serif; text-transform:uppercase; color:#484b4c; display:inline-block;} #ftrTable { width:914px; margin:0 auto; background:#e4e6eb; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 4px 0px #ebebeb; box-shadow: 0px 1px 4px 0px #ebebeb; overflow:visible;} #topFtrs { width:914px; height:75px; background:url(images/bgFeatures.png) no-repeat; overflow:hidden; } #topFtrs h2 { padding:0 0 0 50px; font:bold 22px/75px Arial, sans-serif; letter-spacing:-1px; color:#fff;} #ftrTable .col { width:230px; float: left;} #ftrTable .col.ap { width:227px; float: left;} #ftrTable .col.ts { width:227px; float: left;} #ftrTable .col.is { width:216px; margin:0 7px; float: left; -webkit-box-shadow: 0px 0px 10px 2px #bfbfc1; box-shadow: 0px 0px 10px 0px #bfbfc1;} #ftrTable .ftrName { width:230px; height:34px; line-height:34px; border-bottom:1px solid #dadce1; text-align:left;} #ftrTable a.info { width:15px; height:15px; margin:10px; background:url(images/ico_infgrey.png) no-repeat; line-height:44px; vertical-align:top; display:inline-block; position:relative;} #ftrTable span.for_hover { width:290px; min-height:72%; background:rgba(114, 122, 131, 0.8); opacity: 0; text-align: center; position: absolute; left:90%; top:22px; z-index:999; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius: 5px; display:none;} #ftrTable span.for_hover span { margin:15px 20px; font:normal 12px/14px Arial, sans-serif; letter-spacing:0; color:#fff;float:left;} #ftrTable a.info:hover span.for_hover { opacity: 1; display:inline-block;} #ftrTable .ftrName p { font:normal 11px/34px Arial, sans-serif; color:#555555; text-align:left; vertical-align:top; display:inline-block;} #ftrTable .ftrName p.new, #ftrTable .ftrName p.enh { font:bold 10px/11px Arial, sans-serif; color:#fff; padding:2px 4px; margin:10px 0 0 5px; display: inline-block;} #ftrTable .ftrName p.new { background:#b30000;} #ftrTable .ftrName p.enh { background:#5a9300;} #ftrTable .cellBifa { height:34px; line-height:34px; border-bottom:1px solid #dadce1; text-align:center;} #ftrTable .is { background:#f4f4f4;} #ftrTable .cellBifa span { width:15px; height:15px; padding:10px 0; line-height:34px; vertical-align:top; display:inline-block;} #ftrTable .stker { width: 233px; height: 38px; margin:0 0 0 455px; background: url(images/bestValue.png) 0 0 no-repeat transparent; font:bold 14px/30px Arial, sans-serif;letter-spacing:-0.07em; text-shadow:0 1px 0 #fff; text-align: center; color:#636363;} ul#buyTbl { width:846px; margin:-1px 0 0 230px; padding:0; display:inline-block; overflow: hidden;} #buyTbl li { width:227px; margin:0; padding:0 0 20px 0; text-align:center; float:left; display:inline-block; overflow:hidden;} #buyTbl li.bestv { width:216px; margin: 0 7px; background: #f4f4f4;} #buyTbl .txt { width:100%; margin:20px 0 15px 0; text-align:center; overflow:hidden;} #buyTbl .txt p.forop { font:normal 14px/14px Arial, sans-serif; text-shadow:0 1px 0 #fff; letter-spacing:-0.05em; text-align:center; text-transform:uppercase; color:#777; display:inline-block; vertical-align: bottom;} #buyTbl .txt p.forop span { font:bold 31px/31px Arial, sans-serif; letter-spacing:-0.07em; text-align:left;color:#333;} #buyTbl .txt p.was { font:normal 11px/11px Arial, sans-serif; text-shadow:0 1px 0 #fff; letter-spacing:-0.05em; text-align:center; text-transform:uppercase; color:#777; display:inline-block; vertical-align: bottom;} #buyTbl .txt p.was span { font:normal 20px/20px Arial, sans-serif; letter-spacing:-0.07em;text-decoration: line-through; text-align:left;color:#454545;} a.btnBuy { margin:0 auto; height:52px; padding:0 0 0 20px; background:url(images/get_button_left.png) no-repeat left top; display:table; position:relative;} a.btnBuy:hover { background:url(images/get_button_left.png) no-repeat left bottom;} a.btnBuy span { max-width:160px;min-width:100px; height:52px; padding:0 20px 0 0; background:url(images/get_button_right.png) no-repeat right top; font:bold 16px/40px Arial, sans-serif; letter-spacing:-1px; text-transform:uppercase; text-align:center; text-shadow:#666 0 -1px 0; color:#fff; cursor:pointer; display:inline-block;} a.btnBuy:hover span { background:url(images/get_button_right.png) no-repeat right bottom;} #tblShadow { width:914px; margin:0 auto;} /* Screen Shots */ #screens { margin:0 auto 30px;} #ssGlry { width:980px; margin:0 auto 15px; overflow:hidden;} #ssGlry li { width:227px; margin:0 9px; float:left;} #ssGlry .imgH { width:227px; height:109px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden;} #sysReq { margin:30px 0 15px 0; padding:0 0 0 40px; overflow:hidden; display:none;} #sysReq li { width:45%; margin:0 5% 20px 0; display:inline-block; float:left;} #sysReq li ul li { width:100%; margin:0 0 10px 0; padding:0 0 0 17px; background:url(images/bifaGri.png) 0 2px no-repeat; font:normal 12px/14px Arial, sans-serif; color:#505050;} #sysReq h4 { margin:0 0 10px 0; font:bold 16px/16px Arial, sans-serif; text-indent:15px; letter-spacing:-0.01em; color:#272727;} #sysReq span { margin:5px 0 0 0; font:italic 12px/14px Arial, sans-serif; color:#a2a2a2; display:block;} /*Okay.Let's Review*/ #okrev { width:916px; padding:28px 21px; margin-bottom:40px; background:#f4f4f4;-webkit-border-radius: 8px; border-radius: 8px; position: relative;} #okrev h2 { margin:0 0 10px 0; font:bold 24px/24px Arial, sans-serif; letter-spacing:-0.05em; color:#010101;} #okrev .sep { width: 100%; height:1px; margin:0 0 10px 0; background:#d7d7d7; border-bottom:1px solid #fff;} #okrev .txt { width: 504px; font:normal 12px/18px Arial, sans-serif; color:#4b4a4a; display: inline-block; vertical-align: top;} #okrev .txt ul { margin:20px 0 0 0;} #okrev .txt li { width:100%; margin:0 0 5px 0; padding:0 0 0 17px; background:url(images/bifaGri.png) 0 4px no-repeat;} #buyBtm { margin:30px 0 0 200px; display: inline-block; vertical-align: top;} #buyBtm p.forop { font:normal 14px/14px Arial, sans-serif; letter-spacing:-0.05em; text-transform:uppercase; color:#777; display:inline-block; vertical-align: bottom;} #buyBtm p.forop span { font:bold 36px/36px Arial, sans-serif; letter-spacing:-0.07em; text-shadow:0 1px 0 #fff; text-align:left;color:#333;} #buyBtm p.was { margin:0 5px; font:normal 13px/13px Arial, sans-serif; letter-spacing:-0.05em; text-transform:uppercase; color:#777; display:inline-block; vertical-align: bottom;} #buyBtm p.was span { font:normal 24px/24px Arial, sans-serif; letter-spacing:-0.07em; text-decoration: line-through; text-align:left;color:#454545;} #buyBtm a.btnBuy { min-width:160px;margin:5px auto; height:60px; padding:0 0 0 20px; background:url(images/bigBuyNowLeft.png) no-repeat left top; display:table;} #buyBtm a.btnBuy:hover { background:url(images/bigBuyNowLeft.png) no-repeat left bottom;} #buyBtm a.btnBuy span { min-width:140px; height:60px; padding:0 20px 0 0; background:url(images/bigBuyNowRight.png) no-repeat right top; font:bold 21px/50px Arial, sans-serif; letter-spacing:-0.06em; text-transform:uppercase; text-align:center; text-shadow:#666 0 -1px 1px; color:#fff; cursor:pointer; display:inline-block;} #buyBtm a.btnBuy:hover span { background:url(images/bigBuyNowRight.png) no-repeat right bottom; text-shadow:#666 0 1px 0;} a.top { width: 31px; padding:15px 0 0 0; background:url(images/arwTop.jpg) 0 0 no-repeat #d4d4d4; font:bold 10px/20px Arial, sans-serif; letter-spacing:-0.05em; text-align: center; color:#040404; display: block; position: absolute; right:23px; top:27px;} /* Footer */ #footer { width:100%;background-color:#191919;text-align:center;} #footer #logo { width:116px; height:61px; margin:23px auto 20px auto; display:inline-block;} #footer #copyright { color:#a6a6a6;font-size:12px;background-color:#000000;padding:10px 0 10px 0;} #footer #copyright a { color:#a6a6a6;text-decoration:none;font-size:12px;padding-right:10px;} #footer #copyright a:hover { text-decoration:underline;} /* Back to top */ #backTop { position: fixed; bottom:30px; right:10px;} #backTop a { width:80px; height:80px; background: url(images/bgbtop.png) center 15px no-repeat #4e4e4e; text-align:center; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; display:block;} #backTop a span { padding:35px 0 0 0; font:bold 12px/12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; display:inline-block} #backTop a:hover { background: url(images/bgbtop.png) center 15px no-repeat#000; color:#fff;}