* { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } html { height: 100%; } body { height: 100%; width: 100%; font-family: "SimpleSans", Arial, sans-serif; position: absolute; top: 0; left: 0; } body .body-wrap { width: 100%; background: #FFF; } .lt-ie9 body { min-width: 1016px; } .container-fluid { max-width: 976px; margin: 0 auto; } #background_overlay { background: rgba(0, 0, 0, 0.85); display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 10; } .lt-ie9 #background_overlay { background: url("../img/nav/1x1-nav-bg.png"); } .main-content { padding-bottom: 70px; background-color: #FFF; } .lt-ie9 .backstretch { background: none !important; } .lt-ie8 .span3 { width: 21%; } .lt-ie8 .span4 { width: 31%; } .body-col8 { width: 85%; *width: 85%; display: inline-block; } .body-section { margin-bottom: 60px; } #full_body { position: absolute; top: 0; left: 0; width: 100%; margin-top: -100px; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } #full_body.alert { top: 100px; } #full_body .alert-frame { height: 100px; background: #004165; color: #FFF; font: 18px/21px "SimpleSansMedium", Arial, sans-serif; } #full_body .alert-frame .alert-inner { max-width: 976px; margin: 0 auto; padding-top: 25px; } #full_body .alert-frame p { margin-top: 0; } #full_body .alert-frame .alert-button { background: #00a9e0; padding: 10px 20px; text-align: center; color: #FFF; } #full_body .alert-frame .alert-button:hover { background: #06b5ee; /* Old browsers */ background: -moz-linear-gradient(45deg, #06b5ee 15%, #02aee6 70%, #00a9e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(15%, #06b5ee), color-stop(70%, #02aee6), color-stop(100%, #00a9e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #06b5ee 15%, #02aee6 70%, #00a9e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #06b5ee 15%, #02aee6 70%, #00a9e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #06b5ee 15%, #02aee6 70%, #00a9e0 100%); /* IE10+ */ background: linear-gradient(45deg, #06b5ee 15%, #02aee6 70%, #00a9e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06b5ee', endColorstr='#00a9e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .clear { clear: both; } .top-border { border-top: 1px solid #DDD; padding-top: 10px; } .no-bottom-pad { padding-bottom: 0 !important; } .no-bottom-margin { margin-bottom: 0 !important; } .body-start { margin-top: 30px; } .margin-bottom-standard { margin-bottom: 30px; } .spin-anim { -moz-transition: background-position 200ms, -webkit-transform 200ms linear; /* FF3.7+ */ -o-transition: background-position 200ms, -webkit-transform 200ms linear; /* Opera 10.5 */ -webkit-transition: background-position 200ms, -webkit-transform 200ms linear; /* Saf3.2+, Chrome */ transition: background-position 200ms, -webkit-transform 200ms linear; } .controls.icon-blue-arrow-down { background-image: url("../img/icons/sprite-controls.svg"); background-position: center 0px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-down { background-image: url("../img/icons/sprite-controls.png"); background-position: center 0px; } .controls.icon-blue-arrow-up { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -50px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-up { background-image: url("../img/icons/sprite-controls.png"); background-position: center -50px; } .controls.icon-blue-arrow-left { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -100px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-left { background-image: url("../img/icons/sprite-controls.png"); background-position: center -100px; } .controls.icon-blue-arrow-right { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -150px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-right { background-image: url("../img/icons/sprite-controls.png"); background-position: center -150px; } .controls.icon-blue-arrow-right-hover { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -200px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-right-hover { background-image: url("../img/icons/sprite-controls.png"); background-position: center -200px; } .controls.icon-blue-check { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -250px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-check { background-image: url("../img/icons/sprite-controls.png"); background-position: center -250px; } .controls.icon-blue-close { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -300px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-close { background-image: url("../img/icons/sprite-controls.png"); background-position: center -300px; } .controls.icon-blue-list { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -350px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-list { background-image: url("../img/icons/sprite-controls.png"); background-position: center -350px; } .controls.icon-blue-search { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -400px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-search { background-image: url("../img/icons/sprite-controls.png"); background-position: center -400px; } .controls.icon-white-arrow-down { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -450px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-down { background-image: url("../img/icons/sprite-controls.png"); background-position: center -450px; } .controls.icon-white-arrow-up { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -500px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-up { background-image: url("../img/icons/sprite-controls.png"); background-position: center -500px; } .controls.icon-white-arrow-left { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -550px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-left { background-image: url("../img/icons/sprite-controls.png"); background-position: center -550px; } .controls.icon-white-arrow-right { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -600px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-right { background-image: url("../img/icons/sprite-controls.png"); background-position: center -600px; } .controls.icon-white-arrow-right-hover { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -650px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-right-hover { background-image: url("../img/icons/sprite-controls.png"); background-position: center -650px; } .controls.icon-white-check { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -700px; background-repeat: no-repeat; } .no-svg .controls.icon-white-check { background-image: url("../img/icons/sprite-controls.png"); background-position: center -700px; } .controls.icon-white-close { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -750px; background-repeat: no-repeat; } .no-svg .controls.icon-white-close { background-image: url("../img/icons/sprite-controls.png"); background-position: center -750px; } .controls.icon-white-list { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -800px; background-repeat: no-repeat; } .no-svg .controls.icon-white-list { background-image: url("../img/icons/sprite-controls.png"); background-position: center -800px; } .controls.icon-white-search { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -850px; background-repeat: no-repeat; } .no-svg .controls.icon-white-search { background-image: url("../img/icons/sprite-controls.png"); background-position: center -850px; } .controls.icon-gray-arrow-down { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -900px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-arrow-down { background-image: url("../img/icons/sprite-controls.png"); background-position: center -900px; } .controls.icon-gray-arrow-up { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -950px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-arrow-up { background-image: url("../img/icons/sprite-controls.png"); background-position: center -950px; } .controls.icon-gray-arrow-left { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1000px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-arrow-left { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1000px; } .controls.icon-gray-arrow-right { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1050px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-arrow-right { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1050px; } .controls.icon-gray-arrow-right-hover { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1100px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-arrow-right-hover { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1100px; } .controls.icon-gray-check { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1150px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-check { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1150px; } .controls.icon-gray-close { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1200px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-close { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1200px; } .controls.icon-gray-list { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1250px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-list { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1250px; } .controls.icon-gray-search { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1300px; background-repeat: no-repeat; } .no-svg .controls.icon-gray-search { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1300px; } .controls.icon-blue-arrow-right-small { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1350px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-right-small { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1350px; } .controls.icon-blue-arrow-right-small-hover { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1400px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-arrow-right-small-hover { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1400px; } .controls.icon-white-arrow-right-small { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1450px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-right-small { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1450px; } .controls.icon-white-arrow-left-small { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1500px; background-repeat: no-repeat; } .no-svg .controls.icon-white-arrow-left-small { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1500px; } .controls.icon-blue-grid { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1550px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-grid { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1550px; } .controls.icon-blue-dark-search { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1600px; background-repeat: no-repeat; } .no-svg .controls.icon-blue-dark-search { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1600px; } .controls.icon-orange-arrow-down { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1650px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-arrow-down { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1650px; } .controls.icon-orange-arrow-up { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1700px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-arrow-up { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1700px; } .controls.icon-orange-arrow-left { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1750px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-arrow-left { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1750px; } .controls.icon-orange-arrow-right { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1800px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-arrow-right { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1800px; } .controls.icon-orange-arrow-right-hover { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1850px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-arrow-right-hover { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1850px; } .controls.icon-orange-check { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1900px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-check { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1900px; } .controls.icon-orange-close { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -1950px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-close { background-image: url("../img/icons/sprite-controls.png"); background-position: center -1950px; } .controls.icon-orange-list { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -2000px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-list { background-image: url("../img/icons/sprite-controls.png"); background-position: center -2000px; } .controls.icon-orange-search { background-image: url("../img/icons/sprite-controls.svg"); background-position: center -2050px; background-repeat: no-repeat; } .no-svg .controls.icon-orange-search { background-image: url("../img/icons/sprite-controls.png"); background-position: center -2050px; } .brand.icon-all { background-image: url("../img/icons-brand/all-.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-all { background-image: url("../img/icons-brand/all-.png"); } .no-svg .brand.icon-all.size-43x30 { background-image: url("../img/icons-brand/all-43x30.png"); } .brand.icon-all-topics-2 { background-image: url("../img/icons-brand/all-topics-2.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-all-topics-2 { background-image: url("../img/icons-brand/all-topics-2.png"); } .brand.icon-all-topics { background-image: url("../img/icons-brand/all-topics.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-all-topics { background-image: url("../img/icons-brand/all-topics.png"); } .brand.icon-analytics { background-image: url("../img/icons-brand/analytics.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-analytics { background-image: url("../img/icons-brand/analytics.png"); } .brand.icon-announcements { background-image: url("../img/icons-brand/announcements.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-announcements { background-image: url("../img/icons-brand/announcements.png"); } .brand.icon-atm { background-image: url("../img/icons-brand/atm.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-atm { background-image: url("../img/icons-brand/atm.png"); } .brand.icon-awards-1 { background-image: url("../img/icons-brand/awards-1.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-awards-1 { background-image: url("../img/icons-brand/awards-1.png"); } .brand.icon-awards-2 { background-image: url("../img/icons-brand/awards-2.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-awards-2 { background-image: url("../img/icons-brand/awards-2.png"); } .brand.icon-careers { background-image: url("../img/icons-brand/careers.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-careers { background-image: url("../img/icons-brand/careers.png"); } .brand.icon-chat { background-image: url("../img/icons-brand/chat.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-chat { background-image: url("../img/icons-brand/chat.png"); } .brand.icon-check { background-image: url("../img/icons-brand/check.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-check { background-image: url("../img/icons-brand/check.png"); } .brand.icon-connect { background-image: url("../img/icons-brand/connect.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-connect { background-image: url("../img/icons-brand/connect.png"); } .brand.icon-corporate-responsibility { background-image: url("../img/icons-brand/corporate-responsibility.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-corporate-responsibility { background-image: url("../img/icons-brand/corporate-responsibility.png"); } .brand.icon-credit-card { background-image: url("../img/icons-brand/credit-card.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-credit-card { background-image: url("../img/icons-brand/credit-card.png"); } .brand.icon-customer-center { background-image: url("../img/icons-brand/customer-center.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-customer-center { background-image: url("../img/icons-brand/customer-center.png"); } .brand.icon-document { background-image: url("../img/icons-brand/document.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-document { background-image: url("../img/icons-brand/document.png"); } .brand.icon-download { background-image: url("../img/icons-brand/download.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-download { background-image: url("../img/icons-brand/download.png"); } .brand.icon-education { background-image: url("../img/icons-brand/education.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-education { background-image: url("../img/icons-brand/education.png"); } .brand.icon-extranets { background-image: url("../img/icons-brand/extranets.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-extranets { background-image: url("../img/icons-brand/extranets.png"); } .brand.icon-financial { background-image: url("../img/icons-brand/financial.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-financial { background-image: url("../img/icons-brand/financial.png"); } .brand.icon-gift-card { background-image: url("../img/icons-brand/gift-card.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-gift-card { background-image: url("../img/icons-brand/gift-card.png"); } .brand.icon-globe { background-image: url("../img/icons-brand/globe.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-globe { background-image: url("../img/icons-brand/globe.png"); } .brand.icon-government { background-image: url("../img/icons-brand/government.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-government { background-image: url("../img/icons-brand/government.png"); } .brand.icon-grads { background-image: url("../img/icons-brand/grads.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-grads { background-image: url("../img/icons-brand/grads.png"); } .brand.icon-history { background-image: url("../img/icons-brand/history.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-history { background-image: url("../img/icons-brand/history.png"); } .brand.icon-image { background-image: url("../img/icons-brand/image.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-image { background-image: url("../img/icons-brand/image.png"); } .brand.icon-industries { background-image: url("../img/icons-brand/industries.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-industries { background-image: url("../img/icons-brand/industries.png"); } .brand.icon-insights { background-image: url("../img/icons-brand/insights.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-insights { background-image: url("../img/icons-brand/insights.png"); } .brand.icon-investor-relations { background-image: url("../img/icons-brand/investor-relations.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-investor-relations { background-image: url("../img/icons-brand/investor-relations.png"); } .brand.icon-list { background-image: url("../img/icons-brand/list.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-list { background-image: url("../img/icons-brand/list.png"); } .brand.icon-mail { background-image: url("../img/icons-brand/mail.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-mail { background-image: url("../img/icons-brand/mail.png"); } .brand.icon-marketing-solutions { background-image: url("../img/icons-brand/marketing-solutions.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-marketing-solutions { background-image: url("../img/icons-brand/marketing-solutions.png"); } .brand.icon-merchant { background-image: url("../img/icons-brand/merchant.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-merchant { background-image: url("../img/icons-brand/merchant.png"); } .brand.icon-mobile-payments { background-image: url("../img/icons-brand/mobile-payments.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-mobile-payments { background-image: url("../img/icons-brand/mobile-payments.png"); } .brand.icon-modal { background-image: url("../img/icons-brand/modal.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-modal { background-image: url("../img/icons-brand/modal.png"); } .brand.icon-new-window { background-image: url("../img/icons-brand/new-window.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-new-window { background-image: url("../img/icons-brand/new-window.png"); } .brand.icon-features-new-window { background-image: url("../img/icons-brand/features-new-window.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-features-new-window { background-image: url("../img/icons-brand/features-new-window.png"); } .brand.icon-news { background-image: url("../img/icons-brand/news.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-news { background-image: url("../img/icons-brand/news.png"); } .brand.icon-online-payments { background-image: url("../img/icons-brand/online-payments.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-online-payments { background-image: url("../img/icons-brand/online-payments.png"); } .brand.icon-other-topics { background-image: url("../img/icons-brand/other-topics.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-other-topics { background-image: url("../img/icons-brand/other-topics.png"); } .brand.icon-phone { background-image: url("../img/icons-brand/phone.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-phone { background-image: url("../img/icons-brand/phone.png"); } .brand.icon-pin { background-image: url("../img/icons-brand/pin.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-pin { background-image: url("../img/icons-brand/pin.png"); } .brand.icon-products { background-image: url("../img/icons-brand/products.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-products { background-image: url("../img/icons-brand/products.png"); } .brand.icon-radio-frequency { background-image: url("../img/icons-brand/radio-frequency.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-radio-frequency { background-image: url("../img/icons-brand/radio-frequency.png"); } .brand.icon-security { background-image: url("../img/icons-brand/security.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-security { background-image: url("../img/icons-brand/security.png"); } .brand.icon-small-merchant { background-image: url("../img/icons-brand/small-merchant.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-small-merchant { background-image: url("../img/icons-brand/small-merchant.png"); } .brand.icon-success-stories { background-image: url("../img/icons-brand/success-stories.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-success-stories { background-image: url("../img/icons-brand/success-stories.png"); } .brand.icon-support { background-image: url("../img/icons-brand/support.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-support { background-image: url("../img/icons-brand/support.png"); } .brand.icon-technology { background-image: url("../img/icons-brand/technology.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-technology { background-image: url("../img/icons-brand/technology.png"); } .brand.icon-transportation { background-image: url("../img/icons-brand/transportation.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-transportation { background-image: url("../img/icons-brand/transportation.png"); } .brand.icon-two-people-1 { background-image: url("../img/icons-brand/two-people-1.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-two-people-1 { background-image: url("../img/icons-brand/two-people-1.png"); } .brand.icon-two-people-2 { background-image: url("../img/icons-brand/two-people-2.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-two-people-2 { background-image: url("../img/icons-brand/two-people-2.png"); } .brand.icon-video { background-image: url("../img/icons-brand/video.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand.icon-video { background-image: url("../img/icons-brand/video.png"); } .brand-white.icon-all { background-image: url("../img/icons-brand/white/all-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-all { background-image: url("../img/icons-brand/white/all-white.png"); } .no-svg .brand-white.icon-all.size-43x30 { background-image: url("../img/icons-brand/white/all-43x30-white.png"); } .brand-white.icon-all-topics-2 { background-image: url("../img/icons-brand/white/all-topics-2-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-all-topics-2 { background-image: url("../img/icons-brand/white/all-topics-2-white.png"); } .brand-white.icon-all-topics { background-image: url("../img/icons-brand/white/all-topics-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-all-topics { background-image: url("../img/icons-brand/white/all-topics-white.png"); } .brand-white.icon-analytics { background-image: url("../img/icons-brand/white/analytics-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-analytics { background-image: url("../img/icons-brand/white/analytics-white.png"); } .brand-white.icon-announcements { background-image: url("../img/icons-brand/white/announcements-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-announcements { background-image: url("../img/icons-brand/white/announcements-white.png"); } .brand-white.icon-atm { background-image: url("../img/icons-brand/white/atm-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-atm { background-image: url("../img/icons-brand/white/atm-white.png"); } .brand-white.icon-awards-1 { background-image: url("../img/icons-brand/white/awards-1-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-awards-1 { background-image: url("../img/icons-brand/white/awards-1-white.png"); } .brand-white.icon-awards-2 { background-image: url("../img/icons-brand/white/awards-2-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-awards-2 { background-image: url("../img/icons-brand/white/awards-2-white.png"); } .brand-white.icon-careers { background-image: url("../img/icons-brand/white/careers-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-careers { background-image: url("../img/icons-brand/white/careers-white.png"); } .brand-white.icon-chat { background-image: url("../img/icons-brand/white/chat-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-chat { background-image: url("../img/icons-brand/white/chat-white.png"); } .brand-white.icon-check { background-image: url("../img/icons-brand/white/check-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-check { background-image: url("../img/icons-brand/white/check-white.png"); } .brand-white.icon-connect { background-image: url("../img/icons-brand/white/connect-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-connect { background-image: url("../img/icons-brand/white/connect-white.png"); } .brand-white.icon-corporate-responsibility { background-image: url("../img/icons-brand/white/corporate-responsibility-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-corporate-responsibility { background-image: url("../img/icons-brand/white/corporate-responsibility-white.png"); } .brand-white.icon-credit-card { background-image: url("../img/icons-brand/white/credit-card-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-credit-card { background-image: url("../img/icons-brand/white/credit-card-white.png"); } .brand-white.icon-customer-center { background-image: url("../img/icons-brand/white/customer-center-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-customer-center { background-image: url("../img/icons-brand/white/customer-center-white.png"); } .brand-white.icon-document { background-image: url("../img/icons-brand/white/document-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-document { background-image: url("../img/icons-brand/white/document-white.png"); } .brand-white.icon-download { background-image: url("../img/icons-brand/white/download-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-download { background-image: url("../img/icons-brand/white/download-white.png"); } .brand-white.icon-education { background-image: url("../img/icons-brand/white/education-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-education { background-image: url("../img/icons-brand/white/education-white.png"); } .brand-white.icon-extranets { background-image: url("../img/icons-brand/white/extranets-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-extranets { background-image: url("../img/icons-brand/white/extranets-white.png"); } .brand-white.icon-financial { background-image: url("../img/icons-brand/white/financial-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-financial { background-image: url("../img/icons-brand/white/financial-white.png"); } .brand-white.icon-gift-card { background-image: url("../img/icons-brand/white/gift-card-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-gift-card { background-image: url("../img/icons-brand/white/gift-card-white.png"); } .brand-white.icon-globe { background-image: url("../img/icons-brand/white/globe-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-globe { background-image: url("../img/icons-brand/white/globe-white.png"); } .brand-white.icon-government { background-image: url("../img/icons-brand/white/government-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-government { background-image: url("../img/icons-brand/white/government-white.png"); } .brand-white.icon-grads { background-image: url("../img/icons-brand/white/grads-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-grads { background-image: url("../img/icons-brand/white/grads-white.png"); } .brand-white.icon-history { background-image: url("../img/icons-brand/white/history-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-history { background-image: url("../img/icons-brand/white/history-white.png"); } .brand-white.icon-image { background-image: url("../img/icons-brand/white/image-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-image { background-image: url("../img/icons-brand/white/image-white.png"); } .brand-white.icon-industries { background-image: url("../img/icons-brand/white/industries-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-industries { background-image: url("../img/icons-brand/white/industries-white.png"); } .brand-white.icon-insights { background-image: url("../img/icons-brand/white/insights-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-insights { background-image: url("../img/icons-brand/white/insights-white.png"); } .brand-white.icon-investor-relations { background-image: url("../img/icons-brand/white/investor-relations-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-investor-relations { background-image: url("../img/icons-brand/white/investor-relations-white.png"); } .brand-white.icon-list { background-image: url("../img/icons-brand/white/list-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-list { background-image: url("../img/icons-brand/white/list-white.png"); } .brand-white.icon-mail { background-image: url("../img/icons-brand/white/mail-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-mail { background-image: url("../img/icons-brand/white/mail-white.png"); } .brand-white.icon-marketing-solutions { background-image: url("../img/icons-brand/white/marketing-solutions-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-marketing-solutions { background-image: url("../img/icons-brand/white/marketing-solutions-white.png"); } .brand-white.icon-merchant { background-image: url("../img/icons-brand/white/merchant-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-merchant { background-image: url("../img/icons-brand/white/merchant-white.png"); } .brand-white.icon-mobile-payments { background-image: url("../img/icons-brand/white/mobile-payments-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-mobile-payments { background-image: url("../img/icons-brand/white/mobile-payments-white.png"); } .brand-white.icon-modal { background-image: url("../img/icons-brand/white/modal-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-modal { background-image: url("../img/icons-brand/white/modal-white.png"); } .brand-white.icon-new-window { background-image: url("../img/icons-brand/white/new-window-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-new-window { background-image: url("../img/icons-brand/white/new-window-white.png"); } .brand-white.icon-news { background-image: url("../img/icons-brand/white/news-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-news { background-image: url("../img/icons-brand/white/news-white.png"); } .brand-white.icon-online-payments { background-image: url("../img/icons-brand/white/online-payments-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-online-payments { background-image: url("../img/icons-brand/white/online-payments-white.png"); } .brand-white.icon-other-topics { background-image: url("../img/icons-brand/white/other-topics-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-other-topics { background-image: url("../img/icons-brand/white/other-topics-white.png"); } .brand-white.icon-phone { background-image: url("../img/icons-brand/white/phone-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-phone { background-image: url("../img/icons-brand/white/phone-white.png"); } .brand-white.icon-pin { background-image: url("../img/icons-brand/white/pin-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-pin { background-image: url("../img/icons-brand/white/pin-white.png"); } .brand-white.icon-products { background-image: url("../img/icons-brand/white/products-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-products { background-image: url("../img/icons-brand/white/products-white.png"); } .brand-white.icon-radio-frequency { background-image: url("../img/icons-brand/white/radio-frequency-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-radio-frequency { background-image: url("../img/icons-brand/white/radio-frequency-white.png"); } .brand-white.icon-security { background-image: url("../img/icons-brand/white/security-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-security { background-image: url("../img/icons-brand/white/security-white.png"); } .brand-white.icon-small-merchant { background-image: url("../img/icons-brand/white/small-merchant-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-small-merchant { background-image: url("../img/icons-brand/white/small-merchant-white.png"); } .brand-white.icon-success-stories { background-image: url("../img/icons-brand/white/success-stories-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-success-stories { background-image: url("../img/icons-brand/white/success-stories-white.png"); } .brand-white.icon-support { background-image: url("../img/icons-brand/white/support-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-support { background-image: url("../img/icons-brand/white/support-white.png"); } .brand-white.icon-technology { background-image: url("../img/icons-brand/white/technology-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-technology { background-image: url("../img/icons-brand/white/technology-white.png"); } .brand-white.icon-transportation { background-image: url("../img/icons-brand/white/transportation-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-transportation { background-image: url("../img/icons-brand/white/transportation-white.png"); } .brand-white.icon-two-people-1 { background-image: url("../img/icons-brand/white/two-people-1-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-two-people-1 { background-image: url("../img/icons-brand/white/two-people-1-white.png"); } .brand-white.icon-two-people-2 { background-image: url("../img/icons-brand/white/two-people-2-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-two-people-2 { background-image: url("../img/icons-brand/white/two-people-2-white.png"); } .brand-white.icon-video { background-image: url("../img/icons-brand/white/video-white.svg"); background-position: center center; background-repeat: no-repeat; } .no-svg .brand-white.icon-video { background-image: url("../img/icons-brand/white/video-white.png"); } @media (min-width: 641px) and (max-width: 1015px) { .row-fluid .span9.left-col { width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: calc(100% - 250px); } .no-csscalc .row-fluid .span9.left-col { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span3.right-col { width: 230px; margin-left: 20px; } .no-csscalc .row-fluid .span3.right-col { margin-left: 1.7624309392265194%; width: 31.491712707182323%; *width: 31.43852121782062%; } .no-margin-top { margin-top: 0 !important; } } @media (max-width: 640px) { body { padding: 0; } .main-content { margin: 0 0; } .main-content { padding-bottom: 40px; } .body-section { margin: 0 3%; } .body-col8 { width: 100%; *width: 100%; } .body-heading-1-new.body-col8 { width: 94%; *width: 94%; } .no-margin-top { margin-top: 0 !important; } #full_body { top: 0; left: 0; margin-top: -160px; } #full_body.alert { top: 150px; } #full_body .alert-frame { height: 150px; padding: 10px 10px 0 10px; position: relative; z-index: 100; font-size: 14px; } #full_body .alert-frame .alert-inner { padding-top: 10px; } } /* c021-022-Footer */ .c021-Footer, .c022-Footer-GlobalLanding { width: 100%; background: #004165; padding-bottom: 25px; } .c021-Footer footer, .c022-Footer-GlobalLanding footer { color: #FFF; font-size: 15px; } .c021-Footer footer .footer-menu, .c022-Footer-GlobalLanding footer .footer-menu { clear: both; border-bottom: 2px solid #003857; padding-bottom: 0; } .c021-Footer footer .footer-menu-inner, .c021-Footer footer .footer-bottom, .c022-Footer-GlobalLanding footer .footer-menu-inner, .c022-Footer-GlobalLanding footer .footer-bottom { max-width: 976px; margin: 0 auto; } .c021-Footer footer .footer-bottom, .c022-Footer-GlobalLanding footer .footer-bottom { padding-top: 36px; } .c021-Footer footer ul.footer-left, .c022-Footer-GlobalLanding footer ul.footer-left { float: left; margin-left: -15px; } .c021-Footer footer ul.footer-left li, .c022-Footer-GlobalLanding footer ul.footer-left li { margin-top: 0; height: auto; } .c021-Footer footer ul.footer-left li a, .c022-Footer-GlobalLanding footer ul.footer-left li a { display: block; color: #FFF; font: 15px/15px "SimpleSansMedium", Arial, sans-serif; height: 15px; padding: 23px 15px 18px 15px; } .c021-Footer footer ul.footer-left li a:hover, .c022-Footer-GlobalLanding footer ul.footer-left li a:hover { background: #004f7a; } .c021-Footer footer ul li, .c022-Footer-GlobalLanding footer ul li { float: left; } .c021-Footer footer ul.footer-right, .c022-Footer-GlobalLanding footer ul.footer-right { float: right; padding: 23px 0 11px 0; } .c021-Footer footer .social-title, .c022-Footer-GlobalLanding footer .social-title { font: 15px/15px "SimpleSansMedium", Arial, sans-serif; } .c021-Footer footer .social-icon, .c022-Footer-GlobalLanding footer .social-icon { width: 28px; height: 28px; display: block; background: url("../img/icons/footer-social-icons.svg") no-repeat 0 0; text-indent: -99999px; margin-left: 15px; margin-top: -6px; } .no-svg .c021-Footer footer .social-icon, .no-svg .c022-Footer-GlobalLanding footer .social-icon { background: url("../img/icons/footer-social-icons.png") no-repeat 0 0; } .c021-Footer footer .social-icon.twitter, .c022-Footer-GlobalLanding footer .social-icon.twitter { background-position: 0 -30px; } .c021-Footer footer .social-icon.linkedin, .c022-Footer-GlobalLanding footer .social-icon.linkedin { background-position: 0 -60px; } .c021-Footer footer .footer-logo, .c022-Footer-GlobalLanding footer .footer-logo { height: 49px; width: 139px; background: url("../img/icons/beyond-tag-white.svg") no-repeat 0 0; margin-bottom: 20px; } .no-svg .c021-Footer footer .footer-logo, .no-svg .c022-Footer-GlobalLanding footer .footer-logo { background-image: url("../img/icons/beyond-tag-white.png"); } .c021-Footer footer .copyright, .c022-Footer-GlobalLanding footer .copyright { font: 11px/11px Arial, Helvetica, sans-serif; } .c022-Footer-GlobalLanding { margin-top: 40px; } @media (min-width: 641px) and (max-width: 1015px) { .c021-Footer footer ul { clear: both; } .c021-Footer footer ul.footer-left { margin-left: 5px; } .c021-Footer footer ul.footer-left .no-csscalc { margin-left: 1%; } .c021-Footer footer ul.footer-right { float: left; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); padding-left: 20px; border-top: 2px solid #003857; } .no-csscalc .c021-Footer footer ul.footer-right { padding-left: 2.5%; width: 98%; } .c021-Footer footer .footer-bottom { margin-left: 20px; } } @media (max-width: 640px) { .c021-Footer footer, .c022-Footer-GlobalLanding footer { padding-top: 0; } .c021-Footer footer ul, .c022-Footer-GlobalLanding footer ul { clear: both; } .c021-Footer footer ul li, .c022-Footer-GlobalLanding footer ul li { float: none; } .c021-Footer footer ul.footer-left, .c022-Footer-GlobalLanding footer ul.footer-left { width: 100%; overflow: hidden; padding-left: 10px; margin-left: -10px; } .c021-Footer footer ul.footer-left li, .c022-Footer-GlobalLanding footer ul.footer-left li { width: 100%; } .c021-Footer footer ul.footer-left li a, .c022-Footer-GlobalLanding footer ul.footer-left li a { margin-left: 0; padding-top: 17px; padding-bottom: 12px; border-bottom: 2px solid #003857; width: 100%; } .c021-Footer footer ul.footer-right, .c022-Footer-GlobalLanding footer ul.footer-right { float: left; padding: 10px 0 2px 15px; padding-top: 10px; padding-left: 15px; padding-bottom: 2px; } .c021-Footer footer ul.footer-right > li, .c022-Footer-GlobalLanding footer ul.footer-right > li { float: left; padding: 10px 0; } .c021-Footer footer .footer-menu, .c022-Footer-GlobalLanding footer .footer-menu { padding-bottom: 0; } .c021-Footer footer .footer-bottom, .c022-Footer-GlobalLanding footer .footer-bottom { margin-left: 10px; } } /* c051-Main-Nav */ .c051-MainNav { background: none; height: 60px; position: relative; width: 100%; z-index: 10005; display: block;border-bottom: #dcddde 1px solid; } .c051-MainNav .collapse { -moz-transition: height 0; /* FF3.7+ */ -o-transition: height 0; /* Opera 10.5 */ -webkit-transition: height 0; /* Saf3.2+, Chrome */ transition: height 0; } .c051-MainNav .menu-static { max-width: 976px; margin: 0 auto; position: relative; } .c051-MainNav .menu-static .brand { position: absolute; left: 0; top: 0; height: 60px; width: 140px; display: block; background: url("../img/nav/fd-logo.png") no-repeat scroll left 17px; z-index: 1001; } .no-svg .c051-MainNav .menu-static .brand { background: url("../img/nav/fd-logo.png") no-repeat scroll left 17px; } .c051-MainNav .menu-static .nav-button { display: block; width: 59px; height: 60px; position: absolute; right: 0; top: 0; border: none; color: #FFF; border: none; border-left: 2px solid #003857; border-right: 2px solid #003857; z-index: 1000; font-size: 9px; text-align: center; -moz-transition: background-color 300ms; /* FF3.7+ */ -o-transition: background-color 300ms; /* Opera 10.5 */ -webkit-transition: background-color 300ms; /* Saf3.2+, Chrome */ transition: background-color 300ms; } .c051-MainNav .menu-static .nav-button:hover { text-decoration: none; outline: none; background-color: #004f7a; } .c051-MainNav .menu-static .nav-button:focus { outline: none; } .c051-MainNav .menu-static .nav-button.active { background-color: #FFF; } .c051-MainNav .menu-static .nav-button.tablet, .c051-MainNav .menu-static .nav-button.phone, .c051-MainNav .menu-static .nav-button.extras { right: 60px; } .c051-MainNav .menu-static .nav-button.extras, .c051-MainNav .menu-static .nav-button.tablet, .c051-MainNav .menu-static .nav-button.phone { background: url("../img/icons/sprite-controls.svg") no-repeat #004165; background-position: center -780px; } .c051-MainNav .menu-static .nav-button.extras.active, .c051-MainNav .menu-static .nav-button.tablet.active, .c051-MainNav .menu-static .nav-button.phone.active { background-color: #FFF !important; background-position: center -1980px; } .no-svg .c051-MainNav .menu-static .nav-button.extras, .no-svg .c051-MainNav .menu-static .nav-button.tablet, .no-svg .c051-MainNav .menu-static .nav-button.phone { background: url("../img/icons/sprite-controls.png") no-repeat #004165; background-position: center -780px; } .no-svg .c051-MainNav .menu-static .nav-button.extras.active, .no-svg .c051-MainNav .menu-static .nav-button.tablet.active, .no-svg .c051-MainNav .menu-static .nav-button.phone.active { background-position: center -1980px; } .c051-MainNav .menu-static .nav-button.extras:hover, .c051-MainNav .menu-static .nav-button.tablet:hover, .c051-MainNav .menu-static .nav-button.phone:hover { background-color: #004f7a; } .c051-MainNav .menu-static .nav-button.search { background: url("../img/icons/sprite-controls.svg") no-repeat #004165; background-position: center -833px; } .c051-MainNav .menu-static .nav-button.search.active { background-color: #FFF !important; background-position: center -2033px; } .no-svg .c051-MainNav .menu-static .nav-button.search { background: url("../img/icons/sprite-controls.png") no-repeat #004165; background-position: center -833px; } .no-svg .c051-MainNav .menu-static .nav-button.search.active { background-position: center -2033px; } .c051-MainNav .menu-static .nav-button.search:hover { background-color: #004f7a; } .c051-MainNav .menu-fluid { min-height: 60px; margin: 0 auto; min-height: 60px; overflow: hidden; } .lt-ie8 .c051-MainNav .menu-fluid { z-index: -1; } .ie .c051-MainNav .menu-fluid.collapse.in { height: 0; } .c051-MainNav .menu-fluid .menu-outer { height: 60px; max-width: 976px; margin: 0 auto; position: relative; } .c051-MainNav .menu-fluid .menu-outer .menu-inner { position: absolute; right: 123px; top: 0; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section { float: left; } .lt-ie8 .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section.primary { width: 35%; } .lt-ie8 .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section.secondary { width: 25%; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav > li .nav-link { color: #FFF; height: 60px; display: block; font: 15px/15px "SimpleSansMedium", Arial, sans-serif; padding: 24px 15px 21px 15px; height: 15px; -moz-transition: background 300ms, color 300ms; /* FF3.7+ */ -o-transition: background 300ms, color 300ms; /* Opera 10.5 */ -webkit-transition: background 300ms, color 300ms; /* Saf3.2+, Chrome */ transition: background 300ms, color 300ms; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav > li .nav-link.active { background: #FFF; color: #fc660d; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav > li .nav-link.active:hover { background: #FFF !important; } .no-touch .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav > li .nav-link:hover { text-decoration: none; outline: none; background: #004f7a; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav > li .nav-link:focus { outline: none !important; } .c051-MainNav .menu-fluid .nav-section .nav { list-style: none; margin: 0 auto; padding: 0; max-width: 976px; } .c051-MainNav .menu-fluid .nav-section .nav .menu-child { display: none; } .c051-MainNav .menu-fluid .nav-section .nav li { float: left; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group2 { clear: both; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 { width: 976px; float: none; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 li { text-align: center; width: 24.86%; margin-right: 0; border-right: 1px solid #e5e5e5; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 li:first-child { border-left: 1px solid #e5e5e5; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3.chat-disable li { width: 324px; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3.chat-disable li.chat-hide { display: none; } .c051-MainNav .menu-fluid .nav-section.extras { background: #FFF; display: block; height: auto; } .c051-MainNav .menu-fluid .nav-section.extras li a.extras-links { display: block; height: 38px; background-position: center 25px; background-repeat: no-repeat; background-color: #FFF; padding-top: 70px; } .c051-MainNav .menu-fluid .nav-section.extras li a.extras-links.connect { background-image: url("../img/icons-brand/connect.svg"); background-size: 30px 30px; } .no-svg .c051-MainNav .menu-fluid .nav-section.extras li a.extras-links.connect { background-image: url("../img/icons-brand/connect-30x29.png"); } .c051-MainNav .menu-fluid .nav-section.extras li a.extras-links.chat { background-image: url("../img/icons-brand/chat.svg"); background-size: 32px 30px; } .no-svg .c051-MainNav .menu-fluid .nav-section.extras li a.extras-links.chat { background-image: url("../img/icons-brand/chat-32x30.png"); } .c051-MainNav .menu-fluid .nav-section.extras li.feature div { background-image: url("../img/icons-brand/globe.svg"); background-position: 17.5% 25px; background-size: 25px 32px; background-repeat: no-repeat; padding-left: 35.5%; padding-top: 23px; padding-right: 15%; height: 85px; text-align: left; font: 12px/17px "SimpleSansMedium", Arial, sans-serif; color: #004165; } .c051-MainNav .menu-fluid .nav-section.extras li.feature div a { margin-top: 5px; } .no-svg .c051-MainNav .menu-fluid .nav-section.extras li.feature div { background-image: url("../img/icons-brand/globe-24x30.png"); } .c051-MainNav .menu-fluid .nav-section.extras li.feature div p { margin-top: 0; } .c051-MainNav .sub-menu-control, .c051-MainNav .search-menu { position: absolute; left: 0; top: 60px; width: 100%; height: 0; } .c051-MainNav .sub-menu ul { margin: 0; padding: 0; list-style: none; margin-left: -10px; } .ie .c051-MainNav .sub-menu ul.menu-child { float: left; } .c051-MainNav .sub-menu .sub-menu-body { max-width: 976px; margin: 0 auto; background: #FFF; padding-bottom: 40px; } .c051-MainNav .sub-menu .sub-menu-body.products-menu-body .highlight .icon { background: url("../img/icons-brand/products.svg") no-repeat; background-size: 71px 69px; } .no-svg .c051-MainNav .sub-menu .sub-menu-body.products-menu-body .highlight .icon { background-image: url("../img/icons-brand/products-49x69.png"); background-position: center center; } .c051-MainNav .sub-menu .sub-menu-body.customer-menu-body .highlight .icon { background: url("../img/icons-brand/support.svg") no-repeat; background-size: 71px 69px; } .no-svg .c051-MainNav .sub-menu .sub-menu-body.customer-menu-body .highlight .icon { background-image: url("../img/icons-brand/support-69x69.png"); background-position: center center; } .c051-MainNav .sub-menu .sub-menu-body.insights-menu-body .highlight .icon { background: url("../img/icons-brand/insights.svg") no-repeat; background-size: 71px 69px; } .no-svg .c051-MainNav .sub-menu .sub-menu-body.insights-menu-body .highlight .icon { background-image: url("../img/icons-brand/insights-49x69.png"); background-position: center center; } .c051-MainNav .sub-menu .sub-menu-body.about-menu-body .highlight .icon { background: url("../img/icons-brand/two-people-1.svg") no-repeat; background-size: 71px 69px; } .no-svg .c051-MainNav .sub-menu .sub-menu-body.about-menu-body .highlight .icon { background-image: url("../img/icons-brand/two-people-1-64x69.png"); background-position: center center; } .c051-MainNav .sub-menu .sub-menu-body.partners-menu-body .highlight .icon { background: url("../img/icons-brand/two-people-2.svg") no-repeat; background-size: 71px 69px; } .no-svg .c051-MainNav .sub-menu .sub-menu-body.partners-menu-body .highlight .icon { background-image: url("../img/icons-brand/two-people-2-71x51.png"); background-position: center center; } .c051-MainNav .sub-menu .sub-menu-body .highlight .title { font: 28px/34px "SimpleSans", Arial, sans-serif; color: #004165; width: 94%; margin: 18px 0 8px; } .c051-MainNav .sub-menu .sub-menu-body .highlight .icon { margin-top: 35px; width: 71px; height: 69px; background: url("../img/nav/FPO-highlight-icon.png") no-repeat scroll center center; display: block; } .c051-MainNav .sub-menu .sub-menu-body .lists .list-title { margin: 30px 0 10px; } .c051-MainNav .sub-menu .sub-menu-body .lists ul li { margin-bottom: 0; } .c051-MainNav .sub-menu .sub-menu-body .lists ul li a { padding: 8px 10px; display: block; } .touch .c051-MainNav .sub-menu .sub-menu-body .lists ul li a:hover { text-decoration: none; } .no-touch .c051-MainNav .sub-menu .sub-menu-body .lists ul li a:hover { background: #ebebeb; text-decoration: none; } .c051-MainNav .sub-menu.stack .sub-menu-body .highlight { width: 97.948717948718%; margin-bottom: 20px; } .c051-MainNav .sub-menu.stack .sub-menu-body .highlight .text-holder { float: left; margin: 40px 0 5px 25px; } .c051-MainNav .sub-menu.stack .sub-menu-body .highlight .title { width: auto; margin: 0 0 10px 0; } .c051-MainNav .sub-menu.stack .sub-menu-body .highlight .icon { float: left; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists { width: 100%; max-width: 976px; margin-top: 10px; margin-left: 0; border-top: 1px solid #e5e5e5; float: left; } .ie .c051-MainNav .sub-menu.stack .sub-menu-body .lists { width: 100%; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists ul { width: 70%; margin-top: 5px; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists ul.cols4 { width: 100%; -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; column-count: 4; column-gap: 10px; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists ul li { display: inline-block; width: 100%; min-width: 201.0625px; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists .list-title { float: left; width: 25%; margin-right: 20px; margin-top: 14px; display: inline-block; } .ie .c051-MainNav .sub-menu.stack .sub-menu-body .lists .list-title { width: 19%; } .c051-MainNav .search-menu { background: #FFF; } .c051-MainNav .search-menu ul { margin: 0; padding: 0; list-style: none; margin-left: -10px; } .c051-MainNav .search-menu ul.cols4 { width: 100%; -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; column-count: 4; column-gap: 10px; } .c051-MainNav .search-menu ul li { margin-bottom: 0; } .c051-MainNav .search-menu ul li a { padding: 8px 10px; display: block; } .touch .c051-MainNav .search-menu ul li a:hover { text-decoration: none; } .no-touch .c051-MainNav .search-menu ul li a:hover { background: #ebebeb; text-decoration: none; } .ie .c051-MainNav .search-menu ul { float: right; margin-right: 0; } .ie .c051-MainNav .search-menu .search-menu-body:after, .ie .c051-MainNav .search-menu .search-menu-body:before { clear: both; content: " "; display: table; } .c051-MainNav .search-menu .search-menu-body .row-fluid li { margin: 0 10px 0 0; } .c051-MainNav .search-menu .search-menu-body .search-header { float: left; width: 100%; margin-right: 20px; margin-top: 14px; margin-bottom: 15px; display: inline-block; } .c051-MainNav .search-menu .search-menu-body .search-form-holder { border-bottom: 2px solid #e5e5e5; margin-top: 20px; } .c051-MainNav .search-menu .search-menu-body .search-form-holder .search-box { border: none; outline: none; font: 31px/34px "SimpleSans", Arial, sans-serif; width: 80%; background: #FFF; margin: 0; padding: 0; } .c051-MainNav .search-menu .search-menu-body .search-form-holder .search-button { float: right; width: 19%; text-align: right; font: 31px/34px "SimpleSans", Arial, sans-serif; border: none; background: url("../img/nav/FPO-search-arrow.png") no-repeat right 6px; color: #a6a6a6; margin: 0; padding: 0 40px 0 0; display: inline-block; min-height: 40px; } .c051-MainNav .search-menu .search-menu-body .search-form-holder .search-button.active { color: #00a9e0; background-position: right -34px; } .c051-MainNav .tablet-extras { height: 0; } .c051-MainNav .tablet-extras .tablet-highlight { background: #CCC; display: block; margin-top: 30px; padding: 20px; color: #004165; } .c051-MainNav .tablet-extras .tablet-highlight:hover { text-decoration: none; } .c051-MainNav .tablet-extras .tablet-highlight h1 { font: 18px/28px "SimpleSans", Arial, sans-serif; } .c051-MainNav .tablet-extras .tablet-highlight p { font: 12px/17px "SimpleSans", Arial, sans-serif; } .c051-MainNav .tablet-extras .tablet-highlight .link { color: #00a9e0; margin-top: 10px; font: 13px/13px "SimpleSans", Arial, sans-serif; } .c051-MainNav .menu-background { position: absolute; left: 0; top: 60px; width: 100%; height: 0px; background: #FFF; } .c051-MainNav.products .link-products { color: #fc660d !important; } .c051-MainNav.customer .link-customer { color: #fc660d !important; } .c051-MainNav.insights .link-insights { color: #fc660d !important; } .c051-MainNav.about .link-about { color: #fc660d !important; } .c051-MainNav.partners .link-partners { color: #fc660d !important; } @media (min-width: 641px) and (max-width: 1015px) { .c051-MainNav .menu-static { margin-left: 20px; } .c051-MainNav .menu-static .nav-button.search { border-right: none; width: 61px; } .c051-MainNav .menu-static .nav-button.tablet { right: 61px; } .c051-MainNav .menu-fluid { min-height: 60px !important; } .c051-MainNav .menu-fluid.collapse { height: 60px; } .c051-MainNav .menu-fluid .menu-outer { height: auto; } .c051-MainNav .menu-fluid .menu-outer .menu-inner { width: 100%; position: static; height: auto; clear: both; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .primary { float: right; margin-right: 150px; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .secondary { width: 100%; } .c051-MainNav .menu-fluid .nav-section { float: none; clear: both; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 { width: 100%; border-top: 1px solid #e5e5e5; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 li { width: 24.807%; height: 130px; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3.chat-disable li { width: 33.14%; } .c051-MainNav .menu-fluid .nav-section .nav .menu-child { display: block; list-style: none; margin: 0; padding: 0; } .c051-MainNav .menu-fluid .nav-section .nav .menu-child li { float: none; } .c051-MainNav .sub-menu.columns.partners-menu { display: none; } .c051-MainNav .sub-menu.columns .sub-menu-body .highlight { width: 97.948717948718%; margin-left: 20px; } .c051-MainNav .sub-menu.columns .sub-menu-body .highlight .icon { float: left; } .c051-MainNav .sub-menu.columns .sub-menu-body .lists { width: 30.45410%; } .c051-MainNav .sub-menu.columns .sub-menu-body .lists.first { margin-left: 10px; } .c051-MainNav .sub-menu.columns .sub-menu-body .lists.last { margin-right: 10px; } .c051-MainNav .sub-menu.stack .sub-menu-body .highlight { margin-left: 20px; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists { margin: 10px 20px; width: auto; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists .list-title { width: 100%; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists ul { width: 100%; margin-left: -10px; } .c051-MainNav .sub-menu.stack .sub-menu-body .lists ul li { min-width: 0; } .c051-MainNav .sub-menu.stack.partners-menu { display: none; } .c051-MainNav .sub-menu.stack .search-menu-body { margin-left: 20px; } .c051-MainNav .search-menu .search-menu-body { margin-left: 20px; } .c051-MainNav .search-menu .search-menu-body .search-form-holder { margin-right: 20px; } .c051-MainNav .tablet-extras { height: auto; } } @media (max-width: 640px) { .c051-MainNav { height: 48px; } .c051-MainNav .menu-background { height: 0; top: 48px; } .c051-MainNav .menu-static .nav-button { height: 48px; } .c051-MainNav .menu-static .nav-button.search { border-right: none; width: 48px; right: 0px; background-position: center -837px; } .c051-MainNav .menu-static .nav-button.search.active { background-position: center -2037px; } .c051-MainNav .menu-static .nav-button.phone { width: 50px; display: block; right: 48px; background-position: center -784px; } .c051-MainNav .menu-static .nav-button.phone.active { background-position: center -1984px; } .c051-MainNav .menu-static .brand { left: 0; height: 48px; background: url("../img/icons/fd-logo-mobile.svg") no-repeat scroll 10px center; } .no-svg .c051-MainNav .menu-static .brand { background-image: url("../img/icons/fd-logo-mobile.png"); } .international .c051-MainNav .menu-static .brand { left: 10px; background: url("../img/nav/fd-logo.svg") no-repeat scroll center left; } .no-svg .international .c051-MainNav .menu-static .brand { background: url("../img/nav/fd-logo.png") no-repeat scroll center left; } .c051-MainNav .menu-fluid { position: absolute; left: 0; top: 48px; width: 100%; min-height: 0; } .c051-MainNav .menu-fluid.collapse { height: 0; } .c051-MainNav .menu-fluid .menu-outer { height: auto; } .c051-MainNav .menu-fluid .menu-outer .menu-inner { position: static; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section { float: none; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav li a.nav-link { color: #00a9e0; background: #FFF; border-bottom: 1px solid #dfdfdf; -moz-transition: background-color 0ms; /* FF3.7+ */ -o-transition: background-color 0ms; /* Opera 10.5 */ -webkit-transition: background-color 0ms; /* Saf3.2+, Chrome */ transition: background-color 0ms; } .c051-MainNav .menu-fluid .menu-outer .menu-inner .nav-section .nav li a.nav-link.active { color: #00a9e0; -moz-transition: color 0ms; /* FF3.7+ */ -o-transition: color 0ms; /* Opera 10.5 */ -webkit-transition: color 0ms; /* Saf3.2+, Chrome */ transition: color 0ms; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group1, .c051-MainNav .menu-fluid .nav-section .nav.menu-group2 { float: none; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group1 li, .c051-MainNav .menu-fluid .nav-section .nav.menu-group2 li { float: none; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 { width: 100%; background: #CCC; height: 0; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 li { margin: 0; width: 49.692%; height: 130px; border-bottom: 1px solid #e5e5e5; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 li:first-child { border-left: none; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3 li.allinfo-outer { border-right: none; } .c051-MainNav .menu-fluid .nav-section .nav.menu-group3.chat-disable li { width: 33.0%; } .c051-MainNav .sub-menu { display: none; } .c051-MainNav .sub-menu.search-menu { display: block; } .c051-MainNav .search-menu { top: 48px; } .c051-MainNav .search-menu .search-menu-body { margin-left: 20px; } .c051-MainNav .search-menu .search-menu-body .search-form-holder { margin-right: 20px; } .c051-MainNav .search-menu .search-menu-body .search-form-holder .search-box { font-size: 20px; } .c051-MainNav .search-menu .search-menu-body .search-form-holder .search-button { width: 18%; } .c051-MainNav .search-menu .search-menu-body ul.cols4 { -moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 10px; column-count: 1; column-gap: 10px; } .c051-MainNav .search-menu .search-menu-body ul.cols4 li { width: 100%; float: none; } } /* c052-InpageCountry */ .c052-InpageCountry { background: #012339; position: relative; z-index: 30; } .c052-InpageCountry .country-holder { font-family: "SimpleSansBold", Arial, sans-serif; max-width: 976px; margin: 0 auto; text-align: right; font-size: 12px; line-height: 12px; text-transform: uppercase; height: 13px; padding: 12px 0 5px 0; } /* c061-LocalNav */ .header-block { background: #00a9e0; margin-bottom: 60px; } .header-block h1 { margin-bottom: 70px; margin-left: 20px; } .c061-LocalNav ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .c061-LocalNav ul li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; } .c061-LocalNav ul li:first-child a { border-top: none; } .c061-LocalNav ul li a { font-family: "SimpleSansMedium", Arial, sans-serif; line-height: 15px; padding: 15px 50px 15px 10px; display: block; border-top: 1px solid #4ec3e9; color: #FFF; -moz-transition: background-color 300ms ease; /* FF3.7+ */ -o-transition: background-color 300ms ease; /* Opera 10.5 */ -webkit-transition: background-color 300ms ease; /* Saf3.2+, Chrome */ transition: background-color 300ms ease; position: relative; } .lt-ie8 .c061-LocalNav ul li a { border-top: 4px solid #4ec3e9; } .c061-LocalNav ul li a .icon { background: url("../img/icons/sprite-controls.svg") no-repeat center -584px; display: block; width: 48px; height: 100%; position: absolute; top: 0; right: 0; max-height: 65px; } .no-svg .c061-LocalNav ul li a .icon { background-image: url("../img/icons/sprite-controls.png"); background-position: center -584px; } .c061-LocalNav ul li a:hover { background: #06b5ee; /* Old browsers */ background: -moz-linear-gradient(left, #00a9e0 0%, #02aee6 30%, #06b5ee 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00a9e0), color-stop(30%, #02aee6), color-stop(85%, #06b5ee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #00a9e0 0%, #02aee6 30%, #06b5ee 85%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #00a9e0 0%, #02aee6 30%, #06b5ee 85%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #00a9e0 0%, #02aee6 30%, #06b5ee 85%); /* IE10+ */ background: linear-gradient(to right, #00a9e0 0%, #02aee6 30%, #06b5ee 85%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9e0', endColorstr='#06b5ee',GradientType=1 ); /* IE6-9 */ } .c061-LocalNav.L2 ul { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .c061-LocalNav.article .current { color: #004165; background: none; } .c061-LocalNav.article .current .icon { background: none; } .c061-LocalNav.article .current:hover { background: none; } @media (max-width: 640px) { .c061-LocalNav ul { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .c061-LocalNav ul li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; } .c061-LocalNav ul li:first-child a { border-top: 1px solid #4ec3e9; } } /* c077-Breadcrumb */ .c077-Breadcrumb { width: 100%; border-bottom: 1px solid #dddddd; height: 43px; z-index: 1003; background: #FFF; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); } .c077-Breadcrumb.affix { top: 0; position: fixed; background: #EEE; } .c077-Breadcrumb.affix .breadcrumb-inner li a { background: url("../img/breadcrumb/arrow-gray.svg") no-repeat scroll left center #eeeeee; } .no-svg .c077-Breadcrumb.affix .breadcrumb-inner li a { background-image: url("../img/breadcrumb/arrow-gray.png"); } .c077-Breadcrumb.affix .breadcrumb-inner .bc-main .bc-dropdown { background: url("../img/breadcrumb/arrow-gray.svg") no-repeat scroll left top #eeeeee; } .no-svg .c077-Breadcrumb.affix .breadcrumb-inner .bc-main .bc-dropdown { background-image: url("../img/breadcrumb/arrow-gray.png"); } .c077-Breadcrumb.affix .breadcrumb-inner .bc-main li .fader { background: -moz-linear-gradient(left, rgba(238, 238, 238, 0) 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(238, 238, 238, 0)), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(238, 238, 238, 0) 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(238, 238, 238, 0) 0%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(238, 238, 238, 0) 0%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */ } .c077-Breadcrumb.affix .breadcrumb-inner .bc-main .bc-parent { background-color: #FFF; } .c077-Breadcrumb.affix + .main-content, .c077-Breadcrumb.affix + .c201-PageHeader-L1, .c077-Breadcrumb.affix + .c202-PageHeader-L2, .c077-Breadcrumb.affix + .c203-PageHeader-Article, .c077-Breadcrumb.affix + .cqcomponent { padding-top: 43px; } .c077-Breadcrumb .breadcrumb-inner { max-width: 976px; margin: 0 auto; position: relative; } .c077-Breadcrumb .breadcrumb-inner li a { font: 14px/14px "SimpleSansMedium", Arial, sans-serif; display: block; height: 27px; padding-top: 16px; padding-right: 20px; padding-left: 30px; background: url("../img/breadcrumb/arrow.svg") no-repeat scroll left center; } .c077-Breadcrumb .breadcrumb-inner li a:hover { text-decoration: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main li { float: left; white-space: nowrap; position: relative; overflow: hidden; } .c077-Breadcrumb .breadcrumb-inner .bc-main li .fader { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ width: 20px; height: 100%; display: inline-block; position: absolute; top: 0; right: 0; } .c077-Breadcrumb .breadcrumb-inner .bc-main li:first-child a { padding-left: 0; background: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-parent { background: #FFF; z-index: 1004; position: relative; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown { z-index: 999; background: url("../img/breadcrumb/arrow.svg") no-repeat scroll left top white; overflow: hidden; float: none; position: relative; top: 0; } .no-svg .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown { background-image: url("../img/breadcrumb/arrow.png"); } .lt-ie9 .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown { top: 0 !important; } .lt-ie9 .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control { top: 0 !important; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown.active { background-color: #eeeeee; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown.active div:first-child a { border-left: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown.active a { background: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div { overflow: hidden; height: 0; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div a { border: 1px solid #DDD; border-top: none; padding-right: 63px; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div.current { font-weight: bold; height: 44px !important; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div.current a { color: #004165; border-left: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control { position: absolute; right: 0; top: 0; height: 43px !important; margin: 0; padding: 0; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a { display: block; background: none; border: 1px solid #DDD; border-top: none; border-left: none; padding: 0; margin: 0; height: 43px !important; width: 59px; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a .drop-arrow { background: url("../img/icons/sprite-controls.svg") no-repeat center 16px transparent; display: block; height: 100%; width: 100%; -moz-transition: background-position 200ms, -webkit-transform 200ms linear; /* FF3.7+ */ -o-transition: background-position 200ms, -webkit-transform 200ms linear; /* Opera 10.5 */ -webkit-transition: background-position 200ms, -webkit-transform 200ms linear; /* Saf3.2+, Chrome */ transition: background-position 200ms, -webkit-transform 200ms linear; } .no-svg .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a .drop-arrow { background: url("../img/icons/sprite-controls.png") no-repeat center 16px transparent; } .ie .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a.current .drop-arrow { background-position: center -34px; } .non-ie .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a.current .drop-arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ } @media (min-width: 641px) { .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown { top: 0 !important; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control { top: 0 !important; } } @media (min-width: 641px) and (max-width: 1015px) { .c077-Breadcrumb .breadcrumb-inner { margin-left: 20px; } .c077-Breadcrumb .breadcrumb-inner .bc-main .hidden-desktop { display: none !important; } .c077-Breadcrumb .breadcrumb-inner .bc-main.set-percent .percent { width: 10%; } .c077-Breadcrumb .breadcrumb-inner .bc-main li.bc-parent a { padding-left: 30px; } .c077-Breadcrumb .breadcrumb-inner .bc-dropdown li a { border-right: none; } .c077-Breadcrumb .breadcrumb-inner .bc-dropdown li.bc-control a { width: 61px; border-right: none; } } @media (max-width: 640px) { .c077-Breadcrumb.affix .breadcrumb-inner .bc-main .bc-dropdown { background: #eeeeee; } .c077-Breadcrumb.affix .breadcrumb-inner .bc-main li a { background: #FFF; } .c077-Breadcrumb.affix .breadcrumb-inner .bc-main li .fader { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* IE6-9 */ } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-parent { width: 100% !important; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-parent a { background: none; background-color: #FFF; color: #00a9e0; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-parent a .icon { background: url("../img/icons/sprite-controls.svg") no-repeat center -2083px transparent; display: block; width: 13px; height: 100%; position: absolute; top: 0px; left: 10px; } .c077-Breadcrumb .breadcrumb-inner .bc-main .percent { z-index: 1004; position: relative; } .c077-Breadcrumb .breadcrumb-inner .bc-main .percent .fader { display: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown { z-index: 1005; clear: both; width: 100% !important; position: absolute; top: auto; left: 0; overflow: visible; background: #FFF; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown.active { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div a { padding-left: 10px; position: relative; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div a .icon { background: url("../img/icons/sprite-controls.svg") no-repeat center -1383px transparent; display: block; width: 13px; height: 100%; position: absolute; top: 0px; right: 23px; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown div.current .icon { display: none; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a { background: #FFF !important; } .c077-Breadcrumb .breadcrumb-inner .bc-main .bc-dropdown .bc-control a.current { background: #DDD; } .c077-Breadcrumb .breadcrumb-inner .bc-main li:first-child { padding-left: 30px; } .c077-Breadcrumb .breadcrumb-inner .bc-main li .fader { width: 20px; height: 100%; display: inline-block; position: absolute; top: 0; right: 61px; } .c077-Breadcrumb .breadcrumb-inner li a { background: none; } } /* c151-ListsLink */ .c151-ListsLink { border-top: 1px solid #DDD; padding-top: 10px; margin-bottom: 30px; } .c151-ListsLink .body-heading-3-new { margin-bottom: 20px; } .c151-ListsLink .list-group { clear: both; margin-bottom: 15px; } .c151-ListsLink .list-row { display: block; } .c151-ListsLink .list-row .link-style1 { display: inline; } .c151-ListsLink .list-thumb { width: 230px; height: 130px; background: no-repeat center center; float: left; margin-right: 20px; margin-top: 4px; } .c151-ListsLink .list-desc { overflow: hidden; } @media (max-width: 1015px) { .c151-ListsLink { padding: 10px 3% 0 3%; } .c151-ListsLink .list-thumb { width: 33%; height: auto; } } /* c152-ListsLink */ .c152-ListsLink { border-top: 1px solid #DDD; margin-bottom: 30px; } .c152-ListsLink .body-heading-3-new { margin-bottom: 10px; } .c152-ListsLink .list-group { border-bottom: 1px solid #DDD; clear: both; } .c152-ListsLink .list-row { display: block; padding: 14px 0 9px; } .c152-ListsLink .list-thumb { width: 28px; float: left; margin-right: 20px; margin-left: 3px; } .c152-ListsLink .list-thumb.icon { width: 29px; height: 28px; } .c152-ListsLink .list-desc { overflow: hidden; max-width: 525px; } .c152-ListsLink.no-top-border { border-top: none; } @media (max-width: 1015px) { .c152-ListsLink .list-row { padding: 14px 3% 9px; } } /* c153-ListsLink */ .c153-ListsLink { margin-bottom: 30px; } .c153-ListsLink .nolist li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDD; } .c153-ListsLink .nolist li:last-child { border-bottom: none; } .c153-ListsLink .article-type { padding-left: 5px; } .c153-ListsLink.top-border .nolist li:first-child { padding-top: 10px; } @media only screen and (max-width: 640px) { .c153-ListsLink { padding: 0 3%; } } /* c202-PageHeader-L2 */ .c202-PageHeader-L2 .header-wrap { position: relative; background: #FFF; margin-top: 200px; } .c202-PageHeader-L2 .header-wrap .container-fluid { padding: 0; } .lt-ie8 .c202-PageHeader-L2 .header-wrap { position: static; } .lt-ie8 .c202-PageHeader-L2 .header-wrap .header-bg { position: absolute; } .c202-PageHeader-L2 .header-wrap .header-bg { height: 360px; width: 100%; position: fixed; top: 0; left: 0; z-index: -1; background: no-repeat center bottom; background-image: url("../img/L12-products-bg.jpg"); background-size: cover; background-position: center top; } .c202-PageHeader-L2 .header-wrap .header-block { max-width: 976px; min-height: 184px; background: #00a9e0; margin-top: -140px; margin-bottom: 0; position: relative; } .c202-PageHeader-L2 .header-wrap .header-block h1 { background: no-repeat top left; padding-top: 50px; margin-bottom: 0; margin-left: 20px; } .c202-PageHeader-L2 .header-wrap .header-block h1 .icon { width: 40px; height: 50px; display: block; position: absolute; top: 10px; left: 15px; } .c202-PageHeader-L2 .header-body { width: 100%; margin: 220px auto 0; } .c202-PageHeader-L2 .header-connect { display: none; } @media (max-width: 640px) { .c202-PageHeader-L2 .header-wrap { height: auto; margin-top: 0; } .c202-PageHeader-L2 .header-wrap .header-bg { height: 0; background-size: cover; background-position: left center; position: static; } .c202-PageHeader-L2 .header-wrap .header-block { position: static; bottom: 20px !important; margin-top: 0px; } .c202-PageHeader-L2 .header-wrap .header-block h1 { position: static; background-position: center top; font-size: 36px; line-height: 41px; padding-top: 70px; margin-bottom: 40px; margin-left: 0; text-align: center; } .c202-PageHeader-L2 .header-connect { display: table-header-group; } } /* c203-PageHeader-Article */ .c203-PageHeader-Article .header-wrap { position: relative; } .c203-PageHeader-Article .header-wrap.body-section { margin-bottom: 0; } .c203-PageHeader-Article .header-wrap h1 { background: no-repeat top left; padding-top: 40px; } .c203-PageHeader-Article .header-wrap .page-image .header-img { margin-top: 45px; float: right; margin-right: 70px; } .c203-PageHeader-Article .header-body { width: 100%; margin: 220px auto 0; } .c203-PageHeader-Article .header-connect { display: none; } @media (min-width: 641px) and (max-width: 1015px) { .c203-PageHeader-Article .span4 { width: 40.05524861878453% !important; *width: 40.00205712942283% !important; } .c203-PageHeader-Article .offset1 { margin-left: 2% !important; } .c203-PageHeader-Article .header-wrap .page-image .header-img { margin-right: 0px; } } @media (max-width: 640px) { .c203-PageHeader-Article .header-wrap { height: auto; } .c203-PageHeader-Article .header-wrap h1 { padding-top: 0px; margin-bottom: 10px; margin-left: 0; } .c203-PageHeader-Article .header-wrap .page-header { display: table; } .c203-PageHeader-Article .header-wrap .page-title { display: table-footer-group; } .c203-PageHeader-Article .header-wrap .page-image { display: table-header-group; text-align: center; } .c203-PageHeader-Article .header-wrap .page-image .header-img { width: 140px; height: 140px; margin: 30px 0 0 0; float: none; } .c203-PageHeader-Article .header-connect { display: table-header-group; } } /* c235-c314-Accordions */ .c235-Body-Feature-Accordions, .c314-Promo-4-Accordions, .c236-SuperAccordions { margin-top: 30px; } .c235-Body-Feature-Accordions .header, .c314-Promo-4-Accordions .header, .c236-SuperAccordions .header { background: #eeeeee; padding: 13px 10px 7px 15px; border: 1px solid #DDD; border-bottom: none; } .c235-Body-Feature-Accordions .accordion-title, .c314-Promo-4-Accordions .accordion-title, .c236-SuperAccordions .accordion-title { margin-bottom: 15px; } .c235-Body-Feature-Accordions .accordion, .c314-Promo-4-Accordions .accordion, .c236-SuperAccordions .accordion { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } .c235-Body-Feature-Accordions .tab-accordion-header, .c314-Promo-4-Accordions .tab-accordion-header, .c236-SuperAccordions .tab-accordion-header { width: 100%; clear: both; } .c235-Body-Feature-Accordions .accordion-heading, .c314-Promo-4-Accordions .accordion-heading, .c236-SuperAccordions .accordion-heading { float: none; width: 100%; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle, .c236-SuperAccordions .accordion-heading .accordion-toggle { display: block; border-top: 1px solid #FFF; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; color: #00a9e0; z-index: 1; width: auto; position: relative; background-color: #eeeeee; display: block; padding: 8px 40px 8px 15px; cursor: pointer; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle .icon, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle .icon, .c236-SuperAccordions .accordion-heading .accordion-toggle .icon { background-position: center 15px; display: block; width: 38px; height: 38px; position: absolute; top: 0; right: 0; background: url("../img/icons/sprite-controls.svg") no-repeat center 15px transparent; } .no-svg .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle .icon, .no-svg .c314-Promo-4-Accordions .accordion-heading .accordion-toggle .icon, .no-svg .c236-SuperAccordions .accordion-heading .accordion-toggle .icon { background: url("../img/icons/sprite-controls.png") no-repeat center 15px transparent; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle:hover, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle:hover, .c236-SuperAccordions .accordion-heading .accordion-toggle:hover { color: #00a9e0; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(45deg, #eeeeee 0%, #f3f3f3 36%, #f8f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #eeeeee), color-stop(36%, #f3f3f3), color-stop(100%, #f8f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #eeeeee 0%, #f3f3f3 36%, #f8f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #eeeeee 0%, #f3f3f3 36%, #f8f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #eeeeee 0%, #f3f3f3 36%, #f8f7f7 100%); /* IE10+ */ background: linear-gradient(45deg, #eeeeee 0%, #f3f3f3 36%, #f8f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f8f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle.super, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle.super, .c236-SuperAccordions .accordion-heading .accordion-toggle.super { padding-bottom: 15px; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle.selected, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle.selected, .c236-SuperAccordions .accordion-heading .accordion-toggle.selected { background-color: #FFF; border: 1px solid #DDD; border-bottom: none; border-top: none; color: #424242; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle.selected .icon, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle.selected .icon, .c236-SuperAccordions .accordion-heading .accordion-toggle.selected .icon { background-position: center -35px; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle.selected:hover, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle.selected:hover, .c236-SuperAccordions .accordion-heading .accordion-toggle.selected:hover { background: #FFF; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle img, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle img, .c236-SuperAccordions .accordion-heading .accordion-toggle img { float: left; margin: 5px 30px 0 0; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle p, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle p, .c236-SuperAccordions .accordion-heading .accordion-toggle p { color: #2e2e2e; margin-right: 60px; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle h1, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle h1, .c236-SuperAccordions .accordion-heading .accordion-toggle h1 { color: #00a9e0; font: 15px/20px "SimpleSansMedium", Arial, sans-serif; margin-top: 5px; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle.last, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle.last, .c236-SuperAccordions .accordion-heading .accordion-toggle.last { border-right: 1px solid #DDD; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle.first, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle.first, .c236-SuperAccordions .accordion-heading .accordion-toggle.first { border-left: 1px solid #DDD; } .c235-Body-Feature-Accordions .accordion-inner, .c314-Promo-4-Accordions .accordion-inner, .c236-SuperAccordions .accordion-inner { padding: 9px 15px; border: 1px solid #DDD; border-top: none; border-bottom: none; } .c235-Body-Feature-Accordions .accordion-inner p, .c314-Promo-4-Accordions .accordion-inner p, .c236-SuperAccordions .accordion-inner p { margin-right: 60px; } .c235-Body-Feature-Accordions .accordion-group, .c314-Promo-4-Accordions .accordion-group, .c236-SuperAccordions .accordion-group { position: relative; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: static; } .c235-Body-Feature-Accordions .accordion-body, .c314-Promo-4-Accordions .accordion-body, .c236-SuperAccordions .accordion-body { position: static; min-height: 0; border: none; padding: 0; } .c235-Body-Feature-Accordions .collapse, .c314-Promo-4-Accordions .collapse, .c236-SuperAccordions .collapse { height: 0; opacity: 1; overflow: hidden; -moz-transition: height 0.35s ease; /* FF3.7+ */ -o-transition: height 0.35s ease; /* Opera 10.5 */ -webkit-transition: height 0.35s ease; /* Saf3.2+, Chrome */ transition: height 0.35s ease; } .c235-Body-Feature-Accordions .collapse.in, .c314-Promo-4-Accordions .collapse.in, .c236-SuperAccordions .collapse.in { height: auto; } .c236-SuperAccordions .accordion-heading .accordion-toggle { border-top: 1px solid #EEE; } .c236-SuperAccordions .accordion-heading .accordion-toggle.selected { border-top: 1px solid #EEE; } @media (max-width: 640px) { .c235-Body-Feature-Accordions, .c314-Promo-4-Accordions, .c236-SuperAccordions { padding: 0 3%; } .c235-Body-Feature-Accordions .header, .c314-Promo-4-Accordions .header, .c236-SuperAccordions .header { font: 18px/18px "SimpleSansMedium", Arial, sans-serif; } .c235-Body-Feature-Accordions .accordion-inner p, .c314-Promo-4-Accordions .accordion-inner p, .c236-SuperAccordions .accordion-inner p { margin-right: 10px; } .c235-Body-Feature-Accordions .accordion-heading .accordion-toggle p, .c314-Promo-4-Accordions .accordion-heading .accordion-toggle p, .c236-SuperAccordions .accordion-heading .accordion-toggle p { margin-right: 10px; } .c236-SuperAccordions .accordion-heading .accordion-toggle.super img { display: none; } .c236-SuperAccordions .accordion-heading .accordion-toggle.super.selected { padding-bottom: 0; } .c236-SuperAccordions .accordion-heading .accordion-toggle.super.selected img { display: block; margin-bottom: 20px; } } /* c242-Video-Inline */ .c242-Video-Inline { margin-bottom: 30px; position: relative; } .c242-Video-Inline #brightcovevideo { width: 100%; margin-left: 10px; margin-bottom: 10px; float: right; } .c242-Video-Inline .brightcove-container { position: relative; padding-top: 1px; padding-bottom: 56.25%; height: 0; } .c242-Video-Inline * html .brightcove-container { margin-bottom: 45px; margin-top: 0; width: 100%; height: 100%; } .c242-Video-Inline .brightcove-container div, .c242-Video-Inline .brightcove-container embed, .c242-Video-Inline .brightcove-container object, .c242-Video-Inline .BrightcoveExperience { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } /* c441-Connect */ .c441-Connect { margin-bottom: 30px; } .c441-Connect .accordion-heading { background: #fb4f14; } .c441-Connect .accordion-toggle { padding: 60px 90px 0 14px; display: block; position: relative; } .c441-Connect .accordion-toggle .icon { background: url("../img/icons-brand/white/connect-white.svg") no-repeat center center; background-size: 32px 32px; display: block; width: 38px; height: 38px; position: absolute; top: 15px; left: 15px; } .no-svg .c441-Connect .accordion-toggle .icon { background: url("../img/icons-brand/white/sprite-brand-white.png") no-repeat 0 0; } .c441-Connect .accordion-toggle:hover, .c441-Connect .accordion-toggle:focus { color: #FFF; } .c441-Connect .connect-form { background: #fb4f14; padding: 0 15px 15px; } .c441-Connect .connect-form div { float: left; } .c441-Connect .connect-form div.form-field { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } .no-csscalc .c441-Connect .connect-form div.form-field { width: 155px; } .c441-Connect .connect-form div.form-button { width: 40px; } .c441-Connect .connect-form .email-label { float: none; height: 14px; width: 130px; padding: 14px 0 12px 0; display: block; margin: 0; font: 13px/14px "SimpleSansBold", Arial, sans-serif; text-transform: uppercase; color: #FFF; } .c441-Connect .connect-form input[type="text"] { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); color: #666; background-color: white; border: none; outline: none !important; height: 24px; line-height: 14px; font-size: 12px; padding: 8px 8px 8px 8px; -webkit-border-radius: 0; -webkit-appearance: none; } .c441-Connect .connect-form input[type="text"] .no-csscalc { padding: 8px 3%; width: 96%; } .c441-Connect .connect-form button { width: 100%; height: 40px; text-align: right; border: none; background: url("../img/icons/arrow-right-white.svg") no-repeat center center #fe8603; color: #a6a6a6; margin: 0; padding: 0; display: inline-block; } .no-svg .c441-Connect .connect-form button { background: url("../img/icons/sprite_arrows.png") no-repeat 11px 12px #fe8603; } .c441-Connect .button { text-transform: uppercase; display: block; padding: 12px 50px 12px 15px; } .c441-Connect .button.chat { background-color: #fc660d; position: relative; } .c441-Connect .button.chat .icon { background: url("../img/icons-brand/white/chat-white.svg") no-repeat; background-position: center center; background-size: 25px 23px; display: block; width: 71px; height: 100%; position: absolute; top: 0; right: 0; } .no-svg .c441-Connect .button.chat .icon { background: url("../img/icons-brand/white/sprite-brand-white.png") no-repeat right -40px; } .c441-Connect .button.chat:hover { background: #ff720d; /* Old browsers */ background: -moz-linear-gradient(45deg, #ff720d 0%, #fd6810 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ff720d), color-stop(100%, #fd6810)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #ff720d 0%, #fd6810 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #ff720d 0%, #fd6810 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #ff720d 0%, #fd6810 100%); /* IE10+ */ background: linear-gradient(45deg, #ff720d 0%, #fd6810 100%); /* W3C */ } .c441-Connect .button.all { background-color: #fe8603; position: relative; } .c441-Connect .button.all .icon { background: url("../img/icons-brand/white/all-white.svg") no-repeat; background-position: center center; background-size: 25px 19px; display: block; width: 71px; height: 100%; position: absolute; top: 0; right: 0; } .no-svg .c441-Connect .button.all .icon { background: url("../img/icons-brand/white/sprite-brand-white.png") no-repeat right -90px; } .c441-Connect .button.all:hover { background: #ff941f; /* Old browsers */ background: -moz-linear-gradient(45deg, #ff941f 0%, #fe8603 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ff941f), color-stop(100%, #fe8603)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #ff941f 0%, #fe8603 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #ff941f 0%, #fe8603 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #ff941f 0%, #fe8603 100%); /* IE10+ */ background: linear-gradient(45deg, #ff941f 0%, #fe8603 100%); /* W3C */ } .c441-Connect.connect-scroll, .connect-scroll { height: auto; padding-right: 0px; position: fixed; max-width: 230px; } .lt-ie8 .c441-Connect.connect-scroll, .lt-ie8 .connect-scroll { position: static !important; } .lt-ie9 .c441-Connect .accordion-body { height: auto !important; } @media (min-width: 641px) { .c441-Connect .accordion-body { height: auto !important; } } @media (min-width: 641px) and (max-width: 1015px) { .c441-Connect.connect-scroll, .connect-scroll { position: static; max-width: 230px; } } @media (max-width: 640px) { .c441-Connect { margin-bottom: 0px; } .c441-Connect .collapse.in { height: 0; } .c441-Connect .button { padding: 12px 50px 12px 15px; } .c441-Connect .button.all { -webkit-box-shadow: inset 0px -3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px -3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px -3px 2px 0px rgba(0, 0, 0, 0.1); } .c441-Connect .accordion-toggle { -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); padding: 21px 0 16px 0; background-position: 10px 19px; font-size: 20px; position: relative; text-align: center; line-height: 20px; } .c441-Connect .accordion-toggle .icon { position: static; vertical-align: middle; margin-top: -6px; } .c441-Connect .accordion-toggle span { display: inline-block !important; } .c441-Connect.connect-scroll, .connect-scroll { position: static !important; max-width: 639px; padding-right: 0; } .no-csscalc .c441-Connect .connect-form div.form-field { width: 85%; } } /* article */ .article .right-col { /* padding-top: 18px;*/ } .article #disqus_thread { border-top: 1px solid #DDD; padding-top: 20px; } /* landing2 */ .landing2 .body-wrap { padding-top: 60px; } .landing2 .body-heading-1-new { margin-top: -5px; } .lt-ie8 .landing2 .main-content { margin-top: 0px; } .lt-ie8 .landing2 .body-wrap { padding-top: 0px; } /* t50_t51-BodyTypeStyles */ body { font: 15px/24px "SimpleSans", Arial, sans-serif; color: #333333; font-weight: normal; } ::-moz-selection { background: #004165; color: #fff; text-shadow: none; } ::selection { background: #004165; color: #fff; text-shadow: none; } ul { padding-left: 0; list-style: none; } li { padding-left: 12px; background: url("../img/list-bullet.svg") no-repeat left 8px transparent; margin-bottom: 10px; } .no-svg li { background-image: url("../img/list-bullet.png"); } a { color: #00a9e0; text-decoration: none; } a:hover, a:focus { color: #00c0ff; text-decoration: none; outline: none !important; } .touch a:hover, .touch a:focus { text-decoration: none; } a:hover .link-style1, a:focus .link-style1 { color: #00c0ff; } sup { font-size: 60%; } .nolist { list-style: none; margin: 0; padding: 0; } .nolist li { list-style: none; background: none; padding-left: 0; margin-bottom: 0; } .notopmargin { margin-top: 0; } .topmargin-45 { margin-top: 45px; } .text-right { text-align: right; } .text-left { text-align: left; } p { margin: 0.65em 0; } h2.body-heading-8-new { margin-bottom: 0; } .article-title, .article-title-white { font: 40px/46px "SimpleSans", Arial, sans-serif; font-weight: normal; } .article-title { color: #333333; } .article-title-white { color: #FFF; } .body-heading-1-new { font: 26px/34px "SimpleSans", Arial, sans-serif; color: #333333; font-weight: normal; } .body-heading-2-new { font: 26px/34px "SimpleSans", Arial, sans-serif; color: white; font-weight: normal; } .body-heading-3-new { font: 17px/23px "SimpleSans", Arial, sans-serif; color: #333333; font-weight: normal; } .body-heading-4-new { font: 13px/24px "SimpleSansMedium", Arial, sans-serif; color: #797979; text-transform: uppercase; font-weight: normal; } .body-heading-5-new { font: 15px/22px "SimpleSansMedium", Arial, sans-serif; color: #004165; font-weight: normal; } .body-heading-6-new { font: 22px/30px "SimpleSans", Arial, sans-serif; color: #424242; font-weight: normal; } .body-heading-7-new { font: 20px/28px "SimpleSans", Arial, sans-serif; color: #333333; font-weight: normal; } .body-heading-8-new { font: 17px/23px "SimpleSansMedium", Arial, sans-serif; color: #004165; font-weight: normal; } .link-style1 { font: 15px/24px "SimpleSansMedium", Arial, sans-serif; color: #00a9e0; font-weight: normal; } .arrow { padding-right: 28px; background: url("../img/icons/sprite-controls.svg") no-repeat right -1348px; } .arrow:hover { background-position: right -1398px; } .no-svg .arrow { background: url("../img/icons/sprite-controls.png") no-repeat right -1348px; } .no-svg .arrow:hover { background-position: right -1398px; } .body-heading000 { font: 32px/47px "SimpleSans", Arial, sans-serif; color: #FFF; font-weight: normal; } .body-text1 { color: #333; } .home-heading1 { font: 50px/55px "SimpleSans", Arial, sans-serif; color: #424242; } .button-text1 { font: 13px/16px "SimpleSansBold", Arial, sans-serif; color: #FFF; } .button-text1:hover { color: #FFF; } @media (max-width: 640px) { .article-title { font-size: 34px; } .body-heading-1-new { font-size: 21px; line-height: 30px; } }