﻿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;
  }
}