body{ margin:0; color:#2a2a29; font:13px/18px arial,sans-serif; background:#e6e6e6 url(../images/top-bg.png) repeat-x; } html,body {height: 100%;} img{border-style:none;} a{ color:#000; outline:none; } a:hover{text-decoration:none;} input, textarea, select{ font:100% arial,sans-serif; vertical-align:middle; } form, fieldset{ margin:0; padding:0; border-style:none; } .visual img{ vertical-align:top; } .visual.outliner img{ padding: 25px 0; vertical-align:top; } .holder { height: 1%; overflow:hidden; } #wrapper { width: 974px; margin: 0 auto; height: 100%; min-height: 100%; height: auto !important; } .purchase_sub { margin-top: 15%; width: 500px; text-align: center; } .purchase_sub .text_ps { margin: 50px 0; text-align: center; font: 16px/22px arial,sans-serif; } #header { position:relative; background:url(../images/header-bg.png) no-repeat; height: 58px; margin: 0 0 12px; } .logo{ overflow:hidden; position:absolute; left:28px; top:15px; background:url(../images/logo.png) no-repeat; width:158px; height:27px; text-indent:-9999px; white-space:nowrap; cursor:pointer; } .logo a{ height: 100%; display:block; } #nav { margin:0; list-style:none; position:absolute; left: 213px; top:0; background:url(../images/separator3.png) no-repeat; padding: 0 0 0 3px; } #nav li { float:left; background:url(../images/separator3.png) no-repeat 100% 0; padding: 0 3px 0 0; } #nav li a { font-size: 17px; line-height: 17px; font-weight: bold; color:#2a2a29; text-shadow: 0 2px 0 #fff; text-decoration:none; display:block; padding: 21px 14px 0; height:37px; } #nav li a:hover, #nav li.active a{ background:#fff url(../images/nav-li-hover.gif) repeat-x; color: #d63d00 /*#c30*/; } #header .subscription { position: absolute; right: 174px; top: 13px; overflow: hidden; width: 271px; } #header .social { position:absolute; right: 16px; top: 13px; overflow:hidden; } #header .social .title { float:left; margin: 0 16px 0 0; padding: 9px 0 0; font-size: 15px; line-height: 15px; color: #666; text-shadow: 0 1px 0 #fff; font-weight:normal; } #header .social ul { margin:0; padding:0; list-style:none; float:left; } #header .social ul li { float:left; margin: 0 0 0 10px; } #header .social ul li:first-child { margin:0; } #header .social ul li .visual { height: 32px; width:32px; overflow:hidden; } .promo-block { position:relative; overflow:hidden; min-height: 340px; margin: 0 0 6px; padding: 36px 0 0; } .promo-block.mac { position:relative; overflow:hidden; min-height: 320px; margin: 0 0 6px; padding: 36px 0 0; } .promo-block.sale { position:relative; overflow:hidden; min-height: 320px; margin: -17px 0 6px 0; padding: 0; } .legal_notice { margin: 10px 0; font-style: italic; font-size: 11px; text-align: center; } .promo-block.tutorial { position:relative; overflow:hidden; min-height: 310px; margin: 0 0 6px; padding: 20px 0 0; } .promo-block.media { position:relative; overflow:hidden; min-height: 150px; margin: 0 0 6px; padding: 36px 0 0; } .promo-block.gallery { padding: 11px 50px 0 50px/*63px*/; margin: 0 0 15px; } .promo-block.gallery .next, .promo-block.gallery .prev { position:absolute; left:0; top: 48%; margin: -15px 0 0; width: 31px; height: 31px; text-indent: 9999px; overflow:hidden; white-space:nowrap; background:url(../images/gallery-prev-next-btns.png) no-repeat; } .promo-block.gallery .prev:hover { background-position:0 -32px; } .promo-block.gallery .next { right:0; left: auto; background-position:-32px 0; } .promo-block.gallery .next:hover { background-position:-32px -32px; } .promo-block.tutorial a{ color:#d63d00; float:right; font-size:13px; font-weight:bold; text-decoration:none; } .promo-block.gallery .frame { overflow:hidden; width: 100%; margin: 0 0 -10px; } .promo-block.gallery .frame ul { margin:0; padding:0; list-style:none; width: 9999px; height: 1%; overflow:hidden; } .promo-block.gallery .frame ul li { overflow:hidden; float:left; width:861px; height: 358px/*348px*/; } .promo-block.gallery .frame ul li .visual { padding:0; width:425px; margin: 0 27px 0 0; } .promo-block.gallery .info { padding: 18px 0 5px; } .promo-block.gallery .info .description { margin: 0 0 16px; } .promo-block.presentation { min-height:334px; margin: 0 0 12px; padding:0; padding: 36px 0 0 34px; } .promo-block.gallery .switchers { margin:0; padding:0 13px 0 0; list-style:none; text-align:center; overflow:hidden; position:relative; z-index: 20; } .promo-block.gallery .switchers li:first-child { margin:0; } .promo-block.gallery .switchers li { display:inline-block; margin: 0 0 0 4px; } .promo-block.gallery .switchers li a { display:block; background:url(../images/gallery-switchers-bg.png) no-repeat; width:10px; height:12px; white-space:nowrap; overflow:hidden; text-indent:9999px; } .promo-block.gallery .switchers li a.active, .promo-block.gallery .switchers li a:hover { background-position:0 -13px; } .promo-block.presentation .visual { position:absolute; top:0; left:0; width: 100%; padding:0; } .promo-block .presentation img { vertical-align:top; } .promo-block .visual { width: 584px; padding: 5px 0 0; text-align:center; margin: 0 1px 0 0; display:inline-block; vertical-align: middle; } .promo-block .visual.outliner { width: 584px; padding: 5px 0 0; text-align:center; margin: 0 1px 0 0; display:inline-block; vertical-align: middle; } .promo-block .visual.small { width: 525px; padding: 5px 0 0; text-align:center; margin: 0 1px 0 0; display:inline-block; vertical-align: middle; } .promo-block .visual-sale { width: 525px; padding: 5px 0 0; text-align:center; margin: 0 1px 0 0; display:inline-block; vertical-align: middle; } .promo-block .visual.media { width: 190px; /*width: 180px;*/ padding: 5px 0 0; text-align:center; margin: 0 1px 0 0; display:inline-block; vertical-align: middle; } .promo-block .visual.media a { text-decoration:none; } .promo-block.presentation .info { max-width: 480px; } .promo-block .info { position:relative; z-index:10; overflow:hidden; width: 405px/*384px*/; display:inline-block; vertical-align: top/*middle*/; } .promo-block .info.mac { position:relative; z-index:10; overflow:hidden; width: 405px; display:inline-block; vertical-align:top; padding-top:7px; } .promo-block .info.tutorial { width: 200px; } .promo-block .info.mac-gallery { position:relative; z-index:10; overflow:hidden; width: 405px; display:inline-block; vertical-align:top; padding-top:25px; } .promo-block .info .title, .promo-block .info.mac .title { display:block; font-size: 25px; line-height: 26px; font-weight: bold; color: #444444/*#d63d00*/ /*#c30*/; margin: 0 0 11px; text-align:center; } .promo-block .info .title.orange, .promo-block .info.mac .title.orange { color: #d63d00; } .promo-block .info .title.blue, .promo-block .info.mac .title.blue{ color: #056f9d;/*color: #375f82;*/ } .promo-block .info .title.red, .promo-block .info.mac .title.red{ color: #d65245; padding-top:25px; } .promo-block .info.mac .title.blue.t{ color: #274b6a; padding-top:40px; } .promo-block .info .description, .promo-block .info.mac .description { font-size: 15px; line-height: 20px/*16px*/; font-weight:bold; color: #444444; height: 40px/*1%*/; overflow:hidden; margin: 0 0 13px; text-align:center; } .promo-block .info .description p, .promo-block .info.mac .description p { margin: 0 0 10px; } #wrapper .promo-block ul.type1, #wrapper .promo-block ul.type2, promo-block .info.mac ul.type1 { margin:0 0 26px; padding: 0 0 0 3px; } #wrapper .promo-block ul.type1 li, #wrapper .promo-block ul.type2 li, promo-block .info.mac ul.type1 li { padding: 0 0 0 18px; margin: 7px /*15px*/ 0 0; font-size: 15px; color: #444444; line-height: 18px/*16px*/; background-position:0 2px; } #wrapper ul.type1 { margin:0 0 20px; padding: 8px 0 0; list-style:none; width: auto; /*height: 123px;*/ } #wrapper ul.type2 { margin:0 0 20px; padding: 8px 0 0; list-style:none; width: auto; /*height: 123px;*/ } #wrapper ul.type1 li:first-child, #wrapper ul.type2 li:first-child { margin:0; } #wrapper ul.type1 li, #wrapper ul.type2 li { padding: 0 0 0 17px; margin: 5px/*11px*/ 0 0; font-size: 13px; line-height: 18px; background:url(../images/marker.png) no-repeat 0 4px; width: auto; height:auto; float:none; } #wrapper ul.subitem li { padding: 0 0 0 7px; margin: 5px/*11px*/ 0 0; font-size: 13px; line-height: 18px; background:none; width: auto; height:auto; float:none; } .promo-block .info .btns-holder, .promo-block .info.mac .btns-holder{ margin: 0 -10px 20px -10px/*0*/; } .promo-block .info .btns-holder .holder, .promo-block .info.mac .btns-holder .holder { margin: 0 0 10px; } .promo-block .info .btn, .promo-block .info.mac .btn { /*background:url(../images/btn2-r.png) no-repeat 100% 0;*/ float:left; padding: 0 5px 0 0; text-decoration:none; /*color: #fff;*/ margin: 0 10px 0 2px; position:relative; overflow:hidden; } .promo-block .info.mac .btn .center { padding: 0 5px 0 0; float:none; text-decoration:none; margin: 0 10px 0 120px; position:relative; overflow:hidden; } .promo-block .info.mac .btn .center2 { padding: 0 5px 0 0; float:none; text-decoration:none; margin: 0 10px 0 95px; position:relative; overflow:hidden; } .promo-block .info .cloud, .promo-block .info.mac .cloud { background:url(../images/icon2.png) no-repeat; width:74px; height:51px; text-indent: 9999px; white-space: nowrap; overflow:hidden; margin: 0 10px 15px 2px; float:left; } .promo-block .info .btn.type2 .left, .promo-block .info.mac .btn.type2 .left { width: 180px; } .promo-block .info .btn.type2 .visual, .promo-block .info.mac .btn.type2 .visual { width: 44px; padding: 2px 6px 0; position:relative; } .promo-block .info .btn .left, .promo-block .info.mac .btn .left { /*background:url(../images/btn2-l.png) no-repeat;*/ height: 51px; overflow:hidden; display:table; } .promo-block.gallery .frame ul li .btn .visual, .promo-block .info .btn .visual, .promo-block .info.mac .btn .visual { display:table-cell; padding: 0 7px 0 9px; vertical-align:middle; float:none; height: 48px; width: auto; } .promo-block .info .btn .info, .promo-block .info.mac .btn .info { display:table-cell; height:auto; padding: 7px 0 0; width: auto; } .promo-block .info .btn .info-top, .promo-block .info.mac .btn .info-top{ font-size: 13px; line-height: 16px; letter-spacing:1px; margin: 0 0 1px; } .promo-block .info .btn .info-top.big, .promo-block .info.mac .btn .info-top.big{ font-weight: bold; font-size: 15px; letter-spacing:0; } .promo-block .info .btn .info-bottom, .promo-block .info.mac .btn .info-bottom { font-size: 21px; font-weight: bold; line-height: 21px; } .promo-block .info .btn .info-bottom.app-store, .promo-block .info.mac .btn .info-bottom.app-store, .promo-block .info .btn .info-bottom.mac-app-store { width: 81px; height: 21px; background:url(../images/appstore-text.gif) no-repeat -39px 1px; text-indent: 9999px; overflow:hidden; } .promo-block .info .btn .info-bottom.mac-app-store, .promo-block .info.mac .btn .info-bottom.mac-app-store { width: 120px; background-position:0 1px; } .promo-block .info .btn a, .promo-block .info.mac .btn a{ position:absolute; width: 100%; height:100%; z-index: 50; top:0; left:0; white-space:nowrap; overflow:hidden; text-indent:9999px; background:url(../images/none.gif) no-repeat; } #menu { margin: 0 0 19px; padding:1px 0 0; list-style:none; height: 39px; display:table; width: 100%; text-align:center; overflow:hidden; background:url(../images/menu-bg.png) no-repeat; } #menu li:first-child { background:none; } #menu li { background:url(../images/separator2.png) no-repeat 0 50%; text-align:center; display:table-cell; vertical-align:middle; height: 39px; } #menu li a { display:inline-block; vertical-align:top; padding: 0 0 0 40px; margin: 0 20px 0 19px; font-size: 15px; font-weight:bold; line-height: 21px; color: #4d4d4d; height: 21px; text-decoration:none; background:url(../images/icon6.png) no-repeat; } #menu li a:hover, #menu li.active a { color: #c30; background-position:0 -22px; } #menu li a.all-platforms { background-image:url(../images/icon6.png); height: 21px; line-height: 22px; } #menu li a.all-platforms:hover, #menu li.active a.all-platforms { background-position:0 -22px; } #menu li a.iphone { height: 23px; line-height: 24px; background-image:url(../images/icon7.png); padding: 0 0 0 35px; } #menu li a.iphone:hover, #menu li.active a.iphone { background-position:0 -24px; } #menu li a.ipad { background-image:url(../images/icon8.png); height: 28px; line-height: 29px; padding: 0 0 0 44px; } #menu li a.ipad:hover, #menu li.active a.ipad{ background-position:0 -29px; } #menu li a.mac { background-image:url(../images/icon9.png); height: 23px; line-height: 23px; padding: 0 0 0 37px; } #menu li a.mac:hover, #menu li.active a.mac { background-position:0 -24px; } #menu li a.windows { background-image:url(../images/icon10.png); height: 20px; line-height: 20px; padding: 0 0 0 45px; } #menu li a.windows:hover, #menu li.active a.windows { background-position:0 -21px; } #main { width: 100%; overflow:hidden; padding: 0 0 40px; } #content { height: 1%; overflow:hidden; } #sidebar { float:right; width: 243px; margin: 0 0 0 14px; padding: 3px 0 0; } #sidebar .product-list { height: 1%; overflow:hidden; margin:0 0 5px; } #sidebar .product-list .top, #sidebar .product-list .bottom { background:url(../images/sidebar-product-list-top.png) no-repeat; height: 5px; } #sidebar .product-list .bottom { background-image:url(../images/sidebar-product-list-bottom.png); } #sidebar .product-list .middle { background:url(../images/sidebar-product-list-middle.png) repeat-y; margin:0; padding:1px 2px 13px; list-style:none; } #sidebar .product-list .middle li { margin: 17px 0 0; padding: 17px 8px 0; background:url(../images/separator4.png) no-repeat; height: 1%; display:table; overflow:hidden; } /*#sidebar .product-list .middle { background:url(../images/sidebar-product-list-middle.png) repeat-y; margin:0; padding:1px 2px 0; list-style:none; } #sidebar .product-list .middle li { padding: 17px 40px 17px 8px; background:url(../images/separator4.png) no-repeat; height: 1%; display:table; position:relative; margin:0; }*/ #sidebar .product-list .middle li:first-child { margin:-4px 0 0; background:none; } #content .product-list li .more span/*, #sidebar .product-list .middle li a.more span*/{ background:url(../images/btn.png) no-repeat; position:absolute; right: 12px; top: 33px; width: 23px; height: 22px; overflow:hidden; text-indent:9999px; white-space:nowrap; } /*#sidebar .product-list .middle li a.more span { right: 8px; top: 37px; }*/ #sidebar .product-list .middle li a.more span { text-decoration:none; background:url(../images/btn.png) no-repeat; float:right; margin: 0 0 19px 9px; width: 23px; height: 22px; overflow:hidden; text-indent:9999px; white-space:nowrap; } #content .product-list li .more/*, #sidebar .product-list .middle li a.more*/ { position:absolute; left:0; top:0; width: 100%; height: 100%; background:url(../images/none.gif); } #sidebar .product-list .middle li a.more { } #sidebar .product-list .middle li .visual{ float:left; width: 69px; text-align:center; margin: 0 10px 0 0; } #sidebar .product-list .middle li .info { display:table-cell; text-align:left; width: 112px; overflow:hidden; vertical-align:middle; } #sidebar .product-list .middle li .info .title { font-size: 16px/*17px*/; line-height: 19px; font-weight:bold; color: #444444; } #content .product-list li .more:hover span, #sidebar .product-list .middle li a.more:hover span{ background-position:0 -23px; } #content .product-list, #content .product-list-sale, #content .product-list-sale40 { margin:0 -10px 0 0; padding:3px 0 0; list-style:none; position:relative; overflow:hidden; } #content .product-list li { background:url(../images/product-list-item-bg.png) no-repeat; width:452px; height:67px; overflow:hidden; float:left; padding: 13px 11px 8px 21px; margin: 0 6px 9px 0; position:relative; } #content .product-list-sale li, #content .product-list-sale40 li { background:url(../images/product-list-item-bg-big-40-dark.png) no-repeat; width:974px; height:110px; overflow:hidden; float:left; padding: 13px 11px 0 21px; margin: 0 6px 0 0; position:relative; } #content .product-list li .visual, #content .product-list-sale li .visual, #content .product-list-sale40 li .visual { float:left; margin: 4px 26px 0 0; width: 61px; text-align:center; } #content .product-list li .info { width: 335px; overflow:hidden; line-height: 15px; } #content .product-list-sale li .info, #content .product-list-sale40 li .info { width: 335px; overflow:hidden; line-height: 20px; padding: 5px 0 0 10px; font-size: 18px; color:#45474a; } #content .product-list-sale li .buttons, #content .product-list-sale40 li .buttons { float:right; text-align:center; margin-right: 100px; } #content .product-list-sale li .btn, #content .product-list-sale40 li .btn { float:right; margin-right: 20px; padding-top: 10px; } #content .product-list-sale li .btn1, #content .product-list-sale40 li .btn1 { float:right; margin-right: 228px; padding-top: 10px; } #content .product-list li .info .title{ display:block; margin: 0 0 6px; font-size: 16px; font-weight:bold; line-height:16px; margin-top: 3px; color: #444444; } #content .product-list-sale li .info .title, #content .product-list-sale40 li .info .title { display:block; margin: 0 0 6px; font-size: 21px; font-weight:bold; line-height:23px; } #content .product-list li .info p { font-size: 15px; color: #444444; line-height: 19px; margin-top: -3px; } #content .product-list-sale li .info p, #content .product-list-sale40 li .info p { margin: 0; } h1 { font-size: 21px; line-height: 23px; margin: 0 0 11px; color: #444444; } #content .container { padding: 27px 0 0; margin: 0 0 8px; height: 1%; overflow:hidden; background:url(../images/separator.png) no-repeat; } #content .container1 { padding: 27px 0 0; margin: 0 0 8px; height: 1%; overflow:hidden; background:url(../images/separator6.png) no-repeat; } #content .container.type2, #content .container1.type2 { padding:23px 0 0; } #content .container .info-block, #content .container1 .info-block { padding: 0 0 0 14px; height: 1%; overflow:hidden; } #content .container .info-block. btn2 { display: table-row; } #content .container1 .info-block1 { padding: 0 0 0 14px; height: 1%; overflow:hidden; } #content .container .info.tutorial-left { padding: 0 0 0 14px; height: 1%; overflow:hidden; width:230px; float:left; margin-right:35px; } #content .container .info.tutorial-right { padding: 0 0 0 100px; height: 1%; overflow:hidden; width:244px; float:left; margin-right: -1px; } #content .container1 .info.tutorial-left { height: 1%; overflow:hidden; width:250x; float:left; margin-right:35px; margin-top:20px; } #content .container1 .info.tutorial-middle { height: 1%; overflow:hidden; float:left; margin-right: -1px; margin-left: 90px; margin-top:20px; } #content .container1 .info.tutorial-right { height: 1%; overflow:hidden; float:right; margin-left:40px; margin-top:20px; } #content .container1 .info-block .info-new { height: 1%; overflow:hidden; float:left; } #content .container .info-block p, #content .container1 .info-block1 p, #content .container1 .info-block p { margin: 0 0 10px; } #content .container .info-block h2, #content .container .info-block1 h2, #content .container1 .info-block h2 { margin: 0 0 6px 0; color: #444444; font-size: 20px; line-height: 22px; } #content .container .info-block h4 { margin: 0; color: #444444; } #content .info-block .visual { float:left; margin: 1px 26px 0 0; width: 61px; text-align:center; } #content .info-block .info { overflow:hidden; line-height: 15px; padding-top:5px; } #content .info-block .info-new { overflow:hidden; line-height: 15px; padding-top:5px; width:500px; } #content .info-block .info-new1 { overflow:hidden; line-height: 15px; padding-top:5px; width:500px; } #content .info-block .info-download { line-height: 15px; margin-bottom:5px; float:right; } #content .info-block .info-download1 { line-height: 15px; margin-bottom:5px; float:right; padding-top: 140px; } #content .container .info-block h1 #content .container1 .info-block h1 { color: #444444; } #content .container .info-block.marker, #content .container1 .info-block.marker { background:url(../images/marker.png) no-repeat 0 8px; } #content .container:first-child, #content .container1:first-child { padding:0; background:none; } #content .container .img-block, #content .container .video-block { background:url(../images/img-frame.png) no-repeat; width:312px; height:243px; overflow:hidden; position:relative; float:left; padding: 11px 0 0 13px; margin: 1px 11px 3px -1px; } #content .container .video-block.tutorial-evr-left { background:url(../images/img-frame_tutorial_evr.png) no-repeat; width:200px; height:335px; float:left; /*margin-right:20px;*/ } #content .container .video-block.tutorial-evr-right { background:url(../images/img-frame_tutorial_evr.png) no-repeat; width:200px; height:335px; float:right; margin-left:20px; /*margin-right:20px;*/ } #content .container .video-block.features-left { background:url(../images/img-frame_iphone6-port.png) no-repeat; width:250px; height:439px; float:left; margin-left:10px; } #content .container .video-block.features-right { background:url(../images/img-frame_iphone6-port.png) no-repeat; width:250px; height:439px; float:right; margin-right: -1px; margin-left: 20px; } #content .container .img-block.mac-evr { background:url(../images/img-frame_tutorial_evr.png) no-repeat; width:201px; height:335px; } #content .container .img-block.mac-pt { /*background:url(../images/img-frame-mac-1.png) no-repeat;*/ background:none; width:259px; height:373px; } #content .container .img-block.mac-pt-wide { /*background:url(../images/img-frame-mac-pt-wide.png) no-repeat;*/ background:none; width:385px; height:268px; } #content .container .img-block.mac-evr-wide { background:url(../images/img-frame-mac-evr-wide.png) no-repeat; width:374px; height:335px; } #content .container .img-block.mac-chp-wide { background:url(../images/img-frame-mac-evr-wide-chp-white.png) no-repeat; /*img-frame-mac-evr-wide-chp.png*/ width:391px; height:335px; } #content .container .img-block.mac-chp-reports { background:url(../images/img-frame-mac-chp-reports.png) no-repeat; width:460px; height:254px; } #content .container .img-block.iphone-land { background:url(../images/img-frame-iphone-land.png) no-repeat; width:312px; height:211px; } #content .container .img-block.iphone-port { background:url(../images/img-frame-iphone-port.png) no-repeat; width:200px; height:294px; } #content .container .img-block.iphone5-land { background:url(../images/img-frame-iphone5-land.png) no-repeat; margin-top:122px; width: 286px; height:200px; } #content .container .img-block.iphone5-land-newline { background:url(../images/img-frame-iphone5-land-inv.png) no-repeat; margin-top:20px; padding-top:12px; width: 283px; height:200px; } #content .container .img-block.iphone5-port { background:url(../images/img-frame-iphone5-port.png) no-repeat; width:167px; height:294px; } #content .container .img-block.iphone6-port { background:url(../images/img-frame_iphone6-port.png) no-repeat; width:235px; height:439px; margin-right:20px; } #content .container .img-block.iphone6-small { background:url(../images/img-frame-iphone6-small.png) no-repeat; width:180px; height:335px; float:right; margin-right: -1px; margin-left: 9px; } #content .container .img-block.clear { background:none; width:167px; height:294px; } #content .container .img-block.ipad-gift { width:309px; height:243px; padding: 11px 0 0 16px; } #content .container .img-block.ipad-port { background:url(../images/img-frame-ipad-port.png) no-repeat; width:230px; height:315px; } #content .container .img-block.mac-outliner { background:url(../images/img-frame-mac-outliner.png) no-repeat; width:303px; height:213px; margin-right:20px; } #content .container .img-block.mac-vpn { background:url(../images/img-frame-mac-vpn.png) no-repeat; width:318px; height:235px; margin-right:13px; } #content .container .img-block.ipad { width:301px; height:243px; /*padding: 11px 0 0 16px;*/ } #content .container .img-block.ipad-land { width:303px; height:243px; margin-right:20px; /*padding: 11px 0 0 16px;*/ } #content .container .img-block.ipad-bottom { width:301px; height:243px; margin-top:70px; } #content .container .img-block.mac { background:url(../images/img-frame-mac.png) no-repeat; width:311px; height:219px; } #content .container .img-block.right, #content .container .video-block.right { float:right; margin-right: -1px; margin-left: 9px; } #content .container .video-block.right-filled { background:url(../images/img-frame-filled.png) no-repeat; float:right; margin-right: -1px; margin-left: 9px; } #content .container .video-block.right-outliner { background:url(../images/img-frame-iphone-land.png) no-repeat; float:right; margin-right: -1px; margin-left: 9px; } #content .container .video-block.left-fm { background:url(../images/img-frame-iphone-land.png) no-repeat; float:left; margin:35px 20px; } #content .container .block.left-t { float:left; margin-right: -1px; width: 50%; } #content .container .video-block.left { float:left; margin:35px 20px; } #content .container .video-block.right-evr { float:right; margin-right: -1px; margin-left: 9px; } #content .container .img-block img, #content .container .video-block img { vertical-align:top; } #content .container .img-block a, #content .container .video-block a { display:block; text-indent: 9999px; white-space:nowrap; overflow:hidden; background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:242px; position: absolute; top: 0; right:0; } #content .container .img-block.iphone-land a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:209px; } #content .container .img-block.iphone-land a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:208px; } #content .container .img-block.iphone5-land a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:175px; } #content .container .img-block.iphone6-port a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:421px; } #content .container .img-block.iphone6-small a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:326px; } #content .container .img-block.iphone5-land-newline a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:180px; } #content .container .img-block.iphone-port a { background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:294px; } #content .container .img-block.iphone5-port a { background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:296px; } #content .container .img-block.mac a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:209px; } #content .container .img-block.mac-evr a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:320px; } #content .container .img-block.mac-pt a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:372px; } #content .container .img-block.mac-pt-wide a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:267px; } #content .container .img-block.mac-evr-wide a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:320px; } #content .container .img-block.mac-chp-wide a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:320px; } #content .container .img-block.mac-chp-reports a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:242px; } #content .container .img-block.ipad a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:242px; } #content .container .img-block.ipad-land a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:242px; } #content .container .img-block.mac-outliner a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:214px; } #content .container .img-block.mac-vpn a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:232px; } #content .container .img-block.ipad-port a{ background:url(../images/icon11.png) no-repeat 100% 100%; width:100%; height:312px; } #content .container .video-block { background-image:url(../images/video-frame.png); width:299px; height:269px; padding: 11px 12px 0 13px; } #content .container .video-block a{ background-image:url(../images/icon12.png); width: 88px; height:88px; top: 88px; left: 119px; right:auto; bottom:auto; } #footer { background:url(../images/footer-bg.png) no-repeat; height: 34px; overflow:hidden; position:relative; width: 974px; margin: -34px auto 0; } #footer .copyright { position: absolute; left: 14px; top: 6px; color: #fff; } .footer-menu { margin: 0; padding: 0; list-style: none; position: absolute; right: 6px; top: 6px; width: 330px; } .footer-menu li { float:left; margin: 0 0 0 7px; padding: 0 0 0 8px; background:url(../images/separator5.png) no-repeat 0 3px; } .footer-menu li:first-child { margin:0; background:none; padding:0; } .footer-menu li a { color: #fff; font-weight:bold; } .footer-menu li.active a { text-decoration:none; } #content.support { padding: 36px 0 0 33px; } #content.support .visual { width: 444px; margin: 0 0 0 20px; float:right; text-align:center; padding: 36px 0 0; } #content.support .info { height: 1%; overflow:hidden; font-size: 15px; line-height: 16px; color: #000; } #content.support .container .info-block { padding:0; } #content.support .container { padding-top: 22px; } #content.support .container:first-child { padding:0; } #content.support h1 { color: #c30; font-size: 25px; line-height: 27px; margin: 0 0 9px; } #content form label{ height: 1%; overflow:hidden; line-height: 16px; font-size: 13px; font-weight:bold; color: #000; display:block; margin: 5px 0 0; } #content form .row { height: 1%; overflow:hidden; margin: 10px 0 0; } #content form .row:first-child{ margin:0; } #content form .input-row { height: 1%; overflow:hidden; margin:0; float:left; } #content form .btn-row { position:absolute; right: 0; top: 0px; overflow:hidden; } #content form input, #content form textarea { background:#fff url(../images/input-bg.png) repeat-x; width: 400px; float:right; border: 1px solid #ccc; outline:none; } #content form input { color: #6a6a6a; font-size: 13px; line-height: 24px; height:24px; padding: 0 0 0 7px; border: 1px solid #ccc; } #content form select { width: 400px; } #content form .btn { margin: 1px 0 0; background:url(../images/form-btn.png) no-repeat; width:165px; height:33px; padding: 0 7px 0 5px; font-size: 15px; line-height: 28px; overflow:hidden; color: #fff; font-weight:bold; cursor: pointer; text-shadow: 0 -1px 0 #a70e00; border: none; } #content form .btn:hover { background-position:0 -34px; } #content form textarea { color: #6a6a6a; font-size: 13px; line-height: 17px; resize:none; height: 167px; padding: 3px 0 0 7px; overflow:auto; } #content.subscribe form input, #content.subscribe form textarea { background:#fff url(../images/input-bg.png) repeat-x; width: 175px; float:left; border: 1px solid #ccc; outline:none; margin: 3px 0 0; } #content.subscribe form input { color: #6a6a6a; font-size: 13px; line-height: 15px;/*24px;*/ height:24px; padding: 0 0 0 5px; border: 1px solid #ccc; } #content.subscribe form select { width: 200px; } #content.subscribe form .btn { margin: 3px 0 0 10px; background:url(../images/subscr-form-btn.png); width:76px;/*165px;*/ height:25px;/*33px*/ padding: 0 7px 0 5px; font-size: 13px/*15px*/; line-height: 28px; overflow:hidden; color: #fff; font-weight:bold; cursor: pointer; text-shadow: 0 -1px 0 #a70e00; border: none; } #content.subscribe form .btn:hover { background-position:0 -27px; } #content.subscribe form textarea { color: #6a6a6a; font-size: 13px; line-height: 17px; resize:none; height: 167px; padding: 3px 0 0 7px; overflow:auto; } .ui-selectmenu { float:right; margin:0 0 0 5px; height:24px; padding:0 0 0 7px; position:relative; border: 1px solid #ccc; background:#fff url(../images/input-bg.png) repeat-x; text-decoration:none; } .ui-selectmenu:hover { text-decoration:none; } .ui-selectmenu-status { text-decoration:none; display:block; height:24px; overflow:hidden; color: #6a6a6a; font-size: 13px; line-height: 24px; } .ui-selectmenu-menu { position:absolute; top:0; margin: -2px 0 0 3px; border: 1px solid #ccc; visibility:hidden; } .ui-selectmenu-menu ul { list-style:none outside none; overflow:hidden; margin:0; padding: 0; background:#fcfcfc; } .ui-selectmenu-menu a { display:block; padding:3px 10px; color: #000; text-decoration:none; } .ui-selectmenu-menu a:hover { background:#edf9e0; text-decoration:none; color: #2f377f; } .ui-selectmenu-open { visibility:visible; } .ui-selectmenu-icon { float:right; margin: 2px 1px 0 10px; cursor:pointer; background:url(../images/select-icon.png) no-repeat; width:21px; height:21px; } #content.support .container .info-block .message { color: #d24516; font-size: 15px; line-height: 21px; } #content.subscribe .container .info-block .message { color: #d24516; font-size: 15px; line-height: 33px; } form .warning { clear:both; color:red; font-size:11px; float:right; font-weight:normal; }