/*Font*/ .container-products div a.arrow-green-dx, a.empty-button, .footer { font-size: 12px; } .fecebook-post a, .simpleBox div div.layer-group ul li a { font-size: 14px; } .container-products div h2 { font-size: 16px; } .slide .content-main-feature .feature p, .fecebook-post h2, .socialFooter .social-link a, .socialFooter .social-link h3 { font-size: 18px; } .simpleBox div h2 { font-size: 20px; } .homeUsefulLink div a { font-size: 24px; } .simpleBox div.product h3 { font-size: 26px; } .acerNew .blocked { position: fixed; } select, input { font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; outline:none; } /*General*/ body { font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; line-height: 13px; color: #4d5357; margin: 0; padding: 0; text-align: center; } img { border: 0; } form { margin: 0; padding: 0; } a { color: #1960a1; outline: none; cursor: pointer; } .sx { float: left; } .dx { float: right; } .dividi { clear: both; } .hidden-element { display: none; } h1, h2, h3, h4, h5, h6, header, footer, section, article, ul { margin: 0; padding: 0; line-height: normal; } ul { list-style-type: none; } .disable { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed!important; background: rgb(245, 245, 245)!important; color: rgba(0, 0, 0, 0.7)!important; } #midLandFixer { display: none; width: 1024px; position: absolute; top: -1px; left: 0; height: 1px; } sup, sub { font-size: 0.7em; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } p.nota-info { font-weight: bold; color: #000; text-align: right; padding-right: 18px; } .toUpper { text-transform: uppercase; } .acerNew .mobile-only { display: none; } .row-content { font-size: 12px; } /*row*/ .row { width: 100%; height: auto; text-align: center; margin: 0; padding: 0 0 20px 0; clear: both; float: left; } .row-content, .header, .footer { width: 985px; margin: 0 auto; text-align: left; clear: both; } .acerNew .row-content, .acerNew .header, .acerNew .footer-one, .acerNew .footer-two, .acerNew .footer-three { width: 978px; margin: 0 auto; text-align: left; clear: both; padding-left: 3px; padding-right: 4px; } .acerNew .row-content { width: 985px; margin: 0 auto; text-align: left; clear: both; } /*Button*/ a.prev-small { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) left bottom no-repeat; float: left; } a.next-small { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) right bottom no-repeat; float: right; } a.prev-small:hover { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) left 1px no-repeat; } a.next-small:hover { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) right 1px no-repeat; } a.next-small span, a.prev-small span { display: none; } a.arrow-green-dx { padding-right: 20px; background: url(img/arrow.png) right -85px no-repeat; } a.arrow-green-dx:hover { color: #4d5357; background: url(img/arrow.png) right -181px no-repeat; } a.empty-button { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; line-height: 19px; } a.empty-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; line-height: 19px; } a.empty-button:hover { color: #fff; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -39px no-repeat; } a.empty-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; } a.full-button { color: #fff; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -39px no-repeat; line-height: 19px; } a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; line-height: 19px; } a.full-button:hover { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; } a.full-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; } a.facebook { background: url(img/icon-social3.0.png) 0 0 no-repeat; } a.twitter { background: url(img/icon-social3.0.png) -34px 0 no-repeat; } a.youtube { background: url(img/icon-social3.0.png) -68px 0 no-repeat; } a.googleplus { background: url(img/icon-social3.0.png) -102px 0 no-repeat; } a.qq { background: url(img/icon-social3.0.png) -136px 0 no-repeat; } a.weibo { background: url(img/icon-social3.0.png) -170px 0 no-repeat; } a.youku { background: url(img/icon-social3.0.png) -204px 0 no-repeat; } a.facebook:hover { background-position: 0 -34px; } a.twitter:hover { background-position: -34px -34px; } a.youtube:hover { background-position: -68px -34pxpx; } a.googleplus:hover { background-position: -102px -34px; } a.qq:hover { background-position: -136px -34px; } a.weibo:hover { background-position: -170px -34px; } a.youku:hover { background-position: -204px -34px; } /*Colors*/ .teal { background-color: #14bcaa; } .azure { background-color: #49b8da; } .green { background-color: #85bb23; } .grass-green { background-color: #21b84c; } .light-gray { background-color: #efefef; } .light-green { background: #e9f4e4; } .light-violet { background: #eeeaf4; } .dark-teal { background-color: #0e9b8c; } .dark-azure { background-color: #269cc0; } .dark-green { background-color: #65aa25; } .dark-gray { background-color: #c9c9c9; } .dark-grayblack { background-color: #acafb0; } .grad-yellow { background: url(img/yellowBck.png); background-size: contain; } .purple { background: #8f469a; } .commercial-red { background-color: #D6492A; } .commercial-orange { background-color: #FE9900; } .commercial-blue { background-color: #0E6E9E; } .commercial-teal { background-color: #13979C; } .commercial-dark-orange { background-color: #F4790F; } .commercial-dark-red { background-color: #C73119; } .commercial-dark-blue { background-color: #0C5081; } .commercial-dark-teal { background-color: #10797F; } /*Row Video Home Page*/ .acerNew.contVideoHome { background: url(img/bk_gradientGreen.jpg) repeat; padding-top: 35px; padding-bottom: 35px; } .acerNew.contVideoHome ul { } .acerNew.contVideoHome ul li { float: left; margin-left: 30px; } .acerNew.contVideoHome ul li:first-child { margin-left: 0px; } .acerNew.contVideoHome ul li a img { width: 301px; height: 171px; } .acerNew.contVideoHome ul li h2 { font-size: 20px; color: #fff; text-align: center; font-style: italic; margin-top: 15px; width: 301px; height: 25px; overflow: hidden; } /*Find Product Home Page*/ .acerNew.contFindProduct { } .acerNew.contFindProduct img { float: left; width: 474px; height: 290px; margin-top: 40px; margin-bottom: 15px; margin-right: 30px; } .acerNew.contFindProduct h2 { margin-top: 100px; text-transform: uppercase; float: right; color: #83b81a; font-style: italic; font-size: 22px; width: 474px; } .acerNew.contFindProduct p { line-height: 1.3em; font-size: 14px; float: right; width: 474px; height: 54px; overflow: hidden; margin-bottom: 40px;} .acerNew.contFindProduct .content-link { float: left; } /*ShowCase New*/ .acerNew .showcase { z-index:0; width:100%; height: 577px; overflow: visible; text-align:center; position:relative; } .acerNew .showcase .slide { position:absolute; z-index:50; left: 50%; margin-left: -50%; display:block;width:100%; height:512px; background-position: center center; background-repeat: no-repeat; background-size:cover;} .acerNew .showcase .slide a { border-bottom-color: none; border-image-width: 0; position: absolute; z-index: 50; left: 50%; margin-left: -50%; display: block; width: 100%; height: 512px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .acerNew .showcase .wrapper { position:absolute; z-index:100; left: 50%; margin-left: -492px; width:985px; height:512px; } .acerNew .showcase .wrapper .sc-prod { z-index: 200; } .acerNew .showcase .wrapper .sc-prod a { width: 985px; height: 512px; display: block; } .acerNew .showcase .wrapper .sc-prod img { width: 341px; height: 512px; float: left; margin-top: 78px; } .acerNew .showcase .arrow-slide { position: absolute; width: 985px; height: 60px; left: 50%; margin-left: -493px; top: 227px; } .acerNew .showcase .arrow-slide a { z-index: 200; position: absolute; background: url(img/arrow.png) no-repeat; width: 30px; height: 60px; display: block; } .acerNew .showcase .arrow-slide a.sc-arrow-l { background-position: left -1826px; } .acerNew .showcase .arrow-slide a.sc-arrow-r { background-position: right -1826px; right: 0; } .acerNew .showcase .arrow-slide a.sc-arrow-l:hover { background-position: left -1915px; } .acerNew .showcase .arrow-slide a.sc-arrow-r:hover { background-position: right -1915px; right: 0; } /*ShowCase*/ .showcase { position: relative; height: 420px; } .showcase .container { width: 777px; height: 420px; overflow: hidden; position: relative; } .slide { position: absolute; top: 0; left: 0; z-index: 0; width: 777px; height: 420px; } .slide .content-main-visual { width: 637px; height: 420px; overflow: hidden; position: relative; } .slide .content-main-visual a { display: none; width: 637px; height: 420px; position: absolute; z-index: 0; top: 0; left: 0; } .slide .content-main-visual a.pc { display: block; } .slide .content-main-visual a.tablet { display: none; } .slide .content-main-visual a.smartphone { display: none; } .slide .content-main-visual a img { width: 637px; height: 420px; } .slide .content-main-feature { height: 420px; width: 136px; position: absolute; top: 0; left: 637px; } .slide .content-main-feature .feature { width: 136px; height: 140px; text-align: center; position: relative; } .slide .content-main-feature .feature a { display: block; width: 136px; height: 120px; padding-top: 20px; background-color: transparent; text-decoration: none; background-image: url(img/bg-opacity-50.png); background-position: 0 0; background-repeat: repeat; } .slide .content-main-feature .feature a:hover { background-image: url(img/bg-opacity-20.png); } .slide .content-main-feature .feature a.current { background: none; } .slide .content-main-feature .feature a img { width: 80px; height: 60px; margin: 0 auto; } .slide .content-main-feature .feature a span { display: block; overflow: hidden; height: 1.5em; text-align: center; line-height: 1em; letter-spacing: -1px; font-style: italic; color: #fff; padding: 5px 10px 10px 10px; font-size: 18px; } .slide .content-main-feature .feature a .timerLine { display: none; position: absolute; left: 0; bottom: 0; width: 136px; height: 7px; } .slide .content-main-feature .feature a.current .timerLine { display: block; } .showcase .content { width: 203px; height: 420px; overflow: hidden; position: absolute; right: 0; top: 0; } .showcase .content div { width: 183px; height: 165px; padding: 20px 10px; overflow: hidden; position: absolute; top: 0; left: 0; margin-bottom: 0px; background-color: #e9f4e4; text-align: center; } .showcase .content div.second { top: 208px; left: 0; } .showcase .content div a { display: block; width: 183px; height: 165px; overflow: hidden; text-decoration: none; font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; font-size: 18px; font-weight: bold; font-style: italic; color: #5e6a71; } .showcase .content div a:hover { color: #85bb23; } .showcase .content div a span { background: transparent url(img/arrow-green.png) right 0 no-repeat; padding: 0 25px 0 0; display: block; line-height: 1em; height: auto; float: left; } .showcase .content div a:hover span { background-image: url(img/arrow-grey.png); } .showcase .content div a img { width: 160px; height: 134px; margin-bottom: 5px; } .container-products { position: absolute; top: 0; left: 19px; } .container-products div { width: 233px; float: left; padding-left: 0px; } .container-products div a { display: block; text-decoration: none; } .container-products div a img { float: left; margin-right: 10px; width: 90px; height: 74px; } .container-products div h2 { color: #4d5357; float: left; width: 125px; height: 2.2em; padding: 12px 0 0 0; overflow: hidden; font-weight: bold; font-style: italic; line-height: 1em; font-size: 14px; margin-bottom: 4px; } .container-products div a.arrow-green-dx { display: block; height: auto; width: auto; float: left; color: #85bb23; text-decoration: none; padding-bottom: 7px; } .container-products div a.arrow-green-dx:hover { color: #4d5357; background: url(img/arrow.png) right -181px no-repeat; } /*InfoPage no-AcerNew*/ /*PageTitle Old*/ .pageTitle { position: relative; } .pageTitle h1 { font-weight: bold; font-style: italic; font-size: 36px; color: #4d5357; width: 650px; float: left; } .pageTitle ul { float: left; width: 100%; padding: 20px 0 10px 0; } .pageTitle ul li { float: left; margin-right: 5px; font-size: 11px; font-weight: bold; font-style: italic; } .pageTitle ul li a { color: #85bb23; font-weight: bold; font-style: italic; text-decoration: none; font-size: 11px; color: #85bb23; } .pageTitle ul li a:hover { color: #4d5357; } .acerNew .pageTitle .content-link.social { float: right; padding-right: 20px; padding-top: 0; height: auto; width: auto; } .pageTitle .content-link.social { float: right; padding-right: 20px; } .pageTitle .content-link.social p { float: left; padding-right: 10px; padding-top: 11px; margin: 0; font-size: 13px; font-weight: bold; } .pageTitle .content-link.social a.full-button { float: left; margin-top: 5px; } .pageTitle .content-link.social a.social { width: 34px; height: 36px; display: block; margin-right: 10px; float: left; overflow: hidden; line-height: 500px; } .windows-tagline ul { width: 75%; } .windows-tagline p.nota-info { float: right; } .windows-logo h1 { width: 400px; } .windows-logo ul { width: 75%; } .windows-logo p.nota-info { float: right; } .windows-logo .content-link.social p img { width: 200px; margin: -8px 20px 0 0; } .pageTitle.new { position: relative; } .acerNew .pageTitle.new h1 { padding-bottom: 10px; } .pageTitle.new h1 { /* font-weight: bold; */ /* font-style: italic; */ /* font-size: 36px; */ /* color: #4d5357; */ /* width: 650px; */ /* float: left; */ } .contPageTitle .pageTitle.new h1 { padding-top: 15px; } .pageTitle.new ul { float: left; width: 100%; padding: 20px 0 10px 0; } .contPageTitle .pageTitle.new ul { padding: 20px 0 0 0; } .pageTitle.new ul li { float: left; margin-right: 5px; font-size: 11px; font-weight: bold; font-style: italic; } .pageTitle.new ul li a { color: #85bb23; font-weight: bold; font-style: italic; text-decoration: none; font-size: 11px; color: #85bb23; } .pageTitle.new ul li a:hover { color: #4d5357; } .pageTitle.new .content-link.social { float: right; padding-right: 20px; } .pageTitle.new .content-link.social p { float: left; padding-right: 10px; padding-top: 11px; margin: 0; font-size: 13px; font-weight: bold; } .pageTitle.new a.full-button { float: left; margin-top: 6px; } .pageTitle.new .content-link.social a.social { width: 34px; height: 34px; display: block; margin-right: 10px; float: left; overflow: hidden; line-height: 500px; } /*Info Page New*/ .acerNew.pageTitle { position: relative; } .acerNew.infoPage { padding-bottom: 0; z-index: 2; } .acerNew.infoPage div.pageTitle { } .acerNew.infoPage div.pageTitle h1 { width: 755px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-style: italic; font-size: 36px; color: #4d5357; float: left; } .acerNew.infoPage div.pageTitle h1 span { color: #676767; font-size: 20px; } .acerNew div.pageTitle ul { margin-bottom: 13px; float: left; width: 755px; padding: 0; margin-top: 20px; } .acerNew div.pageTitle ul li { float: left; margin-right: 5px; font-size: 11px; font-weight: bold; font-style: italic; } .acerNew div.pageTitle ul li a { color: #85bb23; font-weight: bold; font-style: italic; text-decoration: none; font-size: 11px; color: #85bb23; } .acerNew div.pageTitle ul li a:hover { color: #4d5357; } .acerNew div.pageTitle p.nota-info { float: right; padding: 0; margin-top: 20px; } .acerNew div.pageTitle a.content-link.social { float: right; padding-right: 20px; padding-top: 0; height: auto; width: auto; } /*Info Page Compare*/ .acerNew.infoPage.compare { } .pageTitle .content-link.social { float: right; padding-right: 20px; } .pageTitle .content-link.social p { float: left; padding-right: 10px; padding-top: 11px; margin: 0; font-size: 13px; font-weight: bold; } .pageTitle .content-link.social a.full-button { float: left; margin-top: 5px; } .pageTitle .content-link.social a.social { width: 34px; height: 36px; display: block; margin-right: 10px; float: left; overflow: hidden; line-height: 500px; } .windows-tagline ul { width: 75%; } .windows-tagline p.nota-info { float: right; } .windows-logo h1 { } .acerNew .windows-logo a.windows-logo { float: right; } .windows-logo ul { width: 75%; } .windows-logo p.nota-info { float: right; } .windows-logo .content-link.social p img { width: 200px; margin: -8px 20px 0 0; } .new.windows-tagline ul { width: 75%; } .new.windows-tagline p.nota-info { float: right; } .new.windows-logo ul { width: 75%; } .new.windows-logo p.nota-info { float: right; } .new.windows-logo a.windows-logo { float: right; margin: 8px 0px 8px 8px; } .new.windows-logo .content-link.social p img { width: 200px; margin: -8px 20px 0 0; } /*Orizontal Layout*/ .horizontalLayout { } .horizontalLayout .horizontalBox { float: left; background-color: #fff; margin-bottom: 20px; width: 985px; min-height: 332px; overflow: hidden; position: relative; } .horizontalLayout .horizontalBox.last, .horizontalLayout .horizontalBox:nth-last-child(1) { margin-bottom: 0; } .horizontalLayout .horizontalBox img.mainImage { width: 330px; height: auto; position: absolute; left: 0; top: 0; } .horizontalLayout .horizontalBox div.content { float: right; width: 617px; padding: 0 18px 18px 10px; } .horizontalLayout .horizontalBox h2 { float: left; color: #85bb23; font-weight: bold; font-style: italic; font-size: 28px; padding-top: 40px; width: 100%; } .horizontalLayout .horizontalBox p { float: left; font-size: 12px; line-height: 1.3em; padding: 18px 0; margin: 0; min-height: 5em; } .horizontalLayout .horizontalBox li { float: left; width: 110px; height: auto; text-align: center; padding-bottom: 23px; margin-right: 40px; } .horizontalLayout .horizontalBox li.last, .horizontalLayout .horizontalBox li:nth-last-child(1) { margin-right: 0; } .horizontalLayout .horizontalBox li a { text-decoration: none; display: block; } .horizontalLayout .horizontalBox li a:hover span.name { color: #85bb23; } .horizontalLayout .horizontalBox li img { width: 70px; } .horizontalLayout .horizontalBox li span { width: 110px; } .horizontalLayout .horizontalBox li span.name { display: block; color: #4d5357; font-size: 16px; padding: 3px 0; line-height: 1.1em; height: 2.1em; overflow: hidden; } .horizontalLayout .horizontalBox li span.link { color: #85bb23; font-size: 12px; line-height: 1.4em; background: transparent url(img/arrow.png) right -85px no-repeat; padding: 0 18px 7px 0; } .horizontalLayout .horizontalBox li a:hover span.link { color: #4d5357; background: transparent url(img/arrow.png) right -181px no-repeat; } .horizontalLayout .leftMode { } .horizontalLayout .rigthMode img.mainImage { margin: 0 0 0 10px; top: 0; left: auto; right: 0; } .horizontalLayout .rigthMode div.content { padding: 0 10px 18px 18px; width: 617px; float: left; } .horizontalLayout .content-link { float: left; width: 100%; margin-bottom: 15px; } /*contBuy*/ .acerNew.contLocalStore p { overflow: hidden; } .acerNew.contBuy p { line-height: 1.2em; overflow: hidden; font-weight: bold; font-size: 24px; font-style: italic; } /*Simple Box New*/ .acerNew .row-content { width: 978px; padding-left: 3px; padding-right: 4px; } .acerNew .simpleBox div { margin-bottom: 40px; margin-top: 40px; float: left; width: 306px; height: 387px; overflow: hidden; padding: 0; } .acerNew .simpleBox div.gray { margin-bottom: 0; background: #efefef; padding: 18px; width: 270px; } .acerNew .simpleBox div.gray img { width: 260px; height: 180px; margin: 0 auto; float: none; display: block; } /*.acerNew .simpleBox div.gray h2 { font-size: 20px; }*/ .acerNew .simpleBox div.gray h3 { font-size: 20px; } .acerNew .simpleBox div.white { background: #ffffff; padding: 18px; width: 270px; } .acerNew .simpleBox div.white img { width: 260px; height: 180px; margin: 0 auto; float: none; display: block; } .acerNew .simpleBox div.white h3 { font-size: 20px; } .acerNew .simpleBox div.hightlight h2 { height: 50px; } .acerNew .simpleBox div.hightlight img { width: 260px; height: 180px; display: block; margin-top: 13px; } .acerNew .simpleBox div.hightlight p { height: 40px; margin-bottom: 10px; } .acerNew .simpleBox div.hightlight p.price { margin-top: 0px; margin-bottom: 5px; line-height: 2em; height: 30px; font-size: 12px; } .acerNew .simpleBox div.hightlight p.price span { font-size: 30px; font-weight: bold; font-style: italic; padding-left: 5px; } .acerNew .simpleBox div.center-box { margin-left: 30px; margin-right: 30px; } .acerNew .simpleBox div div.content-link { background: transparent; width: 100%; height: 45px; float: left; margin: 0; padding: 10px 0 0 0; } .acerNew .simpleBox div img { margin: 0; width: 306px; height: 193px; display: block; } .acerNew .simpleBox div h2 { width: 100%; height: 27px; overflow: hidden; margin: 10px 0px 3px 0; color: #83b81a; font-size: 24px; } .acerNew .simpleBox div p { width: 100%; overflow: hidden; line-height: 1.3em; height: 75px; font-size: 14px; margin-bottom: 35px; margin-top: 5px; } /*Double Box*/ .acerNew .simpleBox div.doubleBox { margin-bottom: 50px; width: 474px; height: 185px; float: left; overflow: hidden; margin-right: 30px; } .acerNew .simpleBox div.hightlight.doubleBox h2 { height: 45px; } .acerNew .simpleBox div.hightlight.doubleBox p { height: 55px; margin-top: 3px; margin-bottom: 0px; } .acerNew .simpleBox div.hightlight.doubleBox p.price { margin-bottom: 0px; margin-top: 3px; } .acerNew .simpleBox div.hightlight.doubleBox img { margin-top: 0px; } .acerNew .simpleBox div.right-box.doubleBox { margin-right: 0; } .acerNew .simpleBox div.right-box.doubleBox img { margin: 0px; } .acerNew .simpleBox div.doubleBox img { padding-right: 20px; width: 228px; height: 144px; float: left; } .acerNew .simpleBox div.doubleBox h2 { height: 25px; overflow: hidden; font-weight: normal; font-style: italic; margin: 5px 0px 5px 0; color: #83b81a; font-size: 21px; width: 225px; float: left; } .acerNew .simpleBox div.doubleBox p { line-height: 1.3em; width: 225px; float: left; font-size: 14px; height: 106px; overflow: hidden; margin-top: 5px; margin-bottom: 0px; } .acerNew .simpleBox div.doubleBox p.price { margin-bottom: 11px; line-height: 2em; height: 30px; font-size: 12px; } .acerNew .simpleBox div.doubleBox p.price span { font-size: 30px; font-weight: bold; font-style: italic; padding-left: 5px; } .acerNew .simpleBox div.doubleBox div.content-link { padding-left: 248px; width: auto; } /*Yellow Box*/ .acerNew .focus { margin-top: 54px; margin-bottom: 33px; height: 110px; } .acerNew .focus div { float: left; height: 110px; padding-right: 15px; } .acerNew .focus div.right-box { padding-right: 0px; } .acerNew .focus div img { width: 120px; height: 110px; float: left; } .acerNew .focus div div.cont { height: 100px; width: 339px; padding: 3px 0px 5px 15px; float: left; margin-right: 0px; } .acerNew .focus div div.cont h2 { font-size: 24px; font-style: italic; overflow: hidden; height: 29px;} .acerNew .focus div div.cont p { font-size: 14px; overflow: hidden; height: 40px; margin-top: 0px; margin-bottom: 10px; } .acerNew .focus div div.cont a { text-decoration: none; color: #4d5357; font-weight: bold; font-size: 18px; overflow: hidden; height: 23px; display: block; } .acerNew .focus div div.cont a:hover { color: #83b81a; } /*Orange Botton*/ .acerNew div.content-link { width: 225px; height: 45px; float: right; margin: 0; padding: 5px 0 0 0; } .acerNew div.content-link a { float: left; display: block; } .acerNew a.button-big { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -1593px no-repeat; line-height: 19px; } .acerNew a.button-big span { text-transform: uppercase; color: #fff; font-size: 15px; display: block; padding: 5px 8px 5px 15px; background: url(img/arrow.png) left -1593px no-repeat; font-style: italic; line-height: 19px; } .acerNew a.button-big:hover { background-position: right -1633px; } .acerNew a.button-big:hover span { background-position: left -1633px; color: #e26d31; } .acerNew a.button-small { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -1674px no-repeat; line-height: 16px; } .acerNew a.button-small span { text-transform: uppercase; color: #fff; font-size: 12px; display: block; padding: 4px 8px 3px 15px; background: url(img/arrow.png) left -1674px no-repeat; font-style: italic; line-height: 16px; } .acerNew a.button-small:hover { background-position: right -1715px; } .acerNew a.button-small:hover span { background-position: left -1715px; color: #e26d31; } /*Recommended models*/ /*.acerNew .recMod { padding-top: 10px; } .acerNew .recMod h2 { float: left; font-size: 21px; font-style: italic; }*/ /*Simple Box*/ .simpleBox div { float: left; width: 274px; height: 332px; background: #fff; padding: 18px; position: relative; overflow: hidden; } .simpleBox.dark div { background: #efefef; margin-top: 20px; } .simpleBox div.center-box { margin-left: 27px; } .simpleBox div.randomizer { height: 368px; } .simpleBox img { width: 275px; height: 180px; } .simpleBox div.last { float: right; } .simpleBox div h2 { margin: 3px 0; color: #85bb23; font-style: italic; font-weight: normal; line-height: 1.1em; } .simpleBox div p { margin: 0; padding: 0; height: 6em; margin-bottom: 1em; width: 100%; overflow: hidden; line-height: 1.2em; } .simpleBox div p.small { height: 3.3em; line-height: 1.1em; margin-bottom: 0.5em; } .simpleBox div.product { position: relative; padding: 18px 18px 0 18px; position: relative; height: 350px; } .simpleBox div.product img { width: 260px; height: 180px; padding-left: 7px; } .simpleBox div.product h3 { float: left; width: 100%; line-height: 1em; font-weight: bold; } .simpleBox div.product div.content-link { height: 35px; margin: 0px 0; background-color: Transparent; } .simpleBox div div.content-link { width: 274px; height: 45px; float: left; margin: 0; padding: 5px 0 0 0; } .simpleBox div div.content-link a { float: left; display: block; } .simpleBox div div.content-link.group { width: 274px; padding: 6px 18px; height: 38px; margin: 0; background-color: #e5e5e5; position: absolute; left: 0; bottom: 0; } .simpleBox div div.content-link.group a { padding-left: 30px; background: url(img/arrow.png) left -280px no-repeat; color: #4d5357; text-decoration: none; font-weight: bold; margin-top: 10px; line-height: 20px; } .simpleBox div div.content-link.group a:hover { color: #85bb23; font-weight: bold; background: url(img/arrow.png) left -1102px no-repeat; } .simpleBox div div.content-link.social { height: 40px; padding-top: 0px; } .simpleBox div div.content-link.social a { width: 34px; height: 36px; display: block; margin-right: 20px; } .simpleBox div div.content-link.social a span { display: none; } .simpleBox div div.layer-group { position: absolute; top: 0; left: 0; display: none; } .simpleBox div div.layer-group ul li { width: 228px; border-bottom: 1px solid #cecece; padding: 6px 14px; line-height: 1.1em; } .simpleBox div div.layer-group ul li a { display: block; color: #4d5357; padding-right: 20px; text-decoration: none; background: url(img/arrow.png) right -182px no-repeat; font-style: italic; } .simpleBox div div.layer-group ul li a:hover { background-position: right -87px; color: #85bb23; } .simpleBox div div.layer-group a.close { float: right; color: #4d5357; margin: 20px 0 0 0; padding-left: 17px; text-decoration: none; background: url(img/arrow.png) left -1365px no-repeat; padding-bottom: 10px; font-weight: bold; } .simpleBox div div.layer-group a.close:hover { color: #85bb23; background: url(img/arrow.png) left -1333px no-repeat; } .simpleBox div.box-video { width: 620px; float: right; height: 330px; } .simpleBox div.box-video h2 { padding-bottom: 0.5em; } .simpleBox div.box-video p { margin: 0; height: 4.8em; overflow: hidden; padding: 0; line-height: 1.2em; margin-bottom: 18px; } .simpleBox div.box-video .ctn-video { width: 391px; height: 220px; margin: 0 auto; padding: 0; float: none; } .simpleBox div.box-video .ctn-video img { width: 391px; height: 220px; background-color: #fff; } .simpleBox div.box-video.small {width: 274px;} .simpleBox div.box-video.small p {height: 9.3em;} .simpleBox div.box-video.small .ctn-video {width:274px;height: 154px;} .simpleBox div.box-video.small .ctn-video img {width:274px; height: 154px;} .simpleBox div.product div.highlight { width: 45px; height: 57px; overflow: hidden; position: absolute; padding: 0 0 0 0; margin: 0 0 0 0; background-color: transparent; top: 0px; right: 18px; display: none; } .simpleBox div.product div.highlight img { width: 45px; height: 57px; padding-left: 0; } .simpleBox div.product.activeHighlight div.highlight { display: block; } .simpleBox div.randomizer { padding: 0 0 0 0; width: 310px; } .acerNew .simpleBox div.randomizer { width: auto; margin: 0; height: auto; } .simpleBox div.randomizer.dx { float: right; } .simpleBox div.ctn-product { width: 660px; height: 370px; float: left; overflow: hidden; padding: 0 0 0 0; background-color: #ffffff; } .simpleBox div.ctn-product div.randomizer { width: 674px; margin-top: 0; background-color: #ffffff; } .simpleBox div.ctn-product div.randomizer div { margin: 0 27px 0 0; float: left; background-color: #efefef; } .simpleBox div.multiple div.item { padding: 0; } .simpleBox div.multiple div.item p { height: 3.5em; margin: 0 0 0.4em 0; } .simpleBox div.multiple div.selector { width: 310px; height: 50px; overflow: hidden; position: absolute; left: 0; bottom: 0px; padding: 0; margin: 0; } .simpleBox div.multiple div.selector .element { display: block; float: left; position: relative; text-decoration: none; width: 103px; height: 50px; padding: 0; text-align: center; background-color: #e5e5e5; color: #fff; font-size: 22px; line-height: 48px; font-style: italic; font-weight: bold; } .simpleBox div.multiple div.selector .element:hover { color: #83b81a; } .simpleBox div.multiple div.selector .element.active { color: #83b81a; } .simpleBox div.multiple div.selector .element.center { width: 102px; border: 1px solid #fff; border-top: none; border-bottom: none; } .simpleBox div.multiple div.selector .element .timerLine { display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 5px; overflow: hidden; background-color: #83b81a; } .simpleBox div.multiple div.selector .element.active .timerLine { width: 100%; } .simpleBox div.multiple div.selector.items2 .element {width: 155px;} .simpleBox div.multiple div.selector.items2 .element.center {border-right:none;width: 154px;} /*Home Useful Link*/ .homeUsefulLink { padding-top: 10px; } .homeUsefulLink div { float: left; width: 310px; padding: 0; height: 106px; } .homeUsefulLink div.center-box { margin-left: 27px; } .homeUsefulLink div.last { float: right; } .homeUsefulLink div img { vertical-align: middle; float: left; margin-right: 10px; width: 80px; height: 70px; } .homeUsefulLink div a { padding: 18px; font-weight: normal; display: block; float: left; height: 70px; width: 274px; overflow: hidden; line-height: normal; color: #fff; text-transform: uppercase; text-decoration: none; } .homeUsefulLink div a span { display: block; width: 145px; min-height: 60px; height: 2.5em; overflow: hidden; padding: 7px 35px 0 0; float: left; background: url(img/arrow.png) right -380px no-repeat; } .homeUsefulLink div.only-image a { background-image: url(img/arrow.png); background-position: -712px -363px; background-repeat: no-repeat; } .homeUsefulLink div.only-image a img { vertical-align: middle; float: left; margin-right: 0; width: 240px; height: 70px; } .homeUsefulLink div a.teal:hover { background-color: #0e9b8c; } .homeUsefulLink div a.azure:hover { background-color: #269cc0; } .homeUsefulLink div a.green:hover { background-color: #65aa25; } .simpleBox.dark div.homeUsefulLink { background-color: transparent; width: 312px; height: 368px; padding: 0; overflow: hidden; } .simpleBox div.homeUsefulLink a { display: block; width: 276px; height: 136px; margin-bottom: 23px; padding: 18px; text-decoration: none; } .simpleBox div.homeUsefulLink a img { width: 80px; height: 70px; float: left; vertical-align: middle; margin-right: 10px; } .simpleBox div.homeUsefulLink a span { display: block; color: #fff; overflow: hidden; float: left; padding-top: 10px; min-height: 60px; } .simpleBox div.homeUsefulLink a span.claim { font-size: 22px; font-weight: normal; text-transform: uppercase; width: 150px; padding-right: 35px; height: 2.4em; line-height: 1.2em; background: url(img/arrow.png) right -375px no-repeat; } .simpleBox div.homeUsefulLink a span.explanation { width: 276px; height: 3.5em; overflow: hidden; font-size: 12px; margin-top: 18px; padding: 0px; line-height: 14px; } .simpleBox div.homeUsefulLink a.green:hover { background-color: #65aa25; } .simpleBox div.homeUsefulLink a.teal:hover { background-color: #0e9b8c; } .simpleBox.dark .homeUsefulLink.fullSpace { float: left; width: 100%; height: auto; padding: 0 0 18px 0; } .simpleBox.dark .homeUsefulLink.fullSpace a { margin: 0; width: 438px; } .simpleBox.dark .homeUsefulLink.fullSpace a span.claim { width: 310px; min-height: 60px; } .simpleBox.dark .homeUsefulLink.fullSpace a span.explanation { width: 430px; } /*Home Useful Link AcerNew*/ .acerNew .homeUsefulLink { } .acerNew .homeUsefulLink div { margin-top: 40px; margin-bottom: 30px; float: left; width: 306px; padding: 0; height: 117px; } .acerNew .homeUsefulLink div.center-box { margin-left: 30px; margin-right: 30px; } .acerNew .homeUsefulLink div a { padding: 18px; font-weight: normal; display: block; float: left; height: 70px; width: 270px; overflow: hidden; line-height: normal; color: #fff; text-decoration: none; } .acerNew .homeUsefulLink div a span { display: block; width: 180px; height: 60px; overflow: hidden; float: left; padding-top: 10px; background: none; padding-right: 0; } .acerNew .homeUsefulLink div a.purple:hover { background-color: #683370; } /*YouTube Video*/ .videoSection { } .videoSection { display: none; opacity: 1; background: transparent; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; height: 100%; width: 100%; } .videoSection div.bg { cursor: pointer; background: #000; opacity: 0.8; height: 100%; width: 100%; } .videoSection div.video { height: 100%; display: block; top: 0; left: 0; right: 0; z-index: 1000000; position: absolute; } .videoSection div.video iframe { width: 100%; height: 100%; border: none; } .videoSection div.info { margin:0; height: 49px; position: absolute; left: 0px; top: 0; width: 100%; background: #272727; } .videoSection div.info a.close { text-indent: -19999px; margin:0; background: url(img/arrow.png) left -2011px no-repeat; width: 49px; height: 49px; display: block; float: right; } .videoSection div.info .txt { margin: 0; padding-left: 40px; font-size: 22px; color: #ffffff; text-align: left; padding-top: 10px; float: left; } .videoSection div.info a.close:hover { } /*Tech Benefit*/ .acerNew.contTechBenefit { background: #fff; } .acerNew.contTechBenefit .techBenefit { } .acerNew.contTechBenefit .techBenefit li { color: #fff; float: left; width: 284px; margin-left: 18px; padding: 30px 15px; margin-bottom: 18px; } .acerNew.contTechBenefit .techBenefit li.color1 { background: #d5e231; } .acerNew.contTechBenefit .techBenefit li.color2 { background: #e86e2a; } .acerNew.contTechBenefit .techBenefit li.color3 { background: #8d1c8f; } .acerNew.contTechBenefit .techBenefit li.color4 { background: #3ba7e0; } .acerNew.contTechBenefit .techBenefit li.color5 { background: #e8bf02; } .acerNew.contTechBenefit .techBenefit li.color6 { background: #aae121; } .acerNew.contTechBenefit .techBenefit li.no-margin { margin-left: 0; } .acerNew.contTechBenefit .techBenefit li img { width: 90px; height: 90px; display: block; float: left; padding-right: 15px; padding-top: 15px; } .acerNew.contTechBenefit .techBenefit li h2 { height: 42px; overflow: hidden; width: 179px; float: left; margin-bottom: 5px; line-height: 1.1em; } .acerNew.contTechBenefit .techBenefit li p { width: 179px; float: left; margin: 0; height: 75px; overflow: hidden; line-height: 15px; } /*Feature Series*/ .feature-product { position: relative; margin-top: 20px; } .feature-product .feature-title { width: 220px; clear: left; float: left; margin: 0; height: 80px; z-index: 1; position: relative; overflow: hidden; } .feature-product .feature-title a { display: block; width: 100%; height: 60px; padding: 10px 0; background: url(img/bk_arrow_feature2.png) right -265px no-repeat; text-decoration: none; } .feature-product .feature-title a.active, .feature-product .feature-title a:hover { background: url(img/bk_arrow_feature2.png) right center no-repeat; } .feature-product .feature-title img { width: 80px; height: 60px; vertical-align: middle; float: left; } .feature-product .feature-title span { color: #fff; text-decoration: none; float: left; display: block; font-size: 14px; font-style: italic; font-weight: bold; width: 110px; height: 3.5em; line-height: 1.2em; padding-top: 10px; overflow: hidden; } .feature-product .feature-description { width: 745px; position: absolute; right: 0; top: 0; height: 302px; background: #fff; padding: 0 0 18px 240px; overflow: hidden; display: none; } .feature-product .feature-description h2 { font-size: 28px; font-style: italic; width: 375px; font-weight: bold; color: #85bb23; float: left; padding-top: 18px; } .feature-product .feature-description p { margin: 0; padding: 0 0 18px 0; float: left; width: 375px; line-height: 1.5em; /*height:212px; overflow:hidden;*/ } .feature-product .feature-description img { float: right; width: 368px; height: 288px; } .feature-product .feature-description.active { display: block; } .feature-product .feature-description div.content-link { width: 395px; float: left; } .feature-product .feature-description div.content-link a { float: left; } .feature-product.maxFeatures-1 { } .feature-product.maxFeatures-1 .feature-title { height: 320px; } .feature-product.maxFeatures-1 .feature-title a { height: 320px; } .feature-product.maxFeatures-1 .feature-title a { height: 187px; padding-top: 133px; } .feature-product.maxFeatures-2 { } .feature-product.maxFeatures-2 .feature-title { height: 160px; } .feature-product.maxFeatures-2 .feature-title a { height: 105px; padding-top: 55px; } .feature-product.maxFeatures-3 { } .feature-product.maxFeatures-3 .feature-title { height: 106px; } .feature-product.maxFeatures-3 .feature-title a { height: 80px; padding-top: 26px; } .feature-product.maxFeatures-3 .feature-description { height: 300px; } /*Banner TOP*/ .banner-top { position: relative; line-height: 0; } .acerNew .banner-top div.pc { padding-top: 20px; width: 978px; overflow: hidden;} .banner-top div { display: none; } .banner-top p.nota-info { position: absolute; top: 338px; left: 50%; font-size: 12px; margin: 0; padding: 0; text-align: right; width: 985px; font-weight: bold; margin: 0 0 0 -505px; z-index: -1; } .banner-top div .pc, .banner-top div .pc img { width: 985px; height: 326px; overflow: hidden; } .banner-top div .tablet, .banner-top div .tablet img { width: 750px; height: 246px; overflow: hidden; } .banner-top div .smartphone, .banner-top div .smartphone img { width: 300px; height: 188px; overflow: hidden; } .banner-top h2 { text-align: right; position: absolute; top: 40px; right: 20px; width: 280px; height: 90px; overflow: hidden; font-size: 35px; font-style: italic; font-weight: normal; line-height: 1.2em; } .banner-top p.text-area { text-align: right; position: absolute; top: 120px; right: 20px; width: 280px; height: 16em; font-size: 14px; font-style: italic; overflow: hidden; line-height: 1.1em; } /*sectionName class*/ .acerNew h2.sectionName { text-transform: uppercase; text-align: center; margin: 30px auto; font-size: 30px; font-weight: normal; border-bottom: 1px solid #4d5357; border-top: 1px solid #4d5357; display: table; padding: 5px 10px 5px 10px; } /*Accessories*/ .acerNew.contAccessories { } .acerNew.contAccessories div.accessories { } .acerNew.contAccessories div.accessories div { margin-right: 15px; width: 232px; float: left; } .acerNew.contAccessories div.accessories div:nth-last-child(1) { margin-right: 0px; } .acerNew.contAccessories div.accessories div img { width: 232px; height: auto; } .acerNew.contAccessories div.accessories div h3 { font-size: 15px; font-style: italic; margin-top: 15px; } .acerNew.contAccessories div.accessories div p { height: 70px; overflow: hidden; line-height: 1.4em; font-size: 13px; } .acerNew.contAccessories div.accessories div p.price { height: auto; margin: 10px auto; font-size: 22px; font-weight: bold; font-style: italic; } /*LocalStore*/ /*.acerNew.contLocalStore h2 { margin-top: 30px; margin-bottom: 20px; font-size: 22px; font-style: italic; }*/ .acerNew.contLocalStore div.localStore { background: #fff; height: 100px; } .acerNew.contLocalStore div.localStore h3 { float: left; color: #83b81a; text-transform: uppercase; font-size: 18px; margin: 39px 30px; } .acerNew.contLocalStore div.localStore div.distance { float: left; margin-bottom: 25px; } .acerNew.contLocalStore div.localStore div.code { float: left; margin-bottom: 25px; } .acerNew.contLocalStore div.localStore div.content-link { width: auto; margin-top: 32px; margin-right: 30px; float: right; } .acerNew.contLocalStore div.localStore div p { line-height: 37px; float: left; margin-right: 20px; margin-bottom: 0; height: 37px; margin-top: 0; } .acerNew.contLocalStore div.localStore div span.item {top: 8px; font-size: 13px; color: #4d5357; font-style: italic; text-transform: capitalize; left: 10px; position: absolute; line-height: 1.6em; } .acerNew.contLocalStore div.localStore input { margin-right: 30px; border: 1px solid #D1D1D1; padding: 12px; font-size: 0.875em; height: 40px; } .acerNew.contLocalStore div.localStore div.select { display: inline; position: relative; border: 1px solid #D1D1D1; height: 40px; display: inline-block; margin-left: 10px; margin-right: 30px; } .acerNew.contLocalStore div.localStore div.select select { min-width: 110px; filter: alpha(opacity=0); opacity: 0; padding-left: 5px; color: #4d5357; cursor: pointer; margin: 0; height: 40px; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 45px; border: none; background: transparent; font-weight: bold; font-style: italic; font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; } .acerNew.contLocalStore div.localStore div.select i { position: absolute; right: 7px; top: 7px; } .acerNew.contLocalStore div.localStore div.select span { padding-top: 4px; padding-left: 12px; padding-right: 0; top: 2px; font-size: 14px; color: rgba(0, 0, 0, 0.7); left: 0; position: absolute; line-height: 1.6em; } /*Document Certification*/ .acerNew.contDoc div.document div.table a { color: #4d5357; display: block; float: left; width: 100%; } .acerNew.contDoc div.document div.table a.gray { background: #f1f1f3; } .acerNew.contDoc div.document div.table a span { margin-right: 20px; background: url(img/menu-icon_02.png) right -1636px no-repeat; width: 45px; height: 20px; float: right; margin-top: 15px; } .acerNew.contDoc div.document div.table a p { font-size: 13px; float: left; margin-top: 20px; margin-left: 25px; } .acerNew.contDoc div.document div.table a img.typeDoc { width: 20px; height: 27px; float: left; margin-top: 12px; padding-left: 15px; } .rich-content-top { } .main-container { width: 949px; height: 328px; padding: 18px; background-color: #ebf5e7; overflow: hidden; position: relative; } .main-container.wow { background-color: #fff;} .main-container div.content { display: none; } .main-container ul.rich-content-nav { width: 310px; float: left; height: 70px; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 135px; right: 80px; z-index: 10; } .main-container ul.rich-content-nav li { width: 77px; float: left; height: 70px; } .main-container ul.rich-content-nav li a { display: block; overflow: hidden; width: 70px; height: 70px; padding: 0; color: #fff; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; background-position: center center; background-color: #85bb23; background-repeat: no-repeat; text-align: center; } .main-container ul.rich-content-nav li a:hover, .main-container ul.rich-content-nav li a.active { background-color: #009e44; } .main-container ul.rich-content-nav li a.unactive:hover, .main-container ul.rich-content-nav li a.unactive { background-color: #babab9; cursor: default; } .main-container ul.rich-content-nav li img { width: 60px; height: 30px; margin: 0; display: block; } .main-container ul.rich-content-nav li.back { display: none; } .acerNew .rich-content-top { padding-top: 20px; } .main-container p.nota-info { position: absolute; top: 17px; right: 17px; font-size: 12px; margin: 0; padding: 0; text-align: right; width: 70%; font-weight: bold; } .main-container ul.rich-content-nav li a.photoIcon { background-image: url(img/ico-photo-2.png); } .main-container ul.rich-content-nav li a.videoIcon { background-image: url(img/ico-video-2.png); } .main-container ul.rich-content-nav li a.viewIcon { background-image: url(img/ico-view-2.png); } .main-container ul.rich-content-nav li a.zoomIcon { background-image: url(img/ico-zoom-2.png); } .main-container ul.rich-content-nav li a.empty-button { background-image: url(img/arrow_back-2.png); } .main-container ul.rich-content-nav li a span { display: none; } .main-content { position: absolute; top: 70px; right: 25px; width: 365px; } .main-content h2 { font-size: 27px; font-style: italic; width: 365px; height: 1.2em; overflow: hidden; font-weight: bold; color: #4d5357; float: left; padding: 0; margin: 0; } .main-content h2 span { color: #4d5357; font-weight: lighter; font-style: normal; } .main-content span.pn { font-style: italic; font-weight: bold; position: absolute; top: 35px; left: 0; } .main-content p { width: 320px; margin: 140px 0 0 0; padding: 0; } .main-content p span.price { font-size: 28px; font-weight: bold; margin-right: 20px; float: left; line-height: normal; } .main-content p a { margin-top: 10px; } .main-content img { position: absolute; top: -52px; left: -575px; width: 480px; height: 268px; } .main-content img.imgSerie { width: auto; height: 45px; left: 0; top: 0px; } .main-container.open { height: 399px; } .main-container.open ul.rich-content-nav { width: 70px; float: left; height: 330px; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 80px; left: 18px; z-index: 10; } .main-container.open ul.rich-content-nav li { float: left; width: 60px; height: 58px; } .main-container.open ul.rich-content-nav li a { height: 54px; width: 54px; } .main-container.open ul.rich-content-nav li a span { display: none; } .main-container.open ul.rich-content-nav li img { width: 50px; height: 25px; margin: 0 0 0 -5px; } .main-container.open ul.rich-content-nav li.back { display: block; } .awards-container { float: right; } .awards-container ul { float: right; margin-top: 5px; } .awards-container ul li { float: left; position: relative; } .awards-container ul li span { border-right: 1px solid #cccccc; position: absolute; right: 0; top: 4px; height: 45px; margin-top: 10px; display: block; } .awards-container ul li.bord span { display: none; } .awards-container ul li img { width: 125px; padding-left: 10px; padding-right: 10px;} .awards-container ul li a.linkToAward { margin-top: 19px; margin-right: 10px; margin-left: 10px; width: 75px; display: block; text-align: right; padding-right: 30px; background: url(img/arrow.png) right -76px no-repeat; font-style: italic; font-weight: bold; text-decoration: none; font-size: 13px; color: #85bb23; height: 55px; } .photo-mobile { display: none; } .main-container.open div.content { width: 840px; position: absolute; left: 110px; top: 18px; height: 400px; position: relative; } .photo .img-big { width: 420px; float: left; } .photo .img-big img { display: none; width: 420px; height: 380px; } .photo .photo-content { width: 373px; float: right; padding-top: 34px; } .photo .photo-content h2 { font-size: 27px; font-style: italic; width: 365px; height: 1.2em; overflow: hidden; font-weight: bold; color: #4d5357; float: left; padding: 0; margin: 0 0 10px 0; } .photo .photo-content h2 span { color: #4d5357; font-weight: lighter; font-style: normal; } .photo .photo-content p { width: 365px; margin: 0 0 0 0; padding: 0; font-size: 14px; min-height: 3em; } .photo .photo-content ul { width: 365px; float: left; margin: 20px 0 0 0; padding: 0; list-style-type: none; } .photo .photo-content ul li { width: 105px; height: 95px; float: left; } .photo .photo-content ul li a.active { border: 3px solid #85bb23; } .photo .photo-content ul li a { display: block; width: 88px; height: 80px; overflow: hidden; position: relative; background-color: #fff; border: 3px solid #ebf5e7; } .photo .photo-content ul li a img { width: 150px; height: 136px; position: absolute; top: 50%; left: 50%; margin: -68px 0 0 -75px; } .view { } .view .button { width: 120px; height: 320px; position: absolute; top: 20px; } .view .button a { position: absolute; top: 50%; height: 20px; width: 100%; text-align: center; padding-top: 40px; margin: -30px 0 0 0; text-decoration: none; color: #4d5357; font-size: 11px; font-weight: bold; } .view .button a span { display: none; } .view .button.prev { left: 40px; } .view .button.prev a { background: url(img/arrow_dx.png) center top no-repeat; right: 0; } .view .button.next { left: 640px; } .view .button.next a { background: url(img/arrow_sx.png) center top no-repeat; left: 0; } .view .view-content { width: 420px; height: 380px; position: absolute; left: 190px; top: 0; } .view .view-content img { width: 420px; height: 380px; position: absolute; top: 0; left: 0; display: none; } .video-container { position: absolute; left: 75px; top: 0; text-align: center; width: 676px; height: 380px; } .video-container iframe { display: block; } .zoom { } .zoom .img-big { width: 600px; height: 400px; position: absolute; left: 0; top: -20px; background-color: #fff; overflow: hidden; } .zoom .img-big img { position: absolute; top: 0; left: 0; width: 1200px; height: 1200px; } .zoom .zoom-content { width: 200px; height: 300px; position: absolute; left: 635px; top: 30px; text-align: center; } .zoom .zoom-content img, .zoom .zoom-content .mask { width: 180px; height: 180px; position: absolute; top: 0; left: 0; z-index: 10; } .zoom .zoom-content .mask { z-index: 30; background: url(img/nada.gif) 0 0; } .zoom .zoom-content .pointer { display: none; width: 90px; height: 60px; position: absolute; top: 0; left: 0; border: 1px solid #000; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); z-index: 20; } .zoom .ctn-arrow-zoom { display: block; width: 150px; height: 150px; position: absolute; left: 15px; top: 200px; } .zoom .ctn-arrow-zoom a { display: block; width: 50px; height: 50px; overflow: hidden; position: absolute; line-height: 500px; } .zoom .ctn-arrow-zoom a.go-top { top: 0; left: 50%; margin: 0 0 0 -25px; background: url(img/arrow_up.png) center center no-repeat; } .zoom .ctn-arrow-zoom a.go-right { top: 50%; right: 0; margin: -25px 0 0 0; background: url(img/arrow_sx.png) center center no-repeat; } .zoom .ctn-arrow-zoom a.go-bottom { bottom: 0; left: 50%; margin: 0 0 0 -25px; background: url(img/arrow_down.png) center center no-repeat; } .zoom .ctn-arrow-zoom a.go-left { top: 50%; left: 0; margin: -25px 0 0 0; background: url(img/arrow_dx.png) center center no-repeat; } /*Two columns*/ .container-aw.fullPage { width: 100%; } .container-aw { width: 730px; float: right; position: relative; margin-bottom: 25px; } .container-dx { width: 240px; float: left; margin-bottom: 25px; } .container-sx { width: 730px; float: right; position: relative; margin-bottom: 25px; } .container-sx.fullPage { width: 100%; } /*Product*/ .product-list { } .product-list .product { display: none; } .product-list .product .content { } .product-list .product .content .compare span.check { display: block; background-color: #eee; float: left; margin-right: 20px; border-radius: 5px; width: 20px; height: 20px } .product-list .product .content .compare span.label.deselect { display: none; } .product-list .product.selected .content .compare span.check { background-color: #83b81a; } .product-list .product.selected .compare span.label { display: none; } .product-list .product.selected .compare span.label.deselect, .product-list .product.selected .content .compare span.check { display: inline; } .product-list .product .content.noReview { height: 273px; } /*Compare*/ .compare-box { height: 180px; display: none; width: 100%; padding: 0 0 0 0; background-color: rgb(224, 224, 224); position: fixed; bottom: 0; left: 0; margin: 0; text-align: center; z-index: 100; } .compare-menu { width: 978px; padding: 18px 0 0 0; height: 35px; margin: 0 auto; text-align: center; } .compare-menu span.selected-element { margin-top: 4px; display: block; width: 18px; height: 18px; background: url(img/bk_compare_selection.png) 0 -17px no-repeat; float: left; margin-right: 10px; } .compare-menu span.selected-element.selected { background-position: 0 1px; } .acerNew .compare-menu a.selected-label, .compare-menu span.selected-label { font-size: 13px; font-style: italic; line-height: 16px; float: right; text-decoration: none; color: #fff; color: #fff; font-weight: bold; max-width: 420px; overflow: hidden; } .compare-menu span.selected-label { padding-top: 6px; float: left; } .compare-menu span.mismatch { display: none; padding-top: 6px; float: left; font-size: 13px; font-style: italic; line-height: 16px; text-decoration: none; color: rgb(208, 36, 36); font-weight: bold; overflow: hidden; margin-left: 40px; } .compare-menu a.selected-label.open { display: none; } .compare-menu a.selected-label.close { display: none; } .acerNew .compare-menu a.full-button { float: left; color: #2ab5be; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -1052px no-repeat; line-height: 19px; } .compare-menu a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -1052px no-repeat; font-style: italic; line-height: 19px; } .compare-menu a.full-button:hover { color: #fff; background: url(img/arrow.png) right -1013px no-repeat; } .compare-menu a.full-button:hover span { background: url(img/arrow.png) left -1014px no-repeat; } .list-product-to-compare { } .acerNew .list-product-to-compare .product { width: 244px; float: left; margin-top: 10px; } .acerNew .list-product-to-compare .product .content { width: 207px; padding: 5px 18px 10px 18px; height: 85px; overflow: hidden; } .acerNew .list-product-to-compare .product .compare { width: 226px; border-top: none; float: left; margin: 0 0 15px 0; } .list-product-to-compare .product .compare a { text-decoration: none; } .list-product-to-compare .product .compare a span { display: none; } .list-product-to-compare .product .compare a span.label.deselect { color: rgba(0, 0, 0, 0.0); font-size: 25px; display: block; position: absolute; top: 12px; right: -0; width: 25px; font-family: "Acer Font Icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; margin-left: 5px; vertical-align: middle; } .list-product-to-compare .product .compare a span.label.deselect:before { content: "\e002"; color: rgba(0, 0, 0, 0.4); } .list-product-to-compare .product .compare a span.label.deselect:hover:before { color: rgba(0, 0, 0, 0.7); } .list-product-to-compare .product img { height: 100px; } .acerNew .list-product-to-compare .product .content h2 { float: left; width: 97px; font-size: 14px; color: #83b81a; font-style: italic; font-weight: bold; height: 45px; line-height: 15px; overflow: hidden; padding: 0; margin: 0; } .list-product-to-compare .product .content p { display: none; } .list-product-to-compare .product .partNumb { display: none; } .list-product-to-compare .product .content .tag { display: none; } .list-product-to-compare .product .content h2 { font-size: 0.875rem; margin-top: 23px; } .list-product-to-compare .product .content .button { display: none; } .list-product-to-compare .product .goBtn { display: none; } .list-product-to-compare .product { width: 33%; position: relative; } .compare-box .btnComp { margin-top: 78px; } .list-product-to-compare .product .ctnTechSpecList { display: none; } .list-product-to-compare .product .content-link { display: none; } /*Compare Page*/ .compare-container { } .acerNew .compare-table { width: 100%; padding-top: 24px; } .acerNew .compare-table tr.close-table td { background: none; } .compare-table td, .compare-table th { background-color: #fff; border-right: 10px solid #efefef; padding: 10px; vertical-align: middle; } .compare-table td { width: 250px; } .compare-table td.productDetail { vertical-align: top; } .compare-table th.name-tech, .compare-table td.name-tech { width: 150px; } .acerNew .compare-table th.name-tech { background: none; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; } .compare-table th.name-tech h2 { width: 100%; font-size: 16px; color: #83b81a; font-style: italic; font-weight: bold; line-height: normal; padding: 0 0; } .compare-table tr.separetor td span { display: block; height: 30px; */background-color: #83b81a;*/ } .compare-table tr.tech-specs td { font-size: 11px; font-style: italic; } .compare-table tr.tech-specs td.name-tech { background: none; font-weight: bold; font-size: 12px; } .compare-table tr.alternate td, .compare-table tr.separetor td { padding: 0 5px; } .compare-table tr.alternate td span li { list-style-type: none; } .compare-table tr.alternate td span { background-color: #ebf5e7; display: block; padding: 10px 5px; } .compare-table tr.alternate td.name-tech { padding: 10px 10px; } .acerNew .compare-table .product, .compare-table .product .content { width: 177px; margin: 0; padding: 0; } .compare-table .product .helpme-choose { width: 100%; padding: 0 0 0 10px; float: left; margin: 0 0 0 0; } .compare-table .product .helpme-choose img { float: left; margin: 0 10px 0 0; width: 45px; height: 64px; } .compare-table .product .helpme-choose span { display: block; float: left; padding-top: 15px; height: 30px; overflow: hidden; width: 160px; } .compare-table .product .content { clear: both; } .compare-table .product .content h2 { width: 100%; font-size: 16px; color: #83b81a; font-style: italic; font-weight: bold; height: 25px; line-height: 25px; overflow: hidden; padding: 0 0; } .compare-table .product .content h3 { width: 100%; font-size: 20px; font-weight: bold; height: 25px; line-height: 25px; overflow: hidden; padding: 0 0; } .compare-table .product .content h4 { height: 18px; font-weight: normal;} .acerNew .compare-table .product .content .content-link { width: auto; float: left; padding: 15px 0 20px 0; height: auto; } .compare-table .product .content .content-link a { float: left; } .acerNew .compare-table .product .content img { width: 174px; height: 120px; margin: 0 auto; display: block; } .acerNew .compare-table .product .content a img.add { margin-bottom: 20px; margin-top: 50px; width: 74px; height: 74px; } .acerNew .compare-table .product .content p { font-size: 15px; font-weight: bold; text-align: center; color: #717678; width: 150px; margin: 0 auto; } .compare-table .product .content .benefit { clear: both; float: left; padding: 18px 0; width: 242px; height: 128px; } .compare-table .product .content .benefit div { float: left; padding: 3px 10px; height: 26px; width: 222px; position: relative;} .compare-table .product .content .benefit div img { float: left; width: 35px; height: 26px; margin: 0 10px 0 0; padding: 0; overflow: hidden; } .compare-table .product .content .benefit div span { display: block; color: #fff; font-weight: bold; font-style: italic; padding-top: 7px; position: absolute; left: 56px; width: 100%; } .compare-table .product .content .benefit div.noData { opacity: 0.25; filter: alpha(opacity=25); } .compare-table .product .content .benefit div.noData img { display: none; } .compare-table .product .content .benefit div.noData span { display: none; } .compare-container div.no-sp { display: none; } .compare-container p.nota-info { text-align: right; padding-right: 10px; } .compare-container .specsFilter { background-color: #efefef; text-align: right; padding: 18px 0 18px 0; } .compare-container .specsFilter div { padding: 0; margin: 0; position: relative; float: left; padding-left: 158px; } .compare-container .specsFilter p { margin: 0; padding: 0 0 0 0; } .compare-container .specsFilter p a { background: url(img/compare_button.png) no-repeat; display: block; height: 23px; padding-left: 0; float: left; width: 90px; } .compare-container .specsFilter p a.off { background-position: 0 -30px; } .compare-container .specsFilter span { font-weight: bold; color: #717678; text-decoration: none; margin: 0; padding: 0; padding-left: 5px; padding-top: 5px; font-size: 14px; font-style: italic; float: left; } .compare-container .specsFilter ul { position: absolute; display: none; top: 20px; left: auto; right: 0px; width: auto; height: 100px; background-color: #fff; border-bottom: none; margin: 0; padding: 0; } .compare-container .specsFilter ul li { padding: 7px; margin: 0; border-bottom: 1px solid #ccc; } .compare-container .specsFilter ul li a { text-decoration: none; color: #4d5357; padding-right: 20px; background: url(img/arrow.png) right -182px no-repeat; } /*Sort*/ .sort { display: none; } /*Page Product*/ .tab-container { display: block; padding: 20px 0; } .exception-tab { width: 100%; height: 40px; text-align: center; background-color: #fff; position: relative; } .exception-tab ul { width: 985px; margin: 0 0 0 -492px; float: left; padding: 0; position: absolute; left: 50%; top: 0; } .exception-tab ul li { width: 140px; float: left; padding: 12px 0; } .exception-tab ul li.last a, .exception-tab ul li.active a { border-right: none; } .exception-tab ul li a { display: block; text-decoration: none; text-transform: uppercase; color: #4d5357; font-size: 14px; border-right: 1px solid #a7a7a7; } .exception-tab ul li.active, .exception-tab ul li:hover { background-color: #efefef; } .exception-tab ul li.active a { font-weight: bold; } .exception-tab ul li.no-pipe a { border-right: none; } .exception-tab.maxTab1 ul li { width: 985px; } .exception-tab.maxTab2 ul li { width: 492px; } .exception-tab.maxTab3 ul li { width: 328px; } .exception-tab.maxTab4 ul li { width: 246px; } .exception-tab.maxTab5 ul li { width: 197px; } .exception-tab.maxTab6 ul li { width: 164px; } /*Product Overview*/ .feature-overview { width: 650px; float: left; background: #fff; height: 270px; overflow: hidden; position: relative; } .feature-overview .feature-name { width: 80px; text-align: center; float: left; height: 270px; } .feature-overview .feature-name img { float: none; width: 80px; height: 60px; margin-top: 75px; } .feature-overview .feature-name span { color: #fff; display: block; padding: 0 5px; font-size: 11px; } .feature-overview img { float: right; width: 300px; height: 235px; } .feature-overview.noName img { float: right; width: 260px; height: 180px; margin: 18px; } .feature-overview h2 { width: 229px; float: left; padding: 20px; font-size: 18px; color: #83b81a; height: 27px; font-style: italic; font-weight: bold; overflow: hidden; } .feature-overview p { width: 229px; float: left; padding: 0 18px; margin: 0; height: 12em; overflow: hidden; } .feature-overview .content-link { width: 229px; float: left; position: absolute; bottom: 18px; left: 95px; } .tech-specs-overview { width: 276px; height: 234px; overflow: hidden; float: right; background-color: #fff; padding: 18px; position: relative; } .tech-specs-overview h2 { width: 267px; float: left; margin: 0 0 18px 0; padding: 5px; font-size: 18px; line-height: normal; background-color: #83b81a; color: #fff; height: 18px; font-style: italic; font-weight: bold; overflow: hidden; } .tech-specs-overview table { width: 100%; } .tech-specs-overview table td { padding: 3px; font-size: 10px; font-style: italic; text-align: right; width: 50%; vertical-align: top; } .tech-specs-overview table td.name-tech { font-weight: bold; text-align: left; font-size: 11px; } .tech-specs-overview .content-link { width: 276px; float: left; position: absolute; bottom: 18px; left: 18px; } .tech-specs-overview .content-link a { float: left; } .tech-specs-overview { width: 276px; height: 234px; overflow: hidden; float: right; background-color: #fff; padding: 18px; position: relative; } .tech-specs-overview h2 { width: 267px; float: left; margin: 0 0 5px 0; padding: 5px; font-size: 18px; line-height: normal; background-color: #83b81a; color: #fff; height: 18px; font-style: italic; font-weight: bold; overflow: hidden; } .tech-specs-overview table { width: 100%; } .tech-specs-overview table td { padding: 3px; font-size: 10px; font-style: italic; text-align: right; width: 60%; vertical-align: top; } .tech-specs-overview table td.name-tech { font-weight: bold; text-align: left; font-size: 11px; width: 40%; } .tech-specs-overview .content-link { width: 276px; float: left; position: absolute; bottom: 18px; left: 18px; } .tech-specs-overview .content-link a { float: left; } .ctn-quest { width: 312px; height: 270px; overflow: hidden; float: right; background-color: #fff; padding: 0px; margin-top: 20px; } .ctn-quest h2 { width: 276px; float: left; padding: 0; font-size: 18px; color: #83b81a; height: 27px; font-style: italic; font-weight: bold; overflow: hidden; } .ctn-quest p { width: 276px; float: left; padding: 18px 0; margin: 0; height: 129px; overflow: hidden; } .ctn-quest .content-link { width: 276px; float: left; margin-top: 18px; } .ctn-quest .content-link a { float: left; } /*Product overview*/ .tab-overview.noTechSpec { } .tab-overview.noTechSpec .tech-specs-overview { display: none; } .tab-overview.noTechSpec .feature-overview { width: 985px; } .tab-overview.noTechSpec .feature-overview h2 { width: 500px; } .tab-overview.noTechSpec .feature-overview p { width: 500px; } /*Product Feature*/ .tab-feature div.feature { width: 985px; height: 288px; overflow: hidden; float: left; margin: 20px 0; background-color: #fff; } .tab-feature div.feature div.feature-name { width: 115px; height: 288px; margin: 0; padding: 0; float: left; text-align: center; } .tab-feature div.feature div.feature-name img { float: none; width: auto; height: auto; margin-top: 75px; } .tab-feature div.feature div.feature-name span { color: #fff; display: block; padding: 0 5px; font-size: 12px; } .tab-feature div.feature img { float: right; width: 368px; height: 288px; } .tab-feature div.feature h2 { width: 450px; float: left; padding: 18px; font-size: 18px; color: #83b81a; height: 27px; font-style: italic; font-weight: bold; overflow: hidden; } .tab-feature div.feature p { width: 450px; float: left; padding: 0 18px; margin: 0; height: 196px; overflow: hidden; } /*Product Tech Spec*/ .intro-tech { width: 967px; padding: 0 0 0 18px; background-color: #fff; float: left; } .intro-tech img { float: right; margin: 0; } .intro-tech h2 { width: 650px; float: left; padding: 18px 0 18px 0; font-size: 18px; color: #83b81a; height: 27px; font-style: italic; font-weight: bold; overflow: hidden; } .intro-tech p { width: 650px; float: left; padding: 18px 0 0 0; margin: 0; height: 196px; overflow: hidden; font-size: 14px; line-height: 1.3em; } .tab-tech-spec .ctn-table { width: 949px; padding: 18px; background-color: #fff; float: left; margin: 20px 0; } .tab-tech-spec .ctn-table table { width: 100%; margin: 10px 0; } .tab-tech-spec .ctn-table table td { padding: 5px; font-size: 11px; font-style: italic; width: 70%; } .tab-tech-spec .ctn-table table td.name-tech { font-weight: bold; text-align: left; font-size: 12px; width: 30%; } .tab-tech-spec .ctn-table table td.title { font-weight: bold; text-align: left; font-size: 12px; color: #fff; background-color: #85bb23; } .tab-tech-spec .ctn-table table tr.alternate { background-color: #ebf5e7; } /*Related*/ .tab-related .related-list { width: 980px; float: left; } .tab-related .product { width: 245px; height: 310px; float: left; } .tab-related .product .content { width: 199px; height: 261px; padding: 18px; margin: 0; overflow: hidden; float: left; background-color: #fff; text-align: center; } .tab-related .product .content img { margin: 0 auto; } .tab-related .product .content h2 { width: 199px; height: 25px; margin: 7px 0; padding: 0; text-align: left; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; overflow: hidden; } .tab-related .product .content h3 { width: 199px; margin: 7px 0; padding: 0; height: 35px; font-size: 30px; font-weight: bold; overflow: hidden; text-align: left; } .tab-related .product .content .content-link a { float: left; } /*Support*/ .support-top { width: 949px; float: left; padding: 18px; margin: 0; background-color: #fff; } .support-top img { float: left; } .support-top div { float: left; border-left: 1px solid #cccccc; width: 299px; height: 235px; padding: 0 18px; } .support-top div h2 { width: 299px; height: 25px; margin: 7px 0; padding: 0; text-align: left; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; overflow: hidden; } .support-top div p { margin: 0; padding: 0; width: 299px; height: 133px; overflow: hidden; } .support-top div.help p { height: 30px; } .support-top div ul { margin: 0; padding: 10px 0; } .support-top div ul li { padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .support-top div ul li a { color: #4d5357; font-weight: bold; padding-right: 20px; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; display: block; } .support-top div ul li a:hover { color: #85bb23; background: url(img/arrow.png) right -85px; } .support-top div div.content-link { border: none; width: auto; padding: 18px 0; margin: 0; float: left; } .support-top div div.content-link a { float: left; } .content-download { width: 949px; float: left; padding: 18px; margin: 0; background-color: #fff; margin: 20px 0 0 0; } .content-download ul { width: 155px; float: left; margin: 0; padding: 0; list-style-type: none; } .content-download ul li { width: 119px; height: 65px; padding: 0 18px; background-color: #e5e5e5; line-height: 65px; margin: 2px 0; overflow: hidden; } .content-download ul li a { font-size: 18px; color: #999999; font-style: italic; font-weight: bold; text-decoration: none; } .content-download ul li.active { background-color: #fff; } .content-download ul li.active a, .content-download ul li a:hover { color: #83b81a; } .content-download .content-tab { width: 785px; float: right; } .content-download .content-tab div { width: 785px; float: left; display: none; } .content-download .content-tab div table { width: 100%; margin: 10px 0; } .content-download .content-tab div table td { padding: 5px; font-size: 11px; font-style: italic; } .content-download .content-tab div table td a { color: #4d5357; text-decoration: underline; } .content-download .content-tab div table td a:hover { color: #83b81a; } .content-download .content-tab div table td.name-tech { font-weight: bold; text-align: left; font-size: 12px; width: 30%; } .content-download .content-tab div h2 { font-weight: bold; text-align: left; font-size: 12px; padding: 5px; color: #fff; background-color: #85bb23; } .content-download .content-tab div table tr.alternate { background-color: #ebf5e7; } .question { width: 489px; padding: 18px; height: 212px; float: left; margin-top: 20px; overflow: hidden; background-color: #fff; } .question h2 { width: 489px; height: 25px; margin: 0; padding: 0; text-align: left; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; overflow: hidden; } .question h2 span { float: left; width: 300px; overflow: hidden; display: block; } .question h2 a { color: #4d5357; font-size: 12px; font-weight: bold; padding-right: 20px; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; float: right; text-decoration: none; } .question h2 a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .question input { width: 479px; height: 25px; background: #efefef url(img/icon.png) 460px 5px no-repeat; padding: 0 5px; border: 0; font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; font-size: 12px; line-height: 15px; } .question ul { margin: 0; padding: 10px 0; } .question ul li { padding: 3px 0; margin-bottom: 3px; border-bottom: 1px solid #ccc; } .question ul li a { color: #4d5357; font-weight: bold; padding: 2px 20px 2px 0; text-decoration: none; display: block; background: url(img/arrow.png) right -181px no-repeat; } .question ul li a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .question .content-link a { float: left; } .content-video-support { width: 440px; height: 248px; float: right; margin-top: 20px; } /*Realated Extra*/ .extra-info { padding: 20px 0; } .extra-info .related-content { width: 614px; padding: 18px; margin: 0; float: left; background-color: #efefef; } .extra-info .related-content h2 { width: 614px; height: 25px; margin: 0; padding: 0 0 18px 0; text-align: left; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; overflow: hidden; } .extra-info .related-content .product { width: 200px; height: 257px; float: left; } .extra-info .related-content .product .content { width: 154px; height: 224px; padding: 18px; margin: 0; overflow: hidden; float: left; text-align: center; } .extra-info .related-content .product .content img { margin: 0 auto; width: 154px; height: 95px; } .extra-info .related-content .product .content h2 { width: 154px; height: 25px; margin: 7px 0; padding: 0; text-align: left; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; overflow: hidden; } .extra-info .related-content .product .content h3 { width: 154px; margin: 7px 0; padding: 0; height: 35px; font-size: 30px; font-weight: bold; overflow: hidden; text-align: left; } .extra-info .related-content .product .content .content-link a { float: left; } .extra-info .help-box { width: 276px; float: right; padding: 18px 18px 0 18px; height: 201px; } .extra-info .help-box img { float: left; margin: 0; width: 80px; height: 70px; } .extra-info .help-box span.claim { display: block; width: 186px; min-height: 60px; padding-left: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; float: left; padding-top: 10px; } .extra-info .help-box ul { width: 276px; margin: 10px 0 0 0; padding: 0; float: left; } .extra-info .help-box ul li { width: 276px; height: 20px; padding: 10px 0; border-top: 1px solid #fff; float: left; line-height: normal; } .extra-info .help-box ul li a { font-size: 14px; background: url(img/arrow.png) right -677px no-repeat; color: #fff; text-decoration: none; display: block; } .extra-info .help-box ul li a:hover { color: #4d5357; background: url(img/arrow.png) right -181px no-repeat; } .extra-info .usefulLink { width: 310px; float: right; padding: 0; margin-top: 10px; } .extra-info .usefulLink a { width: 276px; float: right; padding: 18px; display: block; } .extra-info .usefulLink a.azure:hover { background-color: #269cc0; } .extra-info .usefulLink img { float: left; margin: 0; width: 80px; height: 70px; } .extra-info .usefulLink span { display: block; width: 186px; min-height: 60px; padding-left: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } .extra-info.no-related { height: 99px; overflow: hidden; } .extra-info.no-related .related-content { display: none; } .extra-info.no-related .help-box { float: left; margin: 0; padding-top: 0; width: 614px; height: 119px; } .extra-info.no-related .help-box div.top { float: left; margin: 0; padding-top: 24px; } .extra-info.no-related .help-box span.claim { width: 240px; } .extra-info.no-related .help-box ul { margin: 2px 0 0 0; } .extra-info.no-related .help-box ul li { border-top: none; border-bottom: 1px solid #fff; padding: 10px 0 9px 0; } .extra-info.no-related .usefulLink { float: right; margin: 0; } .extra-info.no-related .usefulLink a { padding-top: 24px; padding-bottom: 25px; } /*simple-page*/ .simple-page { } .simple-page .cont-left { width: 279px; float: left; padding: 18px 18px 18px 0; margin-left: 18px; line-height: 1.5em; } .simple-page .cont-right { padding: 18px 0 18px 18px; margin-right: 18px; line-height: 1.5em; width: 634px; float: left; } .simple-page .cont-open { background: #ffffff; width: 100%; float: left; border-top: 5px solid #EFEFEF; padding-bottom: 18px; } .simple-page .container-aw a.view { color: #4D5357; text-decoration: none; font-size: 18px; font-weight: bold; font-style: italic; padding: 30px 0 10px 33px; display: block; background: url(img/arrow.png) left -251px no-repeat; } .simple-page .container-aw a.view.open { background: url(img/arrow.png) left -315px no-repeat; } .simple-page .container-aw .cont-left img { width: 279px; } .simple-page .cont-open .cont-left, .simple-page .cont-open .cont-right { min-height: 200px; } .simple-page .container-aw h2 { font-size: 28px; color: #83B81A; font-style: italic; } .simple-page .container-aw h3 { font-size: 24px; color: #83B81A; font-style: italic; padding-top: 25px; } .simple-page .container-aw p { padding-right: 18px; } .simple-page .cont-open a { color: #85BB23; text-decoration: none; float: left; } .simple-page .cont-open a:hover { color: #fff; } .simple-page .cont-open ul li { float: left; border-bottom: 1px solid #EFEFEF; } .simple-page .menu-content { background-color: #fff; clear: both; } .simple-page .menu-content { padding: 0 18px 18px 18px; width: 204px; margin: 0; } .simple-page .menu-content li { border-bottom: 1px solid #c6c8c9; } .simple-page .menu-content li h2 { padding: 18px 0; } .simple-page .menu-content li a { display: block; font-size: 15px; font-weight: bold; margin: 0; padding: 18px 5px 17px 5px; font-style: italic; text-decoration: none; color: #4d5357; } .simple-page .menu-content li a.current, .simple-page .menu-content li a:hover { color: #83b81a; } .simple-page .menu-content li ul { margin-top: -10px; } .simple-page .menu-content li ul li { border: none; } .simple-page .menu-content li ul li a { font-size: 12px; font-weight: normal; padding: 0px 0px 10px 15px; color: #4d5357; } .simple-page .container-aw { background-color: #fff; } .simple-page .container-sx { background-color: #fff; } .simple-page .container-sx.news { background-color: transparent; } .simple-page .news .text-content { display: none; float: left; width: 692px; margin-bottom: 20px; padding: 18px; line-height: 1.5em; background-color: #fff; } .simple-page .news .text-content span.date { font-size: 12px; display: block; font-weight: bold; font-style: italic; margin-bottom: 4px; } .simple-page .news .text-content h2 { font-size: 20px; } .simple-page .news .more-element { display: none; padding: 3px 0; } .simple-page .text-content { padding: 18px; line-height: 1.5em; } .simple-page .text-content h2, .simple-page .text-content h3, .simple-page .text-content h4, .simple-page .text-content h5, .simple-page .text-content b, .simple-page .text-content strong { color: #83b81a; font-style: italic; } .simple-page .text-content h2 { font-size: 28px; } .simple-page .text-content h3 { font-size: 16px; margin: 1em 0; } .simple-page .text-content a { color: #4d5357; text-decoration: underline; } .simple-page .text-content a:hover { color: #83b81a; } .simple-page .text-content ul { padding: 0 0 3em 18px; list-style-type: disc; } .simple-page .text-content ul li { padding: 0.2em 0; } .simple-page .text-content img { max-width: 694px; } .simple-page .news .text-content a.withArrow { float: right; color: #4d5357; font-style: italic; font-weight: bold; height: 18px; display: block; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1em; } .simple-page .news .text-content a.withArrow:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .simple-page a.btnShowMenu {float:left; display:block; display:none; width:100%; color:#fff; font-style:italic; font-weight: bold; text-decoration: none; text-align: center; padding: 0.7em 0; background: #85bb23 url(img/ico-menu.png) 9px center no-repeat; } .simple-page a.btnShowMenu.active {background-color: #999;} .simple-page div.menu-content { width: 240px; padding: 0; background-color: transparent; } .simple-page div.menu-content div { width: 240px; margin: 0 0 10px 0; padding: 0; overflow: hidden; } .simple-page div.menu-content div a { display: block; width: 220px; padding: 18px 10px; line-height: normal; height: 44px; text-decoration: none; font-size: 14px; color: #fff; text-transform: uppercase; } .simple-page div.menu-content div a img { margin: 0 10px 0 0; float: left; width: 50px; height: 44px; } .simple-page div.menu-content div a span { display: block; float: left; width: 130px; height: 3.7em; padding: 5px 30px 0 0; overflow: hidden; background-image: url("img/arrow.png"); background-position: right -390px; } .simple-page div.selfServiceBoxContainer { float: left; width: 100%; padding: 18px 0; background-color: #efefef; overflow: hidden; } .simple-page div.selfServiceBoxContent { float: left; width: 110%; } .simple-page div.selfServiceBoxContent .helpBox { float: left; width: 318px; height: 167px; padding: 18px; background-color: #fff; margin: 0 18px 18px 0; } .simple-page div.selfServiceBoxContent .helpBox .ico { float: left; width: 80px; height: 70px; margin: 0 18px 0 0; } .simple-page div.selfServiceBoxContent .helpBox div { float: left; width: 200px; } .simple-page div.selfServiceBoxContent .helpBox div h4 { font-size: 20px; max-height: 2.2em; line-height: 1.1em; overflow: hidden; color: #83b81a; font-style: italic; } .simple-page div.selfServiceBoxContent .helpBox div p { height: 6.5em; overflow: hidden; } /*Search Result*/ .acerNew .form-search .searchBox { height: 30px; float: none; width: auto; padding: 18px; background-color: #fff; margin-top: 0px; } h1 span.result-title { font-size: 20px; } .acerNew .form-search .searchBox p { padding: 6px 18px 0 0; margin: 0; float: left; font-weight: bold; font-size: 14px; font-style: italic; line-height: 20px; } .acerNew .form-search .searchBox input { width: 700px; float: left; border: 1px solid #dbdbdb; padding-left: 7px; height: 25px; } .form-search { padding-top: 18px; } .form-search div { width: 949px; padding: 18px; background-color: #fff; float: left; } .form-search div p { padding: 0 18px 0 0; margin: 0; float: left; font-weight: bold; font-size: 14px; font-style: italic; line-height: 20px; } .form-search div input { width: 500px; float: left; } .form-search div div.ctn-link { width: 150px; float: right; padding: 0; } /*JQUERY UI FOR AUTOCOMPLETE*/ .acerNew .gsa .ui-helper-hidden { display: none; } .acerNew .gsa .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .acerNew .gsa .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .acerNew .gsa .ui-helper-clearfix:before, .acerNew .gsa .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .acerNew .gsa .ui-helper-clearfix:after { clear: both; } .acerNew .gsa .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .acerNew .gsa .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .acerNew .gsa .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .acerNew .gsa .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .acerNew .gsa .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .acerNew .gsa .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .acerNew .gsa .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .acerNew .gsa .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; border: 1px solid #dbdbdb; background-color: white; text-align: left; } .acerNew .gsa .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .acerNew .gsa .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .acerNew .gsa .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .acerNew .gsa .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; background: none; height: 20px; width: 100%; color: #c9c9c9; } .acerNew .gsa .ui-menu .ui-menu-item a.ui-state-focus, .acerNew .gsa .ui-menu .ui-menu-item a.ui-state-active { font-weight: bold; /* margin: -1px; */ color: #4d5357; } .acerNew .gsa .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .acerNew .gsa .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .acerNew .gsa .ui-menu-icons { position: relative; } .acerNew .gsa .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .acerNew .gsa .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .acerNew .gsa .ui-menu .ui-menu-icon { position: static; float: right; } .acerNew .gsaTop .ui-helper-hidden { display: none; } .acerNew .gsaTop .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .acerNew .gsaTop .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .acerNew .gsaTop .ui-helper-clearfix:before, .acerNew .gsaTop .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .acerNew .gsaTop .ui-helper-clearfix:after { clear: both; } .acerNew .gsaTop .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .acerNew .gsaTop .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .acerNew .gsaTop .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .acerNew .gsaTop .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .acerNew .gsaTop .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .acerNew .gsaTop .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .acerNew .gsaTop .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .acerNew .gsaTop .ui-autocomplete.freezed { top: 33px !important; } .acerNew .gsaTop .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; border: 1px solid #dbdbdb; background-color: white; text-align: left; } .acerNew .gsaTop .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .acerNew .gsaTop .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ /* list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); */ } .acerNew .gsaTop .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .acerNew .gsaTop .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; background: none; height: 20px; width: 100%; color: #c9c9c9; position: inherit; } .acerNew .gsaTop .ui-menu .ui-menu-item a.ui-state-focus, .acerNew .gsaTop .ui-menu .ui-menu-item a.ui-state-active { font-weight: bold; /* margin: -1px; */ color: #85bb23; } .acerNew .gsaTop .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .acerNew .gsaTop .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .acerNew .gsaTop .ui-menu-icons { position: relative; } .acerNew .gsaTop .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .acerNew .gsaTop .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .acerNew .gsaTop .ui-menu .ui-menu-icon { position: static; float: right; } .acerNew .result-search { padding-top: 10px; } .acerNew .result-search div.filter { width: 220px; padding: 18px; margin-right: 10px; float: left; background: #ffffff;} .acerNew .result-search div.filter h2 { border-bottom: 1px solid #c6c8c9; color: #85bb23; padding: 0 0 15px 0; width: 220px; } .acerNew .result-search div.filter div.filter-box { padding: 0; } .acerNew .result-search div.filter div.filter-box.title { } .acerNew .result-search div.filter div.filter-box ul { padding-bottom: 10px; border-bottom: 1px solid #c6c8c9; } .acerNew .result-search div.filter div.filter-box a.macro { text-decoration: none; color: #85bb23; font-weight: normal; font-style: normal; font-size: 18px; margin-top: 20px; margin-bottom: 0px; display: block; } .acerNew .result-search div.filter div.filter-box ul li a span.label { color: #63676b; padding-bottom: 5px; } .acerNew .result-search div.filter div.filter-box ul li a.selected span.label { color: #85bb23; } .acerNew .result-search div.filter div.filter-box a.reset-filter { display: block; } .acerNew .result-search div.result-container { width: 712px; float: left; } .acerNew .result-search div.result-container div.result { width: 676px; margin-bottom: 10px; padding: 18px; background: #ffffff; height: 140px; } .acerNew .result-search div.result-container div.result div.wall { position: relative; width: 185px; height: 140px; background: #efefef; float: right; margin-right: 20px; } .acerNew .result-search div.result-container div.result div.wall img { width: 160px; height: 111px; margin: 13px auto 0 auto; display: block; } .acerNew .result-search div.result-container div.result div.wall img.default { width: 100px; height: 87px; left: 43px; top: 25px; } .acerNew .result-search div.result-container div.result p.category { text-transform: uppercase; margin-bottom: 5px; margin-top: 0; color: #85bb23; font-weight: bold; font-style: italic; font-size: 12px; } .acerNew .result-search div.result-container div.result h2 { width: auto; height: 44px; overflow: hidden; line-height: 1.1em; color: #85bb23; padding: 0; font-size: 20px; } .acerNew .result-search div.result-container div.result p.text { height: 30px; overflow: hidden; margin: 10px 0 10px 0; color: #63676b; font-size: 12px; line-height: 1.3em; } .acerNew .result-search div.result-container div.result div.content-link { float:left; height: 23px; } .acerNew .result-search div.pagination { float: right; margin: 20px auto; width: auto; height: 15px;} .acerNew .result-search div.pagination ul { float: left; } .acerNew .result-search div.pagination ul li { float: left; cursor: default; } .acerNew .result-search div.pagination ul li a { text-align: right; padding: 0px 8px; height: 15px; display: block; color: #444444; font-style: italic; font-weight: bold; text-decoration: none;} .acerNew .result-search div.pagination ul li a:hover { color: #85bb23; } .acerNew .result-search div.pagination ul li a.active { color: #85bb23; cursor: default; } .acerNew .result-search div.pagination a.prev { margin-right: 5px; display: block; float: left; background: url(img/arrow.png) left -4544px; margin-top: 1px; height: 12px; width: 10px; } .acerNew .result-search div.pagination a.prev:hover { background-position: left -4573px; } .acerNew .result-search div.pagination a.prev.active { background: none; } .acerNew .result-search div.pagination a.prev a.active { cursor: default; } .acerNew .result-search div.pagination a.next { display: block; float: left; background: url(img/arrow.png) right -4544px; margin: 1px 0px 0 5px; height: 12px; width: 10px; } .acerNew .result-search div.pagination a.next:hover { background-position: right -4573px; } .acerNew .result-search div.pagination a.next.active { background: none; } .acerNew .result-search div.pagination a.next a.active { cursor: default; } .result-search { padding: 18px 0 20px 0; width: 985px; overflow: hidden; } .result-search .content { width: 1100px; float: left; padding: 0 0 0 0; } .result-search .product-list { width: 1100px; float: left; height: 730px; overflow: hidden; } .result-search .info-list { display: none; } .result-search h2 { font-size: 24px; font-weight: bold; font-style: italic; width: 449px; padding: 18px 18px 0 18px; } .result-search .product-list div { width: 449px; padding: 18px; background-color: #fff; float: left; margin: 10px 18px 10px 0px; height: 170px; } .result-search .product-list div div.searchLink { float: right; width: 269px; margin: 0; height: auto; padding: 0; } .result-search .product-list div div.searchLink a.sl { color: #85bb23; text-decoration: none; font-weight: bold; font-size: 13px; font-style: italic; background: url("img/arrow.png") no-repeat scroll left -87px transparent; padding-left: 20px; display: inline-block; width: 105px; float: left; padding-bottom: 10px; } .result-search .product-list div h3 { font-size: 14px; font-weight: bold; font-style: italic; width: 265px; padding: 0 0 0 0; margin: 0; height: 25px; float: left; color: #83b81a; } .result-search .product-list div img { float: left; width: 180px; height: 125px; } .result-search .product-list div p { float: left; width: 265px; height: 50px; overflow: hidden; } .result-search .product-list div div.ctn-link { width: 235px; height: auto; padding: 0 0 0 0; float: right; } .result-search .info-list div span.date { display: block; width: 449px; font-size: 10px; } .result-search .info-list div h3 { font-size: 14px; font-weight: bold; font-style: italic; width: 449px; padding: 0 0 0 0; margin: 0; height: 40px; line-height: normal; float: left; color: #83b81a; } .result-search .info-list div p { float: left; width: 449px; height: 50px; overflow: hidden; } .result-search .info-list div a { color: #4d5357; font-style: italic; font-weight: bold; height: 18px; display: block; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; } .result-search .info-list div a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } /*FooterNotes*/ .row .footerNotes { background-color: #efefef; padding: 18px 0 9px 0; } .acerNew .footerNotes { margin-top: 18px; } .row .footerNotes p { padding: 0 18px 9px 18px; margin: 0; font-style: italic; margin: 0 0; font-size: 10px; line-height: 1em; } .row .footerNotes p a { color: #4d5357; } .row.light-gray .footerNotes { background-color: #fff; } /*Chunk Content*/ .chunkContent { width: 949px; background-color: #fff; padding: 18px; } /* ////BUSINESS//// */ body.business { } /*ShowCase*/ .showcase.business { position: relative; height: 366px; } .showcase.business .container { width: 985px; height: 366px; overflow: hidden; position: relative; } .business .slide { position: absolute; top: 0; left: 0; z-index: 0; width: 985px; height: 366px; } .business .slide .content-main-visual { width: 863px; height: 366px; overflow: hidden; position: relative; } .business .slide .content-main-visual a { display: none; width: 863px; height: 366px; position: absolute; z-index: 0; top: 0; left: 0; } .business .slide .content-main-visual a.pc { display: block; } .business .slide .content-main-visual a.tablet { display: none; } .business .slide .content-main-visual a.smartphone { display: none; } .business .slide .content-main-visual a img { width: 863px; height: 366px; } .business .slide .content-main-feature { height: 366px; width: 136px; position: absolute; top: 0; left: 863px; } .business .slide .content-main-feature .feature { width: 122px; height: 122px; text-align: center; position: relative; } .business .slide .content-main-feature .feature a { padding-top: 0; display: block; width: 122px; height: 122px; background-image: none; background-color: #fff; } .business .slide .content-main-feature .feature a:hover { background-image: none; } .business .slide .content-main-feature .feature a:hover img { opacity: 1; } .business .slide .content-main-feature .feature a.current { background: none; } .business .slide .content-main-feature .feature a img { width: 122px; height: 122px; margin: 0 auto; opacity: 0.4; filter: alpha(opacity=40); } .business .slide .content-main-feature .feature a img.monile { display: none; } .business .slide .content-main-feature .feature a.current img { opacity: 1; filter: alpha(opacity=100); } .business .slide .content-main-feature .feature a .timerLine { display: none; position: absolute; left: 0; bottom: 0; width: 122px; height: 7px; } .business .slide .content-main-feature .feature a.current .timerLine { display: block; } /*CATEGORY BOX*/ .business-box { padding-bottom: 25px; line-height: 1.2em; width: 985px; overflow: hidden; } .business-box p, .business-box h3 { padding-bottom: 25px; line-height: 1.2em; } .business-box .content-link a { float: left; display: block; } .contentBox { width: 1100px; } .contentBox .content-link a { float: left; display: block; } .contentBox div { width: 274px; padding: 18px; margin: 0 25px 0 0; float: left; background-color: #fff; } .contentBox div img { margin: 0 0 18px 0; width: 274px; height: 180px; } .contentBox div h3 { font-size: 18px; color: #85bb23; font-style: italic; font-weight: normal; height: 45px; overflow: hidden; margin: 0; padding: 0; } .contentBox div p { font-size: 12px; font-style: italic; font-weight: normal; height: 60px; overflow: hidden; margin: 0 0 18px 0; padding: 0; font-style: normal; line-height: 1.25em; } .contentBox div div.content-link { margin: 0; padding: 0; } .business-box .contentBox .double-box { width: 612px; background-color: #fff; overflow: hidden; } .business-box .contentBox .double-box h2 { font-size: 20px; font-weight: bold; width: 612px; margin: 0; padding: 0 0 24px 0; overflow: hidden; font-style: italic; } .business-box .contentBox .double-box div.contentDobbleBox { width: 700px; margin: 0; padding: 0; } .business-box .contentBox .double-box div.contentDobbleBox div { padding: 0 30px 0 0; margin-right: 30px; float: left; border-right: 1px solid #c9c9c9; } .business-box .contentBox .double-box div.contentDobbleBox div img { width: 274px; height: 130px; margin: 0 0 18px 0; } .business-box .contentBox .double-box div.contentDobbleBox div.content-link { border: none; padding: 0 0 0 0; } .business-box .contentBox .box-title h2 { font-size: 20px; font-weight: bold; width: 612px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .business-box .contentBox .box-title img { height: 130px; width: 274px; } .business-box .contentBox .image-big { padding: 0; width: 310px; } .business-box .contentBox .image-big img { height: 193px; width: 310px; margin: 0 0 18px 0; } .business-box .contentBox .image-big h3, .business-box .contentBox .image-big p { padding: 0 18px; } .business-box .contentBox .image-big div.content-link { border: none; padding: 0 18px 18px 18px; } .business-box.homeUsefulLink { margin: 0 auto; padding: 0; } .business-box.homeUsefulLink ul { width: 985px; float: left; list-style-type: none; margin: 0; padding: 0; } .business-box.homeUsefulLink ul li { width: 337px; float: left; } .business-box.homeUsefulLink ul li.last { width: 310px; float: right; } /*Orizontal Layout*/ body.business .horizontalLayout { } body.business .horizontalLayout .horizontalBox .content { width: 610px; } body.business .horizontalLayout .horizontalBox { float: left; background-color: #fff; margin-bottom: 20px; width: 985px; min-height: 332px; overflow: hidden; position: relative; } body.business .horizontalLayout .horizontalBox.last, .horizontalLayout .horizontalBox:nth-last-child(1) { margin-bottom: 0; } body.business .horizontalLayout .horizontalBox img.mainImage { width: 330px; height: auto; position: inherit; } body.business .horizontalLayout .tech-specs-table { width: 949px; margin: 0 auto 18px auto; font-style: italic; } body.business .horizontalLayout .tech-specs-table tr { height: 25px; } body.business .horizontalLayout .tech-specs-table tr.alternate { background-color: #e9f4e6; } body.business .horizontalLayout .tech-specs-table th { background-color: #83b91b; color: #fff; text-align: left; } body.business .horizontalLayout .tech-specs-table th, body.business .horizontalLayout .tech-specs-table td { padding: 0 10px; } body.business .horizontalLayout .tech-specs-table td a { color: #85bb23; } /*Page Group*/ .productContainer { width: 985px; } .productContainer div.sx, .productContainer div.dx { background-color: #fff; width: 444px; padding: 18px; margin: 25px 0 0 0; } .productContainer div.info { float: left; width: 220px; height: 140px; position: relative; } .productContainer div.sx img, .productContainer div.dx img { float: left; width: 204px; height: 141px; margin: 0 18px 18px 0; } .productContainer div.info h2 { margin: 0; padding: 0; width: 220px; font-size: 20px; font-style: italic; color: #85bb23; line-height: 1.2em; overflow: hidden; } .productContainer div.info h3 { margin: 0; padding: 0; width: 220px; font-size: 16px; font-style: italic; line-height: 1.2em; height: 60px; overflow: hidden; } .productContainer div.sx p, .productContainer div.dx p { width: 444px; margin: 0; padding: 0; clear: both; line-height: 1.2em; height: 7em; overflow: hidden; } .productContainer div.content-link { position: absolute; bottom: 0; left: 0; } .productContainer div.content-link a { float: left; display: block; } .productContainer div.usefulLink { width: 985px; margin: 25px 0 0 0; padding: 0; float: left; overflow: hidden; } .productContainer div.usefulLink div { margin: 0; float: left; width: 492px; padding: 0; background-color: transparent; } .productContainer div.usefulLink div.dx a { float: right; } .productContainer div.usefulLink a { width: 444px; float: left; padding: 18px 18px; display: block; } .productContainer div.usefulLink img { float: left; margin: 0; width: 80px; height: 70px; } .productContainer div.usefulLink span { display: block; width: 350px; height: 70px; padding-left: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } .productContainer div.usefulLink.small { width: 480px; margin: 24px 0 0 0; padding: 0; float: right; height: 280px; overflow: hidden; } .productContainer div.usefulLink.small div { width: 480px; margin-bottom: 25px; float: left; } .productContainer div.usefulLink.small a { width: 444px; float: right; padding: 24px 18px; display: block; } .productContainer div.usefulLink.small img { float: left; margin: 0; width: 80px; height: 70px; } .productContainer div.usefulLink.small span { display: block; width: 350px; height: 70px; padding-left: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } body.business div.tech-specs-table { width: 949px; margin: 18px auto; padding: 18px; font-style: italic; background-color: #fff; } body.business div.tech-specs-table div.tech-specs-table h2 { margin-bottom: 18px; } body.business div.tech-specs-table table.tech-specs-table { width: 100%; } body.business div.tech-specs-table table.tech-specs-table tr { height: 25px; } body.business div.tech-specs-table table.tech-specs-table tr.alternate { background-color: #e9f4e6; } body.business div.tech-specs-table table.tech-specs-table th { background-color: #83b91b; color: #fff; text-align: left; } body.business div.tech-specs-table table.tech-specs-table th, body.business table.tech-specs-table td { padding: 5px 0px; } body.business div.tech-specs-table table.tech-specs-table td a { color: #85bb23; } /*Product Overview*/ body.business .feature-overview.noName img { float: right; width: 260px; height: 180px; margin: 18px; } .main-content p.cta { margin: 140px 0 0 0; } .main-content p.cta a.ctaVisual { margin-top: 7px; } .main-content p.cta a.button-big { margin-top: 5px; } .main-content a.ctaVisual { display: block; float: left; width: 133px; padding: 7px; color: #fff; margin: 7px 7px 13px 0; } .main-content a.ctaVisual span { display: block; float: left; width: 100px; line-height: 1.2em; font-size: 12px; height: 30px; font-weight: bold; font-style: italic; padding-right: 33px; background: url(img/arrow.png) right -397px no-repeat; } .main-content a.ctaVisual span img { position: static; width: 100px; height: 30px; } /*SUPPORT*/ .support-menu { width: 985px; overflow: hidden; } .nav-support { width: 992px; float: left; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .nav-support li { width: 123px; height: 123px; float: left; margin: 0; padding: 0; } .nav-support li a { display: block; width: 124px; height: 123px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 11px; } .nav-support li a img { width: 69px; height: 60px; margin: 7px 0; } .nav-support li a span { width: 100px; display: block; padding: 0 10px; text-transform: uppercase; } .nav-support.elements4 li { width: 247px; height: 72px; float: left; margin: 0; padding: 0; } .nav-support.elements4 li a { display: block; width: 247px; height: 72px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements4 li a img { width: 69px; height: 60px; margin: 7px; float: left; } .nav-support.elements4 li a span { width: 140px; text-align: left; float: left; display: block; padding: 18px 0 10px 0; text-transform: uppercase; } .nav-support.elements5 li { width: 197px; height: 72px; float: left; margin: 0; padding: 0; } .nav-support.elements5 li a { display: block; width: 197px; height: 72px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements5 li a img { width: 69px; height: 60px; margin: 7px; float: left; } .nav-support.elements5 li a span { width: 104px; float: left; display: block; text-align: left; padding: 18px 0 10px 0; text-transform: uppercase; } .nav-support.elements6 li { width: 165px; height: 123px; float: left; margin: 0; padding: 0; } .nav-support.elements6 li a { display: block; width: 165px; height: 123px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements6 li a img { width: 69px; height: 60px; margin: 7px 0; } .nav-support.elements6 li a span { width: 144px; display: block; padding: 0 10px; text-transform: uppercase; } .nav-support.elements7 li { width: 141px; height: 123px; float: left; margin: 0; padding: 0; } .nav-support.elements7 li a { display: block; width: 141px; height: 123px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements7 li a img { width: 69px; height: 60px; margin: 7px 0; } .nav-support.elements7 li a span { width: 120px; display: block; padding: 0 10px; text-transform: uppercase; } .row-content.box { overflow: hidden; } .searchBox { margin-top: 25px; } .searchBox .search { width: 612px; background-color: #fff; height: 351px; } .searchBox .search div { float: right; width: 274px; padding: 10px 0 0 0; margin: 0; } .searchBox .search .ctnForm { float:left; width: 305px; padding: 10px 0 10px 0; margin: 0 0 15px 0; border-right: solid 1px #ccc; } .searchBox .search h2 { font-size: 20px; font-weight: bold; width: 612px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .searchBox .search h3, .searchBox .search p { width: 100%; float: left; line-height: 1.2em; height: auto; padding-bottom: 9px; } .searchBox .search h3 { font-size: 16px; font-weight: bold; } .searchBox .search h4 { font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; float: left; } .searchBox .search p { font-size: 12px; } .searchBox .search form { display: block; float: left; margin: 0 0 18px 0; padding: 0 0 9px 0; border-bottom: none; } .searchBox .search form a { display: block; float: left; } .searchBox .search input { width: 200px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .searchBox .search div.content-link { float: left; width: 100%;border-top: solid 1px #ccc; margin-bottom:9px; padding: 15px 0 0 0; } .searchBox .search div.content-link h3 { width: auto; padding: 2px 20px 0 0; } .searchBox .search ul { margin: 0; padding: 0px 0 10px 0; width: 274px; float: left; } .searchBox .search ul li { padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .searchBox .search ul li a { color: #4d5357; font-weight: bold; padding-right: 20px; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; display: block; } .searchBox .search ul li a:hover { color: #85bb23; background: url(img/arrow.png) right -85px; } .searchBox .search .modelSearch { position: relative; padding:10px 0 0 0; margin:0; } .searchBox .search .modelSearch div {padding-top:0;} .searchBox .search .modelSearch .loadingMessage { display: none; position: absolute; width:200px; top: 60px; left: 0; padding: 18px 0; border:solid 1px #ccc; border-top: none; text-align: center;} .searchBox .search .modelSearch .noItemsMessage { display: none; position: absolute; width:200px; top: 60px; left: 0; padding: 18px 0;border:solid 1px #ccc; border-top: none; text-align: center;} .searchBox .search .modelSearch .invalidNameMessage { display: none; position: absolute; width:200px; top: 60px; left: 0; padding: 18px 0;border:solid 1px #ccc; border-top: none; text-align: center;} .searchBox .search .modelSearch .modelSuggestion { position: absolute; width:200px; max-height: 140px; overflow:auto; top: 60px; left: 0; border:solid 1px #ccc; border-top: none; z-index: 9999; } .searchBox .search .modelSearch .modelSuggestion a { display: block; padding: 5px 18px; border-bottom: solid 1px #ccc; color: #4d5357; font-style: italic; font-weight: bold;} .searchBox .search .modelSearch .modelSuggestion a.selected {background-color: #efefef;color: #83b81a;} .searchBox .search .modelSearch .modelSuggestion a:hover {color: #83b81a;} .contentBox .usefulLink { width: 310px; height: 387px; overflow: hidden; margin: 0; padding: 0; background-color: transparent; } .contentBox .usefulLink div { width: 310px; height: 136px; margin: 0; padding: 0; background-color: transparent; } .contentBox .usefulLink div a { display: block; height: 80px; width: 274px; padding: 18px; } .contentBox .usefulLink div a img { float: left; margin: 0; width: 80px; height: 70px; } .contentBox .usefulLink div.only-image a img { float: left; margin: 0; width: 274px; height: auto; } .contentBox .usefulLink div a span { display: block; width: 150px; height: 70px; padding: 10px 30px 0 10px; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; } .contentBox .usefulLink div a span.explanation { display: none; } .contentBox .usefulLink.double { width: 310px; height: 387px; overflow: hidden; margin: 0; padding: 0; background-color: transparent; } .contentBox .usefulLink.double div { width: 310px; height: 206px; margin: 0; padding: 0; background-color: transparent; } .contentBox .usefulLink.double div a { display: block; height: 145px; width: 274px; padding: 18px; } .contentBox .usefulLink.double div a img { float: left; margin: 0; width: 80px; height: 70px; } .contentBox .usefulLink.double div.only-image a img { float: left; margin: 0; width: 274px; height: auto; } .contentBox .usefulLink.double div a span { display: block; width: 150px; height: 70px; padding: 10px 30px 0 10px; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; } .contentBox .usefulLink.double div a span.explanation { display: block; font-size: 12px; text-transform: none; font-weight: normal; background: none; width: 274px; } .quickSolution { background-color: #fff; margin-top: 25px; width: 949px; padding: 18px; } .quickSolution h2 { font-size: 20px; font-weight: bold; width: 949px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .quickSolution .productList { position: relative; width: 949px; height: 80px; margin-bottom: 18px; } .quickSolution .productList .arrow { margin-top: 20px; width: 17px; height: 60px; } .quickSolution .productList .scrollMask { width: 910px; float: left; position: relative; overflow: hidden; height: 80px; } .quickSolution .productList .scrollMask .container-products { width: 100000px; } .quickSolution .productList .scrollMask .container-products div { width: 215px; height: 60px; float: left; padding: 10px 0 10px 10px; } .quickSolution .productList .scrollMask .container-products div img { width: 73px; height: 60px; float: left; } .quickSolution .productList .scrollMask .container-products div h3 { width: 130px; height: 60px; border-right: 1px solid #b2b2b2; padding-right: 5px; float: left; font-size: 14px; font-weight: bold; margin: 0; padding: 0; } .quickSolution .productList .scrollMask .container-products div h3 a { padding-top: 13px; display: block; color: #4e5357; width: 110px; height: 45px; text-decoration: none; } .quickSolution .productList .scrollMask .container-products div:hover, .quickSolution .productList .scrollMask .container-products div.active { background-color: #efefef; } .quickSolution .productList .scrollMask .container-products div:hover h3, .quickSolution .productList .scrollMask .container-products div.active h3 { border-right: none; } .quickSolution .productList .scrollMask .container-products div:hover h3 a, .quickSolution .productList .scrollMask .container-products div.active h3 a { color: #87b924; } .ctnSolution { width: 913px; padding: 18px; background-color: #efefef; } .ctnSolution h2 { color: #87b924; } .ctnSolution .ctnAnswersPre {float:left; width:913px; overflow: hidden;} .ctnSolution .ctnAnswers { margin: 0; padding: 0; width: 1100px;} .ctnSolution .ctnAnswers div {float:left; width: 429px; padding: 0 18px 18px 0; margin: 0 18px 0 0; overflow: hidden; border-right: 1px solid #b2b2b2;} .ctnSolution .ctnAnswers div.inList {} .ctnSolution .ctnAnswers h4 { font-size: 14px; font-style: italic; color: #83b81a; height: 1.2em; overflow: hidden; margin-bottom: 9px; } .ctnSolution .ctnAnswers p { margin: 0 0 9px 0; padding:0; } .ctnSolution .ctnAnswers p span {display:block; width: 100%;height: 3em; overflow: hidden; line-height: 1.5em;} .ctnSolution .ctnAnswers p a { color: #4d5357; font-style: italic; font-weight: bold; height: 25px; padding: 0 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 25px; } .ctnSolution .ctnAnswers p a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .searchBoxes { width: 949px; padding: 18px 0; background-color: #efefef; float: left; margin-top: 25px; overflow: hidden; } .searchBoxes div { width: 987px; } .searchBoxes div div { width: 430px; float: left; border-right: 1px solid #b2b2b2; padding: 0 18px; } .searchBoxes div div.noBorder {border:none;} .searchBoxes div div h3 { margin: 0 0 10px 0; padding: 0; width: 100%; font-size: 16px; font-style: italic; line-height: 1.2em; color: #83b81a; } .searchBoxes div div form input { width: 200px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .simple-page .container-sx.searchFilter { background-color: transparent; } .searchFilter .quickSolution { width: 694px; margin: 0 0 0 0; float: left; } .searchFilter .quickSolution hr { clear: both; float: left; margin: 0 0 25px 0; width: 694px; height: 1px; border: none; background-color: #c7c8ca; } .searchFilter .quickSolution div { float: left; } .searchFilter .quickSolution h3 { color: #4d5357; } .searchFilter h2 { width: 694px; font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; clear: both; } .searchFilter h3 { width: 694px; margin: 0; padding: 0 0 18px 0; font-size: 16px; font-style: italic; line-height: 1.2em; overflow: hidden; color: #83b81a; } .searchFilter h3 a { color: #4d5357; font-style: italic; font-weight: bold; padding: 0 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -178px no-repeat; line-height: 1.2em; } .searchFilter h3 a:hover, .searchFilter h3 a.active { color: #83b81a; background: url(img/arrow.png) right -722px no-repeat; } .searchFilter form { width: 694px; float: left; } .searchFilter form input { width: 220px; float: left; border: 1px solid #d1d1d1; margin: 0 10px 0 0; } .searchFilter .productList { width: 694px; } .searchFilter .productList .scrollMask { width: 660px; float: left; position: relative; overflow: hidden; height: 65px; } .searchFilter .ctnSolution { width: 694px; margin-top: 25px; background-color: #fff; float: left; z-index: 20; } .searchFilter .ctnSolution h2 { font-size: 16px; color: #4d5357; } .searchFilter .ctnSolution h2 span { font-size: 20px; color: #4d5357; } .searchFilter .ctnSolution h2 span.number, .searchFilter .ctnSolution h2 span.number span {font-size: 16px;} p.loading { text-align: center; } .searchFilter .ctnSolution div.ctnAnswers { width: 694px; } .searchFilter .ctnSolution div div { width: 674px; margin: 0 0 18px 0; padding-bottom: 18px; border-bottom: 1px solid #b2b2b2; border-right:none; } .searchFilter .ctnSolution div h4 { font-size: 14px; font-weight: bold; margin: 9px 0 9px 0; padding: 0; } .searchFilter .ctnSolution div a { color: #4d5357; font-style: italic; font-weight: bold; color: #4d5357; padding: 1px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1.2em; } .searchFilter .ctnSolution div a:hover, .searchFilter .ctnSolution div a.active { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .searchFilter .filterTermCategory form { width: 694px; float: left; margin-bottom: 25px; z-index: 1; } .searchFilter .filterTermCategory form div { width: 347px; float: left; border: none; margin: 0; padding: 0; } .searchFilter .filterTermCategory form label { width: 347px; float: left; font-size: 14px; font-weight: bold; height: 20px; overflow: hidden; } .searchFilter .filterTermCategory form input { float: left; width: 330px; } .searchFilter .filterTermCategory form select { float: left; width: 235px; margin-right: 17px; } .searchFilter .filterTermCategory .categoryFilter {position:relative; } .searchFilter .filterTermCategory .categoryFilter .categoryTreeLabel {display:block;color:#4d5357; float: left; width: 231px; min-height: 14px; padding: 2px 2px 2px 2px; margin: 0px 17px 18px 0; border: solid 1px #ccc; background: transparent url(img/bk-select.gif) right center no-repeat; font-style: normal; font-weight:normal; z-index: 10; text-decoration: none;} .searchFilter .filterTermCategory .categoryFilter .categoryTreeLabel:hover {color:#4d5357; } .searchFilter .filterTermCategory .categoryFilter .categoryTree { width: auto; position:absolute; top:41px; left:0px; min-width: 235px; border: solid 1px #ccc; border-bottom: none; background-color: #fff; z-index: 999; padding:0;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul {padding-right: 0px;background-color: #fff; z-index: 999;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li {display: block; padding: 9px 0px 9px 9px; border-bottom: solid 1px #ccc; position:relative;background-color: #fff; z-index: 999;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li a {color: #4d5357; font-style: italic; font-weight: bold; text-decoration: none; background-image: none;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li a.categoryOpener { position:absolute; display:block; width:18px; text-align: center; right: 0; top: 6px; font-size: 20px; padding: 0 3px; } .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li a.category {padding-right: 27px;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li a:hover, .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li a.active {color: #83b81a;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul li ul li a.categoryOpener {top:0px;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul ul {display:none; padding-right: 0;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul ul li {border: none; padding: 3px 0px 3px 18px;} .searchFilter .filterTermCategory .categoryFilter .categoryTree ul ul ul {} .searchFilter .filterBySerialNumber {padding-bottom:18px; } .searchFilter .filterBySerialNumber form { width: 354px; float: left; } .searchFilter .filterBySerialNumber ul { width: 300px; float: left; } .searchFilter .filterBySerialNumber ul li { padding: 0 0 5px 0; } .searchFilter .filterBySerialNumber ul a { color: #4d5357; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1em; } .searchFilter .filterBySerialNumber ul a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .searchFilter .filterByModelName form { width: 354px; float: left; } .searchFilter .filterByModelName ul { width: 300px; float: left; } .searchFilter .filterByModelName ul li { padding: 0 0 5px 0; } .searchFilter .filterByModelName ul a { color: #4d5357; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1em; } .searchFilter .filterByModelName ul a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .searchFilter .filterByModelName { position: relative; padding-bottom:18px; } .searchFilter .filterByModelName .loadingMessage { display: none; position: absolute; width:220px; top: 22px; left: 0; padding: 18px 0; border:solid 1px #ccc; border-top: none; text-align: center; background-color:#fff;} .searchFilter .filterByModelName .noItemsMessage { display: none; position: absolute; width:220px; top: 22px; left: 0; padding: 18px 0;border:solid 1px #ccc; border-top: none; text-align: center; background-color:#fff;} .searchFilter .filterByModelName .invalidNameMessage { display: none; position: absolute; width:220px; top: 22px; left: 0; padding: 18px 0;border:solid 1px #ccc; border-top: none; text-align: center; background-color:#fff;} .searchFilter .filterByModelName .modelSuggestion { position: absolute; width:220px; max-height: 250px; overflow:auto; top: 22px; left: 0; border:solid 1px #ccc; border-top: none; z-index: 9999; background-color:#fff; } .searchFilter .filterByModelName .modelSuggestion a { display: block; padding: 9px 18px; border-bottom: solid 1px #ccc; color: #4d5357; font-style: italic; font-weight: bold;} .searchFilter .filterByModelName .modelSuggestion a.selected {background-color: #efefef;color: #83b81a;} .searchFilter .filterByModelName .modelSuggestion a:hover {color: #83b81a;} .searchFilter .ctnSolution div a.full-button { color: #fff; text-decoration: none; padding: 0 13px 0 0; background: url(img/arrow.png) right -39px no-repeat; line-height: 19px; } .searchFilter .ctnSolution div a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; line-height: 19px; } .searchFilter .ctnSolution div a.full-button:hover { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; } .searchFilter .ctnSolution div a.full-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; } .searchFilter .ctnSolution p.error { font-size: 14px; color: #990100; } .searchProductsList { width: 694px; overflow: hidden; } .searchProductsList .mobileNav { display: none; } .searchFilter .filterByGroup { width: 800px; } .searchFilter .filterByGroup div { width: 246px; float: left; } .searchFilter .filterByGroup div h3 { width: 200px; text-align: center; font-size: 12px; color: #83b81a; } .searchFilter .filterByGroup div.box { width: 180px; height: 380px; float: left; border: 1px solid #d6d6d6; padding: 0 10px; } .searchFilter .filterByGroup div.list { width: 180px; position: relative; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 10px 0; height: 278px; overflow: hidden; overflow-y: auto; } .searchFilter .filterByGroup div.list ul { margin: 0; padding: 0; position: absolute; top: 0; left: 0; } .searchFilter .filterByGroup div.list ul li { width: 180px; padding: 7px 0; } .searchFilter .filterByGroup div.list ul li a { display:block; font-weight: bold; color: #4d5357; text-decoration: none; font-size: 14px; font-style: italic; padding-right: 20px; } .searchFilter .filterByGroup div.list ul li a:hover, .searchFilter .filterByGroup div.list ul li a.active { font-weight: bold; color: #83b81a; } .searchFilter .filterByGroup div.box a.arrowUp, .searchFilter .filterByGroup div.box a.arrowDown { display: block; width: 180px; height: 40px; line-height: 40px; float: left; } .searchFilter .filterByGroup div.box a.arrowUp span, .searchFilter .filterByGroup div.box a.arrowDown span { display: none; } .searchFilter .filterByGroup div.box a.arrowUp { background: url(img/arrow_filter_menu.png) center 15px no-repeat; } .searchFilter .filterByGroup div.box a.arrowUp:hover { background-position: center -46px; } .searchFilter .filterByGroup div.box a.arrowDown { background: url(img/arrow_filter_menu.png) center -373px no-repeat; } .searchFilter .filterByGroup div.box a.arrowDown:hover { background-position: center -312px; } .searchFilter .filterByGroup div.disable div.box { border: 1px solid #eeeeee; } .searchFilter .filterByGroup div.disable h3 { color: #d5eac1; } .searchFilter .filterByGroup div.disable div.box a.arrowDown:hover { background-position: center -373px; cursor: default; } .searchFilter .filterByGroup div.disable div.box a.arrowUp:hover { background-position: center 15px; cursor: default; } .searchFilter .quickLinks {float:left; width: 100%; overflow: hidden; background-color: #fff; margin-bottom: 18px; padding: 9px 0;} .searchFilter .quickLinks ul {float:right; padding-right: 18px; } .searchFilter .quickLinks ul li {float: left;padding: 0 9px 0 9px;text-align: center;color: #4d5357;font-style: italic;font-weight: bold;border-right: 1px solid #cecece} .searchFilter .quickLinks ul li.last { border: none; padding-right: 0px;} .searchFilter .quickLinks ul li a {display: block;height: 18px;color: #4d5357;padding-right: 20px;text-decoration: none;background: url(img/arrow.png) right -181px no-repeat; font-style: italic;} .searchFilter .quickLinks ul li a:hover { color: #85bb23; background: url(img/arrow.png) right -85px no-repeat; } .searchFilter .quickLinks ul li a.active { color: #85bb23; background: url(img/arrow.png) right -725px no-repeat; } /*Downloads*/ .downloadSection { width: 694px; margin: 25px 0; float: left; background: #fff; padding: 18px; } .downloadSection .productInfo { width: 694px; margin: 0 0 25px; padding: 0; float: left; } .downloadSection .productInfo img { width: 110px; height: auto; float: left; margin: 0 18px 18px 0; } .downloadSection .productInfo .info { width: 400px; float: left; } .downloadSection .productInfo .info h3 { width: 400px; margin: 0 0 25px 0; padding: 0 0 10px 0; font-size: 18px; border-bottom: 1px solid #c7c9c8; color: #4b5356; font-style: normal; font-weight: bold; } .downloadSection .productInfo .info select { width: 250px; float: right; } .downloadSection .productInfo .info p { float: left; width: 150px; color: #83b81a; margin: 0; padding: 0; font-size: 14px; font-style: italic; line-height: 25px; } .downloadSection .productInfo .info a { clear: both; margin-top: 25px; float: left; width: 380px; font-size: 11px; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1.2em; } .downloadSection .productInfo .info a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .downloadSection .productInfo .orderDocuments { width: 90px; padding: 5px 5px 0 5px; background-color: #e5e5e5; float: right; } .downloadSection .productInfo .orderDocuments a { display: block; margin-bottom: 5px; text-decoration: none; text-align: center; padding: 3px; width: 84px; font-size: 12px; color: #4d5357; background-color: #fff; } .downloadSection .productInfo .orderDocuments a.active, .downloadSection .productInfo .orderDocuments a:hover { color: #fff; background-color: #86bb23; } .downloadSection .ctnSolution { margin: 0; padding: 0; } .downloadSection .customDescr { text-align: left; float: left; width: 100%; color: red; padding: 15px 3px 5px 3px; display: none; } .downloadSection .legalNotice { background: url(img/arrow.png) right -181px no-repeat; padding: 2px 28px 0 0; text-decoration: none; margin-top: 25px; float: left; font-size: 11px; font-style: italic; font-weight: bold; color: #4d5357; } .downloadSection .legalNotice:hover { background: url(img/arrow.png) right -85px no-repeat; color: #83b81a; } .ctnTableDownloads { width: 694px; float: left; overflow: hidden; } .ctnTableDownloads ul { width: 1800px; float: left; margin: 20px 0 7px 0; } .ctnTableDownloads ul li { width: 117px; float: left; line-height: 55px; font-size: 14px; font-weight: bold; } .ctnTableDownloads ul li div { display: none; } .ctnTableDownloads ul li a { color: #4d5357; text-decoration: none; font-style: italic; display: block; background-color: #e5e5e5; height: 55px; width: 110px; text-align: center; } .ctnTableDownloads ul li a.active, .ctnTableDownloads ul li a:hover { color: #83b81a; } .ctnTableDownloads .ctnTable { float: left; width: 100%; } .ctnTableDownloads .ctnTable table { width: 100%; } .ctnTableDownloads .ctnTable table tr { height: 25px; } .ctnTableDownloads .ctnTable table tr.alternate { background-color: #e9f4e6; } .ctnTableDownloads .ctnTable table th { background-color: #83b91b; color: #fff; text-align: left; } .ctnTableDownloads .ctnTable table th, .ctnTableDownloads .ctnTable table td { padding: 5px 3px; } .ctnTableDownloads .ctnTable table td a { color: #85bb23; } /*WHere To Buy*/ .menuWhereToBy ul { width: 985px; margin: 0; float: left; padding: 0; } .menuWhereToBy ul li { width: 197px; float: left; padding: 12px 0; text-align: center; } .menuWhereToBy ul li.last a, .menuWhereToBy ul li.active a { border-right: none; } .menuWhereToBy ul li a { display: block; text-decoration: none; text-transform: uppercase; color: #4d5357; font-size: 14px; border-right: 1px solid #a7a7a7; } .menuWhereToBy ul li.active, .menuWhereToBy ul li:hover { background-color: #fff; } .menuWhereToBy ul li.active a { font-weight: bold; } .menuWhereToBy ul li.no-pipe a { border-right: none; } .search-conteiner { width: 985px; background-color: #fff; } .search-conteiner div { width: 759px; float: left; padding: 18px; } .search-conteiner div p { width: auto; float: left; margin: 0; padding: 0 10px 0 0; line-height: 20px; font-size: 14px; font-style: italic; } .search-conteiner div p span { font-weight: bold; } .search-conteiner div p.distance { width: 120px; float: left; margin: 0; padding: 0; text-align: right; padding-right: 10px; } .search-conteiner div input { width: 280px; float: left; height: 15px; border: none; } .search-conteiner div input.noData { color: #536268; font-style: italic; } .search-conteiner div select { max-width: 75px; float: left; border: 1px solid #d1d1d1; } .search-conteiner div.contentVisulLink { width: 185px; float: right; margin: 0; padding: 10px 0 0 0; } .search-conteiner div.contentVisulLink a.tab-button { display: block; width: 85px; height: 60px; float: left; margin: 0 0 0 0; } .search-conteiner div.contentVisulLink a.tab-button span { display: none; } .search-conteiner div.contentVisulLink a.tab-button.map { background: #fff url(img/map_wheretobuy.png) center -60px no-repeat; margin-left: 10px; } .search-conteiner div.contentVisulLink a.tab-button.list { background: #fff url(img/list_wheretobuy.png) center top no-repeat; float: right; } .search-conteiner div.contentVisulLink a.map:hover, .search-conteiner div.contentVisulLink a.map.active { background: #c5c5c5 url(img/map_wheretobuy.png) center top no-repeat; } .search-conteiner div.contentVisulLink a.list:hover, .search-conteiner div.contentVisulLink a.list.active { background: #c5c5c5 url(img/list_wheretobuy.png) center -60px no-repeat; } .search-conteiner .search .contentInput { width: 300px; margin: 0; padding: 0; border: 1px solid #d1d1d1; margin-right: 10px; height: 18px; position: relative; } .search-conteiner .search .contentInput a { display: block; width: 16px; height: 16px; background: url(img/bk_location.png) 0 0 no-repeat; position: absolute; top: 1px; left: 283px; } .search-conteiner .search .contentInput a.disable { background-position: 0 -17px; display: none; } .search-conteiner .search .contentInput a span { display: none; } .search-conteiner .result { width: 949px; } .search-conteiner .ctnResult { padding: 30px 0 18px 0; float: left; } .search-conteiner .ctnResult a.sx { font-style: italic; margin-left: 20px; color: #85bb23; font-size: 14px; line-height: 1.4em; background: transparent url(img/arrow.png) right -85px no-repeat; padding: 0 18px 7px 0; text-decoration: none; font-weight: bold; } .search-conteiner .ctnResult a.sx:hover { font-style: italic; margin-left: 20px; color: #4d5357; font-size: 14px; line-height: 1.4em; background: transparent url(img/arrow.png) right -181px no-repeat; padding: 0 18px 7px 0; text-decoration: none; font-weight: bold; } .search-conteiner .ctnResult a.dx { font-style: italic; margin-left: 20px; color: #4d5357; font-size: 14px; line-height: 1.4em; background: transparent url(img/arrow.png) right -181px no-repeat; padding: 0 18px 7px 0; text-decoration: none; font-weight: bold; } .search-conteiner .ctnResult a.dx:hover { color: #85bb23; background: url(img/arrow.png) right -85px no-repeat; } .search-conteiner .ctnResult a.dx.active { color: #85bb23; background: url(img/arrow.png) right -85px no-repeat; } .search-conteiner .refineSearch { width: 949px; padding: 0 0 0 0; margin-top: 18px; } .search-conteiner .refineSearch p { width: 949px; border-top: 1px solid #c5c5c5; padding: 18px 0 0 0; } .search-conteiner .refineSearch ul { width: 949px; float: left; margin: 18px 0 0 0; } .search-conteiner .refineSearch ul li { width: 235px; float: left; margin: 0 0 10px 0; } .search-conteiner .refineSearch ul li a { color: #4d5357; text-decoration: none; font-weight: bold; } .search-conteiner .refineSearch ul li span.check { display: block; width: 15px; height: 15px; background-color: #efefef; float: left; margin-right: 10px; } .search-conteiner .refineSearch ul li span.label { display: block; width: 195px; max-width: 195px; float: left; height: 1.3em; line-height: 1.3em; overflow: hidden; } .search-conteiner .refineSearch ul li a.selected span.check { background-color: #83b81a; } .search-conteiner .refineSearch ul li a.selected span.label { color: #83b81a; font-weight: bold; font-style: italic; } .search-conteiner .refineSearch ul li a:hover { color: #83b81a; } .sellers-list .map { width: 985px; height: 655px; position: relative; } .containerResults { width: 985px; height: 655px; position: relative; } .containerResults a.open-result { width: 20px; height: 20px; z-index: 20; position: absolute; top: 0px; left: 0; background: #fff url(img/arrow-grey.png) center center no-repeat; display: block; } .containerResults a.open-result span { display: none; } .containerResults .containerList { width: 300px; float: left; background-color: #fff; padding: 0; height: 655px; position: absolute; top: 0; left: 0; } .containerResults .containerList h2 { padding: 18px; color: #83b81a; height: 26px; width: 264px; font-style: italic; font-size: 20px; } .containerResults .containerList h2 a { color: #83b81a; text-decoration: none; display: block; background: url(img/arrow-grey_dx.png) right center no-repeat; } .containerResults .containerList .list { overflow: hidden; overflow-y: auto; height: 593px; width: 300px; } .containerResults .containerList .list div { width: 300px; border-top: 1px solid #c5c5c5; float: left; } .containerResults .containerList .list div a { display: block; width: 264px; padding: 18px; height: auto; float: left; color: #4e5356; text-decoration: none; } .containerResults .containerList .list div a.active, .containerResults .containerList .list div a:hover { background-color: #c5c5c5; } .containerResults .containerList .list div span.number { text-indent: -9999px; display: block; float: left; width: 40px; height: 55px; background: url(img/bk_pin_map.png) center top no-repeat; color: #fff; text-align: center; padding: 13px 0 0 0; font-size: 12px; font-weight: bold; } .containerResults .containerList .list div .info { display: block; float: right; width: 204px; padding-right: 10px; text-decoration: none; } .containerResults .containerList .list div .info span { display: block; } .containerResults .containerList .list div .info span.flt-distance { float: left; padding-right: 5px; } .containerResults .containerList .list div .info span.name { font-weight: bold; font-size: 14px; } .containerResults .containerList .list div .info span.type { padding-top: 18px; font-size: 11px; } .containerResults .containerMap { width: 685px; float: right; height: 655px; position: absolute; top: 0; left: 300px; } .sellers-list .message { width: 949px; height: 655px; padding: 18px; margin: 20px 0; float: left; background: #fff; font-size: 14px; display: none; } .sellers-list .message.no-store { background: transparent url(img/no_result_map.png) center top no-repeat; position: relative; z-index: 10; } .sellers-list .message.no-store p { line-height: normal; margin: 0; padding: 40px 0 0 0; width: 985px; text-align: center; font-size: 30px; font-style: italic; color: #afaeac; } .sellers-list .message.loading { position: relative; z-index: 50; text-align: center; height: auto; } .sellers-list .message.loading p { padding: 100px 0; } .sellers-list .message.no-adress { background: transparent url(img/no_result_map.png) center top no-repeat; position: relative; z-index: 10; } .sellers-list .message.no-adress p { line-height: normal; margin: 0; padding: 40px 0 0 0; width: 985px; text-align: center; font-size: 30px; font-style: italic; margin: 0 0 0 0; color: #afaeac; } .contentFilter { width: 985px; margin: 25px 0; } .contentFilter div { padding: 0 18px; } .contentFilter p { float: left; margin: 0 10px 0 0; font-size: 14px; line-height: 1.4em; } .contentFilter select { width: auto; float: left; border: 1px solid #d1d1d1; color: #999; } .sellers-list .list { width: 985px; overflow: hidden; } .mainContainerList { width: 1100px; float: left; } .mainContainerList div, .pin-seller { width: 284px; float: left; margin: 12px 12px 0 0; padding: 18px; background-color: #fff; } .mainContainerList div h2, .pin-seller h2 { font-style: italic; font-weight: bold; } .mainContainerList div span, .pin-seller span { padding: 3px 0; line-height: 1.4em; } .mainContainerList div a, .pin-seller a { color: #83b81a; } .onlineStores { width: 985px; overflow: hidden; } .onlineStores .text { width: 949px; padding: 18px; background-color: #fff; margin-bottom: 25px; } .onlineStores .text h2 { width: 949px; font-weight: bold; font-size: 20px; font-style: italic; margin: 0 0 15px 0; padding: 0; } .onlineStores .text p { width: 570px; float: left; font-size: 14px; line-height: 1.2em; margin: 0; padding: 0; } .onlineStores .text img { float: left; margin: 0 0 0 25px; } .onlineStores .text p a { color: #83b81a; text-decoration: underline; } .onlineStores .ctnList { width: 955px; padding: 18px; background-color: #fff; } .onlineStores .ctnList img { width: 210px; height: 119px; margin: 12px 13px 13px 12px; } .genericPage { width: 985px; overflow: hidden; } .genericPage .text { width: 949px; padding: 18px; background-color: #fff; } .genericPage .text h2 { width: 949px; font-weight: bold; font-size: 20px; font-style: italic; margin: 0 0 15px 0; padding: 0; } .genericPage .text p { width: 949px; font-size: 14px; line-height: 1.2em; margin: 0; padding: 0; } .genericPage .text p a { color: #83b81a; text-decoration: underline; } /* ////CLOUD//// */ /*ShowCase*/ .showcase.cloud { position: relative; height: 366px; } .showcase.cloud .container { width: 985px; height: 364px; overflow: hidden; position: relative; } .showcase.cloud .slide { position: absolute; top: 0; left: 0; z-index: 0; width: 799px; height: 364px; } .showcase.cloud .slide .content-main-visual { width: 619px; height: 364px; overflow: hidden; position: relative; } .showcase.cloud .slide .content-main-visual a { display: none; width: 619px; height: 364px; overflow: hidden; position: absolute; z-index: 0; top: 0; left: 0; } .showcase.cloud .slide .content-main-visual a.pc { display: block; } .showcase.cloud .slide .content-main-visual a.tablet { display: none; } .showcase.cloud .slide .content-main-visual a.smartphone { display: none; } .showcase.cloud .slide .content-main-visual a img { width: 619px; height: 364px; } .showcase.cloud .slide .content-main-feature { height: 366px; width: 180px; position: absolute; top: 0; left: 619px; } .showcase.cloud .slide .content-main-feature .feature { width: 180px; height: 91px; text-align: center; position: relative; overflow: hidden; } .showcase.cloud .slide .content-main-feature .feature a { padding-top: 0; display: block; width: 180px; height: 91px; position: relative; background-image: none; opacity: 0.4; filter: alpha(opacity=40); color: #000; } .showcase.cloud .slide .content-main-feature .feature a:hover { background-image: none; } .showcase.cloud .slide .content-main-feature .feature a:hover { opacity: 1; filter: alpha(opacity=100); } .showcase.cloud .slide .content-main-feature .feature a.current { background: none; } .showcase.cloud .slide .content-main-feature .feature a img { position: absolute; top: 18px; left: 18px; width: 56px; height: 57px; margin: 0 auto; } .showcase.cloud .slide .content-main-feature .feature a img.tablet { display: none; } .showcase.cloud .slide .content-main-feature .feature a img.mobile { display: none; } .showcase.cloud .slide .content-main-feature .feature a span { position: absolute; top: 30px; left: 88px; display: block; width: 85px; height: auto; text-align: left; padding: 0; color: #fff; font-size: 15px; padding-bottom: 3px; } .showcase.cloud .slide .content-main-feature .azure { background-color: transparent; } .showcase.cloud .slide .content-main-feature .brick { background-color: transparent; } .showcase.cloud .slide .content-main-feature .gray { background-color: transparent; } .showcase.cloud .slide .content-main-feature .green { background-color: transparent; } .showcase.cloud .slide .content-main-feature .dark-azure { background-color: #0088C4; } .showcase.cloud .slide .content-main-feature .dark-brick { background-color: #6F0B01; } .showcase.cloud .slide .content-main-feature .dark-gray { background-color: #272727; } .showcase.cloud .slide .content-main-feature .dark-green { background-color: #308900; } .showcase.cloud .slide .content-main-feature .azure a { background-color: #49b8da; } .showcase.cloud .slide .content-main-feature .brick a { background-color: #A83513; } .showcase.cloud .slide .content-main-feature .gray a { background-color: #646464; } .showcase.cloud .slide .content-main-feature .green a { background-color: #85bb23; } .showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current { background-color: #75C3EF; color: #fff; } .showcase.cloud .slide .content-main-feature .azure a:hover span, .showcase.cloud .slide .content-main-feature .azure a.current span { background-color: #75C3EF; color: #fff; } .showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current { background-color: #A83513; color: #fff; } .showcase.cloud .slide .content-main-feature .brick a:hover span, .showcase.cloud .slide .content-main-feature .brick a.current span { background-color: #A83513; color: #fff; } .showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current { background-color: #646464; color: #fff; } .showcase.cloud .slide .content-main-feature .gray a:hover span, .showcase.cloud .slide .content-main-feature .gray a.current span { background-color: #646464; color: #fff; } .showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current { background-color: #6FBB00; color: #fff; } .showcase.cloud .slide .content-main-feature .green a:hover span, .showcase.cloud .slide .content-main-feature .green a.current span { background-color: #6FBB00; color: #fff; } .showcase.cloud .slide .content-main-feature .feature a.current { opacity: 1; filter: alpha(opacity=100); } .showcase.cloud .slide .content-main-feature .feature a .timerLine { display: none; position: absolute; left: 0; bottom: 0; width: 122px; height: 7px; } .showcase.cloud .slide .content-main-feature .feature a.current .timerLine { display: block; } .showcase.cloud .content-main-extra { } .showcase.cloud .content-main-extra .videoSelectors { position: absolute; top: 0; left: 809px; width: 176px; height: 364px; overflow: hidden; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector { display: block; width: 176px; height: 177px; overflow: hidden; margin: 0 0 10px 0; opacity: 0.4; filter: alpha(opacity=40); } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img { width: 176px; height: 177px; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img.tablet { display: none; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img.mobile { display: none; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector:hover, .showcase.cloud .content-main-extra .videoSelectors .videoSelector.active { opacity: 1; filter: alpha(opacity=100); } .showcase.cloud .content-main-extra .videoContent { display: none; position: absolute; top: 0; left: 0; width: 799px; height: 364px; background-color: #ecf8f8; } .showcase.cloud .content-main-extra .videoContent a.close { display: block; position: absolute; top: 18px; left: 18px; width: 54px; height: 54px; background: #93cad0 url(img/arrow_back-2.png) center center no-repeat; text-indent: -9999px; } .showcase.cloud .content-main-extra .videoContent a.close:hover { background-color: #40a0ac; } .showcase.cloud .content-main-extra .videoContent .videoContainer { position: absolute; top: 18px; left: 90px; width: 691px; height: 328px; } .row-content.cloud { padding-top: 36px; } .pageBanner { padding: 0 0 18px 0; } .pageBanner img { width: 985px; height: 278px; } .contentIcoImages { } .contentIcoImage { float: left; width: 985px; margin: 0 0 18px 0; padding: 0; min-height: 272px; background-color: #fff; } .contentIcoImage .text { float: left; width: 625px; padding: 50px 0 0 60px; } .contentIcoImage h2 { float: left; color: #85bb23; font-style: italic; padding: 14px 0 0 12px; line-height: 1.1em; font-size: 25px; } .contentIcoImage img.ico { float: left; width: 56px; height: 57px; } .contentIcoImage p { float: left; width: 100%; padding: 0 0 40px 0; line-height: 1.5em; } .contentIcoImage img.bg { float: right; width: 286px; } .contentDownloads { float: left; width: 985px; background-color: #fff; padding: 0 0 18px 0px; } .contentDownloads h2.mainTitle { font-size: 20px; color: #85bb23; font-style: italic; padding: 18px 18px 36px 18px; } .contentDownload { float: left; width: 290px; padding: 18px; border: none; border-right: solid 1px #cecece; } .contentDownload.last { border: none; } .contentDownload .title { float: left; clear: both; margin-bottom: 18px; } .contentDownload .title div { float: left; width: 100%; } .contentDownload .title div.os { padding: 0 0 18px 18px; } .contentDownload .title div.link { padding: 18px 0; height: 25px; } .contentDownload .title div.store { padding: 18px 0 0 18px; } .contentDownload h2 { float: left; font-size: 20px; color: #4b5357; font-style: italic; padding: 8px 0 0 12px; line-height: 1.1em; font-weight: normal; } .contentDownload h3 { float: left; font-size: 20px; color: #4b5357; font-style: italic; padding: 100px 0 0 0; line-height: 1.1em; font-weight: normal; } .contentDownload img.ico { float: left; width: 36px; height: 36px; } .contentDownload .installerDownload { float: left; width: 256px; padding: 0 0 0 0px; margin-bottom: 18px; } .contentDownload .installerDownload p { font-weight: bold; } .contentDownload .qrCodeDownload { float: left; width: 280px; margin-bottom: 18px; padding-top: 18px; } .contentDownload .qrCodeDownload div.qrCode { float: left; margin-bottom: 18px; } .contentDownload .qrCodeDownload img.qrCode { float: left; width: 87px; height: 87px; margin-right: 18px; } .contentDownload .qrCodeDownload img.ico { float: left; width: 56px; height: 57px; margin-right: 18px; padding-top: 15px; } .contentDownload .qrCodeDownload h3 { float: left; color: #4b5357; font-weight: normal; font-size: 20px; width: 100px; padding-top: 20px; } .contentDownload p { float: left; width: 100%; font-size: 14px; line-height: 1.4em; margin: 0 0 18px 0; padding: 0; } .contentDownload p a { color: #85bb23; } .contentTutorials { float: left; background-color: #fff; padding: 0 0 18px 0px; } .contentTutorials .main-tutorial { padding: 18px 18px 25px 18px; float: left; } .contentTutorials .main-tutorial.active { display: block; } .contentTutorials .main-tutorial .tutVideo { float: left; width: 607px; height: 353px; padding-right: 18px; } .contentTutorials .main-tutorial .text { float: left; width: 324px; } .contentTutorials .main-tutorial .text h2 { font-size: 24px; color: #85bb23; font-style: italic; padding-bottom: 5px; } .contentTutorials .main-tutorial .text p { color: #a2a2a2; font-size: 14px; line-height: 20px; } .contentTutorial { width: 100%; float: left; } .contentTutorial h2.title-section { font-size: 25px; color: #85bb23; padding-bottom: 8px; padding-top: 8px; border-top: 1px solid #d1d1d1; text-align: center; display: table; padding-left: 50px; padding-right: 50px; border-bottom: 1px solid #d1d1d1; margin: 20px auto; } .contentTutorial h2.title-section span { color: #4d5357; font-weight: normal; font-style: italic; } .contentTutorial ul li { float: left; padding-left: 18px; } .contentTutorial ul li:first-child { padding-left: 0px; } .contentTutorial ul li:nth-child(4) { padding-left: 0px; } .contentTutorial ul li:nth-child(7) { padding-left: 0px; } .contentTutorial ul li:nth-child(10) { padding-left: 0px; } .contentTutorial ul li .tutRes a.active img { border: 3px solid #85bb23; } .contentTutorial ul li .tutRes a img { width: 308px; border: 3px solid #fff; } .contentTutorial ul li .tutRes img:hover { border: 3px solid #85bb23; } .contentTutorial ul li .tutRes { text-align: center; width: 314px; } .contentTutorial ul li .tutRes h4 { margin: 10px 0 0 0; font-size: 13px; } .contentTutorial ul li .tutRes h3 { padding: 3px 0px 10px 0px; font-style: italic; font-size: 20px; color: #85bb23; } .contentTutorial ul li .tutRes span.subtitle { line-height: 16px; height: 36px; display: block; color: #4b5357; font-style: italic; font-weight: bold; } .contentTutorial ul li .tutRes p {width: 280px; margin: 5px auto 0 auto; line-height: 18px; height: 72px; } .contentTutorial ul li .tutRes iframe { display: none; } .contentSetupTabs { float: left; width: 967px; padding: 18px 0 18px 18px; margin: 0 0 18px 0; background-color: #fff; } .contentSetupTabs .label { float: left; padding-top: 12px; font-weight: bold; font-style: italic; font-size: 14px; width: 250px; } .contentSetupTabs ul { float: right; width: 701px; } .contentSetupTabs ul li { float: left; border-right: solid 1px #cecece; width: 233px; height: 36px; } .contentSetupTabs ul li.last { border: none; } .contentSetupTabs ul li a { float: left; position: relative; display: block; padding: 0 18px; width: 197px; height: 36px; text-align: center; text-decoration: none; } .contentSetupTabs ul li a span.img { display: block; width: 36px; height: 36px; padding: 0 0 0 0; margin-right: 10px; float: left; background: url(img/bk_os.png) 0 -36px no-repeat; } .contentSetupTabs ul li a span { color: #4b5357; font-weight: normal; width: auto; height: 36px; line-height: 36px; display: block; font-style: italic; font-size: 14px; padding: 0 0 0 0; float: left; } .contentSetupTabs ul li a span.selector { display: none; } .contentSetupTabs ul li a:hover span.selector, .contentSetupTabs ul li a.active span.selector { display: block; width: 233px; height: 5px; padding: 0 0 0 0; color: #85bb23; background-color: #85bb23; position: absolute; bottom: -18px; left: 0; } .contentSetupTabs ul li a:hover span, .contentSetupTabs ul li a.active span { color: #85bb23; } .contentSetupTabs ul li a.iOS span.img { background-position: -36px -36px; } .contentSetupTabs ul li a.windows span.img { background-position: -72px -36px; } .contentSetupTabs ul li a:hover span.img, .contentSetupTabs ul li a.active span.img { background-position: 0 -72px; } .contentSetupTabs ul li a.iOS:hover span.img, .contentSetupTabs ul li a.iOS.active span.img { background-position: -36px -72px; } .contentSetupTabs ul li a.windows:hover span.img, .contentSetupTabs ul li a.windows.active span.img { background-position: -72px -72px; } .contentSetups { } .contentSetup { float: left; width: 949px; padding: 18px; margin: 0 0 18px 0; background-color: #fff; } .contentSetup h2 { float: left; width: 100%; color: #85bb23; font-size: 20px; font-style: italic; margin-bottom: 10px; } .contentSetup .subStep { float: left; width: 949px; padding: 18px 0; border-bottom: solid 1px #cecece; } .contentSetup .subStep.last { border: none; } .contentSetup .subStep p { float: left; width: 700px; margin: 0; padding: 0 0 18px 0; line-height: 1.4em; } .contentSetup .subStep .image { padding: 0 18px; } .contentSetup .subStep .image img { float: right; width: 65px; height: 117px; } /*BYOC*/ .acerNew .byocSectionApp div.imgCrop img.byocComingSoon { position: absolute; bottom: -25px; width: 207px; height: 66px; right: 0; left: 770px; margin: 0 auto; } .acerNew img.byocComingSoon { position: absolute; bottom: -25px; width: 207px; height: 66px; right: 0; left: 770px; margin: 0 auto; } .ie7 .acerNew img.byocComingSoon { position: relative; left: 387px; top: -40px; } .ie7 .acerNew .byocSectionApp DIV.imgCrop IMG.byocComingSoon { position: relative; left: 771px; } .acerNew .byocMenu { z-index: 1; left: 0; right: 0; position: absolute; height: 76px; width: 985px; margin: 0 auto; border-bottom: 1px solid #fff; } .acerNew .byocMenu div { height: 76px; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); background: #ffffff; } .acerNew .byocMenu img { position: absolute; left: 0; top: 0; } .acerNew .byocMenu ul { position: absolute; right: 0; top: 0; } .acerNew .byocMenu ul li { float: right; text-align: left; height: 76px; } .acerNew .byocMenu ul li.active, .acerNew .byocMenu ul li:hover { background: url(img/arrow.png) 70px -2100px no-repeat; } .acerNew .byocMenu ul li:first-child a { border: none; } .acerNew .byocMenu ul li a span:first-child { } .acerNew .byocMenu ul li a { text-decoration: none; padding-left: 25px; padding-right: 25px; margin-top: 18px; display: block; border-right: 1px solid #ffffff; opacity: 0.6; text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); line-height: 1.6em; font-size: 14px; color: #ffffff; font-style: italic; } .acerNew .byocMenu ul li.active a, .acerNew .byocMenu ul li.active a span { opacity: 1; } .acerNew .byocMenu ul li:hover a, .acerNew .byocMenu ul li:hover a span { opacity: 1; } .acerNew .byocMenu ul li a span { opacity: 0.6; text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); text-transform: uppercase; display: block; font-size: 24px; } .ie7 .acerNew .byocMenu { position: relative; } .ie7 .acerNew .byocMenu div { position: relative; } .acerNew .byocVideo { position: relative; } .acerNew .byocVideo .cont { } .acerNew .byocVideo div.pc { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 900px; } .acerNew .byocVideo a img { width: 100%; height: 100%; } .acerNew .byocVideo p { line-height: normal; font-size: 24px; color: #ffffff; position: absolute; top: 100px; left: 0; right: 0; width: 480px; text-align: center; margin: 0 auto; font-style: italic; text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); } .acerNew .byocVideo a.play { background: url(img/play.png) no-repeat; width: 102px; height: 100px; display: block; position: absolute; top: 270px; left: 0; right: 0; margin: 0 auto; } .acerNew .byocVideo a.scroll { background: url(img/scroll.png) no-repeat; width: 59px; height: 33px; display: block; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; } .ie7 .acerNew .byocVideo div.pc { height: 900px !important; margin-top: -77px; } .ie7 .acerNew .byocVideo p { position: relative; margin-top: -87px; } .ie7 .acerNew .byocVideo a.play { position: relative; margin-top: -540px; } .ie7 .acerNew .byocVideo a.scroll { position: relative; margin-top: -130px; } .acerNew .byocIntro p { line-height: normal; } .acerNew .byocIntro p.intro { width: 785px; margin: 30px auto; color: #424242; font-size: 24px; text-align: center; font-style: italic; } .acerNew .byocIntro div.cont img { float: left; width: 300px; height: 250px; } .acerNew .byocIntro div.cont { float: left; margin-bottom: 25px; } .acerNew .byocIntro div.cont p { margin-top: 20px; margin-bottom: 20px; width: 648px; float: left; padding-left: 30px; color: #424242; font-size: 30px; font-style: italic; } .acerNew .byocIntro div.cont p.info { font-size: 17px; font-style: normal; } .acerNew .byocIntro div.cont p.info span { color: #83b81a; } .acerNew .byocSection { position: relative; } .acerNew .byocSection .row-content { position: relative; } .acerNew .byocSection .row-content .container { width: 570px; height: 400px; position: absolute; top: 0; } .acerNew .byocSection .row-content .container.dx { right: 0px; } .acerNew .byocSection .row-content .container div.opacity { position: absolute; top: 0; background: #ffffff; height: 400px; opacity: 0.7; width: 570px; } .acerNew .byocSection .row-content .container div.cont { width: 450px; padding: 60px 20px; position: absolute; top: 0; } .acerNew .byocSection .row-content .container div.cont h2 { color: #83b81a; font-size: 36px; font-weight: bold; } .acerNew .byocSection .row-content .container div.cont span.subTitle { color: #232323; font-size: 24px; font-style: italic; margin-top: 5px; display: block; } .acerNew .byocSection .row-content .container div.cont p { line-height: normal; color: #424242; font-size: 17px; } .acerNew .byocSection .row-content .container div.cont div.content-link { float: left; } .acerNew .byocSection .background { height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover!important; } .acerNew .byocBanner { position: relative; } .acerNew .byocBanner div.pc { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 450px; } .acerNew .byocBanner p { line-height: normal; font-size: 30px; color: #ffffff; position: absolute; top: 100px; left: 0; right: 0; width: 850px; text-align: center; margin: 0 auto; font-style: italic; text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); } .ie7 .acerNew .byocBanner div.pc { margin-top: -77px; } .ie7 .acerNew .byocBanner p { position: relative; margin-top: -76px; } .acerNew .byocIntroApp { color: #424242; } .acerNew .byocIntroApp p.intro { font-size: 24px; text-align: center; margin: 30px auto; width: 785px; line-height: normal; } .acerNew .byocIntroApp p.intro span { color: #83b81a; } .acerNew .byocIntroApp p.info { font-size: 15px; font-style: normal; text-align: center; width: 600px; margin: 0px auto; line-height: normal; } .acerNew .byocIntroApp p.info span { color: #83b81a; } .acerNew .byocIntroApp div.cont { float: left; margin-bottom: 25px; } .acerNew .byocIntroApp div.cont img { float: left; width: 450px; height: 200px; } .acerNew .byocIntroApp div.cont p { font-size: 30px; width: 528px; float: left; font-style: italic; line-height: normal; } .acerNew .byocIntroApp div.cont p span { color: #83b81a; } .acerNew .byocSectionApp { color: #424242; margin: 70px auto 30px auto; } .acerNew .byocSectionApp h1 { font-size: 35px; text-align: center; color: #83b81a; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; width: 400px; font-weight: normal; margin: 0px auto; } .acerNew .byocSectionApp p { font-size: 24px; width: 600px; margin: 30px auto; text-align: center; font-style: italic; line-height: normal; } .acerNew .byocSectionApp div.imgCrop { position: relative; padding-bottom: 50px; } .acerNew .byocSectionApp div.imgCrop img { width: 978px; height: auto; } .acerNew .byocSectionApp div { margin: 30px auto; } .acerNew .byocSectionApp div h2 { color: #83b81a; font-size: 24px; } .acerNew .byocSectionApp div p { font-size: 16px; text-align: left; margin: 20px 0 20px 0; width: auto; font-style: normal; line-height: normal; } .acerNew .byocSectionApp .topicSubLinks {text-align:right;} .acerNew .byocSectionApp .topicSubLinks a { display:block; color: #4d5357; font-style: italic; font-weight: bold; height: 25px; padding: 0 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 16px; } .acerNew .byocSectionApp .topicSubLinks a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } /*BYOC Setup*/ .acerNew .byocSetup div.step { position:relative; width:488px; min-height: 390px; float:left; margin-bottom: 10px; } .acerNew .byocSetup div.num { width:288px; height:50px; clear:right; display:block; } .acerNew .byocSetup div.num img { margin: 0 auto; display:block; width:50px; height:50px; } .acerNew .byocSetup div.title { width:268px; clear:right; display:block; text-align:center; font-size:18px; padding: 20px 10px 10px 10px; } .acerNew .byocSetup div.content { width: 268px; clear:right; display:block; text-align:left; font-size:14px; padding: 0 10px 10px 10px; } .acerNew .byocSetup img.snap { width: 200px; top:0px; right: 0px; position: absolute; } .acerNew .byocSetup div.windows { width:978px; min-height: 300px;} .acerNew .byocSetup div.windows img.snap { width: 400px; } .acerNew .byocSetup div.windows div.num { width:558px; } .acerNew .byocSetup div.windows div.title { width:558px; } .acerNew .byocSetup div.windows div.content { width:558px; } .acerNew .byocSetup div.right div { float:right; } .acerNew .byocSetup div.right img.snap { left:0; } .contentSetupTabsGrayBG { float: left; width: 967px; padding: 18px 0 18px 11px; margin: 18px 0 18px 0; background-color: #ededed; } .acerNew .byocMenuFlat { position: relative; z-index: 1; height: 76px; width: 985px; margin: 0 auto; } .acerNew .byocMenuFlat div { height: 76px; } .acerNew .byocMenuFlat div.descrPage { position: absolute; top: 0; left: 200px; text-align: left; } .acerNew .byocMenuFlat div.descrPage p { font-size: 22px; font-style: italic; margin-bottom: 10px; margin-top: 25px; } .acerNew .byocMenuFlat img { position: absolute; left: 0; top: 0; } .acerNew .byocMenuFlat ul { position: absolute; right: 0; top: 0; } .acerNew .byocMenuFlat ul li { float: right; text-align: left; height: 76px; } .acerNew .byocMenuFlat ul li a { text-decoration: none; padding-left: 25px; padding-right: 25px; margin-top: 17px; display: block; line-height: 1.6em; font-size: 14px; color: #b0b0b0; font-style: italic; } .acerNew .byocMenuFlat ul li a span { text-transform: uppercase; display: block; font-size: 24px; } /*Hub WOW*/ .acerNew.hubWOW .byocBanner { margin-bottom: 40px; } .acerNew.hubWOW .byocBanner div.pc { height: 330px; } .acerNew.hubWOW .byocBanner .row-content { display: block !important; position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; } .acerNew.hubWOW .byocBanner p { left: 40px; top: 50px; color: #333; font-size: 35px; text-align: left; width: 500px; text-shadow: none; font-style: normal; margin: 0; line-height: 25px; } .acerNew.hubWOW .byocBanner span { position: absolute; font-size: 20px; line-height: 24px; left: 40px; width: 350px; margin: 0; right: 0; text-align: left; top: 110px; overflow: hidden; } .acerNew.hubWOW .byocBanner div.content-link { display: block !important; position: absolute; left: 40px; right: 0; margin: 0; top: 190px; } .acerNew.hubWOW .byocBanner div.content-link span { height: auto; position: static; width: auto; font-size: 15px; line-height: 19px; font-weight: normal; } .acerNew.hubWOW .byocBanner div.content-link a.button-big { position: static; width: auto; } .acerNew.hubWOW .byocBanner a { font-weight: bold; color: #5e6a71; position: absolute; left: 40px; margin: 0 auto; text-align: left; top: 235px; display: block; } .acerNew.hubWOW .byocSectionApp { margin-bottom: 0; margin-top: 50px; } .acerNew.hubWOW .byocSectionApp h1 { color: #5e6a71; border: none; } .acerNew.hubWOW .byocSectionApp p { font-style: normal; color: #b3b3b3; font-size: 20px; line-height: 24px; margin: 25px auto 40px auto; } .acerNew.hubWOW .byocSectionApp div { margin: 0px auto; } .acerNew.hubWOW .byocSectionApp div.content-link { display: block !important; float: right; position: absolute; top: 307px; right: -8px; } .acerNew.hubWOW .byocSectionApp div.content-link a { float: right; } .acerNew.hubWOW .byocSectionApp div.imgCrop img.byocComingSoon { display: none !important; } .acerNew.hubWOW .byocSectionApp .topicSubLinks { position: absolute; bottom: 0px; right: 0; } .acerNew.hubWOW .byocSectionApp .topicSubLinks a { background: none; float: right; padding: 0; margin-top: 20px; font-style: normal; text-decoration: underline; } .acerNew.hubWOW .byocSectionApp .topicSubLinks a:hover { color: #4d5357; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; animation: bounce 2s infinite; } .acerNew div.content-link { float: left; } .acerNew a.button-big-edu { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/edu_arrow.png) right 0 no-repeat; line-height: 19px; } .acerNew a.button-big-edu span { text-transform: uppercase; color: #fff; font-size: 15px; display: block; padding: 5px 8px 5px 15px; background: url(img/edu_arrow.png) left 0 no-repeat; font-style: italic; line-height: 19px; } .acerNew a.button-big-edu:hover { background-position: right -41px; } .acerNew a.button-big-edu:hover span { background-position: left -41px; color: #9c80be; } .acerNew a.button-small-edu { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/edu_arrow.png) right 0 no-repeat; line-height: 16px; } .acerNew a.button-small-edu span { text-transform: uppercase; color: #fff; font-size: 12px; display: block; padding: 4px 8px 3px 15px; background: url(img/edu_arrow.png) left 0 no-repeat; font-style: italic; line-height: 16px; } .acerNew a.button-small-edu:hover { background-position: right -1715px; } .acerNew a.button-small-edu:hover span { background-position: left -1715px; color: #e26d31; } .acerNew.eduMenu { padding-bottom: 0px; height: 45px; background: #efebf4; border-top: 2px solid #80c342; } .acerNew.eduMenu a.btnOpen { display: none; float: left; color: #4d5357; margin-top: 27px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-style: italic; } .acerNew.eduMenu a.btnClose { display: none; float: left; color: #4d5357; margin-top: 27px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-style: italic; } .acerNew.eduMenu ul li { float: left; } .acerNew.eduMenu ul li a { text-align: center; font-size: 13px; padding: 0px 0px 0px 50px; display: table-cell; vertical-align: middle; height: 45px; font-style: italic; font-weight: bold; color: #4d5357; text-decoration: none; } .acerNew.eduMenu ul li:first-child a { padding-left: 0px; } /*InfoMenuTop*/ .acerNewInfo.contMenuOriz { padding-bottom: 0px; height: 45px; background: #e9f4e4; border-top: 2px solid #80c342; } .acerNewInfo.contMenuOriz a.btnOpen { display: none; float: left; color: #4d5357; margin-top: 27px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-style: italic; } .acerNewInfo.contMenuOriz a.btnClose { display: none; float: left; color: #4d5357; margin-top: 27px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-style: italic; } .acerNewInfo.contMenuOriz ul li { float: left; } .acerNewInfo.contMenuOriz ul li a { text-align: center; font-size: 13px; padding: 0px 0px 0px 50px; display: table-cell; vertical-align: middle; height: 45px; font-style: italic; font-weight: bold; color: #4d5357; text-decoration: none; } .acerNewInfo.contMenuOriz ul li:first-child a { padding-left: 0px; } .acerNewInfo .descrLabel { margin-top: 10px; width: 100%; float: left; } .acerNewInfo .descrLabel img { margin-right: 18px; width: 90px; height: 100px; float: left; } .acerNewInfo .descrLabel h3 { width: 870px; color: #83b81a; font-size: 22px; font-style: italic; margin: 15px 0 10px 0; } .acerNewInfo .descrLabel span { line-height: 1.4em; display: block; font-size: 15px; font-style: italic; margin-bottom: 10px; } .acerNewInfo .link { background: #e9f4e4; float: left; width: 100%; margin-top: 20px; border-bottom: 1px solid #80c342; } .acerNewInfo .link a { font-weight: bold; background: url(img/menu-icon_02.png) right -2263px no-repeat; display: block; padding: 8px 13px 8px 13px; color: #3f9c35; font-size: 20px; text-decoration: none; font-style: italic; margin-right: 20px; } .acerNewInfo .upper { text-transform: uppercase; } .acerNewInfo.light-violet { background: #fff; } .acerNewInfo span.intro { color: #77787b; font-size: 16px; line-height: 1.4em; font-style: italic; } .acerNewInfo h2.title { margin-top: 20px; margin-bottom: 15px; color: #83b81a; font-size: 24px; font-style: italic; } .acerNewInfo ul.download { float: left; margin-top: 3px; } .acerNewInfo ul.download li { float: left; width: 952px; background: #e9f4e4; padding: 8px 13px 8px 13px; margin-bottom: 3px; } .acerNewInfo ul.download li a { float: right; color: #3f9c35; font-size: 16px; font-style: italic; padding-right: 50px; } .acerNewInfo ul.download li a.flink { font-size: 16px; font-style: italic; color: #77787b; text-decoration: none; float: left; } .acerNewInfo .box { height: 180px; width: 480px; float: left; margin: 18px 0 0px 0; } .acerNewInfo .box img { padding-right: 10px; width: 240px; height: 180px; float: left; } .acerNewInfo .box .cont { float: left; width: 225px; } .acerNewInfo .box .cont h4 { margin-top: 7px; font-size: 21px; height: 50px; overflow: hidden; color: #83b81a; font-style: italic; line-height: 1.2em; } .acerNewInfo .box .cont p { margin-bottom: 4px; margin-top: 2px; line-height: 1.3em; font-size: 14px; height: 75px; overflow: hidden; } .acerNewInfo .box .cont div.content-link { padding-bottom: 5px; height: auto; } .acerNewInfo .left { margin-right: 18px; } .acerNewInfo .color { background: #e9f4e4; } .acerNewInfo .color img { width: 230px; height: 172px; padding-top: 4px; padding-left: 5px; padding-bottom: 4px; } .acerNewInfo .full { height: auto; width: 100%; float: left; margin: 10px 0 0px 0; } .acerNewInfo .full .cont { width: 705px; padding-left: 10px; } .acerNewInfo .full .cont h4 { height: 25px; } .acerNewInfo .full .cont p { height: auto; } .acerNewInfo .full .cont p.long { margin-bottom: 15px; font-size: 16px; height: auto; } .acerNewInfo .full .cont p.long span { color: #83b81a; font-weight: bold; } .acerNewInfo .full .cont ul { padding-left: 20px; color: #a1a1a1; font-size: 16px; line-height: 1.4em; padding-bottom: 20px; } .acerNewInfo .full .cont ul li { list-style-type: disc; } .acerNewInfo .full .cont div.content-link { padding-bottom: 15px; height: auto; padding-top: 5px; } .acerNewInfo .media { } .acerNewInfo .media a { margin-left: 14px; } .acerNewInfo .media a:first-child { margin-left: 0px; } .acerNewInfo .media a img { width: 480px; height: 270px; } .acerNewInfo .media .cont { width: 470px; } .acerNewInfo .media img { width: 480px; height: 270px; padding: 0 10px 0 0; } .acerNewInfo .media .cont p { height: 200px; margin-top: 20px; overflow: hidden; } .acerNewInfo .intro { margin-top: 25px; } .acerNewInfo .intro div { float: left; width: 800px; } .acerNewInfo .intro div h1 { color: #83b81a; font-size: 30px; font-style: italic; } .acerNewInfo .intro div p { float: left; font-size: 16px; line-height: 1.4em; font-style: italic; } .acerNewInfo .intro div ul { float: left; padding-left: 40px; color: #a1a1a1; font-size: 16px; line-height: 1.4em; } .acerNewInfo .intro div ul li { list-style-type: disc; } .acerNewInfo .intro a { overflow: hidden; float: right; width: 125px; font-size: 14px; text-decoration: none; line-height: 1.4em; margin-top: 20px; color: #83b81a; font-style: italic; } .acerNewInfo .intro a img { width: 123px; height: 174px; } /*.acerNewInfo.contBoxed { display: inline-block; width: 962px; border-right: 8px solid #e9f4e4; border-left: 8px solid #e9f4e4; border-bottom: 8px solid #e9f4e4; } .acerNewInfo.contBoxed .row-content { width: 935px; } .acerNewInfo.contBoxed .acerNewInfo ul.download li { width: 909px; }*/ .acerNew.acerNewInfo .selTabBig { margin-top: 20px; } .acerNew.acerNewInfo .selTabBig ul.mobile { display: none; } .acerNew.acerNewInfo .selTabBig ul { height: 41px; margin: 0 auto; display: block; width: 978px; } .acerNew.acerNewInfo .selTabBig ul.noMobile { float: left; border-top: 8px solid #e9f4e4; width: 962px; border-left: 8px solid #e9f4e4; border-right: 8px solid #e9f4e4; height: auto; } .acerNew.acerNewInfo .selTabBig ul li { float: left; } .acerNew.acerNewInfo .selTabBig ul li a.tab { width: auto; border-right: none; border-bottom: none; border-top: none; padding-left: 20px; padding-right: 20px; height: auto; margin-top: 10px; margin-bottom: 10px; background: #fff; color: #77787b; font-size: 18px; text-decoration: none; display: block; text-align: center; border-left: 1px solid #77787b; } .acerNew.acerNewInfo .selTabBig ul li:first-child a.tab { border: none; } .acerNew.acerNewInfo .selTabBig ul li a.mobile { display: none; } .acerNew.acerNewInfo .selTabBig ul li a.tab.current span { color: #77787b; position: inherit; } .acerNew.acerNewInfo .selTabBig ul li a.tab.current { margin: 0; padding-top: 10px; padding-bottom: 10px; border-left: none; background: #e9f4e4; color: #77787b; } .acerNew.acerNewInfo .selTabBig ul li a.tab span { float: none; color: #77787b; position: inherit; } .acerNew.acerNewInfo .selTabBig ul li a.tab span.display { text-transform: inherit; } .acerNew.acerNewInfo .selTabBig ul li a.tab.mobile { display: none; } .acerNew.acerNewInfo .selTabBig ul li a { background: #fff; height: 75px; display: block; width: 270px; padding-left: 25px; padding-right: 25px; } .acerNew.acerNewInfo .selTabBig ul li a img { opacity: 0.3; width: 80px; height: 80px; padding: 0; float: left; } .acerNew.acerNewInfo .selTabBig ul li a span { opacity: 0.3; font-weight: bold; overflow: hidden; height: 21px; color: #77787b; font-size: 18px; float: left; padding-top: 32px; } .acerNew.acerNewInfo .selTabBig ul li a.tab span { opacity: 1; } .acerNew.acerNewInfo .selTabBig ul li a span.upper { text-transform: uppercase; } .acerNew.acerNewInfo .selTabBig ul li a.current img { opacity: 1; } .acerNew.acerNewInfo .selTabBig ul li a.current span { opacity: 1; } .acerNew.acerNewInfo .selTabBig ul li a:hover img { opacity: 1; } .acerNew.acerNewInfo .selTabBig ul li a:hover span { opacity: 1; } .acerNew.acerNewInfo .selTabBig .container { float: left; height: auto; width: 942px; margin: 0 auto; border-left: 8px solid #e9f4e4; border-right: 8px solid #e9f4e4; border-bottom: 8px solid #e9f4e4; padding: 10px 10px 5px 10px; } .acerNew.acerNewInfo .selTabBig .container .box.full { width: 942px; } .acerNew.acerNewInfo .selTabBig .container .acerNewInfo .descrLabel { width: 942px; } .acerNew.acerNewInfo .selTabBig .container .box.full .cont { width: 675px; } .acerNew.acerNewInfo .selTabBig .container ul.download { height: auto; margin-top: 3px; display: inline-block; width: 938px; } .acerNew.acerNewInfo .selTabBig .container span.intro { border-top: 1px solid #000; display: block; padding-top: 15px; } .acerNew.acerNewInfo .selTabBig .container ul.download li { width: 916px; } .acerNew.acerNewInfo .selTabBig .container ul.download li a { border: none; background: none; height: auto; margin: 0; text-align: right; } .acerNew.acerNewInfo .selTabBig .container ul.download li a.flink { text-align: left; padding: 0px; } /*.acerNew .selTabBig ul li a.tab.current { background: #e9f4e4; } .acerNew .selTabBig ul li a.tab.current span { color: #77787b; }*/ /*Education*/ .acerNew.eduRow .descrLabel { margin-top: 10px; width: 100%; float: left; } .acerNew.eduRow .descrLabel img { margin-right: 18px; width: 90px; height: 100px; float: left; } .acerNew.eduRow .descrLabel h3 { width: 870px; color: #83b81a; font-size: 22px; font-style: italic; margin: 15px 0 10px 0; } .acerNew.eduRow .descrLabel span { line-height: 1.4em; display: block; font-size: 15px; font-style: italic; } .acerNew.eduRow .link { background: #eeeaf4; float: left; width: 100%; margin-top: 20px; border-bottom: 1px solid #80c342; } .acerNew.eduRow .link a { font-weight: bold; background: url(img/edu_arrow.png) right -263px no-repeat; display: block; padding: 8px 13px 8px 13px; color: #582e91; font-size: 20px; text-decoration: none; font-style: italic; } .acerNew.eduRow .upper { text-transform: uppercase; } .acerNew.eduRow.light-violet { background: #fff; } .acerNew.eduRow span.intro { color: #77787b; font-size: 16px; line-height: 1.4em; font-style: italic; } .acerNew.eduRow h2.title { margin-top: 20px; margin-bottom: 15px; color: #9b82bd; font-size: 24px; font-style: italic; } .acerNew.eduRow ul.download li { float: left; width: 952px; background: #eeeaf4; padding: 8px 13px 8px 13px; margin-bottom: 3px; } .acerNew.eduRow ul.download li a { float: right; color: #582e91; font-size: 16px; font-style: italic; padding-right: 50px; } .acerNew.eduRow ul.download li a.flink { font-size: 16px; font-style: italic; color: #77787b; text-decoration: none; float: left; } .acerNew.eduRow .box { height: 180px; width: 480px; float: left; margin: 18px 0 0px 0; } .acerNew.eduRow .box img { padding-right: 10px; width: 240px; height: 180px; float: left; } .acerNew.eduRow .box .cont { float: left; width: 225px; } .acerNew.eduRow .box .cont h4 { margin-top: 7px; font-size: 21px; height: 50px; overflow: hidden; color: #83b81a; font-style: italic; line-height: 1.2em; } .acerNew.eduRow .box .cont p { margin-bottom: 4px; margin-top: 2px; line-height: 1.3em; font-size: 14px; height: 75px; overflow: hidden; } .acerNew.eduRow .box .cont div.content-link { padding-bottom: 5px; height: auto; } .acerNew.eduRow .left { margin-right: 18px; } .acerNew.eduRow .color { background: #eeeaf4; } .acerNew.eduRow .color img { width: 230px; height: 172px; padding-top: 4px; padding-left: 5px; padding-bottom: 4px; } .acerNew.eduRow .full { height: auto; width: 100%; float: left; margin: 10px 0 0px 0; } .acerNew.eduRow .full .cont { width: 705px; padding-left: 10px; } .acerNew.eduRow .full .cont h4 { height: 25px; } .acerNew.eduRow .full .cont p { height: auto; } .acerNew.eduRow .full .cont p.long { margin-bottom: 15px; font-size: 16px; height: auto; } .acerNew.eduRow .full .cont p.long span { color: #83b81a; font-weight: bold; } .acerNew.eduRow .full .cont ul { padding-left: 20px; color: #a1a1a1; font-size: 16px; line-height: 1.4em; padding-bottom: 20px; } .acerNew.eduRow .full .cont ul li { list-style-type: disc; } .acerNew.eduRow .full .cont div.content-link { padding-bottom: 15px; height: auto; padding-top: 5px; } .acerNew.eduRow .media { } .acerNew.eduRow .media a { margin-left: 14px; } .acerNew.eduRow .media a:first-child { margin-left: 0px; } .acerNew.eduRow .media a img { width: 480px; height: 270px; } .acerNew.eduRow .media .cont { width: 470px; } .acerNew.eduRow .media img { width: 480px; height: 270px; padding: 0 10px 0 0; } .acerNew.eduRow .media .cont p { height: 200px; margin-top: 20px; overflow: hidden; } .acerNew .eduIntro { margin-top: 25px; } .acerNew .eduIntro div { float: left; width: 800px; } .acerNew .eduIntro div h1 { color: #83b81a; font-size: 30px; font-style: italic; } .acerNew .eduIntro div p { float: left; font-size: 16px; line-height: 1.4em; font-style: italic; } .acerNew .eduIntro div ul { float: left; padding-left: 40px; color: #a1a1a1; font-size: 16px; line-height: 1.4em; } .acerNew .eduIntro div ul li { list-style-type: disc; } .acerNew .eduIntro a { overflow: hidden; float: right; width: 125px; height: 220px; font-size: 14px; text-decoration: none; line-height: 1.4em; margin-top: 20px; color: #7958a7; font-style: italic; } .acerNew .eduIntro a img { width: 123px; height: 174px; } .acerNew .eduSelTab { margin-top: 20px; } .acerNew .eduSelTab ul.mobile { display: none; } .acerNew .eduSelTab ul.noMobile { border-top: 8px solid #9b82bd; } .acerNew .eduSelTab ul { height: 41px; margin: 0 auto; display: block; width: 978px; } .acerNew .eduSelTab ul li { position: relative; float: left; } .acerNew .eduSelTab ul li a.tab { border-right: none; border-bottom: none; border-top: none;padding-left: 20px; padding-right: 20px; height: auto; margin-top: 10px; margin-bottom: 10px; background: #fff; color: #77787b; font-size: 18px; text-decoration: none; display: block; text-align: center; border-left: 1px solid #77787b; } .acerNew .eduSelTab ul li:first-child a.tab { border: none; } .acerNew .eduSelTab ul li a.current { } .acerNew .eduSelTab ul li a.mobile { display: none; } .acerNew .eduSelTab ul li a.tab.current span { color: #fff; position: inherit; } .acerNew .eduSelTab ul li a.tab.current { margin: 0; padding-top: 10px; padding-bottom: 10px; border-left: none; background: #9b82bd; color: #fff; } .acerNew .eduSelTab ul li a.tab span { color: #77787b; position: inherit; } .acerNew .eduSelTab ul li a.tab span.display { text-transform: inherit; } .acerNew .eduSelTab ul li a.tab.mobile { display: none; } .acerNew .eduSelTab ul li a { background: #fff; height: 200px; display: block; border-bottom: 8px solid #9b82bd; border-left: 8px solid #9b82bd; border-right: 8px solid #9b82bd; } .acerNew .eduSelTab ul li a img { opacity: 0.3; margin: 0 auto; display: block; width: 150px; height: 150px; padding: 10px 80px 10px 80px; } .acerNew .eduSelTab ul li a span { opacity: 0.3; font-weight: bold; width: 296px; margin: 0 auto; overflow: hidden; height: 21px; position: absolute; bottom: 20px; left: 0; right: 0; color: #582e91; font-size: 18px; text-align: center; } .acerNew .eduSelTab ul li a.tab span { opacity: 1; } .acerNew .eduSelTab ul li a span.upper { text-transform: uppercase; } .acerNew .eduSelTab ul li a.current img { opacity: 1; } .acerNew .eduSelTab ul li a.current span { opacity: 1; } .acerNew .eduSelTab ul li a:hover img { opacity: 1; } .acerNew .eduSelTab ul li a:hover span { opacity: 1; } .acerNew .eduSelTabBig { margin-top: 20px; } .acerNew .eduSelTabBig ul.mobile { display: none; } .acerNew .eduSelTabBig ul { height: 41px; margin: 0 auto; display: block; width: 978px; } .acerNew .eduSelTabBig ul.noMobile { float: left; border-top: 8px solid #9b82bd; width: 962px; border-left: 8px solid #9b82bd; border-right: 8px solid #9b82bd; height: auto; } .acerNew .eduSelTabBig ul li { float: left; } .acerNew .eduSelTabBig ul li a.tab { width: auto; border-right: none; border-bottom: none; border-top: none; padding-left: 20px; padding-right: 20px; height: auto; margin-top: 10px; margin-bottom: 10px; background: #fff; color: #77787b; font-size: 18px; text-decoration: none; display: block; text-align: center; border-left: 1px solid #77787b; } .acerNew .eduSelTabBig ul li:first-child a.tab { border: none; } .acerNew .eduSelTabBig ul li a.mobile { display: none; } .acerNew .eduSelTabBig ul li a.tab.current span { color: #fff; position: inherit; } .acerNew .eduSelTabBig ul li a.tab.current { margin: 0; padding-top: 10px; padding-bottom: 10px; border-left: none; background: #9b82bd; color: #fff; } .acerNew .eduSelTabBig ul li a.tab span { float: none; color: #77787b; position: inherit; } .acerNew .eduSelTabBig ul li a.tab span.display { text-transform: inherit; } .acerNew .eduSelTabBig ul li a.tab.mobile { display: none; } .acerNew .eduSelTabBig ul li a { background: #fff; height: 75px; display: block; width: 270px; padding-left: 25px; padding-right: 25px; } .acerNew .eduSelTabBig ul li a img { opacity: 0.3; width: 80px; height: 80px; padding: 0; float: left; } .acerNew .eduSelTabBig ul li a span { opacity: 0.3; font-weight: bold; overflow: hidden; height: 21px; color: #582e91; font-size: 18px; float: left; padding-top: 32px; } .acerNew .eduSelTabBig ul li a.tab span { opacity: 1; } .acerNew .eduSelTabBig ul li a span.upper { text-transform: uppercase; } .acerNew .eduSelTabBig ul li a.current img { opacity: 1; } .acerNew .eduSelTabBig ul li a.current span { opacity: 1; } .acerNew .eduSelTabBig ul li a:hover img { opacity: 1; } .acerNew .eduSelTabBig ul li a:hover span { opacity: 1; } .acerNew .eduSelTabBig .container { float: left; height: auto; width: 942px; margin: 0 auto; border-left: 8px solid #9b82bd; border-right: 8px solid #9b82bd; border-bottom: 8px solid #9b82bd; padding: 10px 10px 5px 10px; } .acerNew .eduSelTabBig .container .box.full .cont { width: 675px; } .acerNew .eduSelTabBig .container ul.download { height: auto; margin-top: 3px; display: inline-block; width: 938px; } .acerNew .eduSelTabBig .container span.intro { border-top: 1px solid #000; display: block; padding-top: 15px; } .acerNew .eduSelTabBig .container ul.download li { width: 916px; } .acerNew .eduSelTabBig .container ul.download li a { border: none; background: none; height: auto; margin: 0; text-align: right; } .acerNew .eduSelTabBig .container ul.download li a.flink { text-align: left; padding: 0px; } .acerNew.contTiles { border-bottom: 2px solid #80c342; } /*contentInfo*/ .contentInfo { } .contentInfo h3 { font-size: 22px; line-height: 28px; text-align: center; font-weight: normal; margin-top: 50px; margin-bottom: 50px; } .contentInfo img { display: block; } .contentInfo ul.list-4, .contentInfo ul.list-3 { margin-left: -15px; margin-right: -15px; } .contentInfo ul.list-4 h3, .contentInfo ul.list-3 h3 { margin-top: 25px; margin-bottom: 25px; } .contentInfo ul.list-4 li { min-height: 230px; float: left; margin-left: 15px; margin-right: 15px; width: 222px; } .contentInfo ul.list-4 li img { width: auto; height: auto; margin: 0 auto 25px auto; } .contentInfo ul.list-3 li { float: left; margin-left: 15px; margin-right: 15px; width: 306px; min-height: 280px; } .contentInfo ul.list-3 li img { width: auto; height: auto; margin: 0 auto 25px auto; } .contentInfo img.title { margin: 50px auto 50px auto; float: none; height: 65px; width: auto; } .contentInfo h2 { margin-bottom: 50px; margin-top: 50px; font-size: 36px; line-height: 40px; color: #4f4e4f; font-weight: normal; text-align: center; } .contentInfo p { font-size: 18px; text-align: center; line-height: 24px; color: #a8a8a8; margin-top: 25px; margin-bottom: 25px; } .contentInfo p a { color: #83b81a; } .contentInfo p span { color: #4f4e4f; } .contentInfo p.med { font-size: 16px; line-height: 22px; } .contentInfo .alignLeft { text-align: left; } .contentInfo ol { font-size: 16px; line-height: 22px; color: #a8a8a8; } .contentInfo ol li { margin-top: 8px; margin-bottom: 8px; } .contentInfo .banner { position: relative; } .contentInfo .banner img { height: 320px; width: auto; } .contentInfo .banner .cont { position: absolute; width: 300px; top: 0; opacity: 0.9; filter: alpha(opacity=90); background: #fff; padding: 25px 30px; height: 270px; } .contentInfo .banner .cont img { height: auto; width: 300px; } .contentInfo .banner .cont img.center { position: absolute; top: 0; bottom: 0; margin: auto; } .contentInfo .banner .cont p { text-align: left; } .contentInfo .banner .cont a { } .contentInfo .banner .cont a.link { text-decoration: underline; text-align: center; color: #4f4e4f; font-size: 13px; margin-top: 15px; display: inline-block; width: 100%; } .contentInfo .banner .cont a.button-round { display: table; margin: 0 auto; margin-top: 25px; } .button-round { -webkit-border-radius: 60; -moz-border-radius: 60; border-radius: 60px; color: #ffffff; border: none; font-size: 16px; background: #83b81a; padding: 10px 45px 10px 45px; text-decoration: none; text-align: center; } .contentInfo .block-img img { float: left; width: 300px; height: auto; background: gray; margin-right: 30px; } .contentInfo .block-img p { float: left; width: 630px; text-align: left; margin-top: 0; } .contentInfo .prod-list { } .contentInfo .prod-list .link { display: inline-block; width: 100%; border-bottom: 1px solid #a8a8a8; padding-bottom: 25px; } .contentInfo .prod-list .link li { float: left; } .contentInfo .prod-list .link li.active { } .contentInfo .prod-list .link li a { text-decoration: none; font-size: 18px; text-align: center; line-height: 24px; color: #a8a8a8; width: 175px; display: block; margin-left: 10px; margin-right: 10px; } .contentInfo .prod-list .link li a.active { color: #4f4e4f; } .contentInfo .prod-list .text img { margin-bottom: 25px; } .contentInfo .prod-list .text div { display: none; } .contentInfo .prod-list .text div.active { display: block; } .contentInfo .prod-list .text h3 { font-size: 20px; } .contentInfo .prod-list .text p { text-align: left; } .contentInfo .list li { margin-bottom: 25px; } .contentInfo .list p { margin: 5px auto; } .contentInfo .block-img { float: left; } .alaTestPos { height: 61px; margin-top: 15px; } .acerNew.contBanner { position: relative; color: #fff; background: url(img/header.jpg); height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; } .acerNew.contBanner h1 { position: absolute; top: 100px; font-size: 38px; font-weight: normal; } .acerNew.contBanner h3 { position: absolute; top: 155px; font-size: 20px; font-weight: normal; } .acerNew .contSelect .select { float: left; } .acerNew .contSelect .select select { cursor: pointer; color: rgba(0, 0, 0, 0.4); height: 42px; padding: 11px; text-align: left; min-width: 207px; border-radius: 4px; border-color: rgba(0, 0, 0, 0.2); margin-right: 10px; } .acerNew .contSelect .select select:focus { outline: 0; } .acerNew .contSelect .content-link { margin-left: 18px; width: auto; padding-top: 6px; } /*.acerNew .contSelect .button { transition: all .3s; background-color: #e0e0e0; border: none; border-radius: 4px; color: rgba(0, 0, 0, 0.87); cursor: pointer; display: inline-block; font-weight: bold; padding: 14px 20px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: baseline; font-size: 12px; } .acerNew .contSelect .button:hover { background-color: #000; color: #fff; } .acerNew .contSelect .button:focus { outline: 0; }*/ .acerNew .contSelect h4 { color: rgba(0, 0, 0, 1.0); font-size: 16px; padding: 18px 0; } .acerNew .contMap { border-top: 1px solid rgba(0, 0, 0, 0.2); } .acerNew .contMap .map { margin-top: 18px; padding-bottom: 18px; float: left; width: 662px; border-right: 1px solid rgba(0, 0, 0, 0.2); padding-right: 18px; margin-right: 18px; } .acerNew .contMap h4 { color: rgba(0, 0, 0, 1.0); font-size: 16px; padding: 18px 0; } .acerNew .contMap p { color: rgba(0, 0, 0, 0.4); line-height: 18px; } /*.acerNew .contMap .button { transition: all .3s; background-color: #e0e0e0; border: none; border-radius: 4px; color: rgba(0, 0, 0, 0.87); cursor: pointer; display: inline-block; font-weight: bold; padding: 14px 20px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: baseline; font-size: 12px; } .acerNew .contMap .button:hover { background-color: #000; color: #fff; } .acerNew .contMap .button:focus { outline: 0; }*/ .acerNew .contMap .content-link { width: auto; padding-top: 6px; } .acerNew .contMap .profile { margin-top: 18px; float: right; width: 279px; } .acerNew .contMap .map #container-map { width: 100%; height: 400px; } .acerNew .contMap .map #map-canvas {width: 100%; height: 100%; position: relative; } .acerNew .contGallery .images { height: 495px; overflow: hidden; } .acerNew .contGallery .images li { position: relative; display: none; } .acerNew .contGallery .images li h2 { position: absolute; top: 55px; color: #fff; font-size: 30px; font-weight: normal; left: 65px; } .acerNew .contGallery .images li img { width: 978px; height: 495px; } .acerNew .contGallery .nav { text-align: center; margin: 20px 0; } .acerNew .contGallery .nav li { cursor: pointer; border: 2px solid #acafb0; width: 30px; margin: 0 5px; display: inline-block; } .acerNew .contGallery .nav li.active { border: 2px solid #83b81a; } /* ///// TABLET //// */ @media screen and (max-width: 985px) and (min-width : 751px) { #midLandFixer { width: 985px; } /*Font*/ .container-products div a.arrow-green-dx, a.empty-button, .footer { font-size: 12px; } .acerNew .rich-content-top { padding-top: 0px; } .slide .content-main-feature .feature p { font-size: 14px; } .container-products div h2, .homeUsefulLink div a { font-size: 18px; } .acerNew .container-products div h2 { font-size: 18px; } .simpleBox div h2 { font-size: 20px; } body { } .row-content, .header, .footer { width: 750px; } .acerNew .mobile-only { display: none; } /*row New*/ .acerNew .row-content { width: 750px; } .acerNew .row-content, .acerNew .header { width: 744px; padding-left: 12px; padding-right: 12px; } .acerNew .simpleBox div { width: 230px; height: 358px; } .acerNew .simpleBox div.gray { width: 710px; height: 182px; margin-bottom: 0px; } .acerNew .simpleBox div.gray.center-box { margin-left: 0; margin-right: 0; } .acerNew .simpleBox div.gray img { padding-right: 18px; float: left; } .acerNew .simpleBox div.gray h2 { font-size: 22px; width: 430px; } .acerNew .simpleBox div.gray p { height: 85px; width: 400px; height: 55px; } .acerNew .simpleBox div.gray div.content-link { width: 400px; } .acerNew .simpleBox div.white { width: 710px; height: 190px; margin-bottom: 0; } .acerNew .simpleBox div.white.center-box { margin-left: 0; margin-right: 0; } .acerNew .simpleBox div.white img { padding-right: 18px; float: left; } .acerNew .simpleBox div.white p { height: 85px; width: 400px; } .acerNew .simpleBox div.white h2 { font-size: 22px; width: 430px; } .acerNew .simpleBox div.white div.content-link { width: 400px; } .acerNew .simpleBox div h2 { width: 100%; font-size: 21px; height: 25px; } .acerNew .simpleBox div img { width: 230px; height: 145px; } .acerNew .simpleBox div p { height: 110px; margin-bottom: 19px; } .acerNew .simpleBox div p.price { margin-top: 0px; } .acerNew .simpleBox div.hightlight h2 { height: 45px; } .acerNew .simpleBox div.hightlight p { height: 55px; } .acerNew .simpleBox div.hightlight p.price { margin-top: 0px; height: 38px; margin-bottom: 6px; } .acerNew .simpleBox div.hightlight img { width: auto; height: 145px; margin: 0 auto; } .acerNew .simpleBox div.center-box { margin-left: 27px; margin-right: 27px; } /*Double Box*/ .acerNew .simpleBox div.doubleBox { width: 358px; margin-right: 27px; height: 358px; } .acerNew .simpleBox div.doubleBox img { width: 306px; height: 193px; float: left; padding-right: 0px; } .acerNew .simpleBox div.doubleBox h2 { width: 100%; } .acerNew .simpleBox div.doubleBox p { width: 100%; margin-bottom: 11px; height: 75px; } .acerNew .simpleBox div.hightlight.doubleBox h2 { height: 45px; } .acerNew .simpleBox div.hightlight.doubleBox p { margin-bottom: 6px; margin-top: 3px; height: 35px; } .acerNew .simpleBox div.hightlight.doubleBox p.price { height: 25px; margin-top: 0; margin-bottom: 2px; } .acerNew .simpleBox div.content-link.doubleBox { width: auto; float: left; padding-left: 248px; } .acerNew .simpleBox div.right-box.doubleBox img { width: 306px; height: 193px; } .acerNew .simpleBox div.hightlight.doubleBox img { width: 260px; height: 180px; margin-top: 13px; } .acerNew .simpleBox div.doubleBox div.content-link { padding-left: 0; } .acerNew .focus { height: 135px; margin-top: 45px; margin-bottom: 20px; } .acerNew .focus div { padding-right: 27px; } .acerNew .focus div:nth-last-child(1) { padding-right: 0px; } .acerNew .focus div img { width: 80px; height: auto; } .acerNew .focus div div.cont { width: 263px; padding-top: 0; height: 120px; } .acerNew .focus div div.cont p { height: 55px; } .acerNew .lineFull { display: none; } .acerNew .hidden-element { display: block; } /*PageTitle Old*/ .pageTitle h1 { font-size: 20px; width: auto; float: none; } .pageTitle .content-link.social { float: left; padding-right: 20px; } .pageTitle .content-link.social p { display: none; float: left; padding-right: 10px; font-size: 13px; font-weight: bold; } .pageTitle a.full-button { float: left; margin-top: 0; } .pageTitle .content-link.social a.social { display: none; width: 34px; height: 34px; margin-right: 10px; float: left; overflow: hidden; line-height: 500px; } .windows-tagline ul { width: 100%; } .windows-tagline p.nota-info { display: none; } .windows-logo h1 { width: auto; } .windows-logo ul { width: 100%; } .windows-logo p.nota-info { display: none; } .windows-logo a.windows-logo { display: none; } .pageTitle.new { } .pageTitle.new h1 { font-size: 20px; width: auto; float: none; } .acerNew .pageTitle.new h1 { padding-bottom: 0px; } .pageTitle.new .content-link.social { display: none; } .pageTitle.new a.full-button { float: left; margin-top: 0px; } .pageTitle.new.windows-tagline ul { width: 100%; } .pageTitle.new.windows-tagline p.nota-info { display: none; } .pageTitle.windows-logo.new h1 { width: auto; } .pageTitle.windows-logo.new ul { width: 100%; } .pageTitle.windows-logo.new p.nota-info { display: none; } .pageTitle.windows-logo.new a.windows-logo { display: none; } /*Info Page New*/ .acerNew.infoPage div.pageTitle h1 { } .acerNew.infoPage div.pageTitle ul { float: left; width: 755px; padding: 0; margin-top: 20px; } .acerNew.infoPage div.pageTitle p.nota-info { float: right; padding: 0; margin-top: 20px; } .acerNew.infoPage div.pageTitle a.content-link.social { float: right; padding-right: 20px; padding-top: 0; height: auto; width: auto; } /*Info Page Group*/ .acerNew.infoPage.series { display: none; } /*Info Page Compare*/ .acerNew.infoPage.compare { padding-bottom: 18px; } .acerNew.infoPage.compare div.pageTitle a.button-big { float: left; } /*Info Page Series*/ .acerNew.infoPage.group div.pageTitle ul { display: none; } .acerNew.infoPage.group div.pageTitle a.windows-logo { display: none; } .acerNew.infoPage.group div.pageTitle p.nota-info { display: none; } /*Info Page Model*/ .acerNew.infoPage.model { display: none; } /*Info Page Search*/ .acerNew.infoPage.search div.pageTitle p.nota-info { display: none; } .acerNew.infoPage.search div.pageTitle ul { display: none; } .acerNew.infoPage.search div.pageTitle h1 { margin-top: 25px; } /*Accessories*/ .acerNew.contAccessories div.accessories { height: 480px; overflow: hidden; } /*Local Store*/ .acerNew.contLocalStore div.localStore h3 { margin: 39px 10px 39px 0px; } .acerNew.contLocalStore div.localStore div.code { } .acerNew.contLocalStore div.localStore div.distance { } .acerNew.contLocalStore div.localStore div.content-link { margin-right: 0; } .acerNew.contLocalStore div.localStore input { } /*Tech Benefit*/ .acerNew.contTechBenefit { background: #fff; } .acerNew.contTechBenefit .techBenefit { } .acerNew.contTechBenefit .techBenefit li { width: 216px; padding: 25px 10px; } .acerNew.contTechBenefit .techBenefit li img { width: 50px; height: 50px; padding-right: 10px; padding-top: 0; } .acerNew.contTechBenefit .techBenefit li h2 { width: 156px; } .acerNew.contTechBenefit .techBenefit li p { width: 156px; height: 90px; } /*Row Video Home Page*/ .acerNew.contVideoHome ul { } .acerNew.contVideoHome ul li { margin-left: 15px; } .acerNew.contVideoHome ul li a img { width: 238px; height: 133px; } .acerNew.contVideoHome ul li h2 { font-size: 20px; width: 238px; } /*Find Product Home Page*/ .acerNew.contFindProduct img { width: 358px; height: 220px; margin-right: 27px; } .acerNew.contFindProduct h2 { width: 356px; margin-top: 55px; } .acerNew.contFindProduct p { width: 356px; height: 72px; } /*ShowCase New*/ .acerNew .showcase { height: 430px; } .acerNew .showcase .slide { top: 10px; height:385px; } .acerNew .showcase .slide a { width: 100%; height: 385px; } .acerNew .showcase .wrapper { margin-left: -375px; width:750px; height:385px; } .acerNew .showcase .wrapper .sc-prod { width: 273px; height: auto;} .acerNew .showcase .wrapper .sc-prod a { width:750px; height:385px; } .acerNew .showcase .wrapper .sc-prod img { width: 273px; float: left; height: 385px; margin-top: 45px; margin-left: 25px;} .acerNew .showcase .arrow-slide { width: 716px; margin-left: -358px; top: 178px; } /*ShowCase*/ .showcase { position: relative; height: 320px; } .showcase .container { width: 592px; height: 320px; overflow: hidden; } .slide { width: 592px; height: 320px; } .slide .content-main-visual { width: 482px; height: 320px; } .slide .content-main-visual a { display: none; width: 482px; height: 320px; } .slide .content-main-visual a img { width: 482px; height: 320px; } .slide .content-main-feature { height: 312px; width: 104px; left: 482px; } .slide .content-main-feature .feature { width: 110px; height: 107px; } .slide .content-main-feature .feature a { width: 110px; height: 97px; padding-top: 10px; } .slide .content-main-feature .feature a img { width: 64px; height: 48px; } .slide .content-main-feature .feature a span { line-height: 14px; padding: 4px 10px; font-size: 14px; height: 2em; } .slide .content-main-feature .feature a .timerLine { width: 110px; height: 7px; } .showcase .content { width: 153px; height: 320px; overflow: hidden; } .showcase .content div { width: 133px; height: 148px; padding: 5px 10px; overflow: hidden; margin-bottom: 0px; } .showcase .content div.second { top: 159px; left: 0; } .showcase .content div a { width: 133px; height: 148px; } .showcase .content div a img { width: 125px; height: auto; margin-bottom: 4px; } .showcase .content div a { font-size: 16px; } .showcase .content div a:hover { color: #5e6a71; } .showcase .content div a span { line-height: 1em; background: transparent url(img/arrow-green.png) right 0px no-repeat; padding: 0 25px 4px 0px; } .slide .content-main-visual a.pc { display: none; } .slide .content-main-visual a.tablet { display: block; } .slide .content-main-visual a.smartphone { display: none; } /*Orizontal Layout*/ .horizontalLayout { } .horizontalLayout .horizontalBox { position: relative; width: 750px; padding-bottom: 0; } .horizontalLayout .horizontalBox img.mainImage { width: 290px; } .horizontalLayout .horizontalBox div.content { width: 412px; } .horizontalLayout .horizontalBox li { margin-right: 0; width: 100px; } .horizontalLayout .horizontalBox li span { width: 100px; } .horizontalLayout .horizontalBox li span.name { font-size: 14px; } .windows-tagline ul { width: 100%; } .windows-tagline p.nota-info { display: none; } .windows-logo h1 { width: 450px; } .windows-logo ul { width: 100%; } .windows-logo p.nota-info { display: none; } .windows-logo .content-link.social p img { display: none; } /*PageTitle*/ .pageTitle.new { } .pageTitle.new h1 { font-weight: bold; font-style: italic; font-size: 30px; color: #4d5357; width: 450px; float: left; } .pageTitle.new .content-link.social { float: right; padding-right: 20px; } .pageTitle.new .content-link.social p { float: left; padding-right: 10px; font-size: 13px; font-weight: bold; } .pageTitle.new a.full-button { float: left; margin-top: 5px; } .pageTitle.new .content-link.social a.social { width: 34px; height: 34px; display: block; margin-right: 10px; float: left; overflow: hidden; line-height: 500px; } .acerNew .pageTitle.new .content-link.social a.social { width: 34px; height: 34px; display: block; margin-right: 10px; float: left; overflow: hidden; line-height: 500px; } .new.windows-tagline ul { width: 100%; } .new.windows-tagline p.nota-info { display: none; } .new.windows-logo h1 { width: 450px; } .new.windows-logo ul { width: 100%; } .new.windows-logo p.nota-info { display: none; } .new.windows-logo .content-link.social p img { display: none; } /*Simple Box*/ .simpleBox div { float: left; width: 714px; height: 180px; overflow: hidden; background: #fff; padding: 18px; margin-bottom: 20px; } .simpleBox div.center-box { margin-left: 0; } .simpleBox div.last { float: left; } .simpleBox div img { float: left; margin-right: 10px; } .simpleBox div h2 { float: left; width: 420px; font-size: 22px; } .simpleBox div p { float: left; width: 420px; } .simpleBox div.product h3 { width: 330px; float: left; } .simpleBox div div.content-link { width: 420px; } .simpleBox div.product { padding: 18px 18px 18px 18px; height: 180px; } .simpleBox div.product a.review { float: left; margin: 0 0 0 0; width: 310px; height: 50px; } .simpleBox div div.layer-group a.close { margin: 10px 0 0 0; } .simpleBox div div.content-link.group { width: auto; padding: 0; margin: 0; background-color: #fff; position: relative; } .simpleBox div div.layer-group { bottom: 0; left: 300px; width: 442px; padding: 18px 18px 18px 0; } .simpleBox div div.layer-group ul { width: 442px; margin: 0; padding: 0; float: left; } .simpleBox div div.layer-group ul li { width: 185px; float: left; border-bottom: 1px solid #cecece; padding: 7px 10px 7px 10px; margin-right: 15px; } .simpleBox div.box-video { width: 714px; float: left; height: auto; margin-top: 0; } .simpleBox div.box-video p { width: auto; line-height: normal; height: 5em; margin-bottom: 10px; } .simpleBox div.box-video.small {width: 714px; margin-top:0px;} .simpleBox div.box-video.small p {height: 4.8em;} .simpleBox div.box-video.small .ctn-video {width:391px;height: 220px;} .simpleBox div.box-video.small .ctn-video img {width:391px; height: 220px;} .simpleBox div.randomizer { padding: 0 0 0 0; width: 750px; height: 216px; margin-bottom: 20px; } .simpleBox div.randomizer div { } .simpleBox div.ctn-product { width: 750px; height: auto; float: left; overflow: hidden; padding: 0 0 0 0; background-color: #fff; } .simpleBox div.ctn-product div.randomizer { width: 750px; height: 452px; margin-top: 0; background-color: #fff; } .simpleBox div.ctn-product div.randomizer div { margin: 0 0 20px 0; float: left; background-color: #efefef; } .simpleBox div.multiple div.item p { height: 6em; width: 358px; } .simpleBox div.multiple div.selector { left: auto; right: 0; height: 216px; width: 72px; } .simpleBox div.multiple div.selector .element { width: 72px; height: 72px; line-height: 72px; } .simpleBox div.multiple div.selector .element.center { width: 72px; height: 70px; line-height: 70px; border: none; border: 1px solid #fff; border-left: none; border-right: none; } .simpleBox div.multiple div.selector.items2 .element {width: 72px;height: 108px;line-height: 108px;} .simpleBox div.multiple div.selector.items2 .element.center {width: 72px;border-bottom:none;height: 107px;} /*Home Useful Link*/ .homeUsefulLink { padding-top: 20px; } .homeUsefulLink div { width: 240px; height: 92px; } .homeUsefulLink div a { width: 222px; height: 56px; padding-right: 0; } .homeUsefulLink div.only-image a img { height: auto; width: 190px; } .homeUsefulLink div.only-image a { background-position: -775px -367px; } .homeUsefulLink div.center-box { margin-left: 15px; } .homeUsefulLink div img { width: 65px; height: 57px; } .homeUsefulLink div a span { height: 2.5em; width: 95px; padding-top: 7px; background-position: right -385px; } .simpleBox.dark div.homeUsefulLink { background-color: transparent; width: 750px; height: 105px; padding: 0; overflow: hidden; } .simpleBox div.homeUsefulLink a { display: block; width: 320px; height: 70px; margin-bottom: 0; } .simpleBox div.homeUsefulLink a img { width: 80px; height: 70px; float: left; vertical-align: middle; margin-right: 10px; } .simpleBox div.homeUsefulLink a span { display: block; color: #fff; overflow: hidden; float: left; padding-top: 10px; } .simpleBox div.homeUsefulLink a span.claim { width: 190px; line-height: normal; background: url(img/arrow.png) right -375px no-repeat; padding-right: 30px; } .simpleBox div.homeUsefulLink a span.explanation { display: none; width: 246px; height: 32px; font-size: 12px; padding-right: 30px; line-height: 13px; } .simpleBox.dark .homeUsefulLink.fullSpace { float: left; width: 100%; height: auto; padding: 0 0 18px 0; } .simpleBox.dark .homeUsefulLink.fullSpace a { margin: 0; width: 320px; } .simpleBox.dark .homeUsefulLink.fullSpace a span.claim { width: 190px; } .simpleBox.dark .homeUsefulLink.fullSpace a span.explanation { width: 246px; } /*Home Useful Link AcerNew*/ .acerNew .homeUsefulLink { padding-top: 0px; } .acerNew .homeUsefulLink div { width: 230px; height: 92px; } .acerNew .homeUsefulLink div a { width: 194px; height: 56px; } .acerNew .homeUsefulLink div.center-box { margin-left: 27px; margin-right: 27px; } .acerNew .homeUsefulLink div img { width: 65px; height: auto; } .acerNew .homeUsefulLink div a span { width: 119px; font-size: 20px; height: 50px; padding-top: 3px; min-height: 54px; } /*Banner TOP*/ .banner-top { position: relative; } .banner-top p.nota-info { position: absolute; top: 261px; left: 0; font-size: 12px; margin: 0; padding: 0; text-align: right; width: 735px; font-weight: bold; margin: 0 0 0 0; z-index: -1; } .banner-top h2 { position: absolute; top: 40px; right: 20px; width: 240px; height: 75px; overflow: hidden; font-size: 30px; font-style: italic; font-weight: normal; line-height: 1.2em; } .banner-top p.text-area { position: absolute; top: 110px; right: 20px; width: 240px; height: 14em; font-size: 12px; font-style: italic; overflow: hidden; line-height: 1.1em; } /* Wow */ .wowCont { width: 750px; height: 343px; } .wowCont img { width: 750px; height: 343px; } .wowCont .cont { top: 35px; left: 35px;} .wowCont .cont.right {left: auto; right: 35px; } .wowCont h2 { width: 300px; } .wowCont p { width: 300px; } /*Feaure Series*/ .feature-product .feature-description { width: 525px; padding: 0 0 18px 220px; } .feature-product .feature-description img { width: 250px; height: 196px; } .feature-product .feature-description h2 { width: 265px; } .feature-product .feature-description p { width: 265px; } .acerNew .main-container { width: 710px; } /*Rich content Vecchio*/ .main-container { width: 714px; height: 255px; } .main-container ul.rich-content-nav { right: 30px; top: 115px; } .main-content { right: 20px; top: 50px; width: 320px; } .main-content h2 { font-size: 22px; } .main-content img { position: absolute; top: -20px; left: -400px; width: 380px; height: 212px; } .main-container.open div.content { width: 655px; left: 65px; } .photo .photo-content { width: 235px; float: right; padding-top: 25px; } .photo .photo-content h2 { font-size: 16px; width: 230px; } .photo .photo-content h2 span { color: #4d5357; font-weight: lighter; font-style: normal; } .photo .photo-content p { width: 230px; font-size: 12px; } .photo .photo-content ul { width: 235px; float: left; margin-top: 10px; } .photo .photo-content ul li { width: 75px; height: 75px; float: left; } .photo .photo-content ul li a { width: 60px; height: 60px; } .photo .img-big { padding: 15px 0 0 10px; width: 410px; } .photo .img-big img { width: 380px; height: auto; } .view { } .view .button { width: 70px; } .view .button.prev { left: 40px; } .view .button.next { left: 545px; } .view .view-content { left: 118px; } .video-container { width: 650px; height: 365px; left: 0; } .zoom .img-big { width: 460px; } .zoom .zoom-content { left: 475px; width: 180px; } .zoom .zoom-content .pointer { width: 69px; } /*Two columns*/ .container-dx { width: 240px; float: left; } .container-sx { width: 485px; float: right; } /*Compare*/ .compare-box { display: none!important; width: 100%; padding: 0 0 18px 0; background-color: #2ab5be; position: fixed; bottom: 0; left: 0; margin: 0; text-align: center; } .compare-menu { width: 750px; padding: 18px 0 0 0; height: 35px; margin: 0 auto; text-align: center; } .list-product-to-compare { width: 746px; } .list-product-to-compare .product { width: 248px; } .list-product-to-compare { width: 746px; } .list-product-to-compare .product { width: 248px; } .list-product-to-compare .product .content { width: 190px; padding: 10px 18px; border-left: 1px solid #ccc; } .list-product-to-compare .product .compare { width: 190px; border-top: none; float: left; margin: 0 0 15px 0; } .list-product-to-compare .product .compare a { text-decoration: none; } .list-product-to-compare .product .compare a span { display: none; } .list-product-to-compare .product .review { display: none; } .list-product-to-compare .product img { clear: left; float: left; width: 60px; height: 37px; float: left; margin-right: 10px; } .list-product-to-compare .product .content h2 { width: 120px; font-size: 12px; color: #83b81a; font-style: italic; font-weight: bold; height: 15px; line-height: 15px; overflow: hidden; padding: 0; margin: 0; } .list-product-to-compare .product .content h3 { width: 120px; font-size: 18px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; padding: 0; margin: 0; } .list-product-to-compare .product .content-link { display: none; } /*Compare Page*/ .compare-container { width: 750px; } .acerNew .compare-table { display: none; } .compare-container div.no-sp { margin-top: 18px; display: block; width: 708px; padding: 18px; background-color: #fff; } .compare-table .product .helpme-choose img { float: left; margin: 0 10px 0 0; width: 35px; height: 50px; } .compare-table td, .compare-table th { border-right: 5px solid #efefef; padding: 5px; vertical-align: middle; } .compare-table th.name-tech { width: 100px; } .compare-table .product .helpme-choose span { display: block; float: left; padding-top: 15px; height: 30px; overflow: hidden; width: 100px; } .compare-table .product .content img { padding-left: 12px; } .compare-table .product .content .benefit { width: 194px; } .compare-table .product .content .benefit div { width: 174px; } /*Page Product*/ .tab-container { display: block; padding: 20px 0; } .exception-tab { width: 100%; height: 35px; } .exception-tab ul { width: 750px; margin: 0 0 0 -375px; } .exception-tab ul li { width: 107px; float: left; padding: 12px 0; } .exception-tab ul li a { font-size: 11px; } .exception-tab.maxTab1 ul li { width: 750px; } .exception-tab.maxTab2 ul li { width: 375px; } .exception-tab.maxTab3 ul li { width: 250px; } .exception-tab.maxTab4 ul li { width: 187px; } .exception-tab.maxTab5 ul li { width: 150px; } .exception-tab.maxTab6 ul li { width: 125px; } /*Product Overview*/ .feature-overview { width: 430px; } .feature-overview .feature-name img { display: block; } .feature-overview img { display: none; } .feature-overview h2 { width: 310px; height: auto; } .feature-overview p { width: 310px; } .feature-overview .content-link { width: 310px; } a.ctaVisual { display: block; float: left; width: 133px; padding: 7px; color: #fff; margin: 0 7px 0 0; } a.ctaVisual span { display: block; float: left; width: 100px; line-height: 1.2em; font-size: 12px; height: 30px; font-weight: bold; font-style: italic; padding-right: 33px; background: url(img/arrow.png) right -397px no-repeat; } a.ctaVisual span img { position: inherit; width: 100px; height: 30px; } .main-content p.cta { margin: 135px 0 0 0; } .ctn-quest { width: 312px; } .ctn-quest h2 { width: 276px; height: auto; } .ctn-quest p { width: 276px; height: 100px; } .ctn-quest .content-link { width: 276px; } /*Product overview*/ .tab-overview.noTechSpec .feature-overview { width: 750px; } .tab-overview.noTechSpec .feature-overview h2 { width: 300px; } .tab-overview.noTechSpec .feature-overview p { width: 300px; } .tab-overview.noTechSpec .feature-overview img { display: block; } /*Product Feature*/ .tab-feature div.feature { width: 750px; } .tab-feature div.feature img { width: 250px; height: 196px; } .tab-feature div.feature h2 { width: 345px; } .tab-feature div.feature p { width: 345px; } /*Product Tech Spec*/ .intro-tech { width: 732px; } .intro-tech h2 { width: 450px; } .intro-tech p { width: 450px; } .tab-tech-spec .ctn-table { width: 714px; } /*Related*/ .tab-related .related-list { width: 750px; } /*Support*/ .support-top { width: 714px; } .support-top img { display: none; } .support-top div { border: none; border-right: 1px solid #cccccc; width: 370px; padding: 0 18px; } .support-top div h2 { width: 370px; } .support-top div p { width: 370px; } .support-top div.help { border: none; width: 264px; } .support-top div.help h2 { width: 264px; } .support-top div.help p { height: 30px; width: 264px; } .content-download { width: 714px; } .content-download .content-tab { width: 550px; float: right; } .content-download .content-tab div { width: 550px; float: left; display: none; } .question { width: 264px; padding: 18px; height: 212px; float: left; margin-top: 20px; overflow: hidden; background-color: #fff; } .question h2 { width: 264px; height: 25px; margin: 0; padding: 0; text-align: left; font-size: 18px; color: #83b81a; font-style: italic; font-weight: bold; overflow: hidden; } .question h2 span { float: left; width: 150px; overflow: hidden; display: block; } .question h2 a { color: #4d5357; font-size: 12px; font-weight: bold; padding-right: 20px; text-decoration: none; background: url(img/arrow.png) right -182px no-repeat; float: right; } .question input { width: 254px; height: 25px; background: #efefef url(img/icon.png) 460px 5px no-repeat; padding: 0 5px; border: 0; font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; font-size: 12px; line-height: 15px; } .question ul { margin: 0; padding: 10px 0; } .question ul li { padding: 3px 0; } .question ul li a { color: #4d5357; font-weight: bold; padding-right: 20px; text-decoration: underline; background: url(img/arrow.png) right -182px no-repeat; } .question .content-link a { float: left; } .content-video-support { width: 440px; height: 248px; float: right; margin-top: 20px; } /*Realated Extra*/ .extra-info { padding: 20px 0; } .extra-info .related-content { width: 385px; height: 300px; overflow: hidden; } .extra-info .related-content h2 { width: 385px; } .extra-info .related-content .product { width: 190px; } .extra-info.no-related .help-box { width: 402px; padding-right: 0; } .extra-info.no-related .help-box span.claim { width: 140px; } .extra-info.no-related .help-box ul { width: 160px; } .extra-info.no-related .help-box ul li { width: 160px; } .extra-info.no-related .usefulLink { } .extra-info.no-related .usefulLink a { width: 276px; } .extra-info.no-related .usefulLink a span { } /*simple-page*/ .simple-page .cont-right { width: 399px; } .simple-page .cont-left { width: auto; } .simple-page .cont-open .cont-left, .simple-page .cont-open .cont-right { min-height: 240px; } .simple-page .news .text-content { width: 448px; } .simple-page .text-content img { max-width: 449px; } .simple-page div.selfServiceBoxContent .helpBox { float: left; width: 448px; height: auto; } .simple-page div.selfServiceBoxContent .helpBox div { float: left; width: 340px; } .simple-page div.selfServiceBoxContent .helpBox div p { height: auto; overflow: visible; } /*Search Page*/ .search-conteiner { width: 750px; } .search-conteiner div { width: 530px; float: left; background-color: #fff; padding: 18px; } .search-conteiner div p { width: 250px; float: left; margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: bold; } .search-conteiner div p.distance { width: 120px; float: left; margin: 0; padding: 0; text-align: right; padding-right: 10px; } .search-conteiner div input { width: 180px; float: left; border: 1px solid #d1d1d1; } .search-conteiner div select { max-width: 75px; float: left; border: 1px solid #d1d1d1; } .search-conteiner .tab-button { display: block; width: 85px; float: left; height: 60px; background-color: #fff; margin: 0 0 0 0; } .search-conteiner .tab-button span { display: none; } .search-conteiner .tab-button.map { background: #fff url(img/map_wheretobuy.png) center -60px no-repeat; margin-left: 10px; } .search-conteiner .tab-button.list { background: #fff url(img/list_wheretobuy.png) center top no-repeat; float: right; } .search-conteiner .map:hover, .search-conteiner .map.active { background: #c5c5c5 url(img/map_wheretobuy.png) center top no-repeat; } .search-conteiner .list:hover, .search-conteiner .list.active { background: #c5c5c5 url(img/list_wheretobuy.png) center -60px no-repeat; } .sellers-list { } .sellers-list .message { width: 714px; padding: 18px; margin: 20px 0; float: left; background: #fff; font-size: 14px; display: none; } .container-map { width: 750px; height: 450px; padding: 20px 0; display: none; } .store-conteiner { width: 750px; float: left; padding: 20px 0 0 0; } .store-conteiner .wrap { width: 779px; } .store-conteiner .seller { width: 325px; float: left; padding: 18px 18px 18px 18px; background: #fff; margin: 0 28px 27px 0; } .store-conteiner .seller.last { margin: 0 15px 27px 15px; } .seller ul.ctn-info-store { width: 300px; } div.legenda { width: 714px; padding: 18px; margin: 0 0 20px 0; float: left; background: #fff; color: #999; } div.legenda p { font-size: 14px; float: left; margin: 0; padding: 0 10px 0 0; line-height: 20px; font-size: 14px; } div.legenda select { max-width: 75px; float: left; border: 1px solid #d1d1d1; color: #999; } .page-navigation { float: right; } .page-number { padding: 3px 7px; border: 1px solid #d1d1d1; } div.legenda ul.legenda { width: 714px; float: left; font-size: 12px; padding: 20px 0 0 0; } div.legenda ul.legenda li { width: auto; float: left; } div.legenda ul.legenda img { vertical-align: middle; width: 30px; height: 30px; } .simpleBox.where-to-buy div img { width: 274px; height: 100px; } .simpleBox.where-to-buy div { height: auto; } .simpleBox.where-to-buy div p { height: auto; } /*Search Result*/ .form-search { } .form-search div { width: 714px; padding: 18px; background-color: #fff; float: left; } .form-search div p { padding: 0 18px 0 0; margin: 0; float: left; font-weight: bold; font-size: 14px; font-style: italic; line-height: 20px; } .form-search div input { width: 400px; float: left; } .form-search div div.ctn-link { width: 150px; float: right; padding: 0; } .acerNew .filter-box { width: 220px; } .acerNew .result-search div.filter { width: 180px; } .acerNew .result-search div.filter h2 { width: 180px; } .acerNew .result-search div.filter div.filter-box { width: 180px; } .acerNew .result-search div.filter div.filter-box h2 { width: 180px; } .acerNew .result-search div.filter div.filter-box ul { width: 180px; } .acerNew .form-search .searchBox input { width: 495px; } .acerNew .result-search div.result-container div.result { width: 482px; } .acerNew .result-search div.result-container { width: 518px; } .acerNew .result-search div.result-container div.result p.category { } .acerNew .result-search div.result-container div.result h2 { width: auto; } .acerNew .result-search div.result-container div.result p.text { width: auto; } /*Product*/ .product-list .product .content { padding-top: 18px; } .product-list .product .content .compare { display: none; } .result-search { width: 775px; overflow: hidden; } .result-search .content { width: 775px; float: left; padding: 0 0; } .result-search .product-list { width: 775px; float: left; height: 715px; overflow: hidden; } .result-search h2 { font-size: 24px; font-weight: bold; font-style: italic; width: 324px; padding: 0; } .result-search .product-list div { width: 330px; padding: 18px; background-color: #fff; float: left; margin: 10px 18px 10px 0px; } .result-search .product-list div div.searchLink { width: 230px; } .result-search .product-list div div.searchLink a.sl { width: 95px; } .result-search .product-list div h3 { font-size: 14px; font-weight: bold; font-style: italic; width: 220px; padding: 0 0 0 0; margin: 0; height: 25px; float: left; color: #83b81a; } .result-search .product-list div img { float: left; width: 100px; height: 62px; } .result-search .product-list div p { float: left; width: 220px; height: 50px; overflow: hidden; } .result-search .product-list div div.ctn-link { width: 324px; height: auto; padding: 0 0 0 0; float: right; } .result-search .info-list div span.date { display: block; width: 324px; font-size: 10px; } .result-search .info-list div h3 { font-size: 14px; font-weight: bold; font-style: italic; width: 324px; padding: 0 0 0 0; margin: 0; height: 40px; line-height: normal; float: left; color: #83b81a; } .result-search .info-list div p { float: left; width: 324px; height: 50px; overflow: hidden; padding: 0; } .result-search .info-list div a { color: #4d5357; font-style: italic; font-weight: bold; height: 18px; display: block; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; } .result-search .info-list div a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } /*Chunk Content*/ .chunkContent { width: 714px; } /* ////BUSINESS//// */ /*Header*/ /*body.business .header ul.main-menu li:nth-child(1) { padding: 0 7px 0 0; }*/ body.business .header ul.main-menu li { padding: 0; } /*ShowCase*/ .showcase.business { position: relative; height: 300px; } .showcase.business .container { width: 750px; height: 300px; overflow: hidden; } .business .slide { width: 750px; height: 300px; } .business .slide .content-main-visual { width: 650px; height: 300px; } .business .slide .content-main-visual a { display: none; width: 482px; height: 300px; } .business .slide .content-main-visual a img { width: 650px; height: 300px; } .business .slide .content-main-feature { height: 300px; width: 104px; left: 650px; } .business .slide .content-main-feature .feature { width: 100px; height: 100px; } .business .slide .content-main-feature .feature a { width: 100px; height: 100px; padding-top: 0; } .business .slide .content-main-feature .feature a img { width: 100px; height: 100px; } .business .slide .content-main-feature .feature a .timerLine { width: 100px; height: 7px; } .business .slide .content-main-visual a.pc { display: none; } .business .slide .content-main-visual a.tablet { display: block; } .business .slide .content-main-visual a.smartphone { display: none; } /*CATEGORY BOX*/ .business-box { width: 750px; overflow: hidden; } .contentBox { width: 750px; } .contentBox div { width: 714px; padding: 18px; margin: 0 0 25px 0; float: left; background-color: #fff; } .contentBox div img { margin: 0 18px 18px 0; width: 274px; height: 180px; float: left; } .contentBox div h3, .contentBox div p { float: left; width: 412px; } .contentBox div div.content-link { margin: 0; padding: 0 0 18px 0; width: 200px; } .business-box .contentBox .double-box { width: 714px; background-color: #fff; overflow: hidden; } .business-box .contentBox .double-box h2 { font-size: 20px; font-weight: bold; width: 714px; margin: 0; padding: 0 0 24px 0; } .business-box .contentBox .double-box div.contentDobbleBox { width: 714px; margin: 0; padding: 0; height: 333px; } .business-box .contentBox .double-box div.contentDobbleBox div { width: 714px; padding: 0 0 0 0; margin-bottom: 18px; float: left; border-right: none; border-bottom: 1px solid #c9c9c9; } .business-box .contentBox .double-box div.contentDobbleBox div img { height: 130px; width: 274px; margin: 0 18px 18px 0; } .business-box .contentBox .double-box div.contentDobbleBox div.content-link { border: none; padding: 0 0 0 0; width: 200px; } .business-box .contentBox .box-title h2 { font-size: 20px; font-weight: bold; width: 714px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .business-box .contentBox .box-title img { height: 130px; width: 274px; margin: 0 18px 0 0; } .business-box .contentBox .box-title div.content-link { border: none; padding: 0 0 18px 0; } .business-box .contentBox .image-big { padding: 18px; width: 714px; } .business-box .contentBox .image-big img { width: 274px; height: 170px; margin: 0 18px 0 0; } .business-box .contentBox .image-big h3, .business-box .contentBox .image-big p { padding: 0 0; } .business-box.homeUsefulLink { margin: 0 auto; padding: 0; } .business-box.homeUsefulLink ul { width: 750px; float: left; list-style-type: none; margin: 0; padding: 0; } .business-box.homeUsefulLink ul li { width: 256px; float: left; } .business-box.homeUsefulLink ul li.last { width: 238px; float: right; } .business-box.homeUsefulLink ul li img { width: 238px; height: auto; } /*Orizontal Layout*/ body.business .horizontalLayout .horizontalBox { width: 750px; } body.business .horizontalLayout .horizontalBox .content { width: 375px; } body.business .horizontalLayout .horizontalBox.last, .horizontalLayout .horizontalBox:nth-last-child(1) { margin-bottom: 0; } body.business .horizontalLayout .horizontalBox img.mainImage { width: 330px; height: auto; position: inherit; } body.business .horizontalLayout .tech-specs-table { width: 714px; margin: 0 auto 18px auto; font-style: italic; } body.business .horizontalLayout .tech-specs-table tr { height: 25px; } body.business .horizontalLayout .tech-specs-table tr.alternate { background-color: #e9f4e6; } body.business .horizontalLayout .tech-specs-table th { background-color: #83b91b; color: #fff; text-align: left; } body.business .horizontalLayout .tech-specs-table th, body.business .horizontalLayout .tech-specs-table td { padding: 0 10px; } /*Page Group*/ .productContainer { width: 750px; } .productContainer div.sx, .productContainer div.dx { background-color: #fff; width: 714px; padding: 18px; margin: 25px 0 0 0; } .productContainer div.info { float: left; width: 220px; height: 140px; position: relative; } .productContainer div.sx img, .productContainer div.dx img { float: left; width: 204px; height: 141px; margin: 0 18px 18px 0; } .productContainer div.info h2 { margin: 0; padding: 0; width: 444px; font-size: 20px; font-style: italic; color: #85bb23; line-height: 1.2em; overflow: hidden; } .productContainer div.info h3 { margin: 0; padding: 0; width: 444px; font-size: 16px; font-style: italic; line-height: 1.2em; height: 60px; overflow: hidden; } .productContainer div.sx p, .productContainer div.dx p { width: 714px; margin: 0; padding: 0; clear: both; line-height: 1.2em; height: 60px; overflow: hidden; } .productContainer div.content-link { position: absolute; bottom: 0; left: 0; } .productContainer div.content-link a { float: left; display: block; } .productContainer div.usefulLink { width: 750px; margin: 25px 0 0 0; padding: 0; float: left; overflow: hidden; } .productContainer div.usefulLink div { margin: 0; float: left; width: 375px; padding: 0; background-color: transparent; } .productContainer div.usefulLink div.dx a { float: right; } .productContainer div.usefulLink a { width: 327px; float: left; padding: 18px 18px; display: block; } .productContainer div.usefulLink img { float: left; margin: 0; width: 80px; height: 70px; } .productContainer div.usefulLink span { display: block; width: 230px; height: 70px; padding-left: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } .productContainer div.usefulLink.small { width: 750px; margin: 25px 0 0 0; padding: 0; float: left; overflow: hidden; height: auto; } .productContainer div.usefulLink.small div { margin: 0; float: left; width: 375px; padding: 0; background-color: transparent; } .productContainer div.usefulLink.small div.dx a { float: right; } .productContainer div.usefulLink.small a { width: 327px; float: left; padding: 18px 18px; display: block; } .productContainer div.usefulLink.small img { float: left; margin: 0; width: 80px; height: 70px; } .productContainer div.usefulLink.small span { display: block; width: 230px; height: 70px; padding-left: 10px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } body.business div.tech-specs-table { width: 714px; margin: 18px auto; padding: 18px; font-style: italic; background-color: #fff; } /*SUPPORT*/ .nav-support { width: 752px; float: left; list-style-type: none; margin: 0; padding: 0; height: 93px; overflow: hidden; } .nav-support li { width: 94px; height: 94px; float: left; margin: 0; padding: 0; } .nav-support li a { display: block; width: 94px; height: 94px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support li a img { width: 50px; height: 44px; margin: 3px 0; } .nav-support li a span { width: 74px; display: block; padding: 0 10px; } /*SUPPORT*/ .support-menu { width: 750px; overflow: hidden; } .nav-support { width: 754px; float: left; list-style-type: none; margin: 0; padding: 0; height: auto; overflow: hidden; } .nav-support li { width: 94px; height: 94px; float: left; margin: 0; padding: 0; } .nav-support li a { display: block; width: 94px; height: 94px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 11px; } .nav-support li a img { width: 50px; height: 44px; margin: 3px auto; } .nav-support li a span { width: 74px; display: block; padding: 0 10px; } .nav-support.elements4 li { width: 188px; height: 72px; float: left; margin: 0; padding: 0; } .nav-support.elements4 li a { display: block; width: 188px; height: 72px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements4 li a img { width: 60px; height: 53px; margin: 7px; float: left; } .nav-support.elements4 li a span { width: 100px; text-align: left; float: left; display: block; padding: 18px 0 10px 0; text-transform: uppercase; } .nav-support.elements5 li { width: 150px; height: 94px; float: left; margin: 0; padding: 0; } .nav-support.elements5 li a { display: block; width: 150px; height: 94px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements5 li a img { width: 50px; height: 44px; margin: 3px auto; float: none; } .nav-support.elements5 li a span { width: 130px; display: block; padding: 0 10px; float: none; text-align: center; } .nav-support.elements6 li { width: 125px; height: 94px; float: left; margin: 0; padding: 0; } .nav-support.elements6 li a { display: block; width: 125px; height: 94px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements6 li a img { width: 50px; height: 44px; margin: 3px auto; float: none; } .nav-support.elements6 li a span { width: 105px; display: block; padding: 0 10px; float: none; text-align: center; } .nav-support.elements7 li { width: 107px; height: 94px; float: left; margin: 0; padding: 0; } .nav-support.elements7 li a { display: block; width: 107px; height: 94px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; } .nav-support.elements7 li a img { width: 50px; height: 44px; margin: 3px auto; float: none; } .nav-support.elements7 li a span { width: 87px; display: block; padding: 0 10px; float: none; text-align: center; } .searchBox { margin-top: 25px; } .searchBox .search { width: 714px; background-color: #fff; overflow: hidden; } .searchBox .search div { float: left; width: 345px; padding: 0; margin: 0; } .searchBox .search .ctnForm { width: 355px; margin-right: 18px; } .searchBox .search h2 { font-size: 20px; font-weight: bold; width: 612px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .searchBox .search h3, .searchBox .search p { width: 100%; float: left; line-height: 1.2em; } .searchBox .search p { height: auto; overflow: hidden; } .searchBox .search form { } .searchBox .search form a { display: block; float: left; } .searchBox .search input { width: 200px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .searchBox .search .modelSearch {padding-left: 0px; width: 300px;} .contentBox .usefulLink { width: 800px; height: auto; overflow: hidden; margin: 0; padding: 0; background-color: transparent; } .contentBox .usefulLink div { width: 245px; margin-right: 7px; float: left; height: 136px; padding: 0; background-color: transparent; } .contentBox .usefulLink div a { display: block; height: 80px; width: 209px; padding: 18px; } .contentBox .usefulLink div a img { float: left; margin: 0; width: 55px; height: 48px; } .contentBox .usefulLink div a span { font-size: 12px; display: block; width: 114px; height: 70px; padding: 0 30px 0 10px; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; } .contentBox .usefulLink.double { width: 800px; height: 120px; overflow: hidden; margin: 0; padding: 0; background-color: transparent; } .contentBox .usefulLink.double div { width: 370px; margin-right: 7px; float: left; height: 136px; padding: 0; background-color: transparent; } .contentBox .usefulLink.double div a { display: block; height: 80px; width: 334px; padding: 18px; } .contentBox .usefulLink.double div a img { float: left; margin: 0; width: 55px; height: 48px; } .contentBox .usefulLink.double div a span { font-size: 12px; display: block; width: 235px; height: 55px; padding: 0 30px 0 10px; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; } .quickSolution { background-color: #fff; margin-top: 25px; width: 714px; padding: 18px; } .quickSolution h2 { font-size: 20px; font-weight: bold; width: 714px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .quickSolution .productList { position: relative; width: 714px; height: 80px; margin-bottom: 18px; } .quickSolution .productList .scrollMask { width: 674px; float: left; position: relative; overflow: hidden; height: 80px; } .quickSolution .productList .scrollMask .container-products { width: 100000px; } .quickSolution .productList .scrollMask .container-products div { width: 215px; height: 60px; float: left; padding: 10px 0 10px 10px; } .quickSolution .productList .scrollMask .container-products div img { width: 73px; height: 60px; float: left; } .quickSolution .productList .scrollMask .container-products div h3 { width: 130px; height: 60px; border-right: 1px solid #b2b2b2; padding-right: 5px; float: left; font-size: 14px; font-weight: bold; margin: 0; padding: 0; } .quickSolution .productList .scrollMask .container-products div h3 a { display: block; color: #4e5357; width: 110px; height: 60px; text-decoration: none; } .quickSolution .productList .scrollMask .container-products div:hover, .quickSolution .productList .scrollMask .container-products div.active { background-color: #efefef; } .quickSolution .productList .scrollMask .container-products div:hover h3, .quickSolution .productList .scrollMask .container-products div.active h3 { border-right: none; } .quickSolution .productList .scrollMask .container-products div:hover h3 a, .quickSolution .productList .scrollMask .container-products div.active h3 a { color: #87b924; } .ctnSolution { width: 678px; padding: 18px; background-color: #efefef; } .ctnSolution .ctnAnswersPre { width: 680px; } .ctnSolution h2 { color: #87b924; } .ctnSolution .ctnAnswers { width: 678px; margin: 0; padding: 0; } .ctnSolution .ctnAnswers div {width: auto; border: none; padding:0; margin:0;} .ctnSolution .ctnAnswers h4 {margin-bottom: 5px;} .ctnSolution .ctnAnswers p { margin: 0; padding: 0 0 18px 0; } .ctnSolution .ctnAnswers p a { color: #4d5357; font-style: italic; font-weight: bold; height: 18px; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -178px no-repeat; line-height: 1em; } .ctnSolution .ctnAnswers p a:hover { color: #83b81a; background: url(img/arrow.png) right -82px no-repeat; } .searchBoxes { width: 714px; padding: 18px 0; background-color: #efefef; float: left; margin-top: 25px; overflow: hidden; } .searchBoxes div { width: 1000px; } .searchBoxes div div { width: 321px; float: left; border-right: 1px solid #b2b2b2; padding: 0 18px; } .searchBoxes div div h3 { margin: 0 0 10px 0; padding: 0; width: 100%; font-size: 16px; font-style: italic; line-height: 1.2em; color: #83b81a; } .searchBoxes div div form input { width: 200px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .simple-page .container-sx.searchFilter { background-color: transparent; } .searchFilter .quickSolution { width: 449px; margin: 0 0 0 0; float: left; } .searchFilter .quickSolution hr { clear: both; float: left; margin: 0 0 25px 0; width: 449px; height: 1px; border: none; background-color: #c7c8ca; } .searchFilter .quickSolution div { float: left; } .searchFilter .quickSolution h3 { color: #4d5357; } .searchFilter h2 { width: 449px; font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; clear: both; } .searchFilter h3 { width: 449px; margin: 0; padding: 0 0 18px 0; font-size: 16px; font-style: italic; line-height: 1.2em; overflow: hidden; color: #83b81a; } .searchFilter h3 a { color: #4d5357; font-style: italic; font-weight: bold; height: 18px; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -178px no-repeat; line-height: 1em; } .searchFilter h3 a:hover { color: #83b81a; background: url(img/arrow.png) right -82px no-repeat; } .searchFilter form { width: 449px; float: left; } .searchFilter form input { width: 220px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .searchFilter .ctnSolution { width: 449px; margin-top: 25px; background-color: #fff; float: left; } .searchFilter .ctnSolution h2 { font-size: 16px; color: #4d5357; } .searchFilter .ctnSolution h2 span { font-size: 20px; color: #4d5357; } p.loading { text-align: center; } .searchFilter .ctnSolution div.ctnAnswers { width: 449px; } .searchFilter .ctnSolution div div { width: 449px; margin: 0 0 18px 0; padding-bottom: 18px; border-bottom: 1px solid #b2b2b2; } .searchFilter .ctnSolution div h4 { font-size: 14px; font-weight: bold; margin: 0 0 7px 0; padding: 0; } .searchFilter .filterTermCategory form { width: 449px; float: left; margin-bottom: 0; } .searchFilter .filterTermCategory form div { width: 449px; float: left; border: none; margin-bottom: 25px; } .searchFilter .filterTermCategory form label { width: 449px; float: left; font-size: 14px; font-weight: bold; height: 20px; overflow: hidden; } .searchFilter .filterTermCategory form input { float: left; width: 330px; } .searchFilter .filterTermCategory form select { float: left; width: 235px; margin-right: 17px; } .searchFilter .ctnSolution div.filterTermCategory div { margin: 0 0 0 0; } .searchFilter .filterBySerialNumber form { width: 449px; float: left; } .searchFilter .filterBySerialNumber ul { width: 449px; float: left; margin: 25px 0; } .searchFilter .filterBySerialNumber ul li { padding: 0 0 5px 0; } .searchFilter .filterBySerialNumber ul a { color: #4d5357; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1em; } .searchFilter .filterBySerialNumber ul a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .searchFilter .ctnSolution div a.full-button { color: #fff; text-decoration: none; padding: 0 13px 0 0; background: url(img/arrow.png) right -39px no-repeat; line-height: 19px; } .searchFilter .ctnSolution div a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; line-height: 19px; } .searchFilter .ctnSolution div a.full-button:hover { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; } .searchFilter .ctnSolution div a.full-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; } .searchProductsList { width: 449px; overflow: hidden; } .searchFilter .filterByGroup { width: 446px; } .searchProductsList .mobileNav { width: 436px; float: left; display: block; margin-bottom: 25px; padding: 5px; background-color: #e5e5e5; } .searchProductsList .mobileNav li { width: 145px; float: left; text-align: center; text-align: center; } .searchProductsList .mobileNav a { text-align: center; font-size: 14px; color: #4d5357; text-decoration: none; margin: 0 auto; display: block; width: 140px; height: 20px; line-height: 20px; background-color: #fff; } .searchProductsList .mobileNav a.active { background-color: #85bb23; color: #fff; } .searchFilter .filterByGroup div { width: 449px; float: left; margin-bottom: 25px; } .searchFilter .filterByGroup div.disable { display: none; } .searchFilter .filterByGroup div h3 { width: 446px; display: none; } .searchFilter .filterByGroup div.box { width: 427px; height: 282px; float: left; border: 1px solid #d6d6d6; padding: 0 10px; } .searchFilter .filterByGroup div.list { width: 427px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 0 0 0 0; padding: 10px 0; height: 180px; overflow: hidden; overflow-y: auto; } .searchFilter .filterByGroup div.list ul { margin: 0; padding: 0; } .searchFilter .filterByGroup div.list ul li { width: 427px; padding: 7px 0; } .searchFilter .filterByGroup div.list ul li a { font-weight: bold; color: #4d5357; text-decoration: none; font-size: 14px; font-style: italic; } .searchFilter .filterByGroup div.list ul li a:hover, .searchFilter .filterByGroup div.list ul li a.active { font-weight: bold; color: #83b81a; } .searchFilter .filterByGroup div.box a.arrowUp, .searchFilter .filterByGroup div.box a.arrowDown { display: block; width: 427px; height: 40px; line-height: 40px; background-color: #ff0; float: left; } .searchFilter .filterByGroup div.box a.arrowUp span, .searchFilter .filterByGroup div.box a.arrowDown span { display: none; } .searchFilter .filterByGroup div.box a.arrowUp { background: url(img/arrow_filter_menu.png) center 15px no-repeat; } .searchFilter .filterByGroup div.box a.arrowUp:hover { background-position: center -46px; } .searchFilter .filterByGroup div.box a.arrowDown { background: url(img/arrow_filter_menu.png) center -373px no-repeat; } .searchFilter .filterByGroup div.box a.arrowDown:hover { background-position: center -312px; } /*Downloads*/ .downloadSection { width: 449px; margin: 0 0 0 0; float: left; background: #fff; padding: 18px; margin-bottom: 25px; } .downloadSection .productInfo { width: 449px; margin: 0; padding: 0; float: left; } .downloadSection .productInfo img { width: 110px; height: auto; float: left; margin: 0 18px 18px 0; } .downloadSection .productInfo .info { width: 300px; float: left; } .downloadSection .productInfo .info h3 { width: 300px; margin: 0 0 15px 0; padding: 0 0 10px 0; font-size: 16px; border-bottom: 1px solid #c7c9c8; color: #4b5356; font-style: normal; font-weight: bold; } .downloadSection .productInfo .info select { width: 300px; float: right; } .downloadSection .productInfo .info p { float: left; width: 300px; color: #83b81a; margin: 0; padding: 0; font-size: 14px; font-style: italic; line-height: 25px; } .downloadSection .productInfo .info a { clear: both; margin-top: 25px; float: left; width: 300px; font-size: 11px; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1.2em; } .downloadSection .productInfo .info a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .downloadSection .productInfo .orderDocuments { clear: both; width: 90px; margin-top: 25px; padding: 5px 5px 0 5px; background-color: #e5e5e5; float: right; } .downloadSection .productInfo .orderDocuments a { display: block; margin-bottom: 5px; text-decoration: none; text-align: center; padding: 3px; width: 84px; font-size: 12px; color: #4d5357; background-color: #fff; } .downloadSection .productInfo .orderDocuments a.active, .downloadSection .productInfo .orderDocuments a:hover { color: #fff; background-color: #86bb23; } .ctnTableDownloads { width: 449px; float: left; overflow: hidden; } .ctnTableDownloads ul { width: 449px; float: left; margin: 20px 0 7px 0; } .ctnTableDownloads ul li { width: 449px; float: left; line-height: 55px; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .ctnTableDownloads ul li div { width: 449px; padding: 18px 0; display: block; font-size: 12px; font-weight: normal; float: left; } .ctnTableDownloads ul li a { color: #4d5357; text-decoration: none; font-style: italic; display: block; background: #e5e5e5 url(img/arrow.png) -560px -160px no-repeat; height: 55px; width: 409px; text-align: left; padding: 0 20px; } .ctnTableDownloads ul li a.active, .ctnTableDownloads ul li a:hover { color: #83b81a; background: #e5e5e5 url(img/arrow.png) -560px -704px no-repeat; } .ctnTableDownloads ul li div.ctnTable { float: left; width: 100%; display: block; line-height: 13px; padding: 0 0 0 0; } .ctnTableDownloads ul li div.ctnTable table { width: 449px; padding: 18px 0; } .ctnTableDownloads ul li div.ctnTable table tr { height: 25px; } .ctnTableDownloads ul li div.ctnTable table tr.alternate { background-color: #e9f4e6; } .ctnTableDownloads ul li div.ctnTable table th { background-color: #83b91b; color: #fff; text-align: left; } .ctnTableDownloads ul li div.ctnTable table th, .ctnTableDownloads ul li div.ctnTable table td { padding: 5px 3px; } .ctnTableDownloads ul li div.ctnTable table td a { color: #85bb23; height: auto; width: auto; background-color: transparent; padding: 0; margin: 0; text-decoration: underline; } .ctnTableDownloads div.ctnTable { display: none; } /*WHere To Buy*/ .menuWhereToBy { width: 750px; height: 35px; } .menuWhereToBy ul { width: 750px; } .menuWhereToBy ul li { width: 150px; float: left; padding: 12px 0; } .menuWhereToBy ul li a { font-size: 11px; } .menuWhereToBy.maxTab1 ul li { width: 750px; } .menuWhereToBy.maxTab2 ul li { width: 375px; } .menuWhereToBy.maxTab3 ul li { width: 250px; } .menuWhereToBy.maxTab4 ul li { width: 187px; } .menuWhereToBy.maxTab5 ul li { width: 150px; } .menuWhereToBy.maxTab6 ul li { width: 125px; } .search-conteiner { width: 750px; } .search-conteiner div { width: 525px; float: left; padding: 18px; } .search-conteiner div p { width: auto; float: left; margin: 0; padding: 0 10px 0 0; line-height: 20px; font-size: 14px; font-style: italic; } .search-conteiner div p span { font-weight: bold; } .search-conteiner div p.distance { width: 120px; float: left; margin: 0; padding: 0; text-align: right; padding-right: 10px; } .search-conteiner div input { width: 280px; float: left; height: 15px; border: none; } .search-conteiner div input.noData { color: #536268; font-style: italic; } .search-conteiner div select { max-width: 75px; float: left; border: 1px solid #d1d1d1; } .search-conteiner div.contentVisulLink { width: 185px; float: right; margin: 0; padding: 10px 0 0 0; } .search-conteiner div.contentVisulLink a.tab-button { display: block; width: 85px; height: 60px; float: left; margin: 0 0 0 0; } .search-conteiner div.contentVisulLink a.tab-button span { display: none; } .search-conteiner div.contentVisulLink a.tab-button.map { background: #fff url(img/map_wheretobuy.png) center -60px no-repeat; margin-left: 10px; } .search-conteiner div.contentVisulLink a.tab-button.list { background: #fff url(img/list_wheretobuy.png) center top no-repeat; float: right; } .search-conteiner div.contentVisulLink a.map:hover, .search-conteiner div.contentVisulLink a.map.active { background: #c5c5c5 url(img/map_wheretobuy.png) center top no-repeat; } .search-conteiner div.contentVisulLink a.list:hover, .search-conteiner div.contentVisulLink a.list.active { background: #c5c5c5 url(img/list_wheretobuy.png) center -60px no-repeat; } .search-conteiner .search .contentInput { width: 300px; margin: 0; padding: 0; border: 1px solid #d1d1d1; margin-right: 10px; height: 18px; position: relative; } .search-conteiner .search .contentInput a { display: block; width: 16px; height: 16px; background: url(img/bk_location.png) 0 0 no-repeat; position: absolute; top: 1px; left: 283px; } .search-conteiner .search .contentInput a.disable { background-position: 0 -17px; display: none; } .search-conteiner .search .contentInput a span { display: none; } .search-conteiner .result { width: 714px; } .search-conteiner .refineSearch { width: 714px; padding: 0 0 0 0; margin-top: 18px; } .search-conteiner .refineSearch p { width: 714px; border-top: 1px solid #c5c5c5; padding: 18px 0 0 0; } .search-conteiner .refineSearch ul { width: 714px; float: left; margin: 18px 0 0 0; } .sellers-list .map { width: 750px; height: 470px; position: relative; } .containerResults { width: 750px; height: 470px; position: relative; } .containerResults a.open-result { width: 20px; height: 20px; z-index: 20; position: absolute; top: 0px; left: 0; background: #fff url(img/arrow-grey.png) center center no-repeat; display: block; } .containerResults a.open-result span { display: none; } .containerResults .containerList { width: 250px; float: left; background-color: #fff; padding: 0; height: 470px; position: absolute; top: 0; left: 0; } .containerResults .containerList h2 { padding: 18px; color: #83b81a; height: 26px; width: 214px; font-style: italic; font-size: 20px; } .containerResults .containerList h2 a { color: #83b81a; text-decoration: none; display: block; background: url(img/arrow-grey_dx.png) right center no-repeat; } .containerResults .containerList .list { overflow: hidden; overflow-y: auto; height: 408px; width: 250px; } .containerResults .containerList .list div { width: 250px; border-top: 1px solid #c5c5c5; float: left; } .containerResults .containerList .list div a { display: block; width: 230px; padding: 18px 10px; height: auto; float: left; color: #4e5356; text-decoration: none; } .containerResults .containerList .list div a.active, .containerResults .containerList .list div a:hover { background-color: #c5c5c5; } .containerResults .containerList .list div span.number { display: block; float: left; width: 32px; height: 55px; background: url(img/bk_pin_map.png) center top no-repeat; color: #fff; text-align: center; padding: 13px 0 0 0; font-size: 12px; font-weight: bold; } .containerResults .containerList .list div .info { display: block; float: left; margin-left: 10px; width: 175px; text-decoration: none; } .containerResults .containerList .list div .info span { display: block; } .containerResults .containerList .list div .info span.name { font-weight: bold; font-size: 14px; } .containerResults .containerList .list div .info span.type { padding-top: 18px; font-size: 11px; } .containerResults .containerMap { width: 500px; float: right; height: 470px; position: absolute; top: 0; left: 250px; } .sellers-list .message { width: 750px; height: 470px; padding: 0; } .sellers-list .message.no-store p { width: 750px; line-height: normal; } .sellers-list .message.no-adress p { width: 759px; line-height: normal; } .contentFilter { width: 750px; margin: 25px 0; } .contentFilter div { padding: 0 18px; } .contentFilter p { float: left; margin: 0 10px 0 0; font-size: 14px; line-height: 1.4em; } .contentFilter select { width: auto; float: left; border: 1px solid #d1d1d1; color: #999; } .sellers-list .list { width: 750px; overflow: hidden; } .mainContainerList { width: 780px; float: left; } .mainContainerList div { width: 333px; float: left; margin: 12px 12px 0 0; padding: 18px; background-color: #fff; } .mainContainerList div h2 { font-style: italic; font-weight: bold; } .mainContainerList div span { padding: 3px 0; } .mainContainerList div span.type, .mainContainerList div span.link { margin-top: 7px; } .mainContainerList div a { color: #83b81a; } .onlineStores { width: 750px; overflow: hidden; } .onlineStores .text { width: 714px; padding: 18px; background-color: #fff; } .onlineStores .text h2 { width: 714px; font-weight: bold; font-size: 20px; font-style: italic; margin: 0 0 15px 0; padding: 0; } .onlineStores .text p { width: 370px; float: left; font-size: 14px; line-height: 1.2em; margin: 0; padding: 0; } .onlineStores .text img { float: left; margin: 0 0 0 25px; } .onlineStores .text p a { color: #83b81a; text-decoration: underline; } .onlineStores .ctnList { width: 760px; padding: 18px; background-color: #fff; margin-top: 25px; } .onlineStores .ctnList img { width: 210px; height: 119px; margin: 12px 13px 13px 12px; } .genericPage { width: 750px; overflow: hidden; } .genericPage .text { width: 714px; padding: 18px; background-color: #fff; } .genericPage .text h2 { width: 714px; font-weight: bold; font-size: 20px; font-style: italic; margin: 0 0 15px 0; padding: 0; } .genericPage .text p { width: 714px; font-size: 14px; line-height: 1.2em; margin: 0; padding: 0; } .genericPage .text p a { color: #83b81a; text-decoration: underline; } /* ////CLOUD//// */ /*ShowCase*/ .showcase.cloud { height: 276px; } .showcase.cloud .container { width: 744px; height: 276px; margin: 0 auto; } .showcase.cloud .slide { width: 609px; height: 276px; } .showcase.cloud .slide .content-main-visual { width: 609px; height: 276px; } .showcase.cloud .slide .content-main-visual a { width: 469px; height: 276px; } .showcase.cloud .slide .content-main-visual a.pc { display: none; } .showcase.cloud .slide .content-main-visual a.tablet { display: block; } .showcase.cloud .slide .content-main-visual a.smartphone { display: none; } .showcase.cloud .slide .content-main-visual a img { width: 469px; height: 276px; } .showcase.cloud .slide .content-main-feature { height: 276px; width: 140px; left: 469px; } .showcase.cloud .slide .content-main-feature .feature { width: 140px; height: 69px; } .showcase.cloud .slide .content-main-feature .feature a { width: 140px; height: 69px; } .showcase.cloud .slide .content-main-feature .feature a img { display: none; position: absolute; top: 14px; left: 50px; width: 43px; height: 44px; } .showcase.cloud .slide .content-main-feature .feature a img.tablet { display: block; } .showcase.cloud .slide .content-main-feature .feature a img.mobile { display: none; } .showcase.cloud .slide .content-main-feature .feature a span { position: absolute; top: 22px; left: 71px; display: none; width: 56px; } .showcase.cloud .content-main-extra .videoSelectors { left: 617px; width: 133px; height: 276px; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector { width: 133px; height: 134px; margin: 0 0 8px 0; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img { width: 133px; height: 134px; display: none; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img.tablet { display: block; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img.mobile { display: none; } .showcase.cloud .content-main-extra .videoContent { width: 609px; height: 276px; } .showcase.cloud .content-main-extra .videoContent a.close { display: block; position: absolute; top: 14px; left: 14px; width: 48px; height: 48px; } .showcase.cloud .content-main-extra .videoContent .videoContainer { top: 14px; left: 76px; width: 519px; height: 248px; } .showcase.cloud .slide .content-main-feature .feature a .timerLine { height: 4px; } .pageBanner { } .pageBanner img { width: 750px; height: 213px; } .contentIcoImage { width: 750px; min-height: 238px; } .contentIcoImage .text { width: 410px; padding: 25px 0 0 30px; } .contentIcoImage h2 { padding: 10px 0 0 12px; font-size: 20px; } .contentIcoImage img.ico { width: 43px; height: 44px; } .contentIcoImage p { padding: 0 0 20px 0; line-height: 1.5em; } .contentIcoImage img.bg { float: right; width: 286px; } .contentDownloads { float: left; width: 714px; background-color: #fff; padding: 0 18px 18px 18px; } .contentDownloads h2.mainTitle { padding: 18px 18px 0px 0; } .contentDownload { float: left; width: 714px; padding: 18px 0 18px 0; border: none; border-bottom: solid 1px #cecece; } .contentDownload.last { border: none; } .contentDownload .title { float: left; clear: both; width: 100%; margin-bottom: 18px; } .contentDownload h2 { float: left; font-size: 20px; color: #4b5357; font-style: italic; padding: 8px 0 0 12px; line-height: 1.1em; } .contentDownload img.ico { float: left; width: 36px; height: 36px; } .contentDownload .installerDownload { float: left; width: 300px; padding: 0 0 0 50px; } .contentDownload .installerDownload p { font-weight: bold; } .contentDownload .qrCodeDownload { display: none; } .contentDownload .storeDownload { float: left; width: 300px; } .contentDownload .storeDownload p { font-weight: bold; } .contentDownload .storeDownload a img { width: 170px; height: 50px; } .contentTutorials .main-tutorial .text { padding-top: 20px; } .contentSetupTabs { width: 732px; } .contentSetupTabs ul { float: right; width: 482px; } .contentSetupTabs ul li { width: 160px; } .contentSetupTabs ul li a { width: 124px; } .contentSetupTabs ul li a:hover span.selector, .contentSetupTabs ul li a.active span.selector { width: 160px; } .contentSetups { } .contentSetup { float: left; width: 714px; padding: 18px; margin: 0 0 18px 0; background-color: #fff; } .contentSetup h2 { float: left; width: 100%; color: #85bb23; font-size: 18px; font-style: italic; margin-bottom: 18px; } .contentSetup .subStep { float: left; width: 714px; padding: 18px 0; border-bottom: solid 1px #cecece; } .contentSetup .subStep.last { border: none; } .contentSetup .subStep p { float: left; width: 550px; margin: 0; padding: 0 0 18px 0; line-height: 1.4em; } .contentSetup .subStep .image { padding: 0 18px; } .contentSetup .subStep .image img { float: right; width: 65px; height: 117px; } /*COOKIES*/ .cookies-box .cookies-menu { width: 750px; } .cookies-box .cookies-message {width: 678px; } /*BYOC*/ .acerNew .byocSectionApp div.imgCrop img.byocComingSoon { left: 536px; } .acerNew img.byocComingSoon { left: 536px; } .contentTutorial ul li .tutRes { width: 363px; } .contentTutorial ul li:nth-child(1) { padding-left: 0px; } .contentTutorial ul li:nth-child(3) { padding-left: 0px; } .contentTutorial ul li:nth-child(5) { padding-left: 0px; } .contentTutorial ul li:nth-child(7) { padding-left: 0px; } .contentTutorial ul li:nth-child(9) { padding-left: 0px; } .acerNew .byocMenu { width: 744px; height: 50px; border-bottom: 1px solid #acacac; position: relative; } .acerNew .byocMenu div { background: #ebefeb; opacity: 1; height: 50px; } .acerNew .byocMenu img { display: none; } .acerNew .byocMenu ul li { height: 50px; } .acerNew .byocMenu ul li.active, .acerNew .byocMenu ul li:hover { background: #ffffff url(img/arrow.png) -919px -2126px no-repeat; } .acerNew .byocMenu ul li a { text-decoration: none; color:#606060; text-shadow: none; font-size: 12px; margin-top: 6px; padding-left: 30px; padding-right: 30px; border-right: 1px solid #a7a7a7; } .acerNew .byocMenu ul li a span { color:#606060; text-shadow: none; font-weight: bold; font-size: 20px; } .acerNew .byocMenu ul li:hover a, .acerNew .byocMenu ul li:hover a span { } .acerNew .byocVideo div.tablet { display: block; width: 744px; height: 450px; margin: 0 auto; } .acerNew .byocVideo a.play { top: 220px; } .acerNew .byocVideo a.scroll { display: none; } .acerNew .byocIntro p.intro { font-size: 20px; width: 568px; } .acerNew .byocIntro div.cont img { width: 180px; height: 150px; margin-top: 25px; } .acerNew .byocIntro div.cont p { width: 549px; padding-left: 15px; font-size: 24px; margin-bottom: 15px; margin-top: 15px; } .acerNew .byocIntro div.cont p.info { font-size: 15px; } .acerNew .byocSection .row-content .container { width: 440px; } .acerNew .byocSection .row-content .container.dx { right: 10px; } .acerNew .byocSection .row-content .container div.opacity { width: 440px; } .acerNew .byocSection .row-content .container div.cont { width: 385px; } .acerNew .byocSection .row-content .container div.cont h2 { font-size: 32px; } .acerNew .byocSection .row-content .container div.cont span.subTitle { font-size: 22px; } .acerNew .byocSection .row-content .container div.cont p { font-size: 15px; } .acerNew .byocBanner div.tablet { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 744px; height: 450px; margin: 0 auto;} .acerNew .byocBanner p { width: 500px; } .acerNew .byocSectionApp div.imgCrop img { width: 744px; height: 264px; } .acerNew .byocIntroApp p.intro { font-size: 20px; width: 568px; } .acerNew .byocIntroApp div.cont { margin-bottom: 35px; } .acerNew .byocIntroApp div.cont img { width: 350px; height: 156px; } .acerNew .byocIntroApp div.cont p { font-size: 24px; width: 394px; } /*BYOC Setup*/ .acerNew .byocSetup div.step { position:relative; width:744px; min-height: 440px; float:left; margin-bottom: 10px; } .acerNew .byocSetup div.num { width:744px; height:50px; clear:right; display:block; } .acerNew .byocSetup img.snap {width: 200px; top:50px; right: 128px; position: absolute; } .acerNew .byocSetup div.title { margin-left: 128px; } .acerNew .byocSetup div.content { margin-left: 128px; } .acerNew .byocSetup div.windows { width:744px; min-height: 300px; } .acerNew .byocSetup div.windows img.snap { width: 372px; top:70px; right: 0px; } .acerNew .byocSetup div.windows div.num { width:744px; } .acerNew .byocSetup div.windows div.title { width:352px; margin-left: 0; } .acerNew .byocSetup div.windows div.content { width:352px; margin-left: 0; } .contentSetupTabsGrayBG { width: 732px; margin: 0 0 18px 0; background-color: #ededed;} .acerNew .byocMenuFlat { width: 744px; margin-top: 10px; height: 60px;} .acerNew .byocMenuFlat div { height: 60px; } .acerNew .byocMenuFlat div.descrPage { left: 0px; } .acerNew .byocMenuFlat img { display: none; } .acerNew .byocMenuFlat ul { display: none; } /*Hub WOW*/ .acerNew.hubWOW .byocBanner div.tablet { width: 100%; height: 330px; margin-top: 10px; } .acerNew.hubWOW .byocSectionApp { margin-top: 30px; } .acerNew.hubWOW .byocSectionApp h1 { font-size: 30px; } .acerNew.hubWOW .byocSectionApp p { font-size: 18px; } .acerNew.hubWOW .byocBanner .row-content { } .acerNew.hubWOW .byocSectionApp div.content-link { top: 245px; } /*InfoMenuTop*/ .acerNewInfo.contMenuOriz { position: relative; height: 67px; margin-top: 10px; } .acerNewInfo.contMenuOriz a.btnOpen { padding-left: 12px; display: block; background: url(img/menu-icon_02.png) right -1179px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNewInfo.contMenuOriz a.btnClose { padding-left: 12px; display: none; background: url(img/menu-icon_02.png) right -1289px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNewInfo.contMenuOriz .menu { display: none; top: 55px; left: 10px; background: #e9f4e4; width: 744px; z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; } .acerNewInfo.contMenuOriz ul li { float: none; } .acerNewInfo.contMenuOriz ul li a { text-align: left; font-size: 14px; margin: 20px 5px 15px 5px; border: none; padding: 5px 25px 5px 10px; } .acerNewInfo.contMenuOriz ul li:first-child a { padding-left: 10px; padding-right: 25px; } .acerNewInfo .link a { font-size: 18px; } .acerNewInfo .descrLabel h3 { width: 636px; } .acerNewInfo h2.title { font-size: 22px; } .acerNewInfo .box { width: 364px; height: 180px; } .acerNewInfo .box img { width: 145px; height: auto; } .acerNewInfo .box .cont { width: 205px; } .acerNewInfo .color img { width: 140px; height: auto; } .acerNewInfo .full { height: auto; width: 100%; } .acerNewInfo .full img { width: 230px; height: 172px; } .acerNewInfo .full .cont { width: 475px; } .acerNewInfo .left { margin-right: 15px; } .acerNewInfo .media a img { width: 363px; height: auto; } .acerNewInfo .media img { width: 363px; height: auto; } .acerNewInfo .media .cont { width: 350px; } .acerNewInfo .box .cont h4 { font-size: 18px; } .acerNewInfo .media .cont p { height: 150px; margin-top: 5px; } .acerNewInfo .intro div { width: 600px; } .acerNewInfo .intro div h1 { font-size: 24px; } .acerNewInfo .intro div p { font-size: 15px; } .acerNewInfo .intro div ul { font-size: 14px; } .acerNewInfo ul.download li { width: 718px; } .acerNew.acerNewInfo .selTabBig ul.noMobile { width: 728px; } .acerNew.acerNewInfo .selTabBig ul { width: 744px; } .acerNew.acerNewInfo .selTabBig ul li { } .acerNew.acerNewInfo .selTabBig ul li a { width: 192px; } .acerNew.acerNewInfo .selTabBig ul.border li {width: 241px; } .acerNew.acerNewInfo .selTabBig ul.border { width: 724px; } .acerNew.acerNewInfo .selTabBig .container { width: 708px; } .acerNew.acerNewInfo .selTabBig .container .box.full .cont { width: 440px; } .acerNew.acerNewInfo .selTabBig .container ul.download { width: 702px; } .acerNew.acerNewInfo .selTabBig .container ul.download li { width: 682px; } .acerNew.acerNewInfo .selTabBig .container .acerNewInfo .descrLabel { width: 682px; } .acerNew.acerNewInfo .selTabBig .container .box.full { width: 100%; } /*Education*/ .acerNew.eduRow .link a { font-size: 18px; } .acerNew.eduRow .descrLabel h3 { width: 636px; } .acerNew.eduRow h2.title { font-size: 22px; } .acerNew.eduRow .box { width: 364px; height: 180px; } .acerNew.eduRow .box img { width: 145px; height: auto; } .acerNew.eduRow .box .cont { width: 205px; } .acerNew.eduRow .color img { width: 140px; height: auto; } .acerNew.eduRow .full { height: auto; width: 100%; } .acerNew.eduRow .full img { width: 230px; height: 172px; } .acerNew.eduRow .full .cont { width: 475px; } .acerNew.eduRow .left { margin-right: 15px; } .acerNew.eduRow .media a img { width: 363px; height: auto; } .acerNew.eduRow .media img { width: 363px; height: auto; } .acerNew.eduRow .media .cont { width: 350px; } .acerNew.eduRow .box .cont h4 { font-size: 18px; } .acerNew.eduRow .media .cont p { height: 150px; margin-top: 5px; } .acerNew.eduRow ul.download li { width: 718px; } .acerNew.eduMenu { position: relative; height: 67px; margin-top: 10px; } .acerNew.eduMenu a.btnOpen { padding-left: 12px; display: block; background: url(img/menu-icon_02.png) right -1179px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNew.eduMenu a.btnClose { padding-left: 12px; display: none; background: url(img/menu-icon_02.png) right -1289px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNew.eduMenu .menu { display: none; top: 55px; left: 10px; background: #efebf4; width: 744px; z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; } .acerNew.eduMenu ul li { float: none; } .acerNew.eduMenu ul li a { text-align: left; font-size: 14px; margin: 20px 5px 15px 5px; border: none; padding: 5px 25px 5px 10px; } .acerNew.eduMenu ul li:first-child a { padding-left: 10px; padding-right: 25px; } .acerNew .eduIntro div { width: 600px; } .acerNew .eduIntro div h1 { font-size: 24px; } .acerNew .eduIntro div p { font-size: 15px; } .acerNew .eduIntro div ul { font-size: 14px; } .acerNew .eduSelTab ul { width: 744px; } .acerNew .eduSelTab ul.mobile { display: none; } .acerNew .eduSelTab ul li a.tab span.display { display: none; } .acerNew .eduSelTab ul li { } .acerNew .eduSelTab ul li a { height: 158px; } .acerNew .eduSelTab ul li a span { font-size: 16px; width: 226px; bottom: 15px; } .acerNew .eduSelTab ul li a img { width: 130px; height: 130px; padding: 10px 51px 10px 51px; } .acerNew .eduSelTabBig ul.noMobile { width: 728px; } .acerNew .eduSelTabBig ul { width: 744px; } .acerNew .eduSelTabBig ul li { } .acerNew .eduSelTabBig ul li a { width: 192px; } .acerNew .eduSelTabBig ul.border li {width: 241px; } .acerNew .eduSelTabBig ul.border { width: 724px; } .acerNew .eduSelTabBig .container { width: 708px; } .acerNew .eduSelTabBig .container .box.full .cont { width: 440px; } .acerNew .eduSelTabBig .container ul.download { width: 704px; } .acerNew .eduSelTabBig .container ul.download li { width: 682px; } /*contentInfo*/ .contentInfo h2 { font-size: 30px; line-height: 36px; } .contentInfo .block-img img { width: 220px; } .contentInfo .block-img p { width: 494px; } .contentInfo ul.list-4 h3, .contentInfo ul.list-3 h3 { text-align: left; float: right; width: 520px; margin-bottom: 15px; margin-top: 10px; } .contentInfo .banner { overflow: hidden; width: 720px; } .contentInfo .banner .cont img.center { } .contentInfo .banner .cont p { display: none; } .contentInfo .banner .cont img { margin: 50px auto; } .contentInfo ul.list-4 li { width: 357px; margin-bottom: 25px; } .contentInfo ul.list-3 li { width: 100%; min-height: inherit; margin-bottom: 25px; } .contentInfo ul.list-3 li img { float: left; } .contentInfo ul.list-3 li p { float: right; width: 520px; margin-top: 0; text-align: left; } .contentInfo .prod-list .link li a { width: 10px; height: 10px; overflow: hidden; background: #a8a8a8; border-radius: 50%; margin-left: 5px; margin-right: 5px; } .contentInfo .prod-list .link li a.active { background: #4f4e4f; } .contentInfo .prod-list .link { width: auto; border-bottom: none; margin: 0 auto; display: table; padding-bottom: 0; } .acerNew .contMap .map { width: 100%; border: none; } .acerNew .contMap .profile { width: 100%; margin-bottom: 18px; } .acerNew .contGallery .images { height: 377px; } .acerNew .contGallery .images li img { width: 744px; height: auto; } .acerNew .contSelect .select select { width: 185px; min-width: inherit; } .acerNew.contBanner { height: 200px; } .acerNew.contBanner h1 { top: 75px; } .acerNew.contBanner h3 { top: 130px } } /* ///// MOBILE //// */ @media screen and (max-width: 750px) { #midLandFixer { width: 750px; } /*Font*/ .container-products div a.arrow-green-dx, a.empty-button, .footer, .header ul.main-menu li .content-submenu a.close { font-size: 12px; } .container-products div h2, .slide .content-main-feature .feature p { font-size: 13px; } .header a.hidden-element, .header ul.main-menu li .content-submenu a { font-size: 14px; } .homeUsefulLink div a { font-size: 22px; } .simpleBox div h2 { font-size: 20px; } .simpleBox div.product h3 { font-size: 30px; } body { } .acerNew .mobile-only { display: block; } /*row*/ .row-content, .header, .footer { width: 300px; } .acerNew .row-content, .acerNew .header { width: 307px; padding-left: 7px; padding-right: 6px; } .acerNew .hidden-element { display: block; } .acerNew .lineFull { display: none; } /*Row Video Home Page*/ .acerNew.contVideoHome ul { } .acerNew.contVideoHome ul li { margin-left: 0; } .acerNew.contVideoHome ul li a img { width: 307px; } .acerNew.contVideoHome ul li h2 { font-size: 20px; margin-bottom: 35px; width: 307px; } /*Find Product Home Page*/ .acerNew.contFindProduct img { width: 307px; height: 220px; margin-right: 27px; } .acerNew.contFindProduct h2 { width: 307px; width: 307px; margin-top: 20px; } .acerNew.contFindProduct p { width: 307px; height: 72px; } /*ShowCase New*/ .acerNew .showcase { height: 204px; } .acerNew .showcase .slide { top: 10px; width:320px; height:184px; margin-left: -160px;} .acerNew .showcase .slide a { width: 320px; height: 184px; cursor: auto; } .acerNew .showcase .wrapper { margin-left: -160px; width:320px; height:184px; } .acerNew .showcase .wrapper .sc-prod {margin:0; width:320px; height:184px; } .acerNew .showcase .wrapper .sc-prod a {display:block; width:320px; height:184px;} .acerNew .showcase .wrapper .sc-prod img { display:none;} .acerNew .showcase .arrow-slide { display: none; } /*ShowCase*/ .showcase { position: relative; height: 358px; overflow: hidden; } .showcase .container { width: 300px; height: 350px; overflow: hidden; } .slide { width: 300px; height: 200px; } .slide .content-main-visual { width: 300px; height: 200px; } .slide .content-main-visual a { width: 300px; height: 200px; display: block; } .slide .content-main-visual a img { width: 300px; height: 200px; } .slide .content-main-feature { height: 65px; width: 300px; left: 0; top: 200px; float: left; } .slide .content-main-feature .feature { width: 100px; height: auto; float: left; } .slide .content-main-feature .feature a { width: 100px; height: auto; padding-top: 14px; padding-bottom: 14px; } .slide .content-main-feature .feature a img { display: none; width: 30px; height: 22px; } .slide .content-main-feature .feature a span { line-height: 14px; padding: 4px 10px; font-size: 14px; height: 2em; } .slide .content-main-feature .feature a .timerLine { width: 100px; height: 7px; } .showcase .content { width: 310px; height: 105px; left: 0; top: 270px; } .showcase .content div { width: 128px; height: 87px; padding: 10px 10px; float: left; margin: 0 8px 0 0; } .showcase .content div.second { top: 0px; left: 156px; } .showcase .content div a { width: 128px; height: 87px; } .showcase .content div a img { width: 60px; height: 50px; margin-bottom: 0px; padding: 0 25px; } .showcase .content div a { font-size: 14px; } .showcase .content div a:hover { color: #5e6a71; } .showcase .content div a span { line-height: 1.2em; padding: 0 23px 2px 0; background: transparent url(img/arrow-green.png) right top no-repeat; } .slide .content-main-visual a.pc { display: none; } .slide .content-main-visual a.tablet { display: none; } .slide .content-main-visual a.smartphone { display: block; } .container-products div a img { float: left; margin-right: 10px; width: 90px; height: auto; } .container-products div h2 { color: #4d5357; float: left; width: 85px; height: 32px; overflow: hidden; } .windows-tagline ul { width: 100%; } .windows-tagline p.nota-info { display: none; } .windows-logo h1 { width: auto; } .windows-logo ul { width: 100%; } .windows-logo p.nota-info { display: none; } .windows-logo a.windows-logo { display: none; } /*Info Page*/ .acerNew.infoPage div.pageTitle h1 { width: 307px; font-size: 24px; } .acerNew.infoPage div.pageTitle ul { width: 307px; } .acerNew.infoPage div.pageTitle p.nota-info { float: right; padding: 0; margin-top: 20px; } .acerNew.infoPage div.pageTitle a.content-link.social { float: right; padding-right: 20px; padding-top: 0; height: auto; width: auto; } /*Info Page Group*/ .acerNew.infoPage.series { display: none; } /*Info Page Compare*/ .acerNew.infoPage.compare { padding-bottom: 18px; } .acerNew.infoPage.compare div.pageTitle a.button-big { float: left; } /*Info Page Series*/ .acerNew.infoPage.group div.pageTitle ul { display: none; } .acerNew.infoPage.group div.pageTitle a.windows-logo { display: none; } .acerNew.infoPage.group div.pageTitle p.nota-info { display: none; } /*Info Page Model*/ .acerNew.infoPage.model { display: none; } /*Info Page Search*/ .acerNew.infoPage.search div.pageTitle p.nota-info { display: none; } .acerNew.infoPage.search div.pageTitle ul { display: none; } .acerNew.infoPage.search div.pageTitle h1 { margin-top: 25px; } /*PageTitle new*/ .acerNew.infoPage.series { display: none; } .pageTitle.new { } .pageTitle.new h1 { font-size: 20px; width: auto; float: none; } .acerNew .pageTitle.new h1 { padding-bottom: 0px; } .acerNew div.pageTitle ul { width: 307px; } .acerNew .windows-logo a.windows-logo { display: none; } .acerNew .windows-logo p.nota-info { display: none; } .pageTitle.new .content-link.social { display: none; } .pageTitle.new a.full-button { float: left; margin-top: 0px; } .pageTitle.new.windows-tagline ul { width: 100%; } .pageTitle.new.windows-tagline p.nota-info { display: none; } .pageTitle.windows-logo.new h1 { width: auto; } .pageTitle.windows-logo.new ul { width: 100%; } .pageTitle.windows-logo.new p.nota-info { display: none; } .pageTitle.windows-logo.new a.windows-logo { display: none; } /*Tech Benefits*/ .acerNew.contTechBenefit .techBenefit li { margin-left: 0px; width: 271px; } .acerNew.contTechBenefit .techBenefit li img { padding-top: 30px; width: 80px; height: 80px; } .acerNew.contTechBenefit .techBenefit li h2 { width: 176px; } .acerNew.contTechBenefit .techBenefit li p { width: 176px; height: 90px; } .acerNew.contAccessories div.accessories div { margin: 0; width: 307px; } .acerNew.contAccessories div.accessories div img { width: 307px; height: auto; } .acerNew.contLocalStore div.localStore { height: 240px; position: relative; } .acerNew.contLocalStore div.localStore h3 { width: 307px; margin: 30px 0px; text-align: center; } .acerNew.contLocalStore div.localStore div.code { } .acerNew.contLocalStore div.localStore div.distance { } .acerNew.contLocalStore div.localStore div.select { } .acerNew.contLocalStore div.localStore div.content-link { position: absolute; top: 135px; right: -15px; } .acerNew.contLocalStore div.localStore input { float: left; } /*Document*/ .acerNew.contDoc div.document div.table a p { width: 180px; } /*Orizontal Layout*/ .horizontalLayout { } .horizontalLayout .horizontalBox { width: 260px; padding: 20px; } .horizontalLayout .horizontalBox img.mainImage { display: none; } .horizontalLayout .horizontalBox h2 { padding: 0; font-size: 24px; } .horizontalLayout .horizontalBox div.content { width: 260px; } .horizontalLayout .horizontalBox li { margin-right: 20px; } .horizontalLayout .horizontalBox div.content { width: 260px; float: left; } .horizontalLayout .rigthMode div.content { padding-left: 0; width: 260px; clear: both; } .horizontalLayout .rigthMode li { margin-right: 20px; } /*Simple Box New*/ .acerNew .row-content { width: 307px; padding-left: 7px; padding-right: 6px; /*overflow: hidden; margin-bottom: -40px;*/ } .acerNew .row-content.homeUsefulLink { margin-bottom: 0px; } .acerNew .series-group { background: transparent; } .acerNew .series-group .productSeries { } .acerNew .series-group .productSeries .container-products-series { width: 307px; } .acerNew .series-group .productSeries .container-products-series div { background: none; width: 220px; margin: 0px 24px; } .acerNew .series-group .productSeries .container-products-series div a img { width: 180px; height: 111px; margin: 0 auto; float: none; display: block; } .acerNew .series-group .productSeries .container-products-series div h3 { width: 100%; } .acerNew .series-group .productSeries .container-products-series div p { width: 100%; margin-bottom: 20px; } .acerNew .simpleBox div.gray { width: 271px; } .acerNew .simpleBox div.gray img { margin: 0 auto; } .acerNew .simpleBox div.gray p { height: 55px; } .acerNew .simpleBox div.white { margin-bottom: 0px; } .acerNew .simpleBox div.white img { margin: 0 auto; } .acerNew .simpleBox div { } .acerNew .simpleBox div img { } .acerNew .simpleBox div p { } .acerNew .simpleBox div p.price { } .acerNew .simpleBox div h2 { } .acerNew .simpleBox div.center-box { margin-left: 0; margin-right: 0; } .acerNew .focus { margin-top: 22px; height: 178px; margin-bottom: 0px; } .acerNew .focus div div.cont p { display: none; } .acerNew .focus div { padding-right: 0; width: 100%; height: 74px; margin-bottom: 30px; } .acerNew .focus div div.cont { width: 157px; height: 63px; margin-bottom: 0; } .acerNew .focus div img { width: 80px; height: auto; } /*Double Box*/ .acerNew .simpleBox div.doubleBox { height: 387px; width: 306px; margin-right: 0; } .acerNew .simpleBox div.doubleBox img {width: 306px; height: 193px; padding: 0; } .acerNew .simpleBox div.doubleBox h2 { width: 100%; margin: 10px 0px 5px 0; font-size: 24px; } .acerNew .simpleBox div.doubleBox p { height: 75px; margin-bottom: 35px; width: 100%; } .acerNew .simpleBox div.right-box.doubleBox {} .acerNew .simpleBox div.hightlight.doubleBox h2 { height: 50px; } .acerNew .simpleBox div.hightlight.doubleBox img { margin-top: 13px; width: 260px; height: 180px; } .acerNew .simpleBox div.hightlight.doubleBox p.price { margin-bottom: 5px; margin-top: 0px; } .acerNew .simpleBox div.hightlight img { } .acerNew .simpleBox div.hightlight.doubleBox p { height: 40px; margin-bottom: 10px; margin-top: 5px; } .acerNew .simpleBox div.doubleBox p.price { margin-bottom: 7px; height: 30px; margin-top: 0; } .acerNew .simpleBox div.doubleBox div.content-link { padding-left: 0px; } /*Simple Box*/ .simpleBox div { float: left; width: 264px; background: #fff; padding: 18px; margin-bottom: 20px; } .simpleBox div.center-box { margin-left: 0; } .simpleBox div.last { float: left; } .simpleBox div img { float: left; margin-right: 0; width: 264px; height: 173px; } .simpleBox div h2 { float: left; width: 264px; } .simpleBox div p { float: left; width: 264px; line-height: 1em; } .simpleBox div.product h3 { width: 264px; float: left; } .simpleBox div.product { padding-bottom: 0; } .simpleBox div div.content-link { width: 264px; } .simpleBox div.product a.review { float: left; margin: 0 0 0 0; width: 300px; height: 50px; } .simpleBox div div.layer-group { bottom: 0; left: 0; width: 264px; padding: 18px; } .simpleBox div div.layer-group ul { width: 264px; margin: 0; padding: 20px 0 0 0; float: none; } .simpleBox div div.layer-group ul li { width: 244px; float: none; border-bottom: 1px solid #cecece; padding: 8px 10px; margin-right: 0; line-height: 15px; } .simpleBox div div.content-link.group { width: 264px; margin: 0; background-color: #e5e5e5; } .simpleBox div.randomizer { padding: 0 0 0 0; float: none; margin-bottom: 0; width: 300px; } .acerNew .simpleBox div.randomizer { float: left; } .simpleBox div.randomizer div { } .simpleBox div.ctn-product { width: 300px; height: auto; float: left; overflow: hidden; padding: 0 0 0 0; background-color: #ffffff; } .simpleBox div.ctn-product div.randomizer { width: 300px; height: 756px; margin-top: 0; background-color: #fff; } .simpleBox div.ctn-product div.randomizer div { margin: 0 0 20px 0; float: left; background-color: #efefef; } .simpleBox div.multiple div.item p { height: 4.2em; } .simpleBox div.multiple div.selector { width: 300px; } .simpleBox div.multiple div.selector .element { width: 100px; } .simpleBox div.multiple div.selector .element.center { width: 98px; } .simpleBox div.multiple div.selector.items2 .element {width: 150px;} .simpleBox div.multiple div.selector.items2 .element.center {border-right:none;width: 149px;} /*Home Useful Link*/ .homeUsefulLink { padding-top: 20px; } .homeUsefulLink div { width: 300px; height: 96px; margin-bottom: 10px; } .homeUsefulLink div a { width: 280px; height: 60px; padding-right: 0px; } .homeUsefulLink div.only-image a img { height: auto; width: 225px; } .homeUsefulLink div.only-image a { background-position: -725px -363px; } .homeUsefulLink div.center-box { margin-left: 0; } .homeUsefulLink div img { width: 65px; height: 57px; } .homeUsefulLink div a span { height: 2.5em; width: 148px; padding-top: 5px; background-position: right -385px; } .simpleBox.dark div.homeUsefulLink { background-color: transparent; width: 300px; height: 202px; padding: 0; overflow: hidden; } .simpleBox div.homeUsefulLink a { display: block; width: 264px; height: 60px; margin-bottom: 10px; padding: 18px; } .simpleBox div.homeUsefulLink a img { width: 65px; height: 57px; float: left; margin-right: 10px; } .simpleBox div.homeUsefulLink a span { display: block; color: #fff; overflow: hidden; float: left; padding-top: 5px; } .simpleBox div.homeUsefulLink a span.claim { font-size: 18px; font-weight: normal; text-transform: uppercase; width: 158px; line-height: normal; background: url(img/arrow.png) right -380px no-repeat; padding-right: 30px; padding-top: 10px; } .simpleBox div.homeUsefulLink a span.explanation { display: none; } .simpleBox.dark .homeUsefulLink.fullSpace { float: left; width: 100%; height: auto; padding: 0 0 0 0; } .simpleBox.dark .homeUsefulLink.fullSpace a { margin: 0; width: 264px; margin-bottom: 18px; } .simpleBox.dark .homeUsefulLink.fullSpace a span.claim { width: 159px; } .simpleBox.dark .homeUsefulLink.fullSpace a span.explanation { width: 246px; } .simpleBox div.box-video { width: 264px; float: none; height: auto; margin-top: 20px; } .simpleBox div.box-video p { width: 264px; float: left; margin: 0 0 10px 0; height: auto; overflow: hidden; padding: 0; } .simpleBox div.box-video .ctn-video { width: 264px; height: 148px; float: right; margin: 0; padding: 0; } .simpleBox div.box-video .ctn-video img { width: 264px; height: 148px; } .simpleBox div.box-video.small {width: 264px; margin-top:0px;} .simpleBox div.box-video.small p {height: auto; min-height: 4.8em; overflow:visible;} .simpleBox div.box-video.small .ctn-video {width:264px;height: 149px;} .simpleBox div.box-video.small .ctn-video img {width:264px; height: 149px;} /*Home Useful Link AcerNew*/ .acerNew .homeUsefulLink div { margin-bottom: 20px; margin-top: 20px; } .acerNew .homeUsefulLink div.center-box { margin: 0; } .acerNew .homeUsefulLink div a span { height: 55px; min-height: 55px; } /*Banner TOP*/ .acerNew .banner-top div.smartphone { } .banner-top { position: relative; } .banner-top p.nota-info { display: none; } .banner-top h2 { text-align: left; position: static; width: 264px; padding: 18px; margin: 0; height: auto; font-size: 20px; font-style: italic; font-weight: normal; line-height: 1.2em; } .banner-top p.text-area { text-align: left; position: static; width: 264px; padding: 0 18px 18px 18px; margin: 0; height: auto; font-size: 14px; font-style: italic; overflow: inherit; line-height: 1.2em; } /* Wow */ .feature-product .feature-title.wowMob { display: block; } .feature-product .feature-title.wowMob img { display: none; } .feature-product .feature-title.wowMob span { font-size: 20px; width: 271px; padding: 12px; } .wowCont { width: 300px; height: 180px; margin-bottom: 20px; float: left; } .wowCont img { display: none; } .wowCont .cont { top: 15px; left: 0px;} .wowCont .cont.right { left: 0px; width: 300px; } .wowCont h2 { width: 100%; font-size: 20px; display: none; } .wowCont p { width: 100%; margin: 0px; font-size: 12px; height: auto; } .acerNew .recMod h2 { padding-bottom: 15px; } .acerNew .recMod a.button-big { float: left; } /*Feaure Series*/ .feature-product { position: relative; margin-top: 20px; } .feature-product .feature-title { width: 300px; clear: both; float: left; margin: 0; height: 60px; z-index: 10; padding: 0; position: relative; overflow: hidden; margin-bottom: 0px; } .feature-product .feature-title a { background: none; text-align: left; height: 60px; width: 290px; padding: 0 5px; } .feature-product .feature-title a.active, .feature-product .feature-title a:hover { background: none; } .feature-product .feature-title span { font-size: 12px; width: 170px; height: auto; font-size: 14px; padding-top: 12px; } .feature-product .feature-description { float: left; width: 264px; position: static; height: auto; min-height: 250px; background: #fff; padding: 18px; overflow: hidden; display: block; margin-bottom: 15px; } .feature-product .feature-description h2 { font-size: 20px; width: 264px; padding-top: 0; } .feature-product .feature-description p { margin: 0; padding: 0; float: left; width: 264px; } .feature-product .feature-description img { display: none; } .feature-product .feature-description.active { display: block; } .feature-product.maxFeatures-1 .feature-title { height: 60px; } .feature-product.maxFeatures-2 .feature-title { height: 60px; } .feature-product.maxFeatures-3 .feature-title { height: 60px; } .feature-product.maxFeatures-1 .feature-title a { height: 60px; padding: 0 5px; } .feature-product.maxFeatures-2 .feature-title a { height: 60px; padding: 0 5px; } .feature-product.maxFeatures-3 .feature-title a { height: 60px; padding: 0 5px; } .feature-product.maxFeatures-1 .feature-description { height: auto; min-height: 250px; } .feature-product.maxFeatures-2 .feature-description { height: auto; min-height: 250px; } .feature-product.maxFeatures-3 .feature-description { height: auto; min-height: 250px; } .acerNew .main-container { width: 271px; } /*Rich content Vecchio*/ .rich-content-top { } .main-container.open { height: 460px; } .main-container { width: 264px; height: 290px; padding: 18px; background-color: #ebf5e7; overflow: hidden; position: relative; } .main-container.wow .main-content { left: 0px; } .main-container div.content { display: none; } .main-container ul.rich-content-nav { display: none; } .main-content a.ctaVisual { display: none; } .main-container p.nota-info { position: absolute; top: 7px; right: 7px; font-size: 10px; margin: 0; padding: 0; text-align: right; width: 70%; } div.photo-mobile { display: block; width: 307px; height: 35px; line-height: 35px; position: absolute; left: 0; top: 290px; } .photo-mobile a.photo-mobile { display: block; width: 100%; height: 100%; text-align: center; color: #fff; text-decoration: none; background: #85bb23 url(img/ico-photo.png) center center no-repeat; font-size: 14px; text-transform: uppercase; font-weight: bold; } .photo-mobile a.photo-mobile:hover { background-color: #BABAB9; } .photo-mobile a.photo-mobile span { } .photo .photo-content { padding-top: 0; } .photo-mobile a.photo-mobile.unactive, .photo-mobile a.photo-mobile.unactive:hover { background-color: #babab9; cursor: default; } .photo-mobile a.photo-mobile span { display: none; } .photo-mobile a.empty-button { float: left; margin-left: 20px; display: none; } .main-container.open div.photo-mobile { top: 455px; } .awards-container { background: #85bb23; height: 35px; position: relative; width: 307px; } .awards-container ul { float: none; margin: 0px; } .awards-container ul li { display: none; } .awards-container ul li:last-child { display: block; } .awards-container ul li span { display: none; } .awards-container ul li a.linkToAward { height: 19px; color: #fff; position: absolute; left: 0px; margin: 0; padding: 8px; width: 291px; background: url(img/arrow.png) 275px -668px no-repeat; text-align: left; font-size: 14px; } .awards-container ul li a.linkToAward:hover { background-color: #bAbAb9; color: #fff; } .main-container.open div.photo-mobile a.empty-button { color: #85bb23; height: 30px; text-decoration: none; background: url(img/arrow.png) left -935px no-repeat; line-height: 19px; padding: 0 0 0 13px; width: auto; height: auto; text-transform: none; } .main-container.open div.photo-mobile a.empty-button span { display: block; padding: 3px 10px 3px 0px; background: url(img/arrow.png) right -936px no-repeat; font-style: italic; line-height: 19px; } .main-container.open div.photo-mobile a.empty-button:hover { color: #fff; background: url(img/arrow.png) left -974px no-repeat; } .main-container.open div.photo-mobile a.empty-button:hover span { background: url(img/arrow.png) right -974px no-repeat; } .main-content { position: absolute; top: 200px; left: 18px; width: 264px; display: none; } .main-content h2 { font-size: 20px; width: 264px; height: 1.2em; margin-bottom: 0px; } .main-content span.pn { margin-bottom: 5px; top: 30px; } .main-content p { width: 264px; margin: 10px 0 0 0; padding: 0; } .main-content p span.price { font-size: 18px; font-weight: bold; margin-right: 20px; float: left; padding-top: 0px; } .main-content p a { margin-top: 0; } .main-content img { width: 264px; height: 147px; position: absolute; top: -175px; left: 0; } .main-content a.button-big { } .main-container div.content.photo { display: block; width: 264px; left: 0; top: 0; } .photo .img-big { width: 264px; float: left; } .photo .img-big img { display: none; width: 264px; height: 239px; } .photo .photo-content { width: 264px; float: right; } .photo .photo-content h2 { display: none; } .photo .photo-content p { display: none; } .photo .photo-content ul { width: 264px; float: left; margin: 20px 0 0 0; padding: 0; list-style-type: none; } .photo .photo-content ul li { width: 88px; height: 88px; float: left; } .photo .photo-content ul li a.active { border: 3px solid #85bb23; } .photo .photo-content ul li a { display: block; width: 75px; height: 68px; overflow: hidden; position: relative; background-color: #fff; border: 3px solid #ebf5e7; } .photo .photo-content ul li a img { width: 150px; height: 136px; position: absolute; top: 50%; left: 50%; margin: -68px 0 0 -75px; } /*Two columns*/ .container-dx { width: 300px; float: left; margin:0; padding:0 0 18px 0; } .container-sx { width: 300px; float: left; margin-top: 0px; } /*Filter*/ .filter-container { display: none; } .acerNew .filter-box { width: 264px; } .filter-box h2 { width: 264px; } .filter-box h3 { width: 264px; } .filter-box ul { width: 264px; } .filter-box ul li { padding: 6px 0; width: 264px; } .filter-box ul li span.check { display: block; width: 20px; height: 20px; background-color: #efefef; float: left; margin-right: 10px; } .filter-box ul li span.label { display: block; max-width: 195px; float: left; font-size: 14px; } /*Product*/ .product-list .product .content .compare, .product-list .product .content .review { display: none; } /*Compare*/ .compare-box { display: none!important; } /*Compare Page*/ .compare-container { width: 300px; } .compare-table { display: none; } .compare-container div.no-sp { margin-top: 18px; display: block; width: 264px; padding: 18px; background-color: #fff; } /*Page Product*/ .tab-container { display: block; padding: 20px 0; } .exception-tab { width: 100%; height: auto; } .exception-tab ul { width: 300px; margin: 0 0 0 -150px; position: relative; border-top: 1px solid #ccc; margin-top: 20px; } .exception-tab ul li { width: 264px; float: left; padding: 12px 18px; text-align: left; border-bottom: 1px solid #ccc; } .exception-tab ul li a { font-size: 14px; border: none; background: url(img/arrow.png) right -181px no-repeat; } .exception-tab ul li.no-sp { display: none; } .exception-tab ul li.active a, .exception-tab ul li a:hover { background: url(img/arrow.png) right -85px no-repeat; color: #83b81a; } .exception-tab ul li.active a { font-weight: bold; } .exception-tab.maxTab1 ul li { width: 264px; } .exception-tab.maxTab2 ul li { width: 264px; } .exception-tab.maxTab3 ul li { width: 264px; } .exception-tab.maxTab4 ul li { width: 264px; } .exception-tab.maxTab5 ul li { width: 264px; } .exception-tab.maxTab6 ul li { width: 264px; } /*Product Overview*/ .feature-overview { width: 300px; padding-bottom: 18px; margin-bottom: 18px; height: auto; } .feature-overview .feature-name { width: 300px; height: 60px; float: left; } .feature-overview .feature-name span { float: left; width: 200px; height: 2em; overflow: hidden; display: block; padding: 0; margin: 0; padding: 18px 5px 5px 5px; line-height: 13px; font-size: 14px; text-align: left; } .feature-overview .feature-name img { float: left; display: block; padding: 0; margin: 0; } .feature-overview img { display: none; } .feature-overview h2 { float: left; width: 264px; height: auto; } .feature-overview p { float: left; width: 264px; margin-bottom: 18px; } .feature-overview .content-link { position: relative; float: left; bottom: auto; left: 18px; } .main-content p.cta { margin: 35px 0 0 0; } .tech-specs-overview { width: 267px; height: auto; overflow: hidden; float: right; background-color: #fff; padding: 18px; padding-bottom: 60px; position: relative; } .tech-specs-overview h2 { width: 257px; float: left; margin: 0 0 18px 0; padding: 5px 5px 7px 5px; font-size: 18px; line-height: normal; background-color: #83b81a; color: #fff; height: 18px; font-style: italic; font-weight: bold; overflow: hidden; } .tech-specs-overview table { width: 267px; } .tech-specs-overview table td { padding: 3px; font-size: 10px; font-style: italic; text-align: right; width: 50%; vertical-align: top; } .tech-specs-overview table td.name-tech { font-weight: bold; text-align: left; font-size: 11px; } .tech-specs-overview .content-link { width: 276px; float: left; position: absolute; bottom: 18px; left: 18px; } .tech-specs-overview .content-link a { float: left; } /*Tab Hidden*/ .tab-support, .extra-info, .tab-related { display: none; } .tab-overview .ctn-quest { display: none; } /*Product overview*/ .tab-overview.noTechSpec .feature-overview { width: 300px; } .tab-overview.noTechSpec .feature-overview h2 { width: 264px; } .tab-overview.noTechSpec .feature-overview p { width: 264px; } /*Product Feature*/ .tab-feature div.feature { width: 300px; height: auto; min-height: 245px; padding-bottom: 18px; } .tab-feature div.feature h2 { width: 264px; height: auto; } .tab-feature div.feature p { width: 264px; height: auto; } .tab-feature div.feature img { display: none; } .tab-feature div.feature div.feature-name img { display: block; } .tab-feature div.feature div.feature-name { width: 80px; height: 288px; margin: 0; padding: 0; float: left; text-align: center; } .tab-feature div.feature div.feature-name span { color: #fff; display: block; padding: 0 5px; font-size: 12px; } .tab-feature div.feature div.feature-name { width: 300px; height: 60px; } .tab-feature div.feature div.feature-name img { float: left; margin-top: 0; } .tab-feature div.feature div.feature-name span { float: left; height: auto; padding-top: 17px; width: 200px; font-size: 14px; text-align: left; } /*Product Tech Spec*/ .intro-tech { display: none; } .tab-tech-spec .ctn-table { width: 264px; } /*Related*/ .tab-related .related-list { width: 300px; } .tab-related .product { width: 300px; height: 310px; float: left; } .tab-related .product .content { width: 264px; } .tab-related .product .content h2 { width: 264px; } .tab-related .product .content h3 { width: 264px; } /*simple-page*/ .simple-page .cont-left { width: 264px; border-bottom: none; padding-bottom: 0; } .simple-page .container-aw .cont-left img { width: 264px; } .simple-page .cont-right { width: 264px; } .simple-page .cont-right h3 { padding-top: 0px; } .simple-page .cont-open .cont-left { border-bottom: none; min-height: auto; padding-right: 0; margin-right: 18px; padding-top: 0px; } .simple-page .cont-open .cont-right { padding-top: 0; min-height: auto; padding-left: 0; margin-left: 18px; } .simple-page .menu-content { width: 264px; margin: 0; display: none; } .simple-page .news .text-content { width: 263px; } .simple-page .text-content img { max-width: 264px; } .simple-page a.btnShowMenu { display: block; } .simple-page div.menu-content { width: 300px; padding: 0; background-color: transparent; } .simple-page div.menu-content div { width: 300px; margin: 0 0 10px 0; padding: 0; overflow: hidden; } .simple-page div.menu-content div a { display: block; width: 280px; padding: 18px 10px; line-height: normal; height: 44px; text-decoration: none; font-size: 16px; color: #fff; text-transform: uppercase; } .simple-page div.menu-content div a img { margin: 0 10px 0 0; float: left; width: 50px; height: 44px; } .simple-page div.menu-content div a span { display: block; float: left; width: 190px; height: 2.5em; padding: 5px 30px 0 0; overflow: hidden; background-image: url("img/arrow.png"); background-position: right -392px; } .simple-page div.selfServiceBoxContent .helpBox { width: 264px; height: auto; } .simple-page div.selfServiceBoxContent .helpBox div { width: 165px; } .simple-page div.selfServiceBoxContent .helpBox div p { height: auto; overflow: visible; } /*Search Page*/ .search-conteiner { width: 300px; } .search-conteiner .open-search { float: left; padding: 18px; font-weight: bold; display: none; } .search-conteiner .open-search a { width: 264px; color: #4d5357; font-size: 14px; padding: 3px 0; display: block; text-decoration: none; background: #fff url(img/arrow.png) right -181px no-repeat; } .search-conteiner .open-search a:hover { color: #83b81a; background: #fff url(img/arrow.png) right -85px no-repeat; } .search-conteiner .open-search a.active { color: #83b81a; background: #fff url(img/arrow.png) right -725px no-repeat; } .search-conteiner div { width: 264px; float: left; background-color: #fff; padding: 18px; } .search-conteiner div p { width: 264px; float: left; margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: bold; } .search-conteiner div p.distance { width: 120px; float: left; margin: 0; padding: 0; text-align: right; padding-right: 10px; } .search-conteiner div input { width: 130px; float: left; border: 1px solid #d1d1d1; margin-top: 5px; } .search-conteiner div select { max-width: 75px; float: left; border: 1px solid #d1d1d1; } .search-conteiner .tab-button { display: block; width: 145px; float: left; height: 60px; background-color: #fff; margin: 10px 0 0 0; } .search-conteiner .tab-button span { display: none; } .search-conteiner .tab-button.map { background: #fff url(img/map_wheretobuy.png) center -60px no-repeat; margin-left: 0; } .search-conteiner .tab-button.list { background: #fff url(img/list_wheretobuy.png) center top no-repeat; float: right; } .search-conteiner .map:hover, .search-conteiner .map.active { background: #c5c5c5 url(img/map_wheretobuy.png) center top no-repeat; } .search-conteiner .list:hover, .search-conteiner .list.active { background: #c5c5c5 url(img/list_wheretobuy.png) center -60px no-repeat; } .sellers-list { } .sellers-list .message { width: 264px; padding: 18px; margin: 20px 0; float: left; background: #fff; font-size: 14px; display: none; } .container-map { width: 300px; height: 300px; padding: 20px 0; display: none; } .store-conteiner { width: 300px; float: left; padding: 20px 0 0 0; } .store-conteiner .wrap { width: 300px; } .seller { width: 264px; float: left; padding: 18px 18px 18px 18px; background: #fff; margin: 0 27px 27px 0; height: auto; } .seller.last { margin: 0 0 27px 0; } .seller a { color: #4d5357; text-decoration: underline; } .seller a:hover { color: #83b81a; } .seller h2 { font-size: 16px; color: #83b81a; font-style: italic; font-weight: bold; height: auto; } .seller ul.ctn-info-store { width: 264px; margin: 7px 0 0 0; padding: 0; list-style-type: none; height: auto; } .seller ul.ctn-info-store li { padding: 3px 0; } .seller ul.ctn-info-store span { font-weight: bold; } .seller ul.legenda { width: 264px; margin: 10px 0 0 0; padding: 0; list-style-type: none; float: left; } .seller ul.legenda li { float: left; width: 30px; height: 30px; } .seller ul.legenda { width: 264px; } .seller ul.legenda li { display: block; float: left; width: 100%; height: 30px; } .seller ul.legenda li img { vertical-align: middle; width: 30px; height: 30px; } div.legenda { width: 264px; padding: 18px; margin: 0 0 20px 0; float: left; background: #fff; color: #999; } div.legenda p { font-size: 14px; float: left; margin: 0; padding: 0 10px 0 0; line-height: 20px; font-size: 14px; } div.legenda select { max-width: 75px; float: left; border: 1px solid #d1d1d1; color: #999; } .page-navigation { clear: both; float: left; margin: 0 0 20px 0; } .page-number { padding: 3px 7px; border: 1px solid #d1d1d1; } div.legenda ul.legenda { width: 264px; float: left; font-size: 12px; padding: 20px 0 0 0; } div.legenda ul.legenda li { width: 264px; } div.legenda ul.legenda img { vertical-align: middle; width: 30px; height: 30px; } .simpleBox.where-to-buy div img { width: 264px; height: 100px; } .simpleBox.where-to-buy div { height: 300px; overflow: hidden; } .acerNew .form-search .searchBox { height: 80px; } .acerNew .form-search .searchBox a.button-big.dx { float: left; } .acerNew .form-search .searchBox input { width: 170px; margin-bottom: 19px; } .acerNew .result-search div.result-container { } .acerNew .result-search div.result-container div.result div.wall { float: none; width: 270px; margin-bottom: 15px; } .acerNew .result-search div.result-container div.result { height: auto; width: 270px; padding-bottom: 50px; } .acerNew .result-search div.filter { width: 270px; margin: 0 0 9px 0; } .acerNew .result-search div.filter-container { display: block; } /*Search Result*/ .form-search { } .form-search div { width: 264px; padding: 18px; background-color: #fff; float: left; } .form-search div p { padding: 0 18px 0 0; margin: 0; float: left; font-weight: bold; font-size: 14px; font-style: italic; line-height: 20px; } .form-search div input { width: 264px; float: left; } .form-search div div.ctn-link { width: 264px; float: left; margin-top: 10px; padding: 0; } .result-search { width: 300px; overflow: hidden; } .result-search .content { width: 300px; float: left; padding: 0 0; } .result-search .product-list, .result-search .info-list { width: 300px; float: left; height: 1225px; overflow: hidden; } .result-search h2 { font-size: 24px; font-weight: bold; font-style: italic; width: 264px; padding: 18px; } .result-search .product-list div, .result-search .info-list div { width: 264px; height: 328px; padding: 18px; background-color: #fff; float: left; margin: 10px 0; text-align: center; } .result-search .product-list div div.searchLink { width: 264px; } .result-search .product-list div div.searchLink a.sl { width: 244px; text-align: left; } .result-search .product-list div h3 { font-size: 14px; font-weight: bold; font-style: italic; text-align: left; width: 220px; padding: 0 0 0 0; margin: 0; height: 25px; float: left; color: #83b81a; } .result-search .product-list div img { float: none; width: 180px; height: 111px; margin: 0 auto; } .result-search .product-list div p { float: left; width: 264px; height: 50px; overflow: hidden; text-align: left; } .result-search .product-list div div.ctn-link { width: 264px; height: auto; padding: 0 0 0 0; float: left; } .result-search .info-list div span.date { display: block; width: 264px; font-size: 10px; text-align: left; } .result-search .info-list div h3 { font-size: 14px; font-weight: bold; text-align: left; font-style: italic; width: 264px; padding: 0 0 0 0; margin: 0; height: auto; float: left; color: #83b81a; } .result-search .info-list div p { text-align: left; float: left; width: 264px; height: auto; overflow: hidden; padding: 0; } .result-search .info-list div a { text-align: left; color: #4d5357; font-style: italic; font-weight: bold; height: 18px; display: block; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; } .result-search .info-list div a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } /*Chunk Content*/ .chunkContent { width: 264px; } /* ////BUSINESS//// */ /*ShowCase*/ .showcase.business { position: relative; height: 300px; overflow: hidden; } .showcase.business .container { width: 300px; height: 300px; overflow: hidden; } .business .slide { width: 300px; height: 200px; } .business .slide .content-main-visual { width: 300px; height: 200px; } .business .slide .content-main-visual a { width: 300px; height: 200px; display: block; } .business .slide .content-main-visual a img { width: 300px; height: 200px; } .business .slide .content-main-feature { height: 65px; width: 300px; left: 0; top: 200px; float: left; } .business .slide .content-main-feature .feature { width: 100px; height: 65px; float: left; } .business .slide .content-main-feature .feature a { width: 100px; height: 65px; padding-top: 0; padding-bottom: 0; } .business .slide .content-main-feature .feature a img { display: none; width: 100px; height: 100px; } .business .slide .content-main-feature .feature a img.mobile { display: block; width: 100px; height: 65px; } .business .slide .content-main-feature .feature a .timerLine { width: 100px; height: 7px; } .business .slide .content-main-visual a.pc { display: none; } .business .slide .content-main-visual a.tablet { display: none; } .business .slide .content-main-visual a.smartphone { display: block; } /*CATEGORY BOX*/ .business-box { padding-bottom: 25px; line-height: 1.2em; width: 300px; overflow: hidden; } .business-box p, .business-box h3 { padding-bottom: 25px; line-height: 1.2em; } .business-box .content-link a { float: left; display: block; } .contentBox { width: auto; overflow: inherit; } .contentBox .content-link a { float: left; display: block; } .contentBox div { width: 264px; padding: 18px; margin: 0 0 25px 0; float: left; background-color: #fff; } .contentBox div img { margin: 0 0 18px 0; width: 264px; height: auto; } .contentBox div h3 { font-size: 18px; color: #85bb23; font-style: italic; font-weight: normal; height: 45px; overflow: hidden; margin: 0; padding: 0; } .contentBox div p { font-size: 12px; font-style: italic; font-weight: normal; height: 60px; overflow: hidden; margin: 0 0 18px 0; padding: 0; font-style: normal; } .contentBox div div.content-link { margin: 0; padding: 0; width: 264px; } .business-box .contentBox .double-box { width: 264px; background-color: #fff; overflow: hidden; } .business-box .contentBox .double-box h2 { font-size: 20px; font-weight: bold; width: 264px; margin: 0; padding: 0 0 24px 0; overflow: hidden; font-style: italic; } .business-box .contentBox .double-box div.contentDobbleBox { width: 264px; margin: 0; padding: 0; overflow: hidden; max-height: 660px; } .business-box .contentBox .double-box div.contentDobbleBox div { padding: 0 0 0 0; margin-right: 0; margin-bottom: 25px; float: left; border-right: none; border-bottom: 1px solid #c9c9c9; } .business-box .contentBox .double-box div.contentDobbleBox div img { height: 125px; width: 264px; margin: 0 0 18px 0; } .business-box .contentBox .double-box div.contentDobbleBox div.content-link { border: none; padding: 0 0 0 0; } .business-box .contentBox .box-title h2 { font-size: 20px; font-weight: bold; width: 612px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .business-box .contentBox .box-title img { height: 125px; width: 264px; } .business-box .contentBox .image-big { padding: 0; width: 310px; } .business-box .contentBox .image-big img { width: 300px; height: 187px; margin: 0 0 18px 0; } .business-box .contentBox .image-big h3, .business-box .contentBox .image-big p { padding: 0 18px; } .business-box .contentBox .image-big div.content-link { border: none; padding: 0 18px 18px 18px; } .business-box.homeUsefulLink { margin: 0 auto; padding: 0; } .business-box.homeUsefulLink ul { width: 300px; float: left; list-style-type: none; margin: 0; padding: 0; } .business-box.homeUsefulLink ul li { width: 300px; float: left; background-color: #fff; margin-bottom: 18px; } .business-box.homeUsefulLink ul li.last { width: 300px; float: right; } .business-box.homeUsefulLink ul li img { width: 300px; } /*Orizontal Layout*/ body.business .horizontalLayout .horizontalBox .content { width: 264px; } body.business .horizontalLayout .horizontalBox { width: 264px; } body.business .horizontalLayout .tech-specs-table { width: 264px; margin: 0 auto 0 auto; font-style: italic; } body.business .horizontalLayout .tech-specs-table tr { height: 25px; } body.business .horizontalLayout .tech-specs-table tr.alternate { background-color: #e9f4e6; } body.business .horizontalLayout .tech-specs-table th { background-color: #83b91b; color: #fff; text-align: left; } body.business .horizontalLayout .tech-specs-table th, body.business .horizontalLayout .tech-specs-table td { padding: 0 10px; } /*Page Group*/ .productContainer { width: 300px; } .productContainer div.sx, .productContainer div.dx { background-color: #fff; width: 264px; padding: 18px; margin: 25px 0 0 0; } .productContainer div.info { float: left; width: 264px; height: 140px; position: relative; } .productContainer div.sx img, .productContainer div.dx img { float: none; width: 264px; height: 180px; margin: 0 auto 18px auto; } .productContainer div.info h2 { margin: 0; padding: 0; width: 264px; font-size: 20px; font-style: italic; color: #85bb23; line-height: 1.2em; overflow: hidden; } .productContainer div.info h3 { margin: 0; padding: 0; width: 264px; font-size: 16px; font-style: italic; line-height: 1.2em; height: 60px; overflow: hidden; } .productContainer div.sx p, .productContainer div.dx p { display: none; } .productContainer div.content-link { position: absolute; bottom: 0; left: 0; } .productContainer div.content-link a { float: left; display: block; } .productContainer div.usefulLink { width: 300px; margin: 25px 0 0 0; padding: 0; float: left; overflow: hidden; } .productContainer div.usefulLink div { margin: 25px 0 0 0; float: left; width: 300px; padding: 0; background-color: transparent; } .productContainer div.usefulLink div.dx a { float: right; } .productContainer div.usefulLink a { width: 264px; float: left; padding: 18px 18px; display: block; } .productContainer div.usefulLink img { width: 65px; height: 57px; float: left; margin-right: 10px; } .productContainer div.usefulLink span { display: block; width: 160px; height: 57px; padding-left: 10px; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } .productContainer div.usefulLink.small { width: 300px; margin: 25px 0 0 0; padding: 0; float: left; overflow: hidden; } .productContainer div.usefulLink.small div { margin: 25px 0 0 0; float: left; width: 300px; padding: 0; background-color: transparent; } .productContainer div.usefulLink.small div.dx a { float: right; } .productContainer div.usefulLink.small a { width: 264px; float: left; padding: 18px; display: block; } .productContainer div.usefulLink.small img { width: 65px; height: 57px; float: left; margin-right: 10px; } .productContainer div.usefulLink.small span { display: block; width: 160px; height: 57px; padding-left: 10px; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff; line-height: normal; text-decoration: none; background: url(img/arrow.png) right -375px no-repeat; float: left; padding-top: 10px; } body.business div.tech-specs-table { width: 264px; margin: 18px auto; padding: 18px; font-style: italic; background-color: #fff; } /*SUPPORT*/ .nav-support { width: 300px; float: left; list-style-type: none; margin: 0; padding: 0; height: auto; overflow: inherit; } .nav-support li { width: 300px; height: auto; float: none; margin: 0 0 5px 0; padding: 0; } .nav-support li a { display: block; width: 300px; height: 44px; padding: 18px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 16px; } .nav-support li a img { width: 50px; height: 44px; margin: 0 18px 0 0; float: left; } .nav-support li a span { width: 160px; float: left; display: block; padding: 0 10px 0 0; text-align: left; } .support-menu { width: 300px; overflow: hidden; } .nav-support, .nav-support.elements4, .nav-support.elements5, .nav-support.elements6, .nav-support.elements7 { width: 300px; float: left; list-style-type: none; margin: 0; padding: 0; height: auto; overflow: inherit; } .nav-support li, .nav-support.elements4 li, .nav-support.elements5 li, .nav-support.elements6 li, .nav-support.elements7 li { width: 300px; height: auto; float: none; margin: 0 0 5px 0; padding: 0; } .nav-support li a, .nav-support.elements4 li a, .nav-support.elements5 li a, .nav-support.elements6 li a, .nav-support.elements7 li a { display: block; width: 300px; height: 44px; padding: 18px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 16px; } .nav-support li a img, .nav-support.elements4 li a img, .nav-support.elements5 li a img, .nav-support.elements6 li a img, .nav-support.elements7 li a img { width: 50px; height: 44px; margin: 0 18px 0 0; float: left; } .nav-support li a span, .nav-support.elements4 li a span, .nav-support.elements5 li a span, .nav-support.elements6 li a span, .nav-support.elements7 li a span { width: 160px; float: left; display: block; padding: 0 10px 0 0; text-align: left; } .searchBox { margin-top: 25px; } .searchBox .search { width: 264px; background-color: #fff; height: auto; border: none;} .searchBox .search div { float: left; width: 264px; padding: 0 0 18px 0; margin: 0 0 18px 0; border-bottom: 1px solid #ccc; border:none;} .searchBox .search .ctnForm { width: 264px; border: none; margin-bottom: 0; } .searchBox .search .ctnForm input{ width: 260px} .searchBox .search .content-link, .searchBox .search div:last-child { border: none; margin: 0 0 0 0; padding: 0 0 0 0; } .searchBox .search div.content-link h3{ width: 180px;} .searchBox .search .ctnForm ul { width: 100%; margin: 10px 0; padding: 0; } .searchBox .search h2 { font-size: 20px; font-weight: bold; width: 246px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .searchBox .search h3, .searchBox .search p { width: 100%; float: left; line-height: 1.2em; } .searchBox .search p { height: auto; overflow: hidden; padding:0; } .searchBox .search form { } .searchBox .search form a { clear: both; display: block; float: left; margin-top: 10px; } .searchBox .search input { width: 260px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .quickSolution { background-color: #fff; margin-top: 25px; width: 264px; padding: 18px; } .quickSolution h2 { font-size: 20px; font-weight: bold; width: 228px; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; } .quickSolution .productList { position: relative; width: 264px; height: 80px; margin-bottom: 18px; } .quickSolution .productList .scrollMask { width: 225px; float: left; position: relative; overflow: hidden; height: 80px; } .quickSolution .productList .scrollMask .container-products { width: 100000px; left: 0; } .ctnSolution { width: 228px; padding: 18px; background-color: #efefef; } .ctnSolution .ctnAnswersPre { width: 228px; } .ctnSolution h2 { color: #87b924; } .ctnSolution .ctnAnswers { width: 228px; margin: 0; padding: 0; } .ctnSolution .ctnAnswers div {width: auto; margin:0; padding: 0; border: none;} .ctnSolution .ctnAnswers p { margin: 0; padding: 0 0 25px 0; } .ctnSolution .ctnAnswers p a { color: #4d5357; font-style: italic; font-weight: bold; height: 18px; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -178px no-repeat; line-height: 1em; } .ctnSolution .ctnAnswers p a:hover { color: #83b81a; background: url(img/arrow.png) right -82px no-repeat; } .searchBoxes { width: 264px; padding: 18px 0; background-color: #efefef; float: left; margin-top: 25px; overflow: hidden; } .searchBoxes div { width: 228px; } .searchBoxes div div { width: 228px; float: left; border-right: none; padding: 0 18px; margin: 0 0 18px 0; } .searchBoxes div div h3 { margin: 0 0 10px 0; padding: 0; width: 100%; font-size: 16px; font-style: italic; line-height: 1.2em; color: #83b81a; } .searchBoxes div div form input { width: 228px; float: left; border: 1px solid #d1d1d1; margin-right: 0; margin-bottom: 10px; } .simple-page .container-sx.searchFilter { background-color: transparent; } .searchFilter .quickSolution { width: 264px; margin: 0 0 0 0; float: left; } .searchFilter .quickSolution hr { clear: both; float: left; margin: 0 0 25px 0; width: 264px; height: 1px; border: none; background-color: #c7c8ca; } .searchFilter .quickSolution div { float: left; } .searchFilter .quickSolution h3 { color: #4d5357; } .searchFilter h2 { width: 264px; font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 18px 0; overflow: hidden; font-style: italic; clear: both; } .searchFilter h3 { width: 264px; margin: 0; padding: 0 0 18px 0; font-size: 16px; font-style: italic; line-height: 1.2em; overflow: hidden; color: #83b81a; } .searchFilter h3 a { color: #4d5357; font-style: italic; font-weight: bold; height: 18px; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -178px no-repeat; line-height: 1em; } .searchFilter h3 a:hover { color: #83b81a; background: url(img/arrow.png) right -82px no-repeat; } .searchFilter form { width: 264px; float: left; } .searchFilter form input { width: 264px; float: left; border: 1px solid #d1d1d1; margin-right: 10px; } .searchFilter .ctnSolution { width: 264px; margin-top: 25px; background-color: #fff; float: left; } .searchFilter .ctnSolution h2 { font-size: 16px; color: #4d5357; } .searchFilter .ctnSolution h2 span { font-size: 20px; color: #4d5357; } p.loading { text-align: center; } .searchFilter .ctnSolution div.ctnAnswers { width: 264px; } .searchFilter .ctnSolution div div { width: 264px; margin: 0 0 18px 0; padding-bottom: 18px; border-bottom: 1px solid #b2b2b2; } .searchFilter .ctnSolution div h4 { font-size: 14px; font-weight: bold; margin: 0 0 7px 0; padding: 0; } .searchFilter .filterTermCategory form { width: 264px; float: left; margin-bottom: 0; } .searchFilter .filterTermCategory form div { width: 264px; float: left; border: none; margin-bottom: 25px; } .searchFilter .filterTermCategory form label { width: 264px; float: left; font-size: 14px; font-weight: bold; height: 20px; overflow: hidden; } .searchFilter .filterTermCategory form input { float: left; width: 264px; } .searchFilter .filterTermCategory form select { float: left; width: 264px; margin-right: 0; margin-bottom: 18px; } .searchFilter .ctnSolution div.filterTermCategory div { margin: 0 0 0 0; } .searchFilter .filterBySerialNumber form { width: 264px; float: left; } .searchFilter .filterBySerialNumber form input { margin-bottom: 18px; } .searchFilter .filterBySerialNumber ul { width: 264px; float: left; margin: 25px 0; } .searchFilter .filterBySerialNumber ul li { padding: 0 0 5px 0; } .searchFilter .filterBySerialNumber ul a { color: #4d5357; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1em; } .searchFilter .filterBySerialNumber ul a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .searchFilter .filterByModelName form { width: 264px; float: left; } .searchFilter .filterByModelName form input { margin-bottom: 18px; } .searchFilter .filterByModelName .loadingMessage { width:264px;} .searchFilter .filterByModelName .noItemsMessage { width:264px; } .searchFilter .filterByModelName .invalidNameMessage { width:264px;} .searchFilter .filterByModelName .modelSuggestion { width:264px; } .searchFilter .ctnSolution div a.full-button { color: #fff; text-decoration: none; padding: 0 13px 0 0; background: url(img/arrow.png) right -39px no-repeat; line-height: 19px; } .searchFilter .ctnSolution div a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; line-height: 19px; } .searchFilter .ctnSolution div a.full-button:hover { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; } .searchFilter .ctnSolution div a.full-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; } .searchProductsList { width: 264px; overflow: hidden; } .searchFilter .filterByGroup { width: 264px; } .searchProductsList .mobileNav { width: 254px; float: left; display: block; margin-bottom: 25px; padding: 5px; background-color: #e5e5e5; } .searchProductsList .mobileNav li { width: 84px; float: left; text-align: center; text-align: center; } .searchProductsList .mobileNav a { text-align: center; font-size: 12px; color: #4d5357; text-decoration: none; margin: 0 auto; display: block; width: 80px; height: 20px; line-height: 20px; background-color: #fff; } .searchProductsList .mobileNav a.active { background-color: #85bb23; color: #fff; } .searchFilter .filterByGroup div h3 { display: none; } .searchFilter .filterByGroup div { width: 264px; float: left; margin-bottom: 20px; } .searchFilter .filterByGroup div.disable { display: none; } .searchFilter .filterByGroup div.active, .searchFilter .filterByGroup div.active div { display: block; } .searchFilter .filterByGroup div.box { width: 242px; height: 216px; float: left; border: 1px solid #d6d6d6; padding: 0 10px; } .searchFilter .filterByGroup div.list { width: 242px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 0 0 0 0; padding: 10px 0; height: 114px; overflow: hidden; overflow-y: auto; } .searchFilter .filterByGroup div.list ul { margin: 0; padding: 0; } .searchFilter .filterByGroup div.list ul li { width: 242px; padding: 7px 0; } .searchFilter .filterByGroup div.list ul li a { font-weight: bold; color: #4d5357; text-decoration: none; font-size: 14px; font-style: italic; } .searchFilter .filterByGroup div.list ul li a:hover, .searchFilter .filterByGroup div.list ul li a.active { font-weight: bold; color: #83b81a; } .searchFilter .filterByGroup div.box a.arrowUp, .searchFilter .filterByGroup div.box a.arrowDown { display: block; width: 242px; height: 40px; line-height: 40px; background-color: #ff0; float: left; } .searchFilter .filterByGroup div.box a.arrowUp span, .searchFilter .filterByGroup div.box a.arrowDown span { display: none; } .searchFilter .filterByGroup div.box a.arrowUp { background: url(img/arrow_filter_menu.png) center 15px no-repeat; } .searchFilter .filterByGroup div.box a.arrowUp:hover { background-position: center -46px; } .searchFilter .filterByGroup div.box a.arrowDown { background: url(img/arrow_filter_menu.png) center -373px no-repeat; } .searchFilter .filterByGroup div.box a.arrowDown:hover { background-position: center -312px; } /*Downloads*/ .downloadSection { width: 264px; margin: 0 0 0 0; float: left; background: #fff; padding: 18px; margin-bottom: 25px; } .downloadSection .productInfo { width: 264px; margin: 0; padding: 0; float: left; text-align: center; } .downloadSection .productInfo img { width: 110px; height: auto; float: none; margin: 0 auto 18px auto; } .downloadSection .productInfo .info { width: 264px; float: left; } .downloadSection .productInfo .info h3 { width: 264px; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #c7c9c8; color: #4b5356; font-style: normal; font-weight: bold; } .downloadSection .productInfo .info select { width: 264px; float: left; } .downloadSection .productInfo .info p { float: left; text-align: left; width: 264px; color: #83b81a; margin: 0; padding: 0; font-size: 14px; font-style: italic; line-height: 25px; } .downloadSection .productInfo .info a { text-align: left; clear: both; margin-top: 10px; float: left; width: 244px; font-size: 11px; font-style: italic; font-weight: bold; color: #4d5357; padding: 2px 20px 0 0; text-decoration: none; background: url(img/arrow.png) right -181px no-repeat; line-height: 1.2em; } .downloadSection .productInfo .info a:hover { color: #83b81a; background: url(img/arrow.png) right -85px no-repeat; } .downloadSection .productInfo .orderDocuments { clear: both; width: 254px; padding: 5px 5px 0 5px; background-color: #e5e5e5; float: left; margin-top: 18px; } .downloadSection .productInfo .orderDocuments a { display: block; float: left; margin-bottom: 5px; text-decoration: none; text-align: center; padding: 3px; width: 121px; font-size: 12px; color: #4d5357; background-color: #fff; } .downloadSection .productInfo .orderDocuments a.active, .downloadSection .productInfo .orderDocuments a:hover { color: #fff; background-color: #86bb23; } .ctnTableDownloads { width: 264px; float: left; overflow: hidden; } .ctnTableDownloads ul { width: 264px; float: left; margin: 20px 0 7px 0; } .ctnTableDownloads ul li { width: 264px; float: left; line-height: 55px; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .ctnTableDownloads ul li div { width: 264px; padding: 18px 0; display: block; font-size: 12px; font-weight: normal; float: left; } .ctnTableDownloads ul li a { color: #4d5357; text-decoration: none; font-style: italic; display: block; background: #e5e5e5 url(img/arrow.png) -750px -160px no-repeat; height: 55px; width: 224px; text-align: left; padding: 0 20px; } .ctnTableDownloads ul li a.active, .ctnTableDownloads ul li a:hover { color: #83b81a; background: #e5e5e5 url(img/arrow.png) -750px -704px no-repeat; } .ctnTableDownloads ul li div.ctnTable { float: left; width: 100%; display: block; line-height: 13px; padding: 0 0 0 0; } .ctnTableDownloads ul li div.ctnTable table { width: 100%; padding: 18px 0; } .ctnTableDownloads ul li div.ctnTable table tr { height: 25px; } .ctnTableDownloads ul li div.ctnTable table tr.alternate { background-color: #e9f4e6; } .ctnTableDownloads ul li div.ctnTable table th { background-color: #83b91b; color: #fff; text-align: left; } .ctnTableDownloads ul li div.ctnTable table th, .ctnTableDownloads ul li div.ctnTable table td { padding: 5px 3px; } .ctnTableDownloads ul li div.ctnTable table td a { color: #85bb23; height: auto; width: auto; background-color: transparent; padding: 0; margin: 0; text-decoration: underline; } .ctnTableDownloads ul li div.ctnTable table .noMobile { display: none; } .ctnTableDownloads div.ctnTable { display: none; } /*WHere To Buy*/ .menuWhereToBy { width: 300px; } .menuWhereToBy ul { width: 300px; margin-bottom: 36px;} .menuWhereToBy ul li { width: 264px; float: left; padding: 12px 18px; text-align: left; border-top: 1px solid #a7a7a7; } .menuWhereToBy ul li a { font-size: 14px; border-right: none; background: url(img/arrow.png) right -181px no-repeat; } .menuWhereToBy ul li.active, .menuWhereToBy ul li:hover { background-color: #efefef; } .menuWhereToBy ul li.active a, .menuWhereToBy ul li:hover a { color: #85bb23; background: #efefef url(img/arrow.png) right -85px no-repeat; } .menuWhereToBy.maxTab1 ul li, .menuWhereToBy.maxTab2 ul li, .menuWhereToBy.maxTab3 ul li, .menuWhereToBy.maxTab4 ul li, .menuWhereToBy.maxTab5 ul li, .menuWhereToBy.maxTab6 ul li { width: 264px; } .search-conteiner { width: 300px; background-color: #fff; margin-top: 36px; clear:both; } .search-conteiner div { width: 264px; float: left; padding: 18px; } .search-conteiner div p { width: 264px; float: left; margin: 0; padding: 0 10px 0 0; line-height: 20px; font-size: 14px; font-style: italic; } .search-conteiner div p span { font-weight: bold; } .search-conteiner div p.distance { width: 120px; float: left; margin: 0; padding: 0; text-align: right; padding-right: 10px; } .search-conteiner div input { width: 244px; float: left; height: 20px; border: none; margin: 0; } .search-conteiner div input.noData { color: #536268; font-style: italic; } .search-conteiner div select { max-width: 75px; float: left; border: 1px solid #d1d1d1; } .search-conteiner div.contentVisulLink { width: 85px; position: absolute; text-align: center; top: 0; right: 0px; float: right; margin: 0; padding: 10px 0 0 0; border: 5px solid #efefef; border-top: none; border-right: none; } .search-conteiner div.contentVisulLink a.tab-button { display: block; width: 75px; height: 60px; float: none; margin: 0 auto 0 auto; } .search-conteiner div.contentVisulLink a.tab-button span { display: none; } .search-conteiner div.contentVisulLink a.tab-button.map { float: none; background: #fff url(img/map_wheretobuy.png) center -60px no-repeat; margin-left: auto; } .search-conteiner div.contentVisulLink a.tab-button.list { float: none; background: #fff url(img/list_wheretobuy.png) center top no-repeat; } .search-conteiner div.contentVisulLink a.map:hover, .search-conteiner div.contentVisulLink a.map.active { background: #c5c5c5 url(img/map_wheretobuy.png) center top no-repeat; } .search-conteiner div.contentVisulLink a.list:hover, .search-conteiner div.contentVisulLink a.list.active { background: #c5c5c5 url(img/list_wheretobuy.png) center -60px no-repeat; } .search-conteiner .search .contentInput { width: 264px; margin: 10px 0; padding: 0; border: 1px solid #d1d1d1; margin-right: 10px; height: 22px; position: relative; } .search-conteiner .search .contentInput a { display: block; width: 16px; height: 16px; background: url(img/bk_location.png) 0 0 no-repeat; position: absolute; top: 3px; left: 244px; } .search-conteiner .search .contentInput a.disable { background-position: 0 -17px; display: none; } .search-conteiner .search .contentInput a span { display: none; } .search-conteiner .result { width: 264px; position: relative; } .search-conteiner .result .ctnResult { width: 180px; padding: 0 0 10px 0; } .search-conteiner .result .ctnResult p { width: 180px; padding-bottom: 10px; } .search-conteiner .result .ctnResult a { display: block; margin: 10px 0; float: left; } .search-conteiner .refineSearch { width: 264px; padding: 0 0 0 0; margin-top: 18px; } .search-conteiner .refineSearch p { width: 264px; border-top: 1px solid #c5c5c5; padding: 18px 0 0 0; } .search-conteiner .refineSearch ul { width: 264px; float: left; margin: 18px 0 0 0; } .search-conteiner .refineSearch ul li { margin-bottom: 15px; } .sellers-list .map { width: 300px; height: 300px; position: relative; } .containerResults { width: 300px; height: 300px; position: relative; } .search-conteiner .ctnResult a.sx:hover { margin-left: 0; } .containerResults a.open-result { display: none; } .containerResults .containerList { display: none; } .containerResults .containerMap { width: 300px; float: right; height: 300px; position: absolute; top: 0; left: 0; } .sellers-list .message { width: 300px; height: 300px; padding: 0; margin: 20px 0; float: left; background: #fff; font-size: 14px; display: none; } .sellers-list .message.no-store { background: #fff url(img/no_result_map.png) center center no-repeat; background-size: 100%; position: relative; z-index: 10; margin: 0 0 0 0; } .sellers-list .message.no-store p { line-height: normal; margin: 0; padding: 20px 0 0 0; width: 300px; text-align: center; font-size: 20px; line-height: normal; font-style: italic; color: #afaeac; } .sellers-list .message.loading { position: relative; z-index: 50; text-align: center; height: auto; } .sellers-list .message.loading p { padding: 100px 0; } .sellers-list .message.no-adress { background: #fff url(img/no_result_map.png) center center no-repeat; background-size: 100%; position: relative; z-index: 10; } .sellers-list .message.no-adress p { line-height: normal; margin: 0; padding: 40px 0 0 0; width: 300px; text-align: center; font-size: 20px; font-style: italic; margin: 0 0 0 0; color: #afaeac; } .contentFilter { width: 300px; margin: 25px 0; } .contentFilter div { padding: 0 18px; } .contentFilter div.sx, .contentFilter div.dx { float: left; margin-bottom: 10px; } .contentFilter p { width: 264px; float: left; margin: 0 0 0 0; font-size: 14px; line-height: 1.4em; } .contentFilter select { width: 264px; float: left; border: 1px solid #d1d1d1; color: #999; } .sellers-list .list { width: 300px; overflow: hidden; } .mainContainerList { width: 300px; float: left; } .mainContainerList div { width: 264px; float: left; margin: 12px 12px 0 0; padding: 18px; background-color: #fff; } .mainContainerList div h2 { font-style: italic; font-weight: bold; } .mainContainerList div span { padding: 3px 0; } .mainContainerList div span.type, .mainContainerList div span.link { } .mainContainerList div a { color: #83b81a; } .onlineStores { width: 300px; overflow: hidden; } .onlineStores .text { width: 264px; padding: 18px; background-color: #fff; text-align: center; } .onlineStores .text h2 { width: 264px; font-weight: bold; font-size: 20px; font-style: italic; margin: 0 0 15px 0; padding: 0; } .onlineStores .text p { width: 264px; float: left; font-size: 14px; line-height: 1.2em; margin: 0; padding: 0; text-align: left; } .onlineStores .text img { float: none; margin: 20px auto; } .onlineStores .text p a { color: #83b81a; text-decoration: underline; } .onlineStores .ctnList { width: 264px; padding: 18px; background-color: #fff; margin-top: 25px; text-align: center; } .onlineStores .ctnList img { width: 210px; height: 119px; margin: 10px auto; } .genericPage { width: 300px; overflow: hidden; } .genericPage .text { width: 264px; padding: 18px; background-color: #fff; } .genericPage .text h2 { width: 264px; font-weight: bold; font-size: 20px; font-style: italic; margin: 0 0 15px 0; padding: 0; } .genericPage .text p { width: 264px; font-size: 14px; line-height: 1.2em; margin: 0; padding: 0; } .genericPage .text p a { color: #83b81a; text-decoration: underline; } /* ////CLOUD//// */ /*ShowCase*/ .showcase.cloud { width: 320px; } .showcase.cloud .container { width: 320px; height: 336px; margin: 0 auto; } .showcase.cloud .slide { width: 320px; height: 188px; } .showcase.cloud .slide .content-main-visual { width: 320px; height: 183px; } .showcase.cloud .slide .content-main-visual a { width: 320px; height: 183px; } .showcase.cloud .slide .content-main-visual a.pc { display: none; } .showcase.cloud .slide .content-main-visual a.tablet { display: none; } .showcase.cloud .slide .content-main-visual a.smartphone { display: block; } .showcase.cloud .slide .content-main-visual a img { width: 320px; height: 183px; } .showcase.cloud .slide .content-main-feature { width: 320px; height: 60px; left: 0; top: 183px; } .showcase.cloud .slide .content-main-feature .feature { width: 80px; height: 60px; } .showcase.cloud .slide .content-main-feature .feature a { width: 80px; height: 60px; padding: 0; } .showcase.cloud .slide .content-main-feature .feature a img { top: 8px; left: 18px; width: 43px; height: 44px; display: none; } .showcase.cloud .slide .content-main-feature .feature a img.tablet { display: none; } .showcase.cloud .slide .content-main-feature .feature a img.mobile { display: block; } .showcase.cloud .slide .content-main-feature .feature a span { display: none; } .showcase.cloud .slide .content-main-feature .feature a .timerLine { height: 4px; } .showcase.cloud .content-main-extra .videoSelectors { left: 0px; top: 252px; width: 320px; height: 80px; overflow: hidden; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector { position: relative; float: left; width: 156px; height: 80px; margin: 0 8px 0 0; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector img { position: absolute; top: -49px; left: -15px; } .showcase.cloud .content-main-extra .videoSelectors .videoSelector.last { margin: 0; } .showcase.cloud .content-main-extra .videoContent { width: 320px; height: 248px; } .showcase.cloud .content-main-extra .videoContent .videoContainer { top: 14px; left: 14px; width: 292px; height: 182px; } .showcase.cloud .content-main-extra .videoContent a.close { display: block; position: absolute; top: auto; left: 14px; bottom: 10px; width: 40px; height: 28px; } .pageBanner { display: none; } .contentIcoImages { padding-top: 0px; } .contentIcoImage { width: 264px; padding: 18px; min-height: 0; } .contentIcoImage .text { width: 264px; padding: 0px 0 0 0; } .contentIcoImage h2 { padding: 13px 0 0 12px; font-size: 16px; } .contentIcoImage img.ico { width: 43px; height: 44px; } .contentIcoImage p { padding: 0; line-height: 1.5em; } .contentIcoImage img.bg { display: none; } .contentDownloads { float: left; width: 300px; background-color: transparent; padding: 0; } .contentDownloads h2.mainTitle { width: 264px; padding: 18px; margin: 18px 0; font-size: 16px; background-color: #fff; } .contentDownload { float: left; width: 264px; padding: 18px; border: none; background-color: #fff; margin-bottom: 18px; } .contentDownload.last { border: none; } .contentDownload .title { float: left; clear: both; width: 100%; margin: 0 0 0 0; } .contentDownload h2 { float: left; font-size: 20px; color: #4b5357; font-style: italic; padding: 8px 0 0 12px; line-height: 1.1em; } .contentDownload img.ico { float: left; width: 36px; height: 36px; } .contentDownload .installerDownload { float: left; width: 264px; padding: 0 0 0 0px; background-color: #fff; } .contentDownload .installerDownload p { font-weight: bold; } .contentDownload .qrCodeDownload { display: none; } .contentDownload .storeDownload { float: left; width: 264px; padding: 0 0 0 0px; background-color: #fff; } .contentDownload .storeDownload p { font-weight: bold; } .contentDownload .storeDownload a img { width: 170px; height: 50px; } .contentTutorial { background: white; overflow: hidden; } .contentTutorials .main-tutorial .tutVideo { width: 264px; padding: 0; height: 190px;} .contentTutorials .main-tutorial .text { width: 264px; padding-top: 20px; } .contentSetupTabs { width: 300px; background-color: transparent; padding: 18px 0 0 0; } .contentSetupTabs .label { width: 264px; padding: 27px 18px; background-color: #fff; margin-bottom: 4px; text-align: center; } .contentSetupTabs ul { float: left; width: 300px; } .contentSetupTabs ul li { border: none; width: 300px; height: auto; margin-bottom: 4px; } .contentSetupTabs ul li a { width: 264px; padding: 18px; background-color: #fff; margin-bottom: 4px; } .contentSetupTabs ul li a:hover, .contentSetupTabs ul li a.active { background-color: #83b81a; color: #fff; } .contentSetupTabs ul li a span.selector, .contentSetupTabs ul li a:hover span.selector, .contentSetupTabs ul li a.active span.selector { display: none; } .contentSetupTabs ul li a:hover span, .contentSetupTabs ul li a.active span { color: #fff; } .contentSetupTabs ul li a:hover span.img, .contentSetupTabs ul li a.active span.img { background-position: 0 0; } .contentSetupTabs ul li a.iOS:hover span.img, .contentSetupTabs ul li a.iOS.active span.img { background-position: -36px 0; } .contentSetupTabs ul li a.windows:hover span.img, .contentSetupTabs ul li a.windows.active span.img { background-position: -72px 0; } .contentSetups { padding-top: 18px; } .contentSetup { float: left; width: 264px; padding: 18px; margin: 0 0 18px 0; background-color: #fff; } .contentSetup h2 { float: left; width: 100%; color: #85bb23; font-size: 18px; font-style: italic; margin-bottom: 16px; } .contentSetup .subStep { float: left; width: 264px; padding: 18px 0; border-bottom: solid 1px #cecece; } .contentSetup .subStep.last { border: none; } .contentSetup .subStep p { float: left; width: 160px; margin: 0; padding: 0 0 18px 0; line-height: 1.4em; } .contentSetup .subStep.no-img p { width: 264px; } .contentSetup .subStep.no-img .image { display: none; } .contentSetup .subStep .image { padding: 0 18px; } .contentSetup .subStep .image img { float: right; width: 65px; height: 117px; } /*COOKIES*/ .cookies-box .cookies-menu { width: 300px; } .cookies-box .cookies-message {width: 264px; padding:18px; } /*BYOC*/ .contentTutorial ul li { padding-left: 0px; } .contentTutorial ul li .tutRes { width: 307px; } .contentTutorial ul li .tutRes a img { width: 301px; } .acerNew .byocSectionApp div.imgCrop img.byocComingSoon { left: 100px; top: 134px; } .acerNew img.byocComingSoon { left: 102px; } .acerNew .byocMenu { width: 320px; height: 50px; border-bottom: 1px solid #acacac; position: relative; } .acerNew .byocMenu div { background: #ebefeb; opacity: 1; height: 50px; } .acerNew .byocMenu img { display: none; } .acerNew .byocMenu ul li { height: 50px; } .acerNew .byocMenu ul li.active, .acerNew .byocMenu ul li:hover { background: #ffffff url(img/arrow.png) -919px -2126px no-repeat; } .acerNew .byocMenu ul li a { text-decoration: none; border-right: 1px solid #a7a7a7; color: #606060; text-shadow: none; font-size: 12px; padding-left: 25px; padding-right: 24px; margin-top: 6px; width: 110px; overflow: hidden; } .acerNew .byocMenu ul li a span { color: #606060; text-shadow: none; font-weight: bold; font-size: 20px; } .acerNew .byocVideo div.smartphone { margin: 0 auto; display: block; width: 320px; height: 195px; } .acerNew .byocVideo p { color: #828282; text-shadow: none; width: 306px; font-size: 20px; position: inherit; top: 20px; margin-bottom: 40px; } .acerNew .byocVideo a.play { top: 195px; } .acerNew .byocVideo a.scroll { display: none; } .acerNew .byocIntro p.intro { font-size: 18px; width: auto; margin: 20px 0; } .acerNew .byocIntro div.cont img { display: none; } .acerNew .byocIntro div.cont div { } .acerNew .byocIntro div.cont p { font-size: 16px; width: auto; padding: 0; text-align: center; } .acerNew .byocIntro div.cont p.info { font-size: 13px; } .acerNew .byocSection { margin-bottom: 90px; } .acerNew .byocSection .row-content { } .acerNew .byocSection .row-content .container { width: 307px; text-align: center; position: inherit; height: auto; margin-bottom: 20px; } .acerNew .byocSection .row-content .container div.opacity { display: none; } .acerNew .byocSection .row-content .container div.cont { width: 307px; padding: 0; position: inherit; } .acerNew .byocSection .row-content .container div.cont div.content-link { float: none; margin: 0 auto; width: auto; } .acerNew .byocSection .row-content .container div.cont div.content-link a { float: none; display: inline-block; } .acerNew .byocSection .row-content .container div.cont h2 { width: 280px; margin: 0 auto; font-size: 26px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding-top: 5px; padding-bottom: 5px; } .acerNew .byocSection .row-content .container div.cont span.subTitle { font-size: 19px; margin-top: 20px; } .acerNew .byocSection .row-content .container div.cont p { font-size: 15px; margin-bottom: 25px; } .acerNew .byocSection .background { height: 260px; } .acerNew .byocBanner div.smartphone { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 290px; margin: 0 auto; } .acerNew .byocBanner p { position: inherit; color: #8a8a8a; text-shadow: none; width: 306px; top: 20px; font-size: 20px; margin-bottom: 40px; } .acerNew .byocIntroApp p.intro { font-size: 16px; width: auto; } .acerNew .byocIntroApp div.cont img { width: 307px; height: 136px; } .acerNew .byocIntroApp div.cont p { font-size: 24px; width: 307px; text-align: center; } .acerNew .byocSectionApp { margin: 0px auto 50px auto; } .acerNew .byocSectionApp h1 { width: 307px; } .acerNew .byocSectionApp p { font-size: 18px; width: 307px; } .acerNew .byocSectionApp div.imgCrop { position: relative; width: 307px; overflow: hidden; height: 200px; } .acerNew .byocSectionApp div.imgCrop img { height: 200px; position: absolute; left: -138px; width: auto; } .acerNew .byocSectionApp div h2 { font-size: 22px; } .acerNew .byocSectionApp div p { font-size: 14px; } /*BYOC Setup*/ .acerNew .byocSetup div.step { position:relative; width:300px; min-height: auto; display: block; clear:right; margin-bottom: 10px; } .acerNew .byocSetup div.num { width:300px; height:50px; clear:right; display:block; } .acerNew .byocSetup img.snap { width: 200px; position: relative; margin-left: 50px; } .acerNew .byocSetup div.title { width: 280px; padding: 10px 10px 10px 10px; } .acerNew .byocSetup div.content { width: 280px; padding: 10px 10px 10px 10px; } .acerNew .byocSetup div.windows img.snap { width: 300px; position: relative; margin-left: auto; } .acerNew .byocSetup div.windows div.num { width:300px; } .acerNew .byocSetup div.windows div.title { width:280px; margin-left: 0; } .acerNew .byocSetup div.windows div.content { width:280px; margin-left: 0; } .contentSetupTabsGrayBG { width: 300px; margin: 0 0 18px 0; padding: 18px 0 0 0; background-color: #ededed;} .acerNew .byocMenuFlat { width: 307px; padding-left: 7px; padding-right: 6px; margin-top: 10px; height: 70px; } .acerNew .byocMenuFlat div { height: 70px; } .acerNew .byocMenuFlat div.descrPage { left: 9px; } .acerNew .byocMenuFlat div.descrPage span { line-height: 1.4em; } .acerNew .byocMenuFlat img { display: none; } .acerNew .byocMenuFlat ul { display: none; } /*Hub WOW*/ .acerNew.hubWOW .byocBanner div.smartphone { margin-top: 10px; height: 313px; } .acerNew.hubWOW .byocSectionApp { margin-top: 30px; } .acerNew.hubWOW .byocSectionApp div.content-link { top: 180px; right: -1px; } .acerNew.hubWOW .byocSectionApp div.imgCrop { } .acerNew.hubWOW .byocSectionApp h1 { font-size: 30px; } .acerNew.hubWOW .byocSectionApp p { font-size: 18px; } .acerNew.hubWOW .byocSectionApp .topicSubLinks a { margin-top: 0px; } .acerNew.hubWOW .byocBanner p { left: 0; width: 100%; } .acerNew.hubWOW .byocBanner span { left: 0; width: 100%; } .acerNew.hubWOW .byocBanner div.content-link { left: 0; width: 100%; } .acerNew.hubWOW .byocBanner a { left: 0; width: 100%; } /*InfoMenuTop*/ .acerNewInfo.contMenuOriz { position: relative; height: 67px; margin-top: 11px; } .acerNewInfo.contMenuOriz a.btnOpen { padding-left: 12px; display: block; background: url(img/menu-icon_02.png) right -1179px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNewInfo.contMenuOriz a.btnClose { padding-left: 12px; display: none; background: url(img/menu-icon_02.png) right -1290px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNewInfo.contMenuOriz .menu { display: none; top: 55px; background: #e9f4e4; min-width: inherit; z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; width: 308px; } .acerNewInfo.contMenuOriz ul li { float: none; } .acerNewInfo.contMenuOriz ul li a { text-align: left; font-size: 14px; margin: 20px 5px 15px 5px; border: none; padding: 5px 25px 5px 10px; } .acerNewInfo.contMenuOriz ul li:first-child a { padding-left: 10px; padding-right: 25px; } .acerNewInfo .link a { background-position: -640px -245px; height: 49px; line-height: 1.2em; overflow: hidden; } .acerNewInfo .descrLabel h3 { width: 307px; margin: 15px 0 10px 0; } .acerNewInfo .descrLabel span { float: left; padding: 0; } .acerNewInfo h2.title { font-size: 18px; } .acerNewInfo .box { height: auto; width: 307px; margin: 18px 0 0px 0; } .acerNewInfo .box img { width: 307px; height: auto; padding: 0px; } .acerNewInfo .box .cont { width: 307px; margin-top: 10px; } .acerNewInfo .left { margin-right: 0px; } .acerNewInfo .color { background: #fff; } .acerNewInfo .color img { width: 307px; height: auto; padding: 0px; } .acerNewInfo .full { height: auto; background: #fff; } .acerNewInfo .full .cont { width: 307px; padding-left: 0; } .acerNewInfo .full .cont h4 { height: 50px; } .acerNewInfo .full .cont p { } .acerNewInfo .media a { display: block; margin: 5px 0 0 0; } .acerNewInfo .media a img { width: 307px; height: auto; } .acerNewInfo .media .cont p { margin-top: 0; height: auto; } .acerNewInfo .full .cont p.long { font-size: 15px; } .acerNewInfo .intro div { width: 307px; } .acerNewInfo .intro div h1 { font-size: 24px; } .acerNewInfo .intro div p { font-size: 14px; width: auto; } .acerNewInfo .intro div ul { font-size: 14px; } .acerNewInfo .intro a { width: 100%; text-align: center; } .acerNewInfo .intro a span { display: block; padding-top: 10px; } .acerNewInfo .nav { padding-top: 25px; float: right; } .acerNewInfo .nav ul { display: inline-flex; } .acerNewInfo .nav ul li a { margin-left: 15px; width: 25px; height: 25px; float: left; display: block; background: url(img/edu_arrow.png) 0 -215px no-repeat; } .acerNewInfo .nav ul li a.selected { background: url(img/edu_arrow.png) 0 -159px no-repeat; } .acerNewInfo .contSmall { position: relative; height: 448px; width: 307px; overflow: hidden; } .acerNewInfo ul.download li { width: 281px; } .acerNewInfo ul.download li a.flink { width: 255px; padding: 0; display: block; font-size: 13px; color: #3f9c35; font-weight: bold; } .acerNewInfo ul.download li a { display: none; } .acerNewInfo ul.download li a.mobile { border: none; display: block; background: url(img/arrow.png) right -1220px no-repeat; height: 15px; padding: 0; width: 15px;} /*Education*/ .acerNew.eduRow .link a { background-position: -640px -245px; height: 49px; line-height: 1.2em; overflow: hidden; } .acerNew.eduRow .descrLabel h3 { width: 307px; margin: 15px 0 10px 0; } .acerNew.eduRow .descrLabel span { float: left; padding: 0; } .acerNew.eduRow h2.title { font-size: 18px; } .acerNew.eduRow .box { height: auto; width: 307px; margin: 18px 0 0px 0; background: #eeeaf4; } .acerNew.eduRow .box img { width: 307px; height: auto; padding: 0px; } .acerNew.eduRow .box .cont { width: 307px; margin-top: 10px; } .acerNew.eduRow .left { margin-right: 0px; } .acerNew.eduRow .color { background: #fff; } .acerNew.eduRow .color img { width: 307px; height: auto; padding: 0px; } .acerNew.eduRow .full { height: auto; background: #fff; } .acerNew.eduRow .full .cont { width: 307px; padding-left: 0; } .acerNew.eduRow .full .cont h4 { height: 50px; } .acerNew.eduRow .full .cont p { } .acerNew.eduRow .media a { display: block; margin: 5px 0 0 0; } .acerNew.eduRow .media a img { width: 307px; height: auto; } .acerNew.eduRow .media .cont p { margin-top: 0; height: auto; } .acerNew.eduRow .full .cont p.long { font-size: 15px; } .acerNew.eduRow.light-violet { background: #eeeaf4; } .acerNew.eduRow { } .acerNew.eduRow .nav { padding-top: 25px; float: right; } .acerNew.eduRow .nav ul { display: inline-flex; } .acerNew.eduRow .nav ul li a { margin-left: 15px; width: 25px; height: 25px; float: left; display: block; background: url(img/edu_arrow.png) 0 -215px no-repeat; } .acerNew.eduRow .nav ul li a.selected { background: url(img/edu_arrow.png) 0 -159px no-repeat; } .acerNew.eduRow .contSmall { position: relative; height: 448px; width: 307px; overflow: hidden; } .acerNew.eduRow ul.download li { width: 281px; } .acerNew.eduRow ul.download li a.flink { width: 255px; padding: 0; display: block; font-size: 13px; color: #582e91; font-weight: bold; } .acerNew.eduRow ul.download li a { display: none; } .acerNew.eduRow ul.download li a.mobile { border: none; display: block; background: url(img/arrow.png) right -1220px no-repeat; height: 15px; padding: 0; width: 15px;} .acerNew.eduMenu { position: relative; height: 67px; margin-top: 11px; } .acerNew.eduMenu a.btnOpen { padding-left: 12px; display: block; background: url(img/menu-icon_02.png) right -1179px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNew.eduMenu a.btnClose { padding-left: 12px; display: none; background: url(img/menu-icon_02.png) right -1290px no-repeat; padding-right: 35px; height: 20px; padding-top: 5px; margin-top: 25px; } .acerNew.eduMenu .menu { display: none; top: 55px; background: #efebf4; min-width: inherit; z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; width: 308px; } .acerNew.eduMenu ul li { float: none; } .acerNew.eduMenu ul li a { text-align: left; font-size: 14px; margin: 20px 5px 15px 5px; border: none; padding: 5px 25px 5px 10px; } .acerNew.eduMenu ul li:first-child a { padding-left: 10px; padding-right: 25px; } .acerNew .eduIntro div { width: 307px; } .acerNew .eduIntro div h1 { font-size: 24px; } .acerNew .eduIntro div p { font-size: 14px; width: auto; } .acerNew .eduIntro div ul { font-size: 14px; } .acerNew .eduIntro a { width: 100%; text-align: center; } .acerNew .eduIntro a span { display: block; padding-top: 10px; } .acerNew .eduSelTab ul { float: left; width: 307px; height: auto; } .acerNew .eduSelTab ul.mobile { display: block; height: auto; margin-top: 1px; } .acerNew .eduSelTab ul.noMobile { display: none; } .acerNew .eduSelTab ul li { width: 307px; overflow: hidden; } .acerNew .eduSelTab ul li a.mobile.current { background: #9b82bd; } .acerNew .eduSelTab ul li a.tab { border-left: 10px solid #9b82bd; width: 267px; margin-top: 5px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; background: #cdc0de; padding-left: 10px; } .acerNew .eduSelTab ul li a.tab.current { margin-top: 5px; border-left: 10px solid #9b82bd; } .acerNew .eduSelTab ul li:first-child a.tab { border-left: 10px solid #9b82bd; } .acerNew .eduSelTab ul li a.tab.selected { background: #cdc0de; margin-top: 5px; border-left: 10px solid #9b82bd; } .acerNew .eduSelTab ul li a.tab.sel { background: #9b82bd; } .acerNew .eduSelTab ul li a.tab.current.open { background: #cdc0de; } .acerNew .eduSelTab ul li a.tab span { line-height: 1.5em; width: auto; color: #fff; float: left; padding-left: 5px; } .acerNew .eduSelTab ul.mobile li a { border-right: none; border-top: none; border-left: none; width: 307px; background: #cdc0de; display: block; overflow: hidden; height: 35px; margin: 0px; border-bottom: 1px solid #9b82bd; } .acerNew .eduSelTab ul li a.current span { } .acerNew .eduSelTab ul li a.third:hover { height: 35px; } .acerNew .eduSelTab ul li a.second img { top: -88px; } .acerNew .eduSelTab ul li a.third img { top: -195px; } .acerNew .eduSelTab ul li a { background: none; float: left; } .acerNew .eduSelTab ul li a img { opacity: 1; position: absolute; top: 0px; padding: 0 0 0 25px; width: 35px; height: auto; float: left; } .acerNew .eduSelTab ul li a span { opacity: 1; width: auto; text-align: left; opacity: 1; color: #fff; padding: 0; position: absolute; left: 70px; font-size: 15px; top: 8px; } .acerNew .eduSelTabBig ul.mobile { height: auto; margin-top: 1px; display: block; } .acerNew .eduSelTabBig ul.mobile li a { } .acerNew .eduSelTabBig ul.mobile li a.current { background: #9b82bd; } .acerNew .eduSelTabBig ul.noMobile { display: none; height: auto; margin-top: 1px; } .acerNew .eduSelTabBig ul { float: left; width: 307px; height: auto; } .acerNew .eduSelTabBig ul li { position: relative; width: 307px; overflow: hidden; } .acerNew .eduSelTabBig ul li a.mobile.current { background: #9b82bd; } .acerNew .eduSelTabBig ul li a.first.mobile { margin-top: 1px; } .acerNew .eduSelTabBig ul li a.tab { border-left: 10px solid #9b82bd; width: 267px; margin-top: 5px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; background: #cdc0de; padding-left: 10px; } .acerNew .eduSelTabBig ul li:first-child a.tab { border-left: 10px solid #9b82bd; } .acerNew .eduSelTabBig ul li a.tab.current.open { background: #cdc0de; } .acerNew .eduSelTabBig ul li a.tab.current { background: #9b82bd; margin-top: 5px; border-left: 10px solid #9b82bd; } .acerNew .eduSelTabBig ul li a.tab.sel { background: #9b82bd; } .acerNew .eduSelTabBig ul li a.tab span { line-height: 1.5em; color: #fff; float: left; padding-left: 5px; } .acerNew .eduSelTabBig ul li a.mobile { width: 307px; background: #cdc0de; display: block; overflow: hidden; height: 35px; margin: 0px; border-bottom: 1px solid #9b82bd; } .acerNew .eduSelTabBig ul li a.first.active { background: #9b82bd; margin-top: 2px; } .acerNew .eduSelTabBig ul li a.active span { } .acerNew .eduSelTabBig ul li a.third:hover { height: 35px; } .acerNew .eduSelTabBig ul li a.second img { top: -88px; } .acerNew .eduSelTabBig ul li a.third img { top: -195px; } .acerNew .eduSelTabBig ul li a { padding: 0; border-top: none; border-left: none; width: 307px; background: #cdc0de; display: block; overflow: hidden; height: 35px; margin: 0px; border-bottom: 1px solid #9b82bd; } .acerNew .eduSelTabBig ul li a img { opacity: 1; position: absolute; top: 0px; padding: 0 0 0 25px; width: 35px; height: auto; float: left; } .acerNew .eduSelTabBig ul li a span { opacity: 1; color: #fff; padding: 0; position: absolute; left: 70px; font-size: 15px; top: 8px; } .acerNew .eduSelTabBig ul.border { display: none; } .acerNew .eduSelTabBig .container { float: left; padding: 0; width: 307px; border: none; } .acerNew .eduSelTabBig .container .box.full .cont { width: 307px; } .acerNew .eduSelTabBig .container ul.download { width: 307px; } .acerNew .eduSelTabBig .container ul.download li { width: 281px; } .acerNew .eduSelTabBig .container span.intro { border-top: none; } /*InfoMenuTop*/ .acerNew.acerNewInfo .selTabBig ul li a.tab.current { background: #85bb23; } .acerNew.acerNewInfo .selTabBig ul li:first-child a.tab { margin-top: 0px; } .acerNew.acerNewInfo .selTabBig ul li a.tab { background: #e9f4e4; border-left: 10px solid #85bb23; } .acerNew.acerNewInfo .selTabBig ul li a.tab.current span { color: #fff; } .acerNew.acerNewInfo .selTabBig ul li a.tab span { color: #77787b; } .acerNew.acerNewInfo .selTabBig ul.mobile { height: auto; margin-top: 1px; display: block; } .acerNew.acerNewInfo .selTabBig ul.mobile li a { background: #e9f4e4; color: #77787b; } .acerNew.acerNewInfo .selTabBig ul.mobile li a.current { background: #85bb23; border-left: 10px solid #85bb23; } .acerNew.acerNewInfo .selTabBig ul.mobile li a span { color: #77787b; } .acerNew.acerNewInfo .selTabBig ul li a.current span { color: #fff; } .acerNew.acerNewInfo .selTabBig ul.noMobile { display: none; height: auto; margin-top: 1px; } .acerNew.acerNewInfo .selTabBig ul { float: left; width: 307px; height: auto; } .acerNew.acerNewInfo .selTabBig ul li { position: relative; width: 307px; overflow: hidden; } .acerNew.acerNewInfo .selTabBig ul li a.mobile.current { background: #9b82bd; } .acerNew.acerNewInfo .selTabBig ul li a.first.mobile { margin-top: 1px; } .acerNew.acerNewInfo .selTabBig ul li a.tab { border-left: 10px solid #85bb23; width: 267px; margin-top: 5px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; background: #e9f4e4; padding-left: 10px; } .acerNew.acerNewInfo .selTabBig ul li:first-child a.tab { } .acerNew.acerNewInfo .selTabBig ul li a.tab.current.open { } .acerNew.acerNewInfo .selTabBig ul li a.tab.current { background: #85bb23; margin-top: 5px; border-left: 10px solid #85bb23; } .acerNew.acerNewInfo .selTabBig ul li a.tab.sel { background: #9b82bd; } .acerNew.acerNewInfo .selTabBig ul li a.tab span { line-height: 1.5em; color: #77787b; float: left; padding-left: 5px; } .acerNew.acerNewInfo .selTabBig ul li a.mobile { width: 307px; background: #cdc0de; display: block; overflow: hidden; height: 35px; margin: 0px; border-bottom: 1px solid #9b82bd; } .acerNew.acerNewInfo .selTabBig ul li a.first.active { background: #9b82bd; margin-top: 2px; } .acerNew.acerNewInfo .selTabBig ul li a.active span { } .acerNew.acerNewInfo .selTabBig ul li a.third:hover { height: 35px; } .acerNew.acerNewInfo .selTabBig ul li a.second img { top: -88px; } .acerNew.acerNewInfo .selTabBig ul li a.third img { top: -195px; } .acerNew.acerNewInfo .selTabBig ul li a { padding: 0; border-top: none; border-left: none; width: 307px; background: #cdc0de; display: block; overflow: hidden; height: 35px; margin: 0px; border-bottom: 1px solid #85bb23; } .acerNew.acerNewInfo .selTabBig ul li a img { opacity: 1; position: absolute; top: 0px; padding: 0 0 0 25px; width: 35px; height: auto; float: left; } .acerNew.acerNewInfo .selTabBig ul li a span { opacity: 1; color: #fff; padding: 0; position: absolute; left: 70px; font-size: 15px; top: 8px; } .acerNew.acerNewInfo .selTabBig ul.border { display: none; } .acerNew.acerNewInfo .selTabBig .container { float: left; padding: 0; width: 307px; border: none; } .acerNew.acerNewInfo .selTabBig .container .box.full .cont { width: 307px; } .acerNew.acerNewInfo .selTabBig .container ul.download { width: 307px; } .acerNew.acerNewInfo .selTabBig .container ul.download li { width: 281px; } .acerNew.acerNewInfo .selTabBig .container span.intro { border-top: none; } .acerNew.acerNewInfo .selTabBig .container .acerNewInfo .descrLabel { width: auto; } .acerNew.acerNewInfo .selTabBig .container .box.full { width: auto; } /*contentInfo*/ .contentInfo h2 { font-size: 20px; line-height: 24px; margin-bottom: 25px; } .contentInfo h3 { font-size: 16px; line-height: 22px; } .contentInfo p { font-size: 14px; line-height: 20px; } .contentInfo .block-img p { width: 307px; margin-top: 25px; text-align: center; } .contentInfo .block-img img { margin: 0 auto; float: none; } .contentInfo .banner .cont { padding: 0; width: 307px; height: 100%; background: transparent; position: inherit; } .contentInfo .banner img { display: none; } .contentInfo .banner .cont img.center { position: inherit; margin: 25px auto; } .contentInfo .banner .cont p { display: none; } .contentInfo .banner .cont img { display: block; margin: 50px auto; } .contentInfo .banner .cont a.link { margin-bottom: 50px; } .contentInfo ul.list-4 li, .contentInfo ul.list-3 li { width: 307px; margin-bottom: 25px; min-height: inherit; } .contentInfo .prod-list .link li a { width: 10px; height: 10px; overflow: hidden; background: #a8a8a8; border-radius: 50%; margin-left: 5px; margin-right: 5px; } .contentInfo .prod-list .link li a.active { background: #4f4e4f; } .contentInfo .prod-list .link { width: auto; border-bottom: none; margin: 0 auto; display: table; padding-bottom: 0; } .acerNew .contSelect select { width: 100%; margin: 8px 0; } .acerNew .contSelect .button { margin-top: 18px; } .acerNew .contMap .map { width: 307px; border: none; margin-right: 0; padding: 0; } .acerNew .contMap .profile { width: 307px; } .acerNew .contSelect .content-link { margin-left: 0px; margin-top: 18px; } .acerNew .contGallery .images li img { width: 307px; height: auto; } .acerNew .contGallery .images { height: 155px; } .acerNew.contBanner h1 { top: 75px; } .acerNew.contBanner h3 { top: 130px } .acerNew.contBanner { height: 200px; } }