p {margin-bottom:1em; line-height: 1.4em;} * { margin:0;padding:0;border:0;font-size:100%;line-height: 1.4em;} /*ORIGINAL LINK*/ a {color:#002b6d;} a:hover, a:focus, a:active {color:#e56220;outline:none;} /*a {color:#e56220;text-decoration: none;} a:hover, a:focus, a:active {color:#e56220;outline:none;text-decoration: underline}*/ @font-face { font-family: "BeClear"; src: url("../fonts/BeClear_W_Rg.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "BeClear"; src: url("../fonts/BeClear_W_Bd.woff2") format("woff2"); font-weight: bold; font-style: normal; } @font-face { font-family: "BeClear"; src: url("../fonts/BeClear_W_It.woff2") format("woff2"); font-weight: normal; font-style: italic; } @font-face { font-family: "BeClear"; src: url("../fonts/BeClear_W_BdIt.woff2") format("woff2"); font-weight: bold; font-style: italic; } body {font-size: 16px;font-family:'BeClear', arial, sans-serif;color:#424242;background-color:#fff;} h1 {color:#002b6d;font-size: 36px;margin: 0 0 20px 0;font-weight:400;line-height: 1.2em;} h1.h1large {font-size: 42px;} h2, .heading2 {color:#5e7da2;font-size:28px;margin-bottom:20px;font-weight:400;line-height: 1.2em;} @media (min-width: 601px){h2 {font-size:32px;}} h3, .txtgreylarge {color:#757575;font-size: 22px;margin: 10px 0 1.5em 0;font-weight:normal;} @media (max-width: 920px) and (min-width: 600px){h3,.txtgreylarge{font-size:22px;;margin: 20px 0 10px 0 }} @media (min-width: 921px){h3,.txtgreylarge{font-size:22px;;margin: 20px 0 10px 0 }} sup.sf {font-size:0.7em } .sectionedpage h3 {border-bottom: 3px solid #e56220; margin-top:50px; } .txtblue {color:#002b6d; text-shadow:none;} .txtcyan {color:#0f71b8; text-shadow:none;} .txtorange {color:#C4541B; text-shadow:none; /* NEW ORANGE c3531b */} .txtgrey {color:#757575; text-shadow:none;} .txtred {color:#bf1e2e; text-shadow:none;} .txtgreen {color:#009445; text-shadow:none;} .txtwhite {color:#fff; text-shadow:none;} .txtblack {color:#000; text-shadow:none;} .txtheadbar {background:#002b6d; color:#fff;font-size:18px; padding:6px 12px; border-radius: 8px} .txtxlarge {font-size:30px; } @media (max-width: 920px) and (min-width: 600px){.txtxlarge {font-size:40px; }} @media (min-width: 921px){.txtxlarge {font-size:48px; }} .txtlarge {font-size:22px; line-height: 1.5em} @media (max-width: 920px) and (min-width: 600px){.txtlarge {font-size:26px; line-height: 1.5em}} @media (min-width: 921px){.txtlarge {font-size:28px; line-height: 1.5em}} .txtmedium {font-size:18px; line-height: 1.2em} @media (max-width: 920px) and (min-width: 600px){.txtmedium {font-size:20px; line-height: 1.2em}} @media (min-width: 921px){.txtmedium {font-size:22px; line-height: 1.2em}} .txtmediumplus {font-size:24px; line-height: 1.2em} @media (max-width: 920px) and (min-width: 600px){.txtmediumplus {font-size:22px; }} @media (min-width: 921px){.txtmediumplus {font-size:24px; }} .txtnormalplus {font-size:18px;line-height:1.4em} .txtnormal {font-size:16px;line-height:1em} .txtsmallsm {font-size:14px;line-height:1em} @media (min-width: 601px){.txtsmallsm {font-size:16px; line-height: 1.2em}} .txtsmall {font-size:11px;line-height:1em} @media (min-width: 601px){.txtsmall {font-size:12px; line-height: 1.2em}} .txtrefsm {font-size: 10px;vertical-align: text-top;} .corners {border-radius: 8px;} .corners0 {border-radius: 0 !important;} .cornersquotetxt {border-radius: 200px 200px 0 200px !important; padding:22px 22px 22px 22px !important; text-align: center !important} .cornersquote {border-radius: 100px 0 100px 0 !important;} .border{border:1px solid #ccc!important} .borderred {border:4px solid #bf1e2e;} .bordergrey {border:4px solid #ccc;} .noline {text-decoration: none;} a.nolinehov {text-decoration: none;} a.nolinehov:hover {text-decoration: underline;} .boxgreyproduct {background-color: #e6e6e6;padding: 30px;border-radius: 10px;margin: 20px 0 30px 0;overflow:auto;} .boxred {border-radius: 10px;background-color: #bf1e2e; padding:15px; color:#FFF; overflow:auto;} .boxwhite {border-radius: 10px;background-color: #fff; padding:15px; color:#FFF; overflow:auto;} .boxblue {border-radius: 10px;background-color: #002b6d; padding:15px; color:#FFF; overflow:auto;} .boxblue h2, .boxcyan h2 {color:#C8D9FB} .boxcyan {border-radius: 10px;background-color: #0f71b8; padding:15px; color:#FFF; overflow:auto;} .boxorange {border-radius: 10px;background-color: #e56220; padding:15px; color:#FFF; overflow:auto;text-shadow: -1px 1px 0 #c3531b, 1px 1px 0 #c3531b, 1px -1px 0 #c3531b, -1px -1px 0 #c3531b;} .boxredoutline {border-radius: 10px;border:5px solid #bf1e2e; padding:15px; overflow:auto;} .boxgreen {border-radius: 10px; background-color: #009445; padding:15px; color:#FFF; overflow:auto; } .boxgreenoutline {border-radius: 10px;border:5px solid #009445; padding:15px; overflow:auto;} .boxgreyoutline {border-radius: 10px;border:5px solid #e6e6e6; padding:15px; overflow:auto;} .boxgreyoutlinethin {border-radius: 10px;border:1px solid #aaa; padding:15px; overflow:auto;} .boxorangeoutline {border-radius: 10px;border:5px solid #e56220; padding:15px; overflow:auto;} .boxblueoutline {border-radius: 10px;border:5px solid #002b6d; padding:15px; overflow:auto;} .boxcyanoutline {border-radius: 10px;border:5px solid #0f71b8; padding:15px; overflow:auto;} .boxgrey {border-radius: 10px;background-color: #e6e6e6; padding:15px;overflow:auto; } .boxorangelight {border-radius: 10px;background-color: #fbdfbb; /*border:1px solid #e56220*/;padding:15px;overflow:auto; } .boxaqua {background-color: #57baa5; padding:15px;overflow:auto; } .boxred a, .boxcyan a {color:#fff}.boxred a:hover, .boxcyan a:hover {text-decoration: none} .boxblue a {color:#C8D9FB}.boxblue a:hover {text-decoration: none} .bkgndgrey {background-color: #e6e6e6; } .bkgndgreylight {background-color: #eee; padding:50px 0 1px 0;} .bkgndorange {background-color: #e56220; } .bkgndcyan {background-color: #0f71b8; color:#FFF;} .bkgndcyan h2 {color:#FFF;} .bkgndgreen {background-color: #009445; color:#FFF;} .bkgndgreen h2 {color:#FFF;} .outlinegrey {border: 4px solid #e6e6e6;overflow:auto; } .outlinegreen {border: 4px solid #009445;overflow:auto; } .outlineorange {border: 4px solid #e56220;overflow:auto;} .outlinered {border: 4px solid #bf1e2e;overflow:auto;} .outlinecyan {border: 4px solid #0f71b8;overflow:auto;} .outlineblue {border: 4px solid #002b6d;overflow:auto;} .relative {position: relative;} .buttonbox {float:none;text-align:center; width:100%;padding:10px 0;} @media (min-width:601px){.buttonbox {float:right;text-align:right; position:absolute; top:0;}} a.buttontopred, a.buttontoporange { text-align:center;margin-left:12px;color:#FFF;text-decoration:none;padding:10px;border-radius: 8px;font-size:18px; } a.buttontopred {background-color:#900;} a.buttontoporange {background-color:#e56220;text-shadow: -1px 1px 0 #c3531b, 1px 1px 0 #c3531b, 1px -1px 0 #c3531b, -1px -1px 0 #c3531b;} a.buttontopred:hover, a.buttontoporange:hover {color:#FFF;background-color:#002b6d} .buttonblugry {background-color: #e6e6e6; border: 2px solid #CFCFCF;padding:10px; text-decoration: none;border-radius: 10px; margin:20px 0 10px 0;} .buttonblugry a {text-decoration: none;} .buttonorange, .buttonorange:focus, .buttonred, .buttonred:focus, .buttonblue, .buttonblue:focus, .buttonorangehollow, .buttonorangehollow:focus {color:#FFF;text-align:center;text-decoration:none;border-radius: 8px; display: block; font-size: 18px; padding:0.5em;margin:12px 12px 0 12px;-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.250); -webkit-appearance: none; /* Prevent roundy-gradienty button in iOS */} .buttonorange:hover, .buttonorange:active {background-color:#b74e1a;color:#FFF; } .buttonorangehollow:hover, .buttonorangehollow:active {background-color: #EFEFEF; color:#b74e1a; border:3px solid #b74e1a; } .buttonblue:hover, .buttonblue:active {background-color:#084e93;color:#FFF; } .buttonred:hover, .buttonred:active {background-color:#941320;color:#FFF; } @media (max-width: 920px) and (min-width: 600px){.buttonorange, .buttonorange:focus, .buttonred, .buttonred:focus, .buttonblue, .buttonblue:focus, .buttonorangehollow, .buttonorangehollow:focus {font-size:18px; margin:12px 6px 0 6px; padding:0.5em 0.2em;}} @media (min-width: 921px){.buttonorange, .buttonorange:focus, .buttonred, .buttonred:focus, .buttonblue, .buttonblue:focus, .buttonorangehollow, .buttonorangehollow:focus{font-size:22px }} .buttonorange, .buttonorange:focus {background-color:#e56220;text-shadow: -1px 1px 0 #c3531b, 1px 1px 0 #c3531b, 1px -1px 0 #c3531b, -1px -1px 0 #c3531b;border:3px solid #e56220;} .buttonorangehollow, .buttonorangehollow:focus {background-color:#fff; color: #c3531b !important; border:3px solid #e56220;} .buttonblue, .buttonblue:focus {background-color:#002b6d;} .buttonred, .buttonred:focus {background-color:#bf1e2e;} .film1 {border-top:5px solid #2F2F2F;border-bottom:5px solid #2F2F2F;} .film2 {border-top:7px dashed #2F2F2F;border-bottom:7px dashed #2F2F2F;} .shadowwht {box-shadow:2px 2px 5px #888; margin:2px 5px 5px 2px; border:1px solid #ccc;} .shadow {box-shadow:2px 2px 5px #888; margin:2px 5px 5px 2px;} .shadowcol {box-shadow:6px 6px 5px rgba(0,0,0,0.25); margin:2px 5px 5px 2px;} .add img { box-shadow:2px 2px 2px #888;border-radius:10px} .addimg img { box-shadow:2px 2px 2px #888; border-radius:10px} #tabs {border: 1px solid #aaa;border-radius: 10px; background:#aaa } #tabsodr {border: 1px solid #aaa;border-radius: 10px; background:#aaa } @media (max-width: 45em) {#tabs, #tabsodr {padding:0;border-radius:0;border-bottom:0;}} #tabs label, #tabsodr label {background: #E5E5E5;border-top-left-radius:8px;border-top-right-radius:8px;margin-top:6px;margin-left:6px;border-bottom: 1px solid #aaa;color:#002b6d; font-size: 20px} #tabs label {font-size: 20px} #tabsodr label {width:23.8%; text-align: center;font-size: 20px} @media (max-width: 920px)and (min-width: 45em) {#tabsodr label {width:23.5%; text-align: center;font-size: 17.5px}} @media (max-width: 45em) {#tabsodr label {width:100%; text-align: left;font-size: 20px}} #tabsodr label img {margin-bottom:0.25em;} @media (max-width: 45em) {#tabsodr label img, #tabsodr label br{display:none;}} @media (max-width: 45em) {#tabsodr label br{visibility: hidden; height:0 }} @media (max-width: 45em) {#tabs label, #tabsodr label{margin:0;border-radius:0; background-image: url(../images/icons/plus.png); background-repeat:no-repeat; background-position: right}} #tabs label:hover, #tabsodr label:hover {background: #C4C4C4;} @media (max-width: 45em) {#tabs label:hover, #tabsodr label:hover {background-image: url(../images/icons/plus.png); background-repeat:no-repeat; background-position: right}} #tabs .tab, #tabsodr .tab {border-bottom-left-radius:8px;border-bottom-right-radius:8px; } @media (max-width: 45em) {#tabs .tab, #tabsodr .tab {border-radius:0; border-bottom:1px solid #aaa}} /* @media (max-width: 45em) { #tabs, #tabsodr {padding:0;border-radius:0;border-bottom:0;} #tabsodr label {width:100%; text-align: left;font-size: 20px} #tabsodr label img, #tabsodr label br{display:none;} #tabs label, #tabsodr label{margin:0;border-radius:0; background-image: url(../images/icons/plus.png); background-repeat:no-repeat; background-position: right} #tabs label:hover, #tabsodr label:hover {background-image: url(../images/icons/plus.png); background-repeat:no-repeat; background-position: right} #tabs .tab, #tabsodr .tab {border-radius:0; border-bottom:1px solid #aaa} } */ hr.grey {width:100%;color:#e6e6e6; background-color:#e6e6e6;height:1px;margin:5px 0 10px 0;clear:both;} .greytop {border-top: 1px solid #e6e6e6;padding-top:5px;} hr.hrorange {width:100%; color:#e56220;background-color:#e56220;height:12px;margin:10px 0 10px 0;clear:both;} hr.hrorangetn {width:100%; color:#e56220;background-color:#e56220;height:3px;margin:50px 0 50px 0;clear:both;} hr.hrcyantn {width:100%; color:#0f71b8;background-color:#0f71b8;height:3px;margin:50px 0 50px 0;clear:both;} .tablelines th, .tablelines td { text-align:left; padding:0.5em} .tablelines td {border-bottom:1px solid #666} .tablelines th { border-bottom:1px solid #666; background-color:#F3F3F3; font-weight:700; } .wctable2 td { border-bottom:1px solid #e7e7e7; padding:6px;} .wctable2 th { text-align: left; padding:6px; background: #5e7da2; color:#fff;} .w90 {width:130px;} td.highlightleft {border:5px solid #bf1e2e !important;border-right:0 !important; border-radius: 12px 0 0 12px} td.highlightmiddle {border-top:5px solid #bf1e2e !important;border-bottom:5px solid #bf1e2e !important;} td.highlightright {border:5px solid #bf1e2e !important;border-left:0 !important; border-radius: 0 12px 12px 0} .next {background-image: url("../images/icons/next.png"); background-repeat:no-repeat; padding-left:22px;background-position: left} .back {background-image: url("../images/icons/back.png"); background-repeat:no-repeat; padding-right:22px;background-position: right} .up {background-image: url("../images/icons/up.png"); background-repeat:no-repeat; padding-left:22px;background-position: left} ul.checklist {margin-left:25px;} ul.checklist li {list-style-image: url(../images/symbols/guide/box.jpg);margin-bottom:6px;} .hoverimg img.hover {display: none;} .hoverimg a:hover img.hover { display: block; position: fixed; top: 15%; left: 25%; border-radius: 8px; box-shadow:0px 0px 10px rgba(0,0,0,0.40); } .quoterotate, .quotehome { color:#F1F6FD; font-style:italic; margin-bottom:1em; } .quoterotate:before{ content:url(../images/sectors/quote-left.png); padding-right:5px;} .quoterotate:after{ content:url(../images/sectors/quote-right.png); padding-left:5px;} .quotestory { color:#0f71b8; font-style:italic; margin-bottom:1em; ; } .quotestory:before{ content:url(../images/sectors/quotes-left.png); padding-right:5px;} .quotestory:after{ content:url(../images/sectors/quotes-right.png); padding-left:5px;} ul.outcomes { margin: 0 0 0 40px; } ul.outcomes li { list-style-image: url(../images/sectors/tick-blue.png); padding-bottom:10px; } ul.outcomes li.tickwhite { list-style-image: url(../images/sectors/tick-white.png); padding-bottom:10px; } ul.outcomes li p {vertical-align: top; display: inline-block;} .discount {color:#BD0003;text-decoration: line-through;} .tickfeature { background-image: url(../images/sectors/tick-blue.png); background-repeat: no-repeat; padding-left:32px; } .forminputbox {font-size: 16px; cursor: wait; background-color: #fff; /*background-image: url( //widgit.com/images/icons/search_box.png ); background-repeat: no-repeat; background-position: 96% 50%;*/ border:1px solid #d9d9d9; padding:6px; box-shadow: 2px 2px 4px #d9d9d9 inset;} .newbanner {position: absolute;margin-left:-12px;} .error {color:#980002 !important} .success {color:#0f71b8 !important} #activation_notification {color:#e56220;font-style: italic;} .productprice {padding: 7px 0; border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .format.ip4 { position: relative; display: inline-block; } .format.ip4::after { content: "New"; background-color: #bf1e2e; color: #ffffff; font-size: 12px; font-weight: bold; padding: 3px 6px; border-radius: 5px; text-transform: uppercase; margin-left: 10px; position: relative; top: -3px; vertical-align: middle; } @media (max-width: 768px) { .format.ip4::after { display: none; } }