img.arrow { max-width: none } .ExternalClass, center { width: 100% } @media only screen and (max-device-width: 700px), only screen and (max-width: 700px) { *[class~="mobile-hide"] { display: none !important; height: 0 !important; margin: 0 !important; max-height: 0 !important; overflow: hidden !important; padding: 0 !important; visibility: hidden !important; width: 0 !important; } } sub, sup, table.row, td.wrapper { position: relative } a { text-decoration: none!important; color: #000000 !important } #outlook a { padding: 0 } body { width: 100%!important; min-width: 700px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } .ExternalClass, .ExternalClass div, .ExternalClass font, .ExternalClass p, .ExternalClass span, .ExternalClass td { line-height: 100% } #backgroundTable { margin: 0; padding: 0; width: 100%!important; line-height: 100%!important } .wrapper, img.center, table.column, table.columns { margin: 0 auto } img { outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; display: block } img.img-inline-block { display: inline-block } center { min-width: 580px } a img { border: none } table { border-spacing: 0; border-collapse: collapse } table, td, tr { padding: 0; vertical-align: top; text-align: left } hr { color: #d9d9d9; background-color: #d9d9d9; height: 1px } body.outlook p { display: inline!important } .padding-none { padding: 0!important } .padding-top { padding-top: 20px!important; padding-bottom: 0!important } .padding-bottom { padding-bottom: 20px!important; padding-top: 0!important } .fixed-width { width: 100%!important } table.body { height: 100%; width: 100% } table.container { width: 700px; margin: 0 auto; text-align: inherit } h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, span.center, table.center, td.center { text-align: center } table.row { padding: 0; width: 100% } table.container table.row { display: block } td.wrapper { padding: 10px 20px 0 0 } /*table.column td, table.columns td { padding: 0 0 10px } table.column td.sub-column, table.column td.sub-columns, table.columns td.sub-column, table.columns td.sub-columns { padding-right: 10px } td.sub-column, td.sub-columns { min-width: 0 }*/ table.container td.last, table.row td.last { padding-right: 0 } /*table.one { width: 30px } table.two { width: 5pc } table.three { width: 130px } table.four { width: 180px } table.five { width: 230px } table.six { width: 280px } table.seven { width: 330px } table.eight { width: 380px } table.nine { width: 430px } table.ten { width: 5in } table.eleven { width: 530px } table.twelve { width: 700px } table.one center { min-width: 30px } table.two center { min-width: 5pc } table.three center { min-width: 130px } table.four center { min-width: 180px } table.five center { min-width: 230px } table.six center { min-width: 280px } table.seven center { min-width: 330px } table.eight center { min-width: 380px } table.nine center { min-width: 430px } table.ten center { min-width: 5in } table.eleven center { min-width: 530px } table.twelve center { min-width: 700px } table.one .panel center { min-width: 10px } table.two .panel center { min-width: 60px } table.three .panel center { min-width: 110px } table.four .panel center { min-width: 10pc } table.five .panel center { min-width: 210px } table.six .panel center { min-width: 260px } table.seven .panel center { min-width: 310px } table.eight .panel center { min-width: 360px } table.nine .panel center { min-width: 410px } table.ten .panel center { min-width: 460px } table.eleven .panel center { min-width: 510px } table.twelve .panel center { min-width: 680px }*/ /*.body .column td.one, .body .columns td.one { width: 8.333333% } .body .column td.two, .body .columns td.two { width: 16.666666% } .body .column td.three, .body .columns td.three { width: 25% } .body .column td.four, .body .columns td.four { width: 33.333333% } .body .column td.five, .body .columns td.five { width: 41.666666% } .body .column td.six, .body .columns td.six { width: 50% } .body .column td.seven, .body .columns td.seven { width: 58.333333% } .body .column td.eight, .body .columns td.eight { width: 66.666666% } .body .column td.nine, .body .columns td.nine { width: 75% } .body .column td.ten, .body .columns td.ten { width: 83.333333% } .body .column td.eleven, .body .columns td.eleven { width: 91.666666% } .body .column td.twelve, .body .columns td.twelve { width: 100% } td.offset-by-one { padding-left: 50px } td.offset-by-two { padding-left: 75pt } td.offset-by-three { padding-left: 150px } td.offset-by-four { padding-left: 200px } td.offset-by-five { padding-left: 250px } td.offset-by-six { padding-left: 300px } td.offset-by-seven { padding-left: 350px } td.offset-by-eight { padding-left: 25pc } td.offset-by-nine { padding-left: 450px } td.offset-by-ten { padding-left: 500px } td.offset-by-eleven { padding-left: 550px } */ /*td.expander { visibility: hidden; width: 0; padding: 0!important }*/ table[class=body] .responsive-img img { display: block!important; width: 100%!important; height: auto!important } /*table.column .text-pad, table.columns .text-pad { padding-left: 10px; padding-right: 10px } table.column .left-text-pad, table.column .text-pad-left, table.columns .left-text-pad, table.columns .text-pad-left { padding-left: 10px } table.column .right-text-pad, table.column .text-pad-right, table.columns .right-text-pad, table.columns .text-pad-right { padding-right: 10px } */ table[class=body] .hide-for-desktop, table[class=body] .show-for-small { overflow: hidden; float: left; display: none; max-height: 0; width: 0; line-height: 0; mso-hide: all } @media only screen and (max-width:700px) { body { min-width: 100%!important } table[class=body] img { width: auto!important; height: auto!important } table[class=body] center { min-width: 0!important } table[class=body] .container { width: 100%!important } table[class=body] .row { width: 100%!important; display: block!important } table[class=body] .wrapper { display: block!important; padding-right: 0!important } /*table[class=body] .column, table[class=body] .columns { table-layout: fixed!important; float: none!important; width: 100%!important; padding-right: 0!important; padding-left: 0!important; display: block!important } table[class=body] .wrapper.first .column, table[class=body] .wrapper.first .columns { display: table!important } table[class=body] table.column td, table[class=body] table.columns td { width: 100%!important } table[class=body] .column td.one, table[class=body] .columns td.one { width: 8.333333%!important } table[class=body] .column td.two, table[class=body] .columns td.two { width: 16.666666%!important } table[class=body] .column td.three, table[class=body] .columns td.three { width: 25%!important } table[class=body] .column td.four, table[class=body] .columns td.four { width: 33.333333%!important } table[class=body] .column td.five, table[class=body] .columns td.five { width: 41.666666%!important } table[class=body] .column td.six, table[class=body] .columns td.six { width: 50%!important } table[class=body] .column td.seven, table[class=body] .columns td.seven { width: 58.333333%!important } table[class=body] .column td.eight, table[class=body] .columns td.eight { width: 66.666666%!important } table[class=body] .column td.nine, table[class=body] .columns td.nine { width: 75%!important } table[class=body] .column td.ten, table[class=body] .columns td.ten { width: 83.333333%!important } table[class=body] .column td.eleven, table[class=body] .columns td.eleven { width: 91.666666%!important } table[class=body] .column td.twelve, table[class=body] .columns td.twelve { width: 100%!important } table[class=body] td.offset-by-eight, table[class=body] td.offset-by-eleven, table[class=body] td.offset-by-five, table[class=body] td.offset-by-four, table[class=body] td.offset-by-nine, table[class=body] td.offset-by-one, table[class=body] td.offset-by-seven, table[class=body] td.offset-by-six, table[class=body] td.offset-by-ten, table[class=body] td.offset-by-three, table[class=body] td.offset-by-two { padding-left: 0!important } table[class=body] table.columns td.expander { width: 1px!important } table[class=body] .right-text-pad, table[class=body] .text-pad-right { padding-left: 10px!important } table[class=body] .left-text-pad, table[class=body] .text-pad-left { padding-right: 10px!important }*/ table[class=body] .hide-for-small, table[class=body] .show-for-desktop { display: none!important } table[class=body] .hide-for-desktop, table[class=body] .show-for-small { overflow: visible!important; float: none!important; display: inherit!important; line-height: 100%!important; max-height: none!important; width: auto!important } table[class=body] .hide-for-desktop img, table[class=body] .hide-for-desktopdiv, table[class=body] .show-for-small img, table[class=body] .show-for-smalldiv { display: block!important } table[class=body] .hide-for-desktop span, table[class=body] .show-for-small span { display: inline!important } table[class=body] .hide-for-desktoptr, table[class=body] .show-for-smalltr { display: table-row!important } table[class=body] .hide-for-desktoptd, table[class=body] .show-for-smalltd { display: table-cell!important } table[class=body] .hide-for-desktoptable, table[class=body] .show-for-smalltable { display: table!important } table[class=body] .show-for-small img, table[class=body] div.show-for-small { display: block!important } table[class=body] span.show-for-small { display: inline!important } table[class=body] tr.show-for-small { display: table-row!important } table[class=body] td.show-for-small { display: table-cell!important } table[class=body] table.show-for-small { display: table!important } table[class=body] .mobile-block { display: block!important } } .wrapper { padding: 0 } .container { width: 700px } .block-grid { width: 100%; max-width: 680px } .block-grid td { display: inline-block; padding: 10px } /*.two-up td { width: 270px } .three-up td { width: 173px } .four-up td { width: 125px } .five-up td { width: 1in } .six-up td { width: 76px } .seven-up td { width: 62px } .eight-up td { width: 52px } .column-half { width: 50% } .column-third { width: 33.333331% } .column-fourth { width: 25% } .column-eighth { width: 12.5% }*/ .section { padding: 0 0 20px } span.center { display: block; width: 100% } img.center { float: none } .hide-for-desktop, .show-for-small { display: none } body, h1, h2, h3, h4, h5, h6, p, table.body, td { color: #000; font-family: Arial,Helvetica,sans-serif; font-weight: 400; padding: 0; margin: 0; text-align: left; line-height: 22px } h1, h2 { margin-top: 44px } blockquote, h1, h2, h3, h4, ol, p, pre, ul { margin-bottom: 22px } h1, h2, h3, h4, h5, h6 { word-break: normal } h1 { line-height: 66px; font-size: 63px } h2 { line-height: 44px; font-size: 42px } h3, h4, p.lead { line-height: 22px } h3, h4 { margin-top: 22px } h3 { font-size: 22px } h4 { font-size: 17px } h5 { font-size: 13px } h6 { font-size: 9pt } body, p, table.body, td { font-size: 13px; line-height: 22px } p.lead { font-size: 17px } hr { border: 1px solid; margin: -1px 0 } ol ol, ol ul, ul ol, ul ul { margin-top: 0; margin-bottom: 0 } b, code, em, small, strong { line-height: 1 } sub, sup { vertical-align: baseline; top: -.4em } sub { top: .4em } small { font-size: 10px } a:active, a:hover, a:visited, h1 a:active, h1 a:visited, h2 a:active, h2 a:visited, h3 a:active, h3 a:visited, h4 a:active, h4 a:visited, h5 a:active, h5 a:visited, h6 a:active, h6 a:visited { color: #000!important } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #db2f4d } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } /*@media only screen and (max-width:700px) { .mob-text-left { text-align: left!important } .mob-text-right { text-align: right!important } .mob-text-center { text-align: center!important } .mob-text-justify { text-align: justify!important } .mob-text-nowrap { white-space: nowrap!important } .mob-text-lowercase { text-transform: lowercase!important } .mob-text-uppercase { text-transform: uppercase!important } .mob-text-capitalize { text-transform: capitalize!important } }*/ /*.price, .price img { text-align: center!important }*/ /*.title-special { font-weight: 700; font-size: 17px; margin-bottom: 11px!important; color: #004f88 } .text-winback { font-size: 20px; color: #004f88 }*/ /*.price { vertical-align: middle!important }*/ /*table.button, table.large-button, table.medium-button, table.small-button, table.tiny-button { width: 100%; overflow: hidden } table.button td, table.large-button td, table.medium-button td, table.small-button td, table.tiny-button td { display: block; width: auto!important; text-align: center; background: #2ba6cb; border: 1px solid #2284a1; color: #fff; padding: 8px 0 } table.button:active td, table.button:hover td, table.button:visited td, table.large-button:hover td, table.medium-button:hover td, table.small-button:hover td, table.tiny-button:hover td { background: #2795b6!important } table.tiny-button td { padding: 5px 0 4px } table.small-button td { padding: 8px 0 7px } table.medium-button td { padding: 9pt 0 10px } table.large-button td { padding: 21px 0 18px } table.button td a, table.large-button td a, table.medium-button td a, table.small-button td a, table.tiny-button td a { font-weight: 700; text-decoration: none; font-family: Helvetica, Arial, sans-serif; color: #fff; font-size: 1pc } table.tiny-button td a { font-size: 9pt; font-weight: 400 } table.small-button td a { font-size: 1pc } table.medium-button td a { font-size: 20px } table.large-button td a { font-size: 24px } table.button:active td a, table.button:hover td a, table.button:visited td a { color: #fff!important } table.button td a:visited, table.button:active td a, table.button:hover td a, table.large-button td a:visited, table.large-button:active td a, table.large-button:hover td a, table.medium-button td a:visited, table.medium-button:active td a, table.medium-button:hover td a, table.small-button td a:visited, table.small-button:active td a, table.small-button:hover td a, table.tiny-button td a:visited, table.tiny-button:active td a, table.tiny-button:hover td a { color: #fff }*/ /*table.secondary td { background: #e9e9e9; border-color: #d0d0d0; color: #555 } table.secondary td a { color: #555 } table.secondary:hover td { background: #d0d0d0!important; color: #555 } table.secondary td a:visited, table.secondary:active td a, table.secondary:hover td a { color: #555!important } table.success td { background: #5da423; border-color: #457a1a } table.success:hover td { background: #457a1a!important } table.alert td { background: #c60f13; border-color: #970b0e } table.alert:hover td { background: #970b0e!important } table.radius td { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } table.round td { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px }*/ /*.black { color: #000 } .bg-black { background-color: #000 } .white { color: #fff } .bg-white { background-color: #fff } .gray-darker { color: #e1e2e5 } .bg-gray-darker { background-color: #e1e2e5 }*/ .gray-dark { color: #7d8087 } /*.bg-gray-dark { background-color: #7d8087 } .gray { color: #edeef1 } .bg-gray { background-color: #edeef1 } .gray-light { color: #e1e2e5 } .bg-gray-light { background-color: #e1e2e5 } .gray-lighter { color: #e8e8e8 } .bg-gray-lighter { background-color: #e8e8e8 }*/ /*.brand-pink { color: #1d9ad6 } .bg-brand-pink { background-color: #1d9ad6 } .brand-pink-light { color: #ffa7cc } .bg-brand-pink-light { background-color: #ffa7cc } .brand-secondary { color: #dc042b } .bg-brand-secondary { background-color: #dc042b } .brand-secondary-light { color: #ffa7cc } .bg-brand-secondary-light { background-color: #ffa7cc }*/ .pre-header-container { background-color: #fff; margin: 0 auto; padding: 0 } .pre-header-container a, .pre-header-container a>span, .pre-header-container td { font-size: 11px } .pre-header-container td { color: #7d8087 } .pre-header-container a { color: #db2f4d } .pre-header-container a span { color: #db2f4d!important } .pre-header-container .pre-header-wrapper { padding: 10px } .pre-header-container .pre-header-message { width: 300px } .pre-header-container .pre-header-webversion { width: 5pc; text-align: right } @media only screen and (max-width:700px) { table[class=body] table[class=pre-header] { width: 100%!important; margin: 0 auto; text-align: inherit } table[class=body] table[class=pre-header] td { width: 100%!important; display: block!important; clear: both!important; text-align: center!important } } .logo-mobile { padding: 20px 0 40px } /*.header-nav-wrapper { background-color: #e1e2e5 } .header-nav-container { padding: 20px } .header-nav-item { padding: 0 6px; color: #7d8087; font-size: 9pt; font-weight: 700 }*/ .footer-title { color: #7d8087; font-weight: 700; vertical-align: middle } .footer-subcribe { text-align: center; padding: 20px } .footer-subcribe span { color: #db2f4d } .footer-navi { padding-right: 10px; font-weight: 700; color: #7d8087 } .footer-abbo { background: #e1e2e5; padding: 20px } .footer-logos { background-color: #fff; padding: 20px 0 } .footer-closure { padding-top: 20px; padding-bottom: 20px } @media only screen and (max-width:700px) { table[class=body] .footer-logos { padding: 20px 10px!important } .footer-nav .mobile-facebook img, .footer-nav .mobile-twitter img { height: 2pc!important } .footer-nav .footer-nav-mobile .social-media .footer-title { line-height: 2pc } table[class=body] .stacker { width: 100%!important; height: auto!important } } .disclaimer { padding: 20px 0 } .wrapper, body { background-color: #edeef1 } .body { margin: 0 auto; padding: 0 } span, td { font-family: Arial,Helvetica,sans-serif; } td { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse!important; mso-table-lspace: 0; mso-table-rspace: 0; color: #000 } a { color: #dc042b } /*.content-block td { font-size: 15px } .content-block .content-title { padding-bottom: 20px; color: #dc042b; font-size: 27px; font-weight: 700; line-height: 30px } .content-block .content-button { padding-top: 20px }*/ .articles-wrapper { width: 410px } .side-wrapper { width: 270px; padding-left: 20px } /*.banner-columns-2 img { max-width: 340px } .banner-columns-2 td { text-align: left } .banner-columns-2 td:last-child { text-align: right } .banner-columns-2 td:last-child img { float: right }*/ @media only screen and (max-width:700px) { table[class=body] .banner-columns-2 img { max-width: 100%!important } .padding-bottom-mobile { padding-bottom: 20px!important } table[class=body] .mobile-row { width: 100%!important } } .article-container { padding: 30px; background: #fff; color: #000 } .article-title { font-size: 20px; font-weight: 600; padding-bottom: 5px } .article-img { background-color: #fff } .article-text { color: #000 } .advertorial-link { font-weight: 700; color: #db2f4d } /*.btn-cta, .btn-cta-article { background: #ffd52e; color: #000 } .btn-cta, .btn-cta-article, .btn-cta-ghost { font-size: 9pt; line-height: 23px; font-weight: 700; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none!important }*/ .links-head-title, .links-title { font-size: 1pc; font-weight: 700 } /*.btn-cta table tr td, .btn-cta-article table tr td, .btn-cta-ghost table tr td { color: #000 } .btn-cta-article { padding: 15px } .btn-cta, .btn-cta-ghost { padding: 20px } .btn-cta-ghost { border: 1px solid #db2f4d; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #db2f4d } .btn-social { padding-right: 10px }*/ .title { font-weight: 700 } .links-wrapper { padding: 30px; background: #fff } .links-container { padding: 10px 0 } .buyersguide-link, .headline-title { padding-right: 5px } .links-container-border { border-top: 1px solid #edeef1 } .links-head-title { color: #db2f4d } .link-arrow { text-align: right } /*.buyersguide-link, .buyersguide-title { font-weight: 700 } .buyersguide-subtitle { color: #7d8087 } .buyersguide-link { color: #db2f4d }*/ @media only screen and (max-width:700px) { table[class=body] .jobs-container { height: 100%!important } }