@charset "utf-8";

/* =============================================================================
/ Base (html5 boilerplate h5bp.com/css - modified)
/ ============================================================================= */
/* ------- Normalize ------- */
  /* Set all elements to border-box box sizing */
*{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

  /* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

  /* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body {margin:0;text-align:center;font:normal 12px/21px Verdana, Geneva, sans-serif; color:#283545;background-color:#fff;}

  /* Links */
a, .pseudo-link { color: #0059b3;text-decoration:underline;}
a:hover, .pseudo-link:hover {text-decoration:none;}
a:focus, a:visited, .pseudo-link:focus, .pseudo-link:visited { outline:none; border:0; }
a:hover, .pseudo-link:hover, a:active, .pseudo-link:active { outline: 0; cursor:pointer;}

  /* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

  /* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

  /* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

  /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

  /* Lists */
ul, ol {margin:0; padding:0;list-style:none;}
dl {margin:0;padding:0;}
dd { margin: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

  /* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

  /* Figures */
figure { margin: 0; }

  /* Forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: #f0dddd; }

  /* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
th {text-align:left;}

  /* Chrome Frame Prompt */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

  /* Remove default margin/padding */
h1,h2,h3,h4,h5,h6,ol,ul,li,p,span,a{margin:0; padding:0;}

/* ------- Media queries ------- */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

/* ------- Non-semantic helper classes ------- */
  /* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

  /* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

  /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {display:none;}

  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

  /* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

  /* Alternate method for hiding content only visually - solves IE9 hidden iframe load issue */
.visuallycollapsed { height:0;overflow:hidden; }

  /* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after, 
.row-inner:before, .row-inner:after, 
section:before, section:after,
.contains-2:before, .contains-3:before, .contains-4:before, .contains-5:before, .contains-6:before, .contains-2:after, .contains-3:after, .contains-4:after, .contains-5:after, .contains-6:after,
.form>.inner:before, .form>.inner:after, 
.form .radiobox:before,.form .radiobox:after{ content: " "; display: table; }

.clearfix:after,
.row-inner:after, 
section:after, 
.contains-2:after, .contains-3:after, .contains-4:after, .contains-5:after, .contains-6:after,
.form>.inner:after, 
.form .radiobox:after { clear: both; } 

.clearfix,
.row-inner,
section, 
.contains-2, .contains-3, .contains-4, .contains-5, .contains-6,
.form>.inner, .form .radiobox{ *zoom: 1; }

.floatL {float:left;}
.floatR {float:right;}
.clearL {clear:left;}
.clearR {clear:right}
.clearBoth {clear:both}

/* ------- Print styles ------- */
@media print {

    /* Base print styles */
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
    /* Depositing Funds Bank Wire Details Print Styles */
  div.table-wrap {width:100%;margin:3em 0;font-size:1.1em;line-height:1.5em;border:1px solid #666;text-align:left;}
  div.table-wrap table tr th {font-size:1em;padding:.35em 0 .35em 7px; margin-left:0; text-transform:uppercase;line-height:24px;border-bottom:1px solid #666; }
  div.table-wrap table tr td {padding:.35em 0 .35em 7px;border-bottom:1px solid #666;}
  div.table-wrap a.btn-print {display:none;}
}

/* =============================================================================
/ MODULE: BACKGROUND
/ ============================================================================= */
/* Background parts */
.bg{position:relative; background-position:left top; background-repeat:no-repeat;}
.bg-inner{background-position:right top; background-repeat:no-repeat;}
.bg-shoe{position:absolute; bottom:0; left:0; right:0; background-position:left bottom; background-repeat:no-repeat;}
.bg-sock{background-position:right bottom; background-repeat:no-repeat;}

/* Background with rounded corners and shadow */
.bg-round-shadow{padding-left:21px; background-image:url(/img/module/background/bg-round-shadow.jpg);}
.bg-round-shadow .bg-inner{padding:19px 21px 36px 0; background-image:url(/img/module/background/bg-round-shadow.jpg);}
.bg-round-shadow .bg-shoe{height:22px; padding-left:21px; background-image:url(/img/module/background/bg-round-shadow.jpg);}
.bg-round-shadow .bg-sock{height:22px; background-image:url(/img/module/background/bg-round-shadow.jpg);}

/* Background with rounded corners and shadow for AR 3.0*/
#ar .bg-round-shadow,
#ar .bg-round-shadow .bg-inner,
#ar .bg-round-shadow .bg-shoe,
#ar .bg-round-shadow .bg-sock{background-image:url('/img/module/background/ar/bg-round-shadow.jpg');}

/* Background icon */
.bg .ico.ico-paperclip{position:absolute; top:-7px; right:5px;}


/* =============================================================================
/ MODULE: BORDER
/ ============================================================================= */
/* ------- Base border ------- */
.has-bdr{position:relative; display:block;}
.bdr{font-size:0; font-weight:normal; position:absolute; display:block; background-position:left top; z-index:2;}
.bdr-divider, .bdr-divider-invert{position:relative; width:100%; margin:8px 0;}

/* ------- Border position ------- */
.bdr-left{top:0; bottom:0; left:0; background-repeat:repeat-y;}
.bdr-right{top:0; bottom:0; right:0; background-repeat:repeat-y;}
.bdr-top{top:0; left:0; right:0; background-repeat:repeat-x;}
.bdr-bottom{bottom:0; left:0; right:0; background-repeat:repeat-x;}

/* ------- Border variants ------- */
	/* border dot */
.bdr-dot{background-image:url(/img/module/border/bdr-dot.png);}
.bdr-dot.bdr-left, .bdr-dot.bdr-right{width:2px;}
.bdr-dot.bdr-top, .bdr-dot.bdr-bottom, .bdr-dot.bdr-divider{height:2px;}

	/* border dot wide */
.bdr-dot-wide{background-image:url(/img/module/border/bdr-dot-wide.png);}
.bdr-dot-wide.bdr-left, .bdr-dot-wide.bdr-right{width:2px;}
.bdr-dot-wide.bdr-top, .bdr-dot-wide.bdr-bottom, .bdr-dot-wide.bdr-divider{height:2px;}

	/* border dot small */
.bdr-dot-sm{background-image:url(/img/module/border/bdr-dot-sm.png);}
.bdr-dot-sm.bdr-left, .bdr-dot-sm.bdr-right{width:1px;}
.bdr-dot-sm.bdr-top, .bdr-dot-sm.bdr-bottom, .bdr-dot-sm.bdr-divider{height:1px;}

	/* border dash */
.bdr-dash{background-image:url(/img/module/border/bdr-dash.png);}
.bdr-dash.bdr-left, .bdr-dash.bdr-right{width:1px;}
.bdr-dash.bdr-top, .bdr-dash.bdr-bottom, .bdr-dash.bdr-divider{height:1px;}

	/* border solid white */
.bdr-solid-white{height:1px; background-color:#fff;}

	/* border solid dark shadow */
.bdr-solid-dark-shadow{height:2px; background-color:#020508; border-bottom:1px solid #3e4c5e;}
.bdr-solid-dark-shadow.bdr-bottom, .bdr-solid-dark-shadow.bdr-divider-invert{border-top:1px solid #3e4c5e; border-bottom:none;}
.bdr-solid-dark-shadow.bdr-left{height:auto; width:2px; border-bottom:none; border-right:1px solid #3e4c5e;}
.bdr-solid-dark-shadow.bdr-right{height:auto; width:2px; border-bottom:none; border-left:1px solid #3e4c5e;}

	/* border solid light shadow */
.bdr-solid-light-shadow{height:2px; background-color:#c0d0d8; border-bottom:1px solid #fff;}
.bdr-solid-light-shadow.bdr-bottom, .bdr-solid-light-shadow.bdr-divider-invert{border-top:1px solid #fff; border-bottom:none;}
.bdr-solid-light-shadow.bdr-left{height:auto; width:2px; border-bottom:none; border-right:1px solid #fff;}
.bdr-solid-light-shadow.bdr-right{height:auto; width:2px; border-bottom:none; border-left:1px solid #fff;}

/* ------- Gradient variants ------- */
	/* border gradient */
.bdr-grad.bdr-left, .bdr-grad.bdr-right{background-image:url(/img/module/border/bdr-vert-grad.png); width:8px; z-index:1;}
.bdr-grad.bdr-left{background-position:right top;}
.bdr-grad.bdr-right{background-position:left top;}
.bdr-grad.bdr-top, .bdr-grad.bdr-bottom, .bdr-grad.bdr-divider, .bdr-grad.bdr-divider-invert{background-image:url(/img/module/border/bdr-horiz-grad.png); height:18px; z-index:1;}
.bdr-grad.bdr-top{background-position:left bottom;}
.bdr-grad.bdr-bottom{background-position:left top;}
.bdr-grad.bdr-divider{background-position:left bottom; width:100%;}
.bdr-grad.bdr-divider-invert{background-position:left top; width:100%;}

	/* border gradient small*/
.bdr-grad-sm.bdr-left, .bdr-grad-sm.bdr-right{background-image:url(/img/module/border/bdr-vert-grad-sm.png); width:5px; z-index:1;}
.bdr-grad-sm.bdr-left{background-position:right top;}
.bdr-grad-sm.bdr-right{background-position:left top;}
.bdr-grad-sm.bdr-top, .bdr-grad-sm.bdr-bottom, .bdr-grad-sm.bdr-divider, .bdr-grad-sm.bdr-divider-invert{background-image:url(/img/module/border/bdr-horiz-grad-sm.png); height:5px; z-index:1;}
.bdr-grad-sm.bdr-top{background-position:left bottom;}
.bdr-grad-sm.bdr-bottom{background-position:left top;}
.bdr-grad-sm.bdr-divider{background-position:left bottom; width:100%;}
.bdr-grad-sm.bdr-divider-invert{background-position:left top; width:100%;}

	/* border gradient blue*/
.bdr-grad-blue.bdr-top, .bdr-grad-blue.bdr-bottom, .bdr-grad-blue.bdr-divider, .bdr-grad-blue.bdr-divider-invert{background-image:url(/img/module/border/bdr-horiz-grad-blue.png); height:18px; z-index:1;}
.bdr-grad-blue.bdr-top{background-position:left bottom;}
.bdr-grad-blue.bdr-bottom{background-position:left top;}
.bdr-grad-blue.bdr-divider{background-position:left bottom; width:100%;}
.bdr-grad-blue.bdr-divider-invert{background-position:left top; width:100%;} 


/* =============================================================================
/ MODULE: BUTTON
/ ============================================================================= */
/* ------- Button base ------- */
.btn {
	display: block;
	position: relative;
	width: 220px;
	height: 25px;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font: 12px/25px 'Opensans-bold'; 
	color: #fff;
	text-shadow: 1px 1px 0 #02080f;
	cursor: pointer;
	background-color: #283545;
}
.btn .ico {
	display: block;
	float: right;
	height: 24px;
	margin: 1px 0 0 10px;
}
.btn:hover {
	background-color: #283545;
	color: #e8a70b;
	text-shadow: 1px 1px 0 #02080f;
}
a .btn {
	margin-right: 10px;
}
a .btn-right {
	margin: 0 0 0 10px;
}

/* ------- Button colors ------- */
.btn-light-grey, 
.btn-light-gray {
	background-color: #8c9bac;
	color: #fff;
	text-shadow: none;
}
.btn-blue {
	background-color: #0c51a3;
	color: #fff;
	text-shadow: 1px 1px 0 #202d3d;
}
.btn-yellow {
	background-color: #f4ad03;
	color: #202d3d;
	text-shadow: 1px 1px 0 #f8d37a;
}

/* ------- Button types ------- */
/* btn small */
.btn-small {
	width: 125px;
	height: 17px;
	font: bold 11px/17px Verdana, Geneva, sans-serif;
	padding: 0 6px;
	text-shadow: none;
}
.btn-small .ico {
	height: 16px;
	margin: 1px 0 0 6px;
}

/* btn large */
.btn-large {
	width: 360px;
	height: 33px;
	font: 15px/31px 'Opensans-bold';
	padding: 0 12px 0 18px;
	border-top: 1px solid #8c9bac;
	border-bottom: 1px solid #02080f;
}
.btn-large .ico {
	height: 30px;
	margin: 1px 0 0 18px;
}
.btn-large.btn-blue {
	border-top: 1px solid #3c73d3;
	border-bottom: 1px solid #000a44;
}
.btn-large.btn-yellow {
	border-top: 1px solid #fed87c;
	border-bottom: 1px solid #b98303;
}
.btn-large:hover {
	border-top: 1px solid #8c9bac;
	border-bottom: 1px solid #02080f;
}

/* btn round */
.btn-round {
	width: 280px;
	height: 37px;
	font: 16px/37px 'Opensans-bold';
	margin-left: 25px;
	padding: 0 15px 0 0;
	background-image: url(/img/module/button/buttons-round.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: right 0px;
}
.btn-round b {
	position: absolute;
	left: -25px;
	top: 0;
	width: 25px;
	height: 37px;
	background-image: url(/img/module/button/buttons-round.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px -240px;
}
.btn-round .ico {
	height: 37px;
	margin: 0 0 0 15px;
}
.btn-round .ico.ico-arrow-right-circled-lg {
	margin-right: -8px;
}
.btn-round:hover {
	background-position: right -120px;
	background-color: transparent;
}
.btn-round:hover b {
	background-position: 0px -280px;
}
.btn-round.btn-blue {
	background-position: right -40px;
}
.btn-round.btn-blue b {
	background-position: -40px -240px;
}
.btn-round.btn-blue:hover {
	background-position: right -160px;
}
.btn-round.btn-blue:hover b {
	background-position: -40px -280px;
}
.btn-round.btn-yellow {
	background-position: right -80px;
}
.btn-round.btn-yellow b {
	background-position: -80px -240px;
}
.btn-round.btn-yellow:hover {
	background-position: right -200px;
	color: #202d3d;
	text-shadow: 1px 1px 0 #f8d37a;
}
.btn-round.btn-yellow:hover b {
	background-position: -80px -280px;
}

/* btn submit */
.btn.submit {
	display: block;
	font: 16px/33px 'Opensans-bold';
	text-transform: uppercase;
	width: 100%;
	height: 33px;
	padding: 0 0 0 20px;
	border-top: 1px solid #fed87b;
	border-bottom: 1px solid #b98303;
	border-left: none;
	border-right: none;
	color: #0c51a3;
	text-shadow: 1px 1px 0 #f8d37a;
	background: url(/img/module/icon/standalone/ico-submit.png) right center no-repeat #f4ad03;
	text-align: left;
}
.btn.submit-left {
	display: block;
	font: 15px/31px 'Droid-Arabic-Kufi-bold', 'Opensans-regular', Verdana, Geneva, sans-serif;
	padding: 0 12px 0 18px;
	text-align: right;
	width: 100%;
	height: 33px;
	border-top: 1px solid #fed87b;
	border-bottom: 1px solid #b98303;
	border-left: none;
	border-right: none;
	color: #0c51a3;
	text-shadow: 1px 1px 0 #f8d37a;
	background: url(/img/module/icon/standalone/ico-submit-left.png) left 5% center no-repeat #f4ad03;
}
.btn.submit-blue {
	border-top: 1px solid #3c73d3;
	border-bottom: 1px solid #000a44;
	color: #fff;
	text-shadow: 1px 1px 0 #202d3d;
	background-color: #0c51a3;
}
.btn.submit-dark-grey, 
.btn.submit-dark-gray {
	border-top: 1px solid #8c9bac;
	border-bottom: 1px solid #02080f;
	color: #fff;
	text-shadow: 1px 1px 0 #02080f;
	background-color: #283545;
}
.btn.submit:hover {
	background-color: #202d3d;
	border-top: 1px solid #8c9bac;
	border-bottom: 1px solid #02080f;
	color: #f4ad03;
	text-shadow: 1px 1px 0 #02080f;
}
.btn.submit:hover, 
.btn.submit-left:hover {
	background-color: #202d3d;
	border-top: 1px solid #8c9bac;
	border-bottom: 1px solid #02080f;
	color: #f4ad03;
	text-shadow: 1px 1px 0 #02080f;
}

/*disable state on submit button*/
.btn.submit.disabled,
.btn.submit-left.disabled {
	color: #D2AF58;
	text-shadow: none;
	background-color: #F7E0A6;
	border-color: #F7E0A6;
	transition: background-color 0.3s ease;
}
.btn.submit.submit-blue.disabled, 
.btn.submit.submit-dark-grey.disabled,
.btn.submit-left.submit-blue.disabled, 
.btn.submit-left.submit-dark-grey.disabled {
	color: #ADB3BE;
	background-color: #D8D8D8;
	border-color: #D8D8D8;
}

/*loading state on submit button*/
.btn.submit.disabled.loading,
.btn.submit-left.disabled.loading{
	background-image: url("/img/module/button/loading.gif");
	background-size: 26px;
}
.btn.submit.disabled.loading{
	background-position: 97% center;
}
.btn.submit-left.disabled.loading{
	background-position: 3% center;
}
/* btn collapse */
.has-btn-collapse {
	position: relative;
}
.btn-collapse {
	font: 14px/17px 'Opensans-bold';
	height: 17px;
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #0c51a3;
	text-decoration: none;
}
.btn-collapse .ico {
	float: right;
	margin-left: 10px;
}
.btn-collapse:hover {
	text-decoration: underline;
}
.btn-collapse-dark {
	color: #283545;
	text-shadow: 1px 1px 0 #d1d7de;
}
.btn-collapse-white {
	color: #fff;
}

/* ------- Button fill ------- */
.btn-fill {
	width: auto;
}
.btn-quarter-fill {
	width: 25%;
}
.btn-half-fill {
	width: 50%;
}
.btn-inline {
	display: inline-block;
	width: auto;
	vertical-align: text-top;
	white-space: pre-wrap;
}


/* =============================================================================
/ MODULE: GRID
/ ============================================================================= */
/* ------- Base grids------- */
.contains-2>.unit{float:left;width:50%;}
.contains-3>.unit{float:left;width:33.33333%;}
.contains-4>.unit{float:left;width:25%;}
.contains-5>.unit{float:left;width:20%;}
.contains-6>.unit{float:left;width:16.66666%;}
.contains-7>.unit{float:left;width:14.2857%;}
.contains-8>.unit{float:left;width:12.5%;}
.contains-9>.unit{float:left;width:11.11111%;}
.contains-10>.unit{float:left;width:10%;}

/* ------- Gutters ------- */
	/* gutter base */	
.has-gutter.gutter-sm>.unit {margin-left:2%;}
.has-gutter.gutter-md>.unit {margin-left:5%;}
.has-gutter.gutter-lg>.unit {margin-left:7%;}
.has-gutter.gutter-xl>.unit {margin-left:10%;}
.has-gutter>.unit:first-child {margin-left:0;}
	/* gutter-sm */
.contains-2.gutter-sm>.unit{width:49%;}
.contains-3.gutter-sm>.unit{width:32%;}
.contains-4.gutter-sm>.unit{width:23.5%}
.contains-5.gutter-sm>.unit{width:18.4%}
.contains-6.gutter-sm>.unit{width:15%;}
	/* gutter-md */
.contains-2.gutter-md>.unit{width:47.5%;}
.contains-3.gutter-md>.unit{width:30%;}
.contains-4.gutter-md>.unit{width:21.25%}
.contains-5.gutter-md>.unit{width:16%}
.contains-6.gutter-md>.unit{width:12.5%;}
	/* gutter-lg */
.contains-2.gutter-lg>.unit{width:46.5%;}
.contains-3.gutter-lg>.unit{width:28.66666%;}
.contains-4.gutter-lg>.unit{width:19.75%}
.contains-5.gutter-lg>.unit{width:14.4%}
.contains-6.gutter-lg>.unit{width:10.83333%;}
	/* gutter-xl */
.contains-2.gutter-xl>.unit{width:45%;}
.contains-3.gutter-xl>.unit{width:26.66666%;}
.contains-4.gutter-xl>.unit{width:17.5%}
.contains-5.gutter-xl>.unit{width:12%}
.contains-6.gutter-xl>.unit{width:8.33333%;}

/* ------- Unequal unit distribution ------- */
.unit.size2of4,
.unit.size3of6 {width:50%;}
.unit.size2of3,
.unit.size4of6{width:66.66666%;}
.unit.size3of4{width:75%;}
.unit.size2of5{width:40%;}
.unit.size3of5{width:60%;}
.unit.size4of5{width:80%;}
.unit.size2of6{width:33.33333%;}
.unit.size5of6{width:83.33333%;}

/* =============================================================================
/ MODULE: ICON
/ ============================================================================= */
/* ------- Base icon ------- */
i.ico {display:block;font-size:0px;background-repeat:no-repeat;}
a .ico {cursor:pointer}

/* ------- Simple icons ------- */
	/* simple icon sprites */
.ico-simple,
.ico-simple-white,
.open>.swap-on-open.ico-swap-white,
.current>.swap-on-current.ico-swap-white,
*:hover>.swap-on-hover.ico-swap-white {background-image:url(/img/module/icon/ico-simple-white.png);}
.ico-simple-blue,
.open>.swap-on-open.ico-swap-blue,
.current>.swap-on-current.ico-swap-blue,
*:hover>.swap-on-hover.ico-swap-blue {background-image:url(/img/module/icon/ico-simple-blue.png);}
.ico-simple-yellow,
.open>.swap-on-open.ico-swap-yellow,
.current>.swap-on-current.ico-swap-yellow,
*:hover>.swap-on-hover.ico-swap-yellow {background-image:url(/img/module/icon/ico-simple-yellow.png);}
.ico-simple-light-gray,
.ico-simple-light-grey,
.open>.swap-on-open.ico-swap-light-gray,
.open>.swap-on-open.ico-swap-light-grey,
.current>.swap-on-current.ico-swap-light-gray,
.current>.swap-on-current.ico-swap-light-grey,
*:hover>.swap-on-hover.ico-swap-light-gray,
*:hover>.swap-on-hover.ico-swap-light-grey {background-image:url(/img/module/icon/ico-simple-light-grey.png);}
.ico-simple-dark-gray,
.ico-simple-dark-grey,
.open>.swap-on-open.ico-swap-dark-gray,
.open>.swap-on-open.ico-swap-dark-grey,
.current>.swap-on-current.ico-swap-dark-gray,
.current>.swap-on-current.ico-swap-dark-grey,
*:hover>.swap-on-hover.ico-swap-dark-gray,
*:hover>.swap-on-hover.ico-swap-dark-grey {background-image:url(/img/module/icon/ico-simple-dark-grey.png);}

	/* simple icon variants */
.ico-check-sm,
.open>.swap-on-open.ico-swap-check-sm,
.current>.swap-on-current.ico-swap-check-sm,
*:hover>.swap-on-hover.ico-swap-check-sm {width:10px;height:10px;background-position:0 -180px;}
.ico-check-md,
.open>.swap-on-open.ico-swap-check-md,
.current>.swap-on-current.ico-swap-check-md,
*:hover>.swap-on-hover.ico-swap-check-md {width:14px;height:14px;background-position:0 -120px;}
.ico-check-lg,
.open>.swap-on-open.ico-swap-check-lg,
.current>.swap-on-current.ico-swap-check-lg,
*:hover>.swap-on-hover.ico-swap-check-lg {width:26px;height:26px;background-position:0 -60px;}
.ico-check-xl,
.open>.swap-on-open.ico-swap-check-xl,
.current>.swap-on-current.ico-swap-check-xl,
*:hover>.swap-on-hover.ico-swap-check-xl {width:34px;height:34px;background-position:0 0;}
.ico-circle-xl,
.open>.swap-on-open.ico-swap-circle-xl,
.current>.swap-on-current.ico-swap-circle-xl,
*:hover>.swap-on-hover.ico-swap-circle-xl {width:34px;height:34px;background-position:-60px 0;}
.ico-circle-lg,
.open>.swap-on-open.ico-swap-circle-lg,
.current>.swap-on-current.ico-swap-circle-lg,
*:hover>.swap-on-hover.ico-swap-circle-lg {width:26px;height:26px;background-position:-60px -60px;}
.ico-download-lg,
.open>.swap-on-open.ico-swap-download-lg,
.current>.swap-on-current.ico-swap-download-lg,
*:hover>.swap-on-hover.ico-swap-download-lg {width:26px;height:26px;background-position:-180px -60px;}
.ico-external-lg,
.open>.swap-on-open.ico-swap-external-lg,
.current>.swap-on-current.ico-swap-external-lg,
*:hover>.swap-on-hover.ico-swap-external-lg {width:26px;height:26px;background-position:-240px -60px;}
.ico-plus-xl,
.open>.swap-on-open.ico-swap-plus-xl,
.current>.swap-on-current.ico-swap-plus-xl,
*:hover>.swap-on-hover.ico-swap-plus-xl {width:34px;height:34px;background-position:-300px 0px;}
.ico-plus-lg,
.open>.swap-on-open.ico-swap-plus-lg,
.current>.swap-on-current.ico-swap-plus-lg,
*:hover>.swap-on-hover.ico-swap-plus-lg {width:26px;height:26px;background-position:-300px -60px;}
.ico-plus-md,
.open>.swap-on-open.ico-swap-plus-md,
.current>.swap-on-current.ico-swap-plus-md,
*:hover>.swap-on-hover.ico-swap-plus-md {width:14px;height:14px;background-position:-300px -120px;}
.ico-search-xl,
.open>.swap-on-open.ico-swap-search-xl,
.current>.swap-on-current.ico-swap-search-xl,
*:hover>.swap-on-hover.ico-swap-search-xl {width:34px;height:34px;background-position:-360px 0;}
.ico-search-lg,
.open>.swap-on-open.ico-swap-search-lg,
.current>.swap-on-current.ico-swap-search-lg,
*:hover>.swap-on-hover.ico-swap-search-lg {width:26px;height:26px;background-position:-360px -60px;}
.ico-star-lg,
.open>.swap-on-open.ico-swap-star-lg,
.current>.swap-on-current.ico-swap-star-lg,
*:hover>.swap-on-hover.ico-swap-star-lg {width:26px;height:26px;background-position:-900px -60px;}
.ico-triangle-right-lg,
.open>.swap-on-open.ico-swap-triangle-right-lg,
.current>.swap-on-current.ico-swap-triangle-right-lg,
*:hover>.swap-on-hover.ico-swap-triangle-right-lg {width:26px;height:26px;background-position:-420px -60px;}
.ico-triangle-right-md,
.open>.swap-on-open.ico-swap-triangle-right-md,
.current>.swap-on-current.ico-swap-triangle-right-md,
*:hover>.swap-on-hover.ico-swap-triangle-right-md {width:14px;height:14px;background-position:-420px -120px;}
.ico-triangle-right-sm,
.open>.swap-on-open.ico-swap-triangle-right-sm,
.current>.swap-on-current.ico-swap-triangle-right-sm,
*:hover>.swap-on-hover.ico-swap-triangle-right-sm {width:10px;height:10px;background-position:-420px -180px;}
.ico-triangle-down-lg,
.open>.swap-on-open.ico-swap-triangle-down-lg,
.current>.swap-on-current.ico-swap-triangle-down-lg,
*:hover>.swap-on-hover.ico-swap-triangle-down-lg {width:26px;height:26px;background-position:-480px -60px;}
.ico-triangle-down-sm,
.open>.swap-on-open.ico-swap-triangle-down-sm,
.current>.swap-on-current.ico-swap-triangle-down-sm,
*:hover>.swap-on-hover.ico-swap-triangle-down-sm {width:10px;height:10px;background-position:-480px -180px;}
.ico-arrow-down-circled-lg,
.open>.swap-on-open.ico-swap-arrow-down-circled-lg,
.current>.swap-on-current.ico-swap-arrow-down-circled-lg,
*:hover>.swap-on-hover.ico-swap-arrow-down-circled-lg {width:26px;height:26px;background-position:-540px -60px;}
.ico-arrow-up-circled-lg,
.open>.swap-on-open.ico-swap-arrow-up-circled-lg,
.current>.swap-on-current.ico-swap-arrow-up-circled-lg,
*:hover>.swap-on-hover.ico-swap-arrow-up-circled-lg {width:26px;height:26px;background-position:-600px -60px;}
.ico-arrow-right-circled-xl,
.open>.swap-on-open.ico-swap-arrow-right-circled-xl,
.current>.swap-on-current.ico-swap-arrow-right-circled-xl,
*:hover>.swap-on-hover.ico-swap-arrow-right-circled-xl {width:34px;height:34px;background-position:-660px 0;}
.ico-arrow-right-circled-lg,
.open>.swap-on-open.ico-swap-arrow-right-circled-lg,
.current>.swap-on-current.ico-swap-arrow-right-circled-lg,
*:hover>.swap-on-hover.ico-swap-arrow-right-circled-lg {width:26px;height:26px;background-position:-660px -60px;}
.ico-arrow-down-sm,
.open>.swap-on-open.ico-swap-arrow-down-sm,
.current>.swap-on-current.ico-swap-arrow-down-sm,
*:hover>.swap-on-hover.ico-swap-arrow-down-sm {width:10px;height:10px;background-position:-720px -180px;}
.ico-arrow-up-sm,
.open>.swap-on-open.ico-swap-arrow-up-sm,
.current>.swap-on-current.ico-swap-arrow-up-sm,
*:hover>.swap-on-hover.ico-swap-arrow-up-sm {width:10px;height:10px;background-position:-960px -180px;}
.ico-arrow-right-lg,
.open>.swap-on-open.ico-swap-arrow-right-lg,
.current>.swap-on-current.ico-swap-arrow-right-lg,
*:hover>.swap-on-hover.ico-swap-arrow-right-lg {width:26px;height:26px;background-position:-780px -60px;}
.ico-arrow-right-md,
.open>.swap-on-open.ico-swap-arrow-right-md,
.current>.swap-on-current.ico-swap-arrow-right-md,
*:hover>.swap-on-hover.ico-swap-arrow-right-md {width:14px;height:14px;background-position:-780px -120px;}
.ico-arrow-right-sm,
.open>.swap-on-open.ico-swap-arrow-right-sm,
.current>.swap-on-current.ico-swap-arrow-right-sm,
*:hover>.swap-on-hover.ico-swap-arrow-right-sm {width:10px;height:10px;background-position:-780px -180px;}
.ico-arrow-right-2-sm,
.open>.swap-on-open.ico-swap-arrow-right-2-sm,
.current>.swap-on-current.ico-swap-arrow-right-2-sm,
*:hover>.swap-on-hover.ico-swap-arrow-right-2-sm{width:10px;height:10px;background-position:-840px -180px;}
.ico-arrow-left-lg,
.open>.swap-on-open.ico-swap-arrow-left-lg,
.current>.swap-on-current.ico-swap-arrow-left-lg,
*:hover>.swap-on-hover.ico-swap-arrow-left-lg {width:26px;height:26px;background-position:-1020px -60px;}
.ico-arrow-left-md,
.open>.swap-on-open.ico-swap-arrow-left-md,
.current>.swap-on-current.ico-swap-arrow-left-md,
*:hover>.swap-on-hover.ico-swap-arrow-left-md {width:14px;height:14px;background-position:-1020px -120px;}
.ico-arrow-left-sm,
.open>.swap-on-open.ico-swap-arrow-left-sm,
.current>.swap-on-current.ico-swap-arrow-left-sm,
*:hover>.swap-on-hover.ico-swap-arrow-left-sm {width:10px;height:10px;background-position:-1020px -180px;}
.ico-arrow-left-long-lg,
.open>.swap-on-open.ico-swap-arrow-left-long-lg,
.current>.swap-on-current.ico-swap-arrow-left-long-lg,
*:hover>.swap-on-hover.ico-swap-arrow-left-long-lg {width:26px;height:26px;background-position:-1080px -60px;}
.ico-arrow-left-circled-xl,
.open>.swap-on-open.ico-swap-arrow-left-circled-xl,
.current>.swap-on-current.ico-swap-arrow-left-circled-xl,
*:hover>.swap-on-hover.ico-swap-arrow-left-circled-xl {width:34px;height:34px;background-position:-1140px 0;}
.ico-arrow-left-circled-lg,
.open>.swap-on-open.ico-swap-arrow-left-circled-lg,
.current>.swap-on-current.ico-swap-arrow-left-circled-lg,
*:hover>.swap-on-hover.ico-swap-arrow-left-circled-lg {width:26px;height:26px;background-position:-1140px -60px;}
.ico-arrow-right-long-lg,
.open>.swap-on-open.ico-swap-arrow-right-long-lg,
.current>.swap-on-current.ico-swap-arrow-right-long-lg,
*:hover>.swap-on-hover.ico-swap-arrow-right-long-lg {width:26px;height:26px;background-position:-1200px -60px;}
.ico-arrow-left-2-sm,
.open>.swap-on-open.ico-swap-arrow-left-2-sm,
.current>.swap-on-current.ico-swap-arrow-left-2-sm,
*:hover>.swap-on-hover.ico-swap-arrow-left-2-sm{width:10px;height:10px;background-position:-1260px -180px;}

/* ------- Complex icons ------- */
	/* complex icon sprite */
.ico-complex {background-image:url(/img/module/icon/ico-complex.png);}

	/* complex icon variants */
.ico-arrow-dotted-right {width:12px;height:19px;background-position:0 0;}
.ico-article {width:24px;height:26px;background-position:-60px 0;}
.ico-article-md {width:20px;height:23px;background-position:-60px -60px;}
.ico-article-sm {width:12px;height:16px;background-position:-60px -120px;}
.ico-chat {width:22px;height:14px;background-position:-120px 0;}
a:hover .ico-chat {background-position:-120px -60px;}
.ico-chat-circled {width:32px;height:32px;background-position:-180px 0;}
.ico-dailyfx {width:16px;height:16px;background-position:-360px -60px;}
.ico-info {width:23px;height:21px;background-position:-420px 0;}
.ico-print-circled {width:32px;height:32px;background-position:-540px 0;}
.ico-print {width:16px;height:16px;background-position:-480px 0px;}
.ico-pdf {width:17px;height:12px;background-position:-600px 0;}
.ico-resource {width:15px;height:14px;background-position:-660px -60px;}
.ico-video {width:29px;height:26px;background-position:-720px 0;}
.ico-video-sm {width:18px;height:16px;background-position:-720px -60px;}
.ico-video-dark {width:29px;height:26px;background-position:-780px 0;}
.ico-video-dark-sm {width:18px;height:16px;background-position:-780px -60px;}
.ico-phone {width:22px;height:23px;background-position:-838px -60px;}
.ico-phone-dark,
a:hover .ico-phone {width:22px;height:23px;background-position:-838px 0;}
.ico-arrow-dotted-left {width:12px;height:19px;background-position:-900px 0;}
.ico-market-insights {width: 16px;height: 17px;background-position: -960px -60px;}
.ico-small-fxcm-logo {width: 16px;height: 17px;background-position: -1020px -60px;}

 /* complex icons - with no list variant */
.ico-close {width:20px;height:17px;background-position:-240px 0;background-color:#0c51a3;}
.ico-close-sm {width:12px;height:12px;background-position:-240px -60px;background-color:#0c51a3;}
.ico-close-dark {width:20px;height:17px;background-position:-240px 0;background-color:#283545;}
.ico-close-dark-sm {width:12px;height:12px;background-position:-240px -60px;background-color:#283545;}
.ico-close-inverted {width:20px;height:17px;background-position:-300px 0;background-color:#fff;}
.ico-close-inverted-sm {width:12px;height:12px;background-position:-300px -60px;background-color:#fff;}

/* ------- Button icons ------- */
	/* button icon sprite */
.ico-btn {height:100%;background-image:url(/img/module/icon/ico-button.png);}

	/* button icon variants */
.ico-btn.ico-arrow-right-lg {background-position:0 center;}
.ico-btn.ico-arrow-right-md {background-position:-60px center;}
.ico-btn.ico-arrow-right-sm {background-position:-120px center;}
.ico-btn.ico-arrow-right-circled-lg {background-position:-180px center;}
.ico-btn.ico-arrow-down-sm {background-position:-240px center;}
.ico-btn.ico-check-lg {background-position:-300px center;}
.ico-btn.ico-check-md {background-position:-360px center;}
.ico-btn.ico-download-lg {background-position:-420px center;}
.ico-btn.ico-download-md {width:14px;background-position:-840px center;}
.ico-btn.ico-external-lg {background-position:-480px center;}
.ico-btn.ico-plus-lg {background-position:-540px center;}
.ico-btn.ico-plus-md {background-position:-600px center;}
.ico-btn.ico-triangle-right-lg {background-position:-660px center;}
.ico-btn.ico-triangle-right-md {background-position:-720px center;}
.ico-btn.ico-triangle-right-sm {background-position:-780px center;}
.ico-btn.ico-arrow-left-lg {background-position:-960px center;}
.ico-btn.ico-arrow-left-md {background-position:-1020px center;}
.ico-btn.ico-arrow-left-sm {background-position:-1080px center;}
.ico-btn.ico-arrow-left-circled-lg {background-position:-1140px center;}
.ico-btn.ico-triangle-left-lg {background-position:-1188px center;}
.ico-btn.ico-triangle-left-md {background-position:-1240px center;}
.ico-btn.ico-triangle-left-sm {background-position:-1298px center;}

/* ------- Unique/standalone icons ------- */

	/* paperclip */
.ico-paperclip{width:47px; height:59px; background:url(/img/module/icon/standalone/ico-bg-paperclip.png) top right no-repeat;}

	/* play video */
.ico-play-video  {width:115px;height:115px;background-position:0 0;background-image:url(/img/module/icon/standalone/ico-play-video.png);}
.ico-play-video-md {width:57px;height:57px;background-position:0 -140px;background-image:url(/img/module/icon/standalone/ico-play-video.png);}

	/* submit */
.ico-submit {width:20px;height:15px;background-position:0 0;background-image:url(/img/module/icon/standalone/ico-submit.png);}
	
	/* submit-left */
.ico-submit-left {width:20px;height:15px;background-position:0 0;background-image:url(/img/module/icon/standalone/ico-submit-left.png);}

	/* thumbnail */
.ico-thumbnail-video, .ico-thumbnail-image{width:55px; height:55px; background-image:url(/img/module/icon/standalone/ico-thumbnail.png);}
.ico-thumbnail-video{background-position:left 0px;}
.ico-thumbnail-image{background-position:left -80px;}
a:hover>.ico-thumbnail-video{background-position:right 0px;}
a:hover>.ico-thumbnail-image{background-position:right -80px;}
.ico-thumbnail-checkbox {width:75px;height:55px;background-image:url(/img/module/icon/standalone/ico-thumbnail.png);}
.ico-thumbnail-checkbox {background-position: right -160px;}
.ico-thumbnail-checkbox.is-selected {background-position: right -232px;}

	/* social */
.ico-social{background-image:url(/img/module/icon/standalone/ico-social-media.png); width:33px; height:32px;}
.ico-social.ico-facebook{background-position:0px 0px;}
a:hover .ico-social.ico-facebook{background-position:-40px 0px;}
.ico-social.ico-twitter{background-position:0px -40px;}
a:hover .ico-social.ico-twitter{background-position:-40px -40px;}
.ico-social.ico-gplus{background-position:0px -80px;}
a:hover .ico-social.ico-gplus{background-position:-40px -80px;}
.ico-social.ico-youtube{background-position:0px -120px;}
a:hover .ico-social.ico-youtube{background-position:-40px -120px;}
.ico-social.ico-rss{background-position:0px -160px;}
a:hover .ico-social.ico-rss{background-position:-40px -160px;}

/* ------- Standard featurebox icon ------- */
.ico-feature {width:74px;height:83px;}

/* ------- Products/Services feature icons ------- */
.ico-product-feature {background-image:url(/img/module/icon/ico-product-feature.png);}
	/* Forex */
.ico-forex-currency-pairs {background-position:0 -200px;}
.ico-forex-spreads {background-position:-100px -200px;}
.ico-forex-margin-requirements {background-position:-200px -200px;}
	/* CFDs */
.ico-cfds-metals {background-position:0 -400px;}
.ico-cfds-oil {background-position:-100px -400px;}
.ico-cfds-stock-indices {background-position:-200px -400px;}
	/* Dollar Index */
.ico-dollar-index-why-trade {background-position:0 -600px;}
.ico-dollar-index-how-it-works {background-position:-100px -600px;}
.ico-dollar-index-research {background-position:-200px -600px;}
.ico-dollar-index-why-trade-usd-cnh {background-position:-300px -600px;}
	/* Trading station desktop */
.ico-ts-indicators {background-position:0 -800px;}
.ico-ts-strategy-backtesting {background-position:-100px -800px;}
.ico-ts-strategy-optimization {background-position:-200px -800px;}
	/* Trading station web */
.ico-ts-order-types {background-position:0 -1000px;}
.ico-ts-trading-modes {background-position:-100px -1000px;}
.ico-ts-chart-trading {background-position:-200px -1000px;}
	/* Metatrader */
.ico-mt4-benefits{background-position:0 -1200px;}
.ico-mt4-ea {background-position:-100px -1200px;}
.ico-mt4-vps {background-position:-200px -1200px;}
	/* Mirror Trader */
.ico-mirror-automated-trading {background-position:0 -1400px;}
.ico-mirror-access{background-position:-100px -1400px;}
.ico-mirror-currency-baskets {background-position:-200px -1400px;}
	/* Ninja Trader */
.ico-ninja-free {background-position:0 -1600px;}
.ico-ninja-analyzer {background-position:-100px -1600px;}
.ico-ninja-replay {background-position:-200px -1600px;}
	/* ZuluTrade */
.ico-zulu-peer {background-position:0 -1800px;}
.ico-zulu-sorting {background-position:-100px -1800px;}
.ico-zulu-risk {background-position:-200px -1800px;}
	/* Active Trader */
.ico-at-elite-pricing-structure {background-position:0 -2000px;}
.ico-at-trading-support {background-position:-100px -2000px;}
.ico-at-private-client-group {background-position:-200px -2000px;}
	/* Dailyfx Plus */
.ico-dfx-trading-signals {background-position:0 -2200px;}
.ico-dfx-analyzer {background-position:-100px -2200px;}
.ico-dfx-live-trading-room {background-position:-200px -2200px;}
.ico-dfx-video {background-position:-300px -2200px;}
	 /* Friends and Family Referral */
.ico-ffrp-how-it-works {background-position:0 -2400px;}
.ico-ffrp-refer-friend {background-position:-100px -2400px;}
.ico-ffrp-referred {background-position:-200px -2400px;}
	/* Programming Services */
.ico-ps-solutions {background-position:0 -2600px;}
.ico-ps-interfaces {background-position:-100px -2600px;}
.ico-ps-consulting {background-position:-200px -2600px;}
	 /* Institutional Services */
.ico-institutional-ib {background-position:0 -2800px;}
.ico-institutional-asset-managers {background-position:-100px -2800px;}
.ico-institutional-white-label {background-position:-200px -2800px;}
 	/* United Signals */
.ico-united-signals-experts {background-position:0 -3000px;}
.ico-united-signals-asset {background-position:-100px -03000px;}
.ico-united-signals-risk {background-position:-200px -3000px;}
 	/* FXCM Apps */
.ico-apps-store {background-position:0 -3200px;}
.ico-apps-expert-advisors {background-position:-100px -03200px;}
.ico-apps-custom-apps {background-position:-200px -3200px;}
	/* Shares */
.ico-shares-global {background-position:0 -3400px;}
.ico-shares-ndd-execution {background-position:-100px -03400px;}
.ico-shares-low-margin {background-position:-200px -3400px;}
.ico-shares-mt4 {background-position:-300px -3400px;}
	/* New Trading Station Section */
.ico-ts-innovative-platform {background-position:0 -3600px;}
.ico-ts-powerful-charts {background-position:-100px -03600px;}
.ico-ts-automated-strategies {background-position:-200px -3600px;}
	/* Active Trader update 2015 */
.ico-at-elite-pricing {background-position:0 -3800px;}
.ico-at-custom-solutions {background-position:-100px -03800px;}
.ico-at-premium-services {background-position:-200px -3800px;}
 


/* =============================================================================
/ MODULE: STEM
/ ============================================================================= */
/* ------- Base stem ------- 
Default implementation supports a 10px stem */

.has-stem{position:relative;}
.has-stem.stem-top{margin-top:15px!important;}
.has-stem.stem-bottom{margin-bottom:15px!important;}
.has-stem.stem-right{margin-right:15px!important;}
.has-stem.stem-left{margin-left:15px!important;}
.has-stem:after {display:block;content:'';position:absolute;font-size:0pt;height:0;width:0;border:10px solid transparent;}

/* ------- Stem position-color variants ------- */
	/* left */
.stem-left-light-gray, .stem-left-light-grey {border-left-color:#8c9bac;}
.stem-left-dark-gray, .stem-left-dark-grey {border-left-color:#283545;}
.stem-left-blue {border-left-color:#0c51a3;}
.stem-left-yellow {border-left-color:#f4ad03;}
.stem-left-white {border-left-color:#fff;}
	/* right */
.stem-right-light-gray, .stem-right-light-grey {border-right-color:#8c9bac;}
.stem-right-dark-gray, .stem-right-dark-grey {border-right-color:#283545;}
.stem-right-blue {border-right-color:#0c51a3;}
.stem-right-yellow {border-right-color:#f4ad03;}
.stem-right-white {border-right-color:#fff;}
	/* top */
.stem-top-light-gray, .stem-top-light-grey {border-top-color:#8c9bac;}
.stem-top-dark-gray, .stem-top-dark-grey {border-top-color:#283545;}
.stem-top-blue {border-top-color:#0c51a3;}
.stem-top-yellow {border-top-color:#f4ad03;}
.stem-top-white {border-top-color:#fff;}
	/* bottom */
.stem-bottom-light-gray, .stem-bottom-light-grey {border-bottom-color:#8c9bac;}
.stem-bottom-dark-gray, .stem-bottom-dark-grey {border-bottom-color:#283545;}
.stem-bottom-blue {border-bottom-color:#0c51a3;}
.stem-bottom-yellow {border-bottom-color:#f4ad03;}
.stem-bottom-white {border-bottom-color:#fff;}

/* ------- Stem size variants ------- */
.stem-sm {border-width:32px;}
.stem-md {border-width:50px;}
.stem-lg {border-width:70px;}

/* =============================================================================
/ MODULE: THUMBNAIL
/ ============================================================================= */
/* ------- Base thumbnail ------- */
.thumbnail{position:relative; display:block; width:270px; height:135px; margin:21px auto 7px; overflow:hidden; text-decoration:none; background:#fff;}
.thumbnail.thumbnail-fill{width:100% !important;}

.thumbnail>span{display:block; position:absolute; background-color:#fff;}
.thumbnail span.caption{right:0; bottom:0; font:bold 10px/13px Verdana,Geneva,sans-serif; padding-top:8px; text-transform:uppercase; width:100%;}
.thumbnail span.caption strong{color:#000;}
.thumbnail span.caption.has-ico .ico{float:right; margin:2px 3px 1px;}
.thumbnail span.time{right:7px; bottom:33px; padding-bottom:1px; background:#9da6b0; width:35px; font:normal 14px/15px 'Opensans-bold'; color:#fff; text-align:center;}

.thumbnail>img{display:block; width:100%; padding:4px; margin:auto; color:#8c9bac; font:13px/106px Verdana,Geneva,sans-serif; text-align:center; vertical-align:middle; border:none;}
.thumbnail>.ico{position:absolute; right:0; bottom:21px; z-index:3;}
.thumbnail .bdr-thumbnail{width:100%; height:114px; border:4px solid #cbd6e1; top:0; left:0;}

/* ------- Play video thumbnail ------- */
	/* play video base */
.thumbnail.play-video{width:205px;height:112px;padding:3px;border:1px solid #9da6b0;border-top-width:4px;}
.thumbnail.play-video>img{background:#fff; padding:0;}
.thumbnail.play-video span.time {bottom:7px;}
.thumbnail.play-video>.ico{right:50%; bottom:50%; margin:0 -28px -27px 0;}
.thumbnail.play-video .bdr-thumbnail{top:104px;height:4px;width:100%;border:0;background-color:#fff;}
.thumbnail.play-video:hover {border-color:#0c51a3;}
.thumbnail.play-video:hover .bdr-thumbnail{border-bottom-color:#0c51a3;}

	/* play video thumbnail with caption and description */
.thumbnail.video-and-text{width:205px;height:auto;}
.thumbnail.video-and-text>.thumbnail{margin:0;}
.thumbnail-description{margin-top:8px;}
.thumbnail-description p {margin:6px 0 0 0;}
.thumbnail-description .title {font:bold 10px/13px Verdana, Geneva, sans-serif;text-transform:uppercase;}
.thumbnail-description .title.has-ico .ico{margin:2px 3px 1px;float:right;}
.thumbnail-description .title span.caption{position:static;display:block;width:auto;overflow:hidden;padding:0;}
.thumbnail-description .text{color:#4b5056;font:normal 10px/13px Arial, Helvetica, sans-serif;}

/* ------- Related media thumbnails ------- */
	/* related media vertical thumbnail */
.thumbnail.related-vertical{width:236px; height:114px; background:#fff; margin:0 auto;}
.thumbnail.related-vertical>img{padding:2px;}
.thumbnail.related-vertical>.ico{right:50%; bottom:50%; margin:0 -28px -18px 0;}
.thumbnail.related-vertical span.caption{padding-top:5px; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#6c859e; background-color:#f8f9fa; text-transform:none; border-top:1px solid #fff;}
.thumbnail.related-vertical span.time{right:5px; bottom:26px; background:#465e76;}
.thumbnail.related-vertical .bdr-thumbnail{width:234px; height:91px; border:1px solid #6c859e; margin:1px;}
.thumbnail.related-vertical:hover .bdr-thumbnail{border:1px solid #283545;}
.thumbnail.related-vertical:hover span.caption{color:#0c51a3;}

	/* related media horizontal thumbnail */
.thumbnail.related-horizontal{width:283px; height:93px; background:#fff; margin:0 auto; border:1px solid #fff;}
.thumbnail.related-horizontal>img{padding:1px; width:234px; margin-left:-41px; float:left;}
.thumbnail.related-horizontal>.ico{right:50%; bottom:50%; margin:0 38px -29px 0;}
.thumbnail.related-horizontal span.caption{width:130px; height:91px; padding:14px 10px 0; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#fff; background-color:#6c859e; text-transform:none;}
.thumbnail.related-horizontal span.time{right:4px; bottom:4px; background:#465e76;}
.thumbnail.related-horizontal .bdr-thumbnail{width:281px; height:91px; border:1px solid #6c859e;}
.thumbnail.related-horizontal:hover .bdr-thumbnail{border:1px solid #283545;}

	/* guide (checkbox) thumbnail */
.thumbnail.guide{width:140px; height:183px;margin-left:0;margin-right:0;}
.thumbnail.guide>img{display: block;padding: 0;}
.thumbnail.guide>.ico {right:2px;bottom:2px;}
.thumbnail.guide>.ico[data-usage="ico-guide-check"]{ display:none; }
.thumbnail.guide.is-selected>.ico[data-usage="ico-guide-check"]{ display:block; }

/* =============================================================================
/ MODULE: TOOLTIP
/ ============================================================================= */
/* ------- Base tooltip------- */
.simpletip {position:absolute;z-index:200;} /* base class: do not modify */
.has-tooltip {cursor:pointer;position:relative;}
.tooltip {display:none;}
.tooltip-inner{position:relative;}

/* =============================================================================
/ MODULE: TYPOGRAPHY
/ ============================================================================= */
/* ------- Web fonts ------- */
@font-face {
    font-family: 'Opensans-regular';
    src: url('/font/openSans/OpenSans-Regular-webfont.eot');
    src: local('☺'),
		 url('/font/openSans/OpenSans-Regular-webfont.eot') format('embedded-opentype'),
         url('/font/openSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/font/openSans/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Opensans-semibold';
    src: url('/font/openSans//OpenSans-Semibold-webfont.eot');
    src: local('☺'),
		 url('/font/openSans/OpenSans-Semibold-webfont.eot') format('embedded-opentype'),
         url('/font/openSans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/font/openSans/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Opensans-bold';
    src: url('/font/openSans/OpenSans-Bold-webfont.eot');
    src: local('☺'),
		 url('/font/openSans/OpenSans-Bold-webfont.eot') format('embedded-opentype'),
         url('/font/openSans/OpenSans-Bold-webfont.woff') format('woff'),
         url('/font/openSans/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Opensans-cond-bold';
    src: url('/font/openSans/opensans-condbold-webfont.eot');
    src: local('☺'),
     url('/font/openSans/opensans-condbold-webfont.eot') format('embedded-opentype'),
         url('/font/openSans/opensans-condbold-webfont.woff') format('woff'),
         url('/font/openSans/opensans-condbold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Opensans-cond-light';
    src: url('/responsive/font/openSans/OpenSans-CondLight-webfont.eot');
    src: local('☺'),
		 url('/responsive/font/openSans/OpenSans-CondLight-webfont.eot') format('embedded-opentype'),
         url('/responsive/font/openSans/OpenSans-CondLight-webfont.woff') format('woff'),
         url('/responsive/font/openSans/OpenSans-CondLight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Droid-Arabic-Kufi-regular';
  font-style: normal;
  font-weight: 400;
  src: url('/font/droidKufi/DroidKufi-Regular.eot');
  src: local('☺'),
       url('/font/droidKufi/DroidKufi-Regular.woff2') format('woff2'),
       url('/font/droidKufi/DroidKufi-Regular.woff') format('woff'),
       url('/font/droidKufi/DroidKufi-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Droid-Arabic-Kufi-bold';
  font-style: normal;
  font-weight: 700;
  src: url('/font/droidKufi/DroidKufi-Bold.eot');
  src: local('☺'),
       url('/font/droidKufi/DroidKufi-Bold.woff2') format('woff2'),
       url('/font/droidKufi/DroidKufi-Bold.woff') format('woff'),
       url('/font/droidKufi/DroidKufi-Bold.ttf') format('truetype');
}




/* ------- Default text styling ------- */
h1{font:43px/56px 'Opensans-semibold'; text-align:left;}
h2{font:25px/34px 'Opensans-regular'; margin:18px 0 0; text-align:left;}
h3,
h4{font:15px/26px 'Opensans-bold'; text-transform:uppercase; margin:21px 0 0; text-align:left;}
h5{font:14px/23px 'Opensans-regular'; margin:21px 0 0; text-align:left;}
p{margin:0 0 21px; text-align:left;}

    /* modifying classes */
.lead-in{font:15px/25px 'Opensans-regular'; margin:8px 0 21px 0; text-transform:none;}
.lead-in a, .lead-in strong{font-weight:normal; font-family:'Opensans-bold';}
.note{font:11px/1.6em Verdana, Geneva, sans-serif;}

    /* block-level elements with a left icon */
.has-ico>.ico{font-size:1em;display:inline-block;vertical-align:middle;margin-bottom:.1em;margin-right:.75em;}
.has-ico.ico-floatR>.ico {float:right;}
.has-ico.ico-right{text-align:right}

/* ------- Links ------- */
    /* article links */
article a, article .pseudo-link{font-weight:bold; text-decoration:underline;}
article .highlight{background:#0c51a3; color:#fff; text-decoration:none; padding:0 2px; border-bottom:1px solid #0c51a3;}
article .highlight:hover{background:#8c9bac; border-bottom:1px solid #8c9bac;}

    /* specialty use-case links */
a.reset {font-weight:normal;color:inherit;text-decoration:none;} /* removes default link styling for block-wrapping links */
a.invert-underline, a.invert{text-decoration:none;} /* swaps underline - hidden by default, shows on hover */
a.invert-underline:hover, a.invert:hover {text-decoration:underline;}
a.has-ico {display:inline-block;}
a.back-to-top.has-ico {position:relative;font: 11px/1em 'Opensans-bold';text-transform:uppercase;padding-right:12px;}
a.back-to-top .ico {position:absolute;top:0;right:0;margin:0;}

/* ------- Lists ------- */
    /* standard lists */
ul.standard{margin:21px 0; padding:0 0 4px 0;}
ul.standard>li {padding:4px 0 0 57px;}
ol.standard{margin:21px 0; padding:0 0 4px 49px;}
ol.standard>li{list-style:decimal; padding:4px 0 0 8px;}
dl.standard {margin:21px 0; }
dl.standard dd {margin:0 0 0 40px;}

    /* nested lists */
li>ul.standard, li>ol.standard {margin:.5em 0;}

    /* standard list bullet styles */
.ico-bullet {width:6px; height:6px;background:#283545;}
.ico-bullet.ico-simple-yellow{background:#f4ad03;}
.ico-bullet.ico-simple-blue{background:#0c51a3;}
.ico-bullet.ico-simple-light-grey, .ico-bullet.ico-simple-light-gray{background:#8c9bac;}
.ico-bullet.ico-simple-white{background:#fff;}

    /* lists with icons */
ul.standard.has-ico>li{position:relative; padding-left:57px;}
ul.standard.has-ico>li>.ico{position:absolute; left:40px; top:13px;}
ul.standard.has-ico>li>.ico-bullet{margin:-1px 0 0 -6px;}
ul.standard.has-ico>li>.ico-pdf{margin:-5px 0 0 -17px;}
ul.standard.has-ico>li>.ico-article-sm{margin:-6px 0 0 -12px;}
ul.standard.has-ico>li>.ico-resource{margin:-6px 0 0 -15px;}
ul.standard.has-ico>li>.ico-info{margin:-8px 0 0 -23px;}
ul.standard.has-ico>li>.ico-video-sm{margin:-5px 0 0 -18px;}

ul.list-ico-sm>li>.ico{margin:-3px 0 0 -10px;}
ul.list-ico-md>li{padding-bottom:4px;}
ul.list-ico-md>li>.ico{margin:-5px 0 0 -14px;}
ul.list-ico-lg>li{padding-bottom:8px;}
ul.list-ico-lg>li>.ico{margin:-11px 0 0 -24px;}
ul.list-ico-xl>li{padding-bottom:12px;}
ul.list-ico-xl>li>.ico{margin:-16px 0 0 -34px;}

    /* list with left titles */
.list-titled-items{margin:0 0 21px;}
.list-titled-items .item{padding:10px 0 0 0;}
.list-titled-items .item-title{display:block; float:left; font:15px/21px 'Opensans-bold'; text-transform:uppercase;}
.list-titled-items .item-body{display:block; padding:0 0 0 17px; overflow:hidden;}

    /* steps list */
.list-steps .step{padding-top:10px;}
.list-steps>li>.ico {float:left}
.list-steps .step-num{color:#fff;text-align:center; padding:0;background:url(/img/module/icon/ico-simple-dark-grey.png) no-repeat; }
.list-steps .step-title{display:block; margin-bottom:15px;}
    /* steps list small */
.list-steps-small{padding-left:40px; margin:0 0 21px;}
.list-steps-small .step-title{font:bold 13px/24px Arial, sans-serif;}
.list-steps-small .step-num{font:normal 13px/24px 'Opensans-bold'; width:25px; margin:0 0 0 -42px; padding:0 1px 1px 0; background-position:-60px -60px;}
    /* steps list large */
.list-steps-large{padding-left:49px; margin:0 0 21px;}
.list-steps-large .step-title{font:17px/32px 'Opensans-regular';}
.list-steps-large .step-num{font:normal 21px/32px 'Opensans-bold'; width:34px; margin:0 0 0 -50px; padding-bottom:1px; background-position:-60px 0;}

/* =============================================================================
/ LAYOUT
/ ========================================================================== */
#global_container {background:#fff;text-align:left;}

/* ------- Row styling ------- */
.row-inner {width:980px;margin-right:auto;margin-left:auto;text-align:left;position:relative;}
.liquid .row-inner{width:auto;margin-right:0;margin-left:0;}

aside {width:270px;}
aside .module {margin-bottom:42px;}

.pattern-CS article {float:left;width:680px;}
.pattern-SC article {float:right;width:680px;}
.pattern-CS aside {float:right;padding-top:40px;}
.pattern-SC aside {float:left;padding-top:18px;}

.mainContent .row:first-child{padding-top:38px;}  
.mainContent .row-inner{margin-bottom:42px;} 
.mainContent .row.pattern-T .row-inner{margin-bottom:0;} /* removes margin bottom from top row */

/* ------- Template-agnostic content styles ------- */
	/* note wrap */
.note-wrap {padding-top:14px;}
/* =============================================================================
/  CHROME
/  ========================================================================== */
/* ------- Header ------- */
header .row-inner{
	padding-top:30px;
	height:110px;
}
.fxcm-logo{
	float:left;
}

/* ------- Header Icons ------- */


.header-actions{
	float:right;
	position:relative;
	height:28px;
	margin-top:14px;
	padding:0 8px;
	background:#e2e3e4;
	background:-moz-linear-gradient(top, #e2e3e4 0%, #b5b6b7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e3e4), color-stop(100%,#b5b6b7));
	background:-webkit-linear-gradient(top, #e2e3e4 0%,#b5b6b7 100%);
	background:-o-linear-gradient(top, #e2e3e4 0%,#b5b6b7 100%);
	background:-ms-linear-gradient(top, #e2e3e4 0%,#b5b6b7 100%);
	background:linear-gradient(to bottom, #e2e3e4 0%,#b5b6b7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e3e4', endColorstr='#b5b6b7',GradientType=0 );
}
.header-actions:before,
.header-actions:after{
	content:'';
	position:absolute;
	top:0;
	border-style:solid;
	border-width:14px 4px;
}
.header-actions:before{
	left:0;
	border-color:transparent transparent #fff #fff;
}
.header-actions:after{
	right:0;
	border-color:transparent #fff #fff transparent;
}
.header-actions>li{
	position:relative;
	float:left;
	margin-top:-6px;
	background-color:#fff;
	border-top:1px solid #bdc6d1;
	border-right:1px solid #bdc6d1;
}
.header-actions>li:first-child{
	border-left:1px solid #bdc6d1;
}
.header-actions>li:after{
	content:'';
	position:absolute;
	right:-1px;
	top:0;
	height:10px;
	width:1px;
	background:#fff;
}
.no-boxshadow .header-actions>li:after{
	display:none;
}
.header-actions>li:last-child:after,
.header-actions>li.emphasize-action:after{
	display:none;
}
.header-actions>li.emphasize-action{
	border-top:none;
}

.header-actions>li>.omni{
	display:block;
	position:relative;
	height:34px;
	font-size:12px;
	font-size:0.75rem;
	line-height:34px;
	line-height:2.125rem;
	color:#0c51a3;
	font-family:'Opensans-bold';
	text-transform:uppercase;
	text-decoration:none;
	padding:4px 12px 0;
	white-space:nowrap;
	overflow:hidden;
}
.header-actions>li.emphasize-action .omni{
	border-top:5px solid #bdc6d1;
	margin:0 1px;
	padding:0 18px;
	height:35px;
}
.header-actions .omni:hover{
	color:#202d3d;
}
.header-actions>li.emphasize-action .omni:hover{
	border-top-color:#202d3d !important;
}
.header-actions>li.omni-demo .omni {
	border-top-color:#ffbb02;
}
.header-actions>li.omni-live .omni {
	border-top-color:#0c51a3;
}
.header-actions .omni.liveperson a{
	text-decoration:none;
	display:block;
}

.omni-mobile{
	width:66px;
	height:66px;
	padding:20px;
	display:block;
}

.omni-mobile.open{
	background-color:#283545;
}

.omni-chat .ico.ico-chat{
	display:inline-block;
	margin:0 0 0 10px;
}
.omni-chat .ico.ico-phone{
	display:inline-block;
	margin:0;
}


/* login/geo tooltip */
.omni-tooltip{
	position:relative;
	background-color:#0c51a3;
	border:6px solid #fff;
	padding:20px;
	margin-top:15px !important;
	color:#fff;
}
.omni-tooltip:after{
	top:-20px;
	border-bottom-color:#0c51a3;
	left:50%;
	margin-left:-10px;
}
.tooltip-align-right .omni-tooltip:after{
	left:auto;
	right:10px;
}
.omni-tooltip a{
	color:#fff;
}

.omni-tooltip.login{
	width:460px;
	padding: 22px 29px;
    text-align: left;
    color: #fff;
}
.omni-tooltip.login .login-question {
    font: normal 16px/21px 'Opensans-bold';
    display: block;
    padding-bottom: 21px;
}
.omni-tooltip.login ul li{
	line-height: 25px;
    padding-bottom: 9px;
}
.omni-tooltip.login ul:first-child{
	font-size:14px;
	font-size:0.875rem;
	line-height:29px;
	line-height:1.8125rem;
	font-family:'Opensans-semibold', Arial, Helvetica, sans-serif;
}
.omni-tooltip.login .btn{
	background-color:#fff;
	color:#0a539d;
	text-align:center;
	text-shadow:none;
	padding-left:30px;
}
.omni-tooltip.login .btn:hover{
	background-color:#f4ad03;
	color:#202d3d;
}
.omni-tooltip.login .btn .ico{
	left:10px;
    left: 0px;
    top: 4px;
	position:absolute;
}
.omni-tooltip.geo,
.omni-tooltip.contact {
    text-align: left;
}
.omni-tooltip.contact ul li span{
    font: normal 13px/30px 'Opensans-semibold';
}
.omni-tooltip.geo li{
	padding:0 10px 4px 0;
	white-space:nowrap;
}
.omni-tooltip.geo li.IL,
.omni-tooltip.geo li.AR{
	text-align:right;
	direction:rtl;
	padding:0 0 4px 10px;
}
	/* search */
.omni-search {position:absolute;right:0;top:7px;width:175px;height:22px;background-color:#fff;}
.omni-search td.gsc-input, .omni-search td.gsc-search-button{padding:0;}
.omni-search input.gsc-input{height:20px;border:none;padding:0 4px;}
.omni-search form.gsc-search-box{line-height:20px;}
.omni-search .cse input.gsc-search-button, .omni-search input.gsc-search-button{width:23px; min-width:0px; text-indent:-9999px; overflow:hidden; height:22px;background:url(/img/chrome/header/bg_header_omni_links.png) 0px 0px no-repeat;border:none;padding:0;margin:0; border-radius:0;}
.omni-search .cse input.gsc-search-button:hover, .omni-search input.gsc-search-button:hover{background-position:-23px 0px;}
.omni-search td.gsc-clear-button{width:0;}
.omni-search div.gsc-clear-button{display:none;}

/* ------- Navigation ------- */
	/* NAV1 & NAV2 shared base */
.mainNavigation,
.nav1>li, .nav2>li, .nav2-wrap>.bdr-nav2 {background-image:url(/img/chrome/navigation/bg-main-navigation.png);background-repeat:no-repeat;}
.mainNavigation {overflow:hidden;padding-bottom:5px;background-position:0 0;background-repeat:repeat-x; clear: both;}

	/* NAV1 base */
.nav1 {position:relative;width:998px;left:-18px;}
.nav1>li {z-index:1;margin-left:-1px;background-position:left -289px;}
.nav1>li>a {display:block;height:36px;position:relative;padding:0 18px;color:#fff;font:14px/36px 'Opensans-semibold', Arial, sans-serif;text-decoration:none;text-transform:uppercase;}

	/* NAV2 base */
.nav2-wrap {display:none;height:41px;margin-bottom:3px;}
.nav2-wrap>.bdr-nav2 {position:absolute;height:8px;width:4000px;bottom:-5px;left:-2000px;background-position:0 -150px;background-repeat:repeat-x;}
.nav2 {position:absolute;padding:0;left:8px;top:36px;background:#fff;}
.nav2>li {float:left;background-position:left -431px;}
.nav2>li>a{display:block;height:41px;padding:2px 10px 0;color:#0c51a3;font:13px/42px 'Opensans-semibold', Arial, sans-serif;text-decoration:none;}
.nav2>li>a:hover {color:#283545;}
.nav1 li:first-child{background-image:none}
.nav1 li:first-child a {margin-left:0;}

	/* NAV1 & NAV2 state styling */
.nav1>li:hover>a {background-color:#768596;}
.nav1>li.current {z-index:1;}
.nav1>li.current>.nav2-wrap {display:block;}
.nav1>li.current>a {margin-left:0;color:#000;font-family:'Opensans-bold', Arial, sans-serif;background:#fff;position:relative;}
.nav2>li.current>a {color:#202d3d;font-family:'Opensans-bold';border-bottom:3px solid #202d3d;}

	/* NAV3 left */
.nav3-left h3 {position:relative;margin:0 0 15px;padding:.2em 0;line-height:1.3em;}
.nav3-left .links {border-top:1px solid #c9d2d6;}
.nav3-left .links>li {position:relative;line-height:1.2em;padding:.85em 0 .85em 23px;border-bottom:1px solid #c9d2d6;}
.nav3-left .links>li:last-child {border-bottom-width:3px;}
.nav3-left a {font:14px 'Opensans-semibold';text-decoration:none;}
.nav3-left a:hover{color:#283545}
.nav3-left .ico {display:none;position:absolute;left:0;top:15px;}
.nav3-left .links>.current>a{color:#283545;font-family:'Opensans-bold';}
.nav3-left .links>.current>.nav4-left-subnav {display:block;}
.nav3-left .links>.current>.ico {display:block;}

	/* Nav3 left with subnav */
.nav3-left .links>.has-subnav {padding-left:0;}
.nav3-left .links>.has-subnav>a {padding-left:23px;color:#0059B3;font-family:'Opensans-semibold';}
.nav3-left .links>.has-subnav.current {padding-bottom:0;}
.nav3-left .links>.has-subnav.current>.ico{display:none;}
.nav3-left .links>.has-subnav.current>a{font-family:'Opensans-bold';}

	/* Nav3 left > Nav4 subnav (lives inside .nav3-left .li)*/
.nav4-left-subnav {display:none;margin-top:.85em;}
.nav4-left-subnav>li {position:relative;line-height:1.2em;padding:.85em 0 .85em 40px;border-top:1px solid #c9d2d6;}
.nav4-left-subnav>li>a{padding-left:0;color:#283545;font-family:'Opensans-semibold';}
.nav4-left-subnav>.current>.ico {display:block;}
.nav4-left-subnav>li.current>a{font-family:'Opensans-bold';}

	/* NAV3 tabs */
.nav3-tabs {margin:30px 0 40px;}
.nav3-tabs a{display:block;margin-right:10px;padding:.2em 0;color:#fff;font:15px/1.25em 'Opensans-semibold';text-decoration:none;text-align:center;background-color:#8c9bac;}
.nav3-tabs a:hover{color:#283545;}
.nav3-tabs a.current {color:#283545;font-family:'Opensans-bold';background-color:#fff;border-bottom:2px solid #283545;}
.nav3-tabs-tall a{height:50px;text-align:left;padding-left:.6em;padding-right:.6em;padding-top:.3em;}
.pattern-C .nav3-tabs {width:990px;}
.pattern-CS .nav3-tabs {width:690px;}

	/* NAV4 */
.nav4 {font-family:Verdana, Geneva, sans-serif;text-transform:uppercase;font-size:11px;}

/* Cookie Warning */
/* ------- Cookie pop-up icon, moved here so it can be applied globally and there is no need to keep it in locale.css ------- */
.ico-info-lg{background-image:url('/img/global/template/cookies/ico-info-lg.png'); width:38px; height:38px;}
.cookie-wrap{position:fixed; bottom:0; left:0; width:100%; background:#1c2430; opacity:0.92; z-index:10;}
.cookie-warn{position:relative; width:980px; margin:0 auto; padding:12px 48px 12px 0;}
.cookie-warn .ico{position:absolute;}
.cookie-warn .ico-close{right:0; top:10px; background-color:transparent;}
.cookie-warn .ico-info-lg{left:-50px; top:15px;}

/* ------- Footer ------- */
footer {color:#fff;}
footer a,
footer a:visited {color:#fff;}
.footer-sitemap {background:#1d2937;border-bottom:1px solid #03080e;}
.footer-sitemap-wrap {width:1020px;overflow:hidden;padding:18px 0 12px;font-family:'Opensans-semibold';font-size:13px;color:#abc0e3;}
.footer-sitemap-wrap>.unit {padding-right:40px;}
.footer-sitemap-wrap h3 {margin-top:11px;font-size:13px;font-family:'Opensans-semibold';color:#abc0e3;}
.footer-sitemap-wrap h3 .bdr-divider {margin:4px 0 12px;}
.footer-sitemap-wrap a {text-decoration:none;}
.footer-sitemap-wrap a:hover {text-decoration:underline}
.footer-sitemap-wrap li {margin-bottom:3px;padding:3px 0 4px;}
.footer-sitemap-wrap li.emphasis {position:relative;margin-left:-11px;padding-left:11px;background-color:#0e1723;}
.footer-social {width:225px;margin-left:1px;overflow:hidden;}
.footer-social li {padding-right:12px;}
.footer-social  a {display:block;}
.footer-legal {padding:40px 0 10px;font-size:11px;background:#121d2b;border-top:1px solid #303a46;}
.copyright {padding:10px 0;border-top:1px solid #fff;}
.copyright ul{list-style:none; display:inline;}
.copyright li{padding-right:10px; display:inline;}
.address{padding-bottom:30px;}

/* ------- Proactive chat ------- */
.lpInviteChatTbl{margin-left:-11px;}
.lpInviteChatImgAccept{background:#fff;padding:5px 5px 5px 10px;box-shadow:0 1px 7px rgba(0,0,0,0.2);border-radius:3px;}
.lpInviteChatHrefClose{display:block;width:21px;height:21px;position:absolute;right:-23px;top:-23px;border-radius:50%;box-shadow:0 1px 7px rgba(0,0,0,0.2); overflow:hidden;}






/* =============================================================================
/ MODULE: EXPANDABLE SET
/ ============================================================================= */
/* ------- base expandable set ------- */
.expandableSet dd{display:none;}
.expandableSet dd.open{display:block;}
.expandableSet dt{position:relative;display:block;cursor:pointer;}
.expandableSet dt.open{font-weight:bold;}
.expandableSet .closeThis{display:none;position:absolute; right:4px; bottom:-26px;}
.expandableSet .open .closeThis{display:block;}

/* ------- standard style ------- */
.expandableSet.standard dd{position:relative;margin:0 0 15px;background-color:#f6f7f8;padding:25px 30px 10px;}
.expandableSet.standard dt{margin:0 0 10px; z-index:2;}
.expandableSet.standard dt>.ico{float:left; margin-right:10px;}
.expandableSet.standard dt>h4{font:normal 15px/26px 'Opensans-regular'; color:#0c51a3; margin-left:36px;text-transform:none;}
.expandableSet.standard dt.open>h4{font-family:'Opensans-bold'; color:#283545;}
.expandableSet.standard .controlLinkWrap{height:20px;}
.expandableSet.standard .controlLinkWrap a{font:bold 11px/20px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#f4ad03; float:right;}

/* =============================================================================
/ MODULE: FLAG
/ ============================================================================= */
/* ------- Flag base ------- */
.flag{position:relative; display:block; color:#fff; height:33px; padding:0 8px 0 28px; margin-left:12px;}
.flag:before, .flag:after{display:block; content:'&nbsp;'; position:absolute; font-size:0pt; height:0; width:0; border-style:solid; left:-12px; top:0;}
.flag:before{border-width:33px 0 0 24px;}
.flag:after{border-width:0 0 33px 24px;}
.flag-title{display:block; font:normal 16px/33px 'OpenSans-semibold'; float:left;}

/* ------- Large flag variant ------- */
.flag-large{height:70px; padding:0 8px 0 25px; margin-left:25px;}
.flag-large:before{border-width:70px 0 0 50px; left:-25px;}
.flag-large:after{border-width:0 0 70px 50px; left:-25px;}
.flag-large .flag-title{font:normal 21px/70px 'OpenSans-semibold';}

/* ------- Flag fill ------- */
.flag-fill{width:auto;}
.flag-quarter-fill{width:25%;}
.flag-half-fill{width:50%;}
.flag-inline{display:inline-block; width:auto; vertical-align:text-top; padding-right:30px;}

/* ------- Flag colors ------*/
.flag-dark-grey, .flag-dark-gray{background-color:#202d3d; text-shadow:1px 1px 0 #0b131d;}
.flag-dark-grey:before, .flag-dark-gray:before, .flag-dark-grey:after, .flag-dark-gray:after{border-color:#202d3d; border-left-color:transparent;}
/* specific for table in flag */
.flag-dark-grey .table-simple-pairs th,
.flag-dark-gray .table-simple-pairs th{border-bottom:1px solid #03080e; color:#8c9bac;}
.flag-dark-grey .table-simple-pairs td,
.flag-dark-gray .table-simple-pairs td{border-top:1px solid #303a46; text-shadow:none;}

.flag-blue{background-color:#0c51a3; text-shadow:1px 1px 0 #202d3d;}
.flag-blue:before, .flag-blue:after{border-color:#0c51a3; border-left-color:transparent;}
/* specific for table in flag */
.flag-blue .table-simple-pairs th{border-bottom:1px solid #073f81; color:#6697d2;}
.flag-blue .table-simple-pairs td{border-top:1px solid #2367b9; text-shadow:none;}

.flag-yellow{background-color:#f4ad03; text-shadow:1px 1px 0 #e28002;}
.flag-yellow:before, .flag-yellow:after{border-color:#f4ad03; border-left-color:transparent;}
/* specific for table in flag */
.flag-yellow .table-simple-pairs th{border-bottom:1px solid #e49600; color:#f8e0a8;}
.flag-yellow .table-simple-pairs td{border-top:1px solid #f8d37a; text-shadow:none;}

.flag-light-grey, .flag-light-gray{background-color:#8c9bac; text-shadow:1px 1px 0 #697a8d;}
.flag-light-grey:before, .flag-light-gray:before, .flag-light-grey:after, .flag-light-gray:after{border-color:#8c9bac; border-left-color:transparent;}
/* specific for table in flag */
.flag-light-grey .table-simple-pairs th,
.flag-light-gray .table-simple-pairs th{border-bottom:1px solid #637487; color:#d1d6db;}
.flag-light-grey .table-simple-pairs td,
.flag-light-gray .table-simple-pairs td{border-top:1px solid #b1bac3; text-shadow:none;}

.flag-invert-grey, .flag-invert-gray{background-color:#e0e4e9; color:#0c51a3; text-shadow:1px 1px 0 #fff;}
.flag-invert-grey:before, .flag-invert-gray:before, .flag-invert-grey:after, .flag-invert-gray:after{border-color:#e0e4e9; border-left-color:transparent;}
/* specific for table in flag */
.flag-invert-grey .table-simple-pairs th,
.flag-invert-gray .table-simple-pairs th{border-bottom:1px solid #b9c3cd; color:#8c9bac;}
.flag-invert-grey .table-simple-pairs td,
.flag-invert-gray .table-simple-pairs td{border-top:1px solid #fff; text-shadow:none;}

/* =============================================================================
/ MODULE: FORM
/ ============================================================================= */
/* ------- Base widths for forms and form-cells ------- */
.one-column{width:452px; }
.two-column{width:680px; }
.three-column {width:980px;}

/* ------- Base form and form container styles ------- */
.form{overflow: hidden;position:relative;}
.form h3, .form h4{margin:0;}
.form h4{font:18px/31px 'Opensans-regular'; text-transform:none; margin:0;}
.form h4 strong{font-family:'Opensans-semibold'; text-transform:uppercase;}
.formBox{padding-top:10px;}
.form .form-title{margin-bottom:20px;}
.form .form-subtitle{font:normal 13px/24px 'Opensans-semibold', Arial, Helvetica, sans-serif; color:#4e6177; text-shadow:1px 1px 1px #fff;}
.form .form-title h3{font-size:25px; line-height:34px; text-transform:none; margin:0;}
.form .form-section-title{clear:both; display:block; font:15px/26px 'Opensans-bold'; text-transform:uppercase; padding:10px 0 10px 20px; margin:0;}
.form label.form-section-title {color: #283545;}
.form-cell{position:relative; float:left; width:300px; margin:0 20px 20px;}
.form-cell.submit{padding-top:20px;}
.form-cell.match-label-heightx1 {padding-top:18px;}
.form-cell.match-label-heightx2 {padding-top:36px;}

.form .radiobox {clear:both;}
.instruction{position: absolute;display:block;/* in case someone uses span */left:0;font:normal 10px Arial, Helvetica, sans-serif;}
.scrollable {height:250px;padding:1.5em; overflow-x:hidden; overflow-y:scroll; background-color:#fff; border:1px solid #dfe7f1; }
.form .demo-disclaimer a{font-weight:normal;font:12px/18px Arial, Helvetica, sans-serif;}
.form .providerInfo .cat {float:left;width:155px;font-weight:bold;/**/}
.form .providerInfo .val {overflow:hidden;display:inline-block;padding:0 .75em 0 .75em;border-bottom:1px solid #a5a4a4;}

/* ------- Base label styles ------- */
label{display:block;padding:.14em 0 .175em;font:bold 11px/1.63em Verdana, sans-serif; color:#6a7a8b; text-transform:uppercase;}
label.for-checkbox, label.for-radio {margin-left:26px;overflow:hidden;}
label.txt-regular {padding:0;font-size:12px;font-weight:normal;color:#283545; text-transform:none;}
label.txt-bold {font-weight:bold;color:#283545;text-transform:none;}

/* ------- Base field and input styles ------- */
.field{outline:none; width:100%; height:33px; padding:7px; font:12px Verdana, Geneva, sans-serif; border:1px solid #cfd2d7; background:#f8fafa;}
.select{padding:7px 7px 7px 4px;}
.textarea{height:120px; line-height:19px;}
input.checkbox, input.radio {float:left; margin:4px 3px 3px;}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  /*cursor: not-allowed;*/
  color:#aaa;
  background-color: #eeeeee;
  border-color: #ddd;
}

/* ------- Base placeholder styles ------- */
.placeholderLabel .field.select.placeholder{font:bold 11px/21px Verdana, sans-serif; color:#6a7a8b; text-transform:uppercase; padding:7px;}
.placeholderLabel label.for-text{position:absolute; left:12px; top:6px;}
.placeholderLabel .form-cell.submit{padding-top:0;}

/* ------- Base error highlighting ------- */
.std_error .field.invalid{background:#f8d37a !important; border:1px solid #8c9bac !important;}
.std_error label.validate,
.std_error label.validate a,
.std_error.placeholderLabel .select.placeholder.invalid{color:#283545 !important;}
.std_error span.invalid{display:block;position:absolute;bottom:-10px;right:5px;background:none repeat scroll 0 0 #A42727;color:#fff;font:0.625rem/1.5 Verdana,Geneva,sans-serif;   overflow:hidden;padding:0 5px;}
.std_error .checkbox span.invalid{margin-left:21px;}
.std_error .radiobox label.validate,
.std_error .radiobox label.validate a{color:#A72222 !important;}
.std_error .has-instruction span.invalid { position: static; }

/* ------- Base confirmation styles ------- */
.confBox, .confBox .maint, .confBox .success{display:none;}
.cred-wrap{width:206px;}
.cred{background:url(/img/module/border/bdr-dot.png) left top; margin-bottom:15px;overflow:hidden;}
.cred span{display:block; margin:2px; padding:0 10px; font:normal 17px/30px 'Opensans-bold'; color:#0c51a3; background:#fff;}
.cred-title{display:block; font:normal 15px/19px 'Opensans-regular'; margin:0 0 4px;}
.conf-platform-links{margin:0 0 15px; font:normal 18px/33px 'Opensans-semibold'; text-align:center;}
.conf-platform-links li{margin:0; padding:0; text-align:inherit; max-width:360px;}
.conf-platform-links-mobile{font:12px/27px Verdana, Geneva, sans-serif; word-spacing:.25em; text-align:left; margin:0;}

/* ------- Form variants ------- */
	/* One column form */
.form.one-column,
.form.one-column .inner{width: 300px;}
.form.one-column .form-cell{width:100%;float:none;margin-right: 0; margin-left: 0}
.form.one-column.liquid,
.form.one-column.liquid .inner{width:100%;}

	/* Two column form */
.form.two-column{margin:20px 0;}
.form.two-column .inner{width:720px; margin-left:-20px;}
.form.two-column .form-cell {width:320px;}
.form.two-column .form-cell.submit{float:right;}
.form.two-column .confBox{padding:0 20px;}
.form.two-column .confBox h4{margin-bottom:20px;}
.form.two-column .confBox h4 strong{display:block;}

	/* Three column form */
.form.three-column{margin:20px 0;}
.form.three-column.has-bdr {padding-top:30px;}
.form.three-column .inner{width:1020px; margin-left:-20px;}
.form.three-column .form-cell.submit{float:right;}
.form.three-column .confBox{padding:0 20px;}
.form.three-column .cred-wrap{float:left; margin:0 30px 15px 0;}
.form.three-column .step{max-width:472px; min-width:380px; margin-top:15px;}

	/* One column sidebar */
.form.sidebar{border-top:5px solid #8c9bac; padding:1px 0 0;}
.form.sidebar .inner{padding:12px 14px; background:#e0e4e9;}
.form.sidebar .formBox{padding-top: 0;}
.form.sidebar .form-cell {margin:0 0 15px;}
.form.sidebar .form-cell.submit {margin-bottom: 8px}
.form.sidebar h3{text-shadow:1px 1px 0px #fff;}
.form.sidebar h4{font:normal 13px/18px Arial, sans-serif; text-transform:none; padding:7px 0 10px; margin:0;}
.form.sidebar .confBox h3{color:#0c51a3;}
.form.sidebar .formBox h4{color:#0b6eb3;}
.form.sidebar .field{background:#fff;}
.form.sidebar label.for-checkbox{/*color:#485260;*/font-family:Arial, sans-serif;/*font:12px/18px Arial, sans-serif;*/}
.form.sidebar .cred-wrap{width:100%;}
.form.sidebar .cred span{background:#e0e4e9;}
.form.sidebar .cred-title{font:bold 12px/17px Arial, sans-serif;}
.form.sidebar .list-steps-small{margin:0; padding:0;}
.form.sidebar .list-steps-small .step-num{margin:0 9px 0 0;}
.form.sidebar .conf-platform-links{margin:25px 0;}
.form.sidebar .conf-platform-links .btn{text-align:center;}
.form.sidebar .conf-platform-links-mobile li{font-family:Arial, Helvetica, sans-serif;}

	/* cta form */
.form.cta{width:452px; margin:20px 0;}
.form.cta .formBox h3{margin-bottom:15px;}
.form.cta .form-title {color:#f4ad03;font-size:20px;}
.form.cta .form-cell{width:100%; margin:0 0 15px;}
.form.cta .form-cell.checkbox{margin:16px 0 5px;}
.form.cta label.for-text, .form.cta label.for-select{float: left;width:128px;padding-top: .75em;}
.form.cta label.for-checkbox{position:static;}
.form.cta .field, .form.cta .submit{width:300px; float:right;}
.form.cta .confBox{width:auto;}
.form.cta .confBox h4{font-size:15px; line-height:26px; margin-bottom:20px;}
.form.cta .std_error span.invalid{left:151px;}

	/* cta form: landing page */
.form.cta.lp{border-top:5px solid #8c9bac; padding:1px 0 0;}
.form.cta.lp .inner{padding:12px 20px; background:#e0e4e9;}
.form.cta.lp .form-title {color:#283545;font-size:15px;}
.form.cta.lp .field{background:#fff; width:275px; }
.form.cta.lp .submit{width:275px; }
.form.cta.lp .cred span{background:#e0e4e9;}
.form.cta.lp .std_error span.invalid{left:140px;}

	/* collapsed form styles */
.form-collapsed .formBox{padding-top:20px;}
.form-collapsed .form-title{position:relative; height:40px; margin-bottom:30px;}
.form-collapsed .form-title h3{background:#fff; padding:0 10px 0 0; position:absolute; left:0; top:20px; z-index:5;}
.form-collapsed .toggle-control{position:absolute; right:0px; top:30px; background:#fff; padding-left:10px; z-index:5; min-width:80px; height:17px;}
.form.three-column.form-collapsed.has-bdr {padding-top: 15px;}
.form.three-column.form-collapsed.has-bdr .toggle-control {top: 45px;}
.toggle-control a{display:none; top:0; right:0;}
.toggle-control a.active{display:block;}
.toggle-control a.toggle-open { padding: 0 15px; }
.toggle-control a.toggle-open .ico { margin-left: 25px; }

/* ------- Reset nested elements ------- */
.three-column .form-cell.three-column {width:980px;}
.three-column .form-cell.two-column {width:640px;}
.three-column .form-cell.one-column, .three-column .field.one-column {width:300px;}
.two-column .form-cell.two-column, .two-column .field.two-column {width:680px;}
.two-column .form-cell.one-column, .two-column .field.one-column {width:320px;}

/* ------- Autocomplete plugin ------- */
.ac_results {width: 300px !important;padding: 0px;border: 1px solid #ccc;border-top-color: #d9d9d9;box-shadow: 0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);	background-color: white;overflow: hidden;
z-index: 99999;}
.ac_results ul {list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;/* if width will be 100% horizontal scrollbar will appear when scroll mode will be used*//*width: 100%;*/font: menu;font-size: 13px;font-family:Verdana !important;/* it is very important, if line-height not set or set in relative units scroll will be broken in firefox */line-height: 22px;overflow: hidden;}
.ac_over {background-color: #283545;color: #fff;}

/* =============================================================================
/ MODULE: OVERLAY 
/ ============================================================================= */
/* ------- Base colorbox ------- */
/*  ColorBox Core Style - The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox. */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:visible; text-align:left; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:visible; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:none; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }

/* ------- Colorbox branded ------- */
#cboxOverlay {background-color:#cbd2da; overflow:hidden; }
#colorbox { border:5px solid #8c9bac; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} 
#cboxTopLeft,  #cboxTopRight,  #cboxBottomLeft,  #cboxBottomRight,  #cboxMiddleLeft,  #cboxMiddleRight,  #cboxTopCenter,  #cboxBottomCenter { display:none;}
#cboxContent { background:#fff; }
#cboxLoadedContent { }
#cboxTitle { position:absolute; top:-28px; left:-5px; text-align:center; width:100%; height:25px;  background:#8c9bac ;text-transform:capitalize; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; }
#cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; bottom:0; left:0px; background:url(/img/module/overlay/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-75px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; background:url(/img/module/overlay/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxNext.hover { background-position:-50px -25px; }
#cboxLoadingOverlay { background:url(/img/module/overlay/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background:url(/img/module/overlay/loading.gif) center center no-repeat; }
#cboxClose { position:absolute; top:-28px; padding-right:7px; width:80%; right:-5px; background:#8c9bac;  font:normal 14px/26px 'Opensans-bold'; text-shadow: 1px 1px #BFC7D1; text-align:right;  color:#202d3d; text-transform:capitalize;}
#cboxClose i {float:right; margin:7px 0 0 7px;}
#cboxClose:hover { text-decoration:none; }

/* ------- Colorbox convenience classes for abstraction layer ------- */
.cb-content { display:none; }
#cboxLoadedContent .cb-content { display:block; }
.cb-content-html { padding:20px;} 
.flowplayer {display:block;width:680px;height:408px;cursor:pointer;border:1px solid #a0acbd;}
.cb-content-video .flowplayer,
.cb-content-video.flowplayer{width:960px;height:564px;} /* legacy support for old and new flowplayer element structuring - new structure has <a> element with cb-content-video class */



/* =============================================================================
/ MODULE: SPREADS WIDGET
/ ============================================================================= */
/* ------- Spreads widget base ------- */

.spreads-widget-wrap,
.spreadWidgetTable{
	width:100%;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}

/* add .widget-discrete when widget needs to be visually distinct from content */
.spreads-widget-wrap.widget-discrete{
	padding:5px 10px 10px;
	border:1px solid #b9bdc1;
}

/* LIVE RATES */
.widget-rates-live{
	font-size:11px;
	font-size:0.6875rem;
	line-height:16px;
	line-height:1rem;
}

.widget-rates-live tr td{
	padding:4px 0;
	text-align:center;
	border-bottom:1px dotted #dce0e2;
}
.widget-rates-live tr:last-child td{
	border-bottom:1px solid #c7ced1;
}
.widget-rates-live tr td:first-child,
.widget-rates-live tr td:last-child{
	font-weight:bold;
	width:25%;
}
.widget-rates-live tr td:first-child{
	text-align:left;
	padding-left:5px;
}
.widget-rates-live tr td:last-child{
	color:#cd560e;
}

.widget-rates-live tr.spreadWidgetHeadRow td{
	text-transform:uppercase;
	border-bottom:1px solid #c7ced1;
	padding:3px 5px 4px;
}

.widget-rates-live .spreadWidgetRow td:last-child{
	font-size:12px;
	font-size:0.75rem;
}
.widget-rates-live .spreadWidgetRow span{
	padding:0 4px 1px;
	border-radius:3px;
	background-color:#fff;
	transition:all 0.75s ease 0s;
	-webkit-transition:all 0.75s ease 0s;
}

.widget-rates-live .spreadWidgetCellPriceUp > span{
	background-color:#67b20b;
	color:#fff;
	transition:all 0.125s ease 0s;
	-webkit-transition:all 0.125s ease 0s;
}
.widget-rates-live .spreadWidgetCellPriceDown > span{
	background-color:#b32620;
	color:#fff;
	transition:all 0.125s ease 0s;
	-webkit-transition:all 0.125s ease 0s;
}
.widget-rates-live .spreadWidgetRow td:last-child.spreadWidgetCellPriceDown span,
.widget-rates-live .spreadWidgetRow td:last-child.spreadWidgetCellPriceUp span{
	background-color:#f8ebe3;
	color:#bd6835;
}

.spreadWidgetUpdateTimestamp{
	font-size:10px;
	font-size:0.625rem;
	line-height:15px;
	line-height:0.9375rem;
	font-weight:bold;
	color:#8c9bac;
	padding:10px 0 5px 16px;
	position:relative;
}
.spreadWidgetUpdateTimestamp:before{
	box-sizing:border-box;
	content:'';
	display:block;
	position:absolute;
	left:5px;
	top:15px;
	width:6px;
	height:6px;
	border-radius:50%;
	border:1px solid #8ec714;
	background:#afe144;
}

.spreadWidgetRefreshDiv{
	margin:10px 0;
	padding-left:5px;
}
.spreadWidgetRefreshAnchor{
	font-size:10px;
	font-size:0.625rem;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#8c9bac;
	padding:3px 6px;
}

/* END LIVE RATES */

/* STATIC RATES */

.widget-rates-static{
	font-size:12px;
	font-size:0.75rem;
	line-height:21px;
	line-height:1.3125rem;
	margin-top:25px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.spreads-widget-wrap.widget-discrete .widget-rates-static{
	margin-top:5px;
	margin-bottom:0;
}

.widget-rates-static .widget-static-header th{
	padding:13px 10px;
	border-bottom:1px solid #c7ced1;
	border-top:1px solid #c7ced1;
	text-transform:uppercase;
	background-color:#edeff0;
}

.widget-rates-static td{
	padding:13px 10px;
	border-bottom:1px dotted #dce0e2;
	width:25%;
	vertical-align:middle;
}
.widget-rates-static tr:last-child td{
	border-bottom:1px solid #c7ced1;
}

.widget-rates-static .widget-spread-cell{
	text-align:center;
	color:#cd560e;
	font-weight:bold;
}
.widget-rates-static td.widget-spread-cell{
	font-size:14px;
	font-size:0.875rem;
}
.widget-rates-static .alt-spread{
	border-right:1px solid #c7ced1;
}

/* END STATIC RATES */

/* =============================================================================
/ MODULE: RELATED MEDIA
/ ============================================================================= */
/* ------- Base related media ------- */
.related-media h3 {margin:0 0 6px;color:#505f78;}
.related-media h4 {position:relative;height:14px;margin-top:0;margin-bottom:18px;color:#505f78;font-size:11px;text-transform:uppercase;border-bottom:1px solid #cbd6e1;}
.related-media h4 .txt{position:absolute;top:0;padding-right:9px;background-color:#f3f5f7}
.related-media .links li {position:relative;padding-bottom:.75em;padding-left:25px;line-height:1.5em;font-weight:bold;}
.related-media .links .ico {position:absolute;left:0;top:3px;}
.related-media .article .ico {top:1px;}
.related-media .resource .ico {top:4px;}
.related-media .video-thumb {display:block;position:relative;}
.related-media .caption {position:absolute;font:13px Arial, Helvetica, sans-serif;}

/* ------- Vertical variant------- */
.related-media-vertical{padding-left:15px;}
.related-media-vertical .bg-inner {padding:14px 15px 15px 0;}
.related-media-vertical h4 {margin-right:-15px;}
.related-media-vertical .cat {margin-bottom:16px;}
.related-media-vertical .thumb {margin-bottom:34px;}
.related-media-vertical .caption {right:0;left:0;bottom:-20px;color:#6c859e;}

/* ------- Horizontal variant ------- */
.related-media-horizontal .bg-inner {padding:14px 21px 34px 0;}
.related-media-horizontal .cat {float:left;width:31%;margin-left:3%;} 
.related-media-horizontal .cat:first-child {margin-left:0;}
.related-media-horizontal .caption {right:0;top:0;width:128px;height:100%;padding:14px 0 0 11px;color:#fff;background-color:#6c859e;}
.pattern-CS .related-media-horizontal .cat {width:48%;}

/* =============================================================================
/ MODULE: TABLE
/ ============================================================================= */
/* ------- Base table ------- */
.table-wrap, .action-tabs-wrap{border-bottom:2px solid #cddae0; background-color:#f0f5f6; margin:21px 0; overflow:hidden;}
.table-wrap table, .action-tabs-wrap .inner{border:none; border-bottom:1px solid #fff;}
.table-wrap table{width:100%; border-collapse:separate;}
.table-wrap table tr td{vertical-align:middle; height:39px;}
.table-wrap table tr td, .table-wrap table tr th{padding:0 10px; position:relative; border-left:3px solid #f0f5f6;}
.table-wrap table tr th{background:#d9e2e4; text-shadow:1px 1px 0 #fff; text-transform:uppercase; border-top:1px solid #d4dfe4; border-left-color:#d9e2e4; padding:7px 10px; vertical-align:top; font:bold 11px/14px Verdana, Geneva, sans-serif;}
.table-wrap table tr.light td{background:#fff;}
.table-wrap table tr.table-title td{background:#f0f5f6; color:#8c9bac; font:12px/16px 'Opensans-bold'; text-transform:uppercase; border-bottom:1px solid #fff; border-left:none; height:36px; text-align:left;}
.table-wrap table tr.gap td{background:#c0d0d8; border-bottom:1px solid #fff; border-top:1px solid #a9bec8; border-left:none; height:8px; padding:0;}

.table-wrap table.dark tr td, .table-wrap table tr.dark td, .table-wrap table tr td.dark{background:#e3f0f3; border-left:3px solid #eff5f6;}
.table-wrap table.dark tr.light td, .table-wrap table tr.dark.light td, .table-wrap table tr.light td.dark{background:#f1f9fc;}
.table-wrap table.dark tr.table-title td, .table-wrap table tr.dark.table-title td, .table-wrap table tr.table-title td.dark{background:#e3f0f3; color:#1e2a39;}
.table-wrap table.dark tr th, .table-wrap table tr.dark th, .table-wrap table tr th.dark{background:#cddde2; border-top:1px solid #c9dae2; border-left-color:#cddde2;}
.table-wrap table.dark tr.gap td, .table-wrap table tr.dark.gap td, .table-wrap table tr.gap td.dark{background:#b6cbd6; border-bottom:1px solid #fff; border-top:1px solid #a0bac6;}

.table-wrap table tr.tall-row td{height:53px;}
.table-wrap table tr.wide-bdr td, .table-wrap table tr.wide-bdr th{border-left-width:7px;}
.table-wrap table.no-bdr tr td, .table-wrap table.no-bdr tr th, .table-wrap table tr.no-bdr td, .table-wrap table tr.no-bdr th, .table-wrap table tr td.no-bdr, .table-wrap table tr th.no-bdr{border-left:none;}
.table-wrap table.align-top tr td, .table-wrap table tr.align-top td, .table-wrap table tr td.align-top{vertical-align:top; padding:12px 10px;}
.table-wrap table tr.empty td{padding:0; height:5px; line-height:0px;}
.table-wrap table tr td:first-child, .table-wrap table tr th:first-child{border-left:none;}

table.center tr td, tr.center td, td.center, table.center tr th, tr.center th, th.center{text-align:center;}
table.center tr td .ico, tr.center td .ico, td.center .ico, table.center tr th .ico, tr.center th .ico, th.center .ico{margin:0 auto;}

table .contains-2>.unit, table .contains-3>.unit, table .contains-4>.unit, table .contains-5>.unit, table .contains-6>.unit{float:none;}
table .contains-2:before, table .contains-3:before, table .contains-4:before, table .contains-5:before, table .contains-6:before,
table .contains-2:after, table .contains-3:after, table .contains-4:after, table .contains-5:after, table .contains-6:after{content:normal;}

/* ------- 2 row table ------- */
.table-simple-pairs{font-size:14px; font-family:'OpenSans-semibold'; border-collapse:separate; width:100%;}
.table-simple-pairs th, .table-simple-pairs td{height:35px; vertical-align:middle; font-weight:normal;}
.table-simple-pairs th{text-transform:uppercase; border-bottom:1px solid #202d3d; color:#0c51a3;}
.table-simple-pairs td{border-top:1px solid #e0e4e9;}

/* =============================================================================
/ MODULE: TABS (action tabs)
/ ============================================================================= */
/* ------- Base action tabs ------- */
.action-tabs, .action-header{border-bottom:1px solid #fff;}
.action-tabs a, .action-header{background:url(/img/module/tab/action-tab.gif) left top repeat-x; height:34px; font:bold 11px/17px Verdana, Geneva, sans-serif; padding:5px 13px 12px 18px; text-shadow:1px 1px 0 #fff; text-transform:uppercase; text-decoration:none;}
.action-tabs a{border-left:1px solid #fff; border-right:1px solid #a9bec8;}
.action-tabs a:first-child{border-left:none;}
.action-tabs a:last-child{border-right:none;}
.action-tabs a.current{color:#283545; background-position:left bottom;}
.action-header a{float:right; text-transform:none; text-shadow:none;}


/* =============================================================================
/  TEMPLATE: ARTICLE
/  ========================================================================== */
/* ------- Article pagination ------- */
article .pagination {padding-top:30px;text-align:right;font-size:11px;}  
article .pagination a {padding:0 2px;color:#283545;text-transform:uppercase;}
article .pagination .link {margin-left:6px;padding-left:10px;border-left:1px solid #283545;}
article .pagination .link:first-child {margin-left:0;padding-left:0;border-left:none;}

/* ------- Social sharing toolbar ------- */
.sharing-toolbar {margin:14px 0 21px; padding:6px 0;}
.sharing-toolbar .social-button {height:20px;}

/* =============================================================================
/  TEMPLATE: CTA
/  ========================================================================== */

/* ------- lp cta (.landing-page) ------- */
	/* lp title */
.landing-page .lp-cta-parent .lp-cta-title-wrap.has-bdr{height:56px; margin-top:-25px; margin-bottom:45px;}
.landing-page .lp-cta-parent .lp-cta-title-wrap.has-bdr h1, /* support old format (.lp-cta-title-wrap h1) until jsp template is brought over to fxcmcom */
.landing-page .lp-cta-parent .lp-cta-title-wrap.has-bdr .lp-cta-title {position:absolute; top:25px; padding-right:22px; background-color:#fff; z-index:5;}
.landing-page .lp-cta-parent .lp-cta-title-wrap h1 sup,
.landing-page .lp-cta-parent .lp-cta-title-wrap .lp-cta-title sup {font-size:14px;top: -1.5em;}
	/* lp meta-links */
.landing-page .lp-cta-parent .lp-cta-meta-links {position:absolute;right:0;top:42px;padding-left:14px;z-index:5;background:#fff;}
.landing-page .lp-cta-parent .meta-link {color:#283545;font-size:10px;text-transform: uppercase;}
	/* lp col-right */
.landing-page .lp-cta-parent .lp-cta-col-right {float:right;width:452px;}
.landing-page .lp-cta-parent .lp-cta-col-right .form.cta.lp {margin:28px 0 0;}
.landing-page .lp-cta-parent .lp-cta-col-right .form.cta {margin-top:0;}
.landing-page .lp-cta-parent .lp-cta-regulation {padding:38px 0;}
.landing-page .lp-cta-parent .lp-cta-regulation p.lp-cta-regulation-text {font-size:11px;text-align:right;color:#8c9bac;}
	/* lp col-left */
.landing-page .lp-cta-parent .lp-cta-col-left {margin-right: 480px;}
.landing-page .lp-cta-parent .lp-cta-meat {position: relative;} /* pos relative is required for the image, which is abs positioned via javascript */
.landing-page .lp-cta-parent .lp-cta-subtitle {margin:0 0 21px;}
.landing-page .lp-cta-parent .lp-cta-img,
.landing-page .lp-cta-parent .lp-cta-video-player{margin:42px 0;}
.landing-page .lp-cta-parent .lp-cta-description {margin-top:21px;font-size:15px;font-family:'Opensans-regular';line-height:1.75em;}
.landing-page .lp-cta-parent .lp-cta-listTitle {color:#283545;}
.landing-page .lp-cta-parent .lp-cta-features li{padding-bottom:12px; font-size:16px; font-family:'Opensans-regular';line-height:25px;}
.landing-page .lp-cta-parent .lp-cta-features li>.ico {top:15px;}
.landing-page .lp-cta-parent .lp-cta-video {margin:0;}
.landing-page .lp-cta-parent .lp-cta-video-link{font:15px 'Opensans-regular';color:#283545;}
.landing-page .lp-cta-parent .lp-cta-video-link:hover {color:#0C51A3}
.landing-page .lp-cta-parent .lp-cta-video-player,
.landing-page .lp-cta-parent .lp-cta-video-player .flowplayer {width:500px; height:306px; display:block; border:none;}
.landing-page .lp-cta-parent .lp-cta-video-player img {display:block; max-width:100%;}
	/* zero out faux bolding */
.landing-page .lp-cta-title strong,
.landing-page .lp-cta-subtitle strong,
.landing-page .lp-cta-description strong,
.landing-page .lp-cta-listTitle strong,
.landing-page .form-title strong,
.landing-page .conf-title strong,
.landing-page .conf-subtitle strong {font-weight:normal;}
	/* set <strong> styling for title, subtitle and description */
.landing-page .lp-cta-title strong {color:#f4ad03;font-family:'Opensans-semibold';}
.landing-page .lp-cta-subtitle strong {color:#f4ad03;font-family:'Opensans-semibold';}
.landing-page .form-title strong {color:#d19504;}
.landing-page .lp-cta-description strong {color:#0c51a3;font-family:'Opensans-bold';}

/* ------- lp cta (.landing-page) support legacy structure (on US) until markup is updated and template introduced [DM 2013may05] ------- */
.landing-page .page-title{height:56px; margin-top:-25px; margin-bottom:35px;}
.landing-page .page-title h1{position:absolute; top:25px; padding-right:22px; background-color:#fff; z-index:5;}
.landing-page .lp-content{margin:45px 470px 0 0;}

/* ------- Awards row ------- */
.row-awards{width:100%; height:90px; background-color:#eaebed; border-top:1px solid #e0e2e5; border-bottom:1px solid #e0e2e5;}
.row-awards .row-inner{margin-bottom:0;}
.row-awards .row-inner img.awards{margin-top:-6px;}

/* ------- Tradency iframed mirror trader demo forms ------- */
.mtdemo-iframe {border:none;}
.mtdemo-iframe-three-column {width:1020px;height:264px;}
.mtdemo-iframe-lp-cta {width:412px;height:638px;}
/* =============================================================================
/  TEMPLATE: HOMEPAGE
/  ========================================================================== */
/* Homepage Specific Styles */

/* Risk Warning */
.hp-risk-disclaimer{padding:14px 0 15px; border-top:1px solid #dfe4ea;}

/* HOMEPAGE ICON SPRITE */
#mc .ico-hp {background-image:url(../../../img/pages/homepage/hp-icon-sprite.png);}
#mc .ico.feature-row{margin:5px 5px 0 0; float:left;}
#mc .ico.feature-row.second {margin:5px 0 0 10px;}

/* icons */
#mc .ico-signals{background-position:0px 0px;}
#mc .ico-ribbon{background-position:-100px 0px}
#mc .ico-calendar{background-position:-200px 0px;}
#mc .ico-mt4{background-position:-300px 0px}
#mc .ico-laptop{background-position:-400px 0px}
#mc .ico-coins{background-position:-500px 0px}
#mc .ico-active-trader{background-position:-600px 0px}
#mc .ico-trophy{background-position:-700px 0px}
#mc .ico-coins-pound{background-position:-800px 0px}
#mc .ico-euro-coin{background-position:-900px 0px}
#mc .ico-conference{background-position:-1000px 0px}
#mc .ico-upward-chart{background-position:-1100px 0px}
#mc .ico-fxcm-logo{background-position:-1200px 0px}

/* small icons */
#mc .ico-metatrader-small {width:33px;height:33px;background-position:-100px -100px;}
#mc .ico-financial-strength {width:49px;height:19px;background-position:0 -100px;}
#mc .ico-expo {width:49px;height:19px;background-position:-59px -100px;}
#mc .ico-german-flag {width: 49px;height: 19px;background-position: -143px -100px;}
/* =============================================================================
/  TEMPLATE: OVERVIEW
/  ========================================================================== */
/* overview defaults */
.overview-hero{width:470px; height:360px; overflow:hidden; position:relative;}
.overview-hero img{max-width:100%; height:auto; color:#fff;}
	
.overview-intro{position:absolute; left:0; bottom:0; color:#fff; padding:19px 21px 25px;}
.overview-intro h1{font:normal 42px/45px 'Opensans-semibold', Arial, Helvetica, sans-serif;}
.overview-intro h2{font:normal 18px/32px 'Opensans-regular', Arial, Helvetica, sans-serif; margin-top:9px;}

/* overview-page-specific styles */
.hero-about .overview-intro{background-color:#084a9c; background-color:rgba(8,74,156,0.8); text-shadow:1px 1px 0 #00203b;}
.hero-advantages .overview-intro{background-color:#032855; background-color:rgba(3,40,85,0.8); text-shadow:1px 1px 0 #00203b;}
.hero-basics .overview-intro{background-color: #d3f610;background-color: rgba(211,246,16,0.8);text-shadow: 1px 1px 0 #fff;color: #155f03;}
.hero-execution .overview-intro{background-color:#080e14; background-color:rgba(8,14,20,0.8); text-shadow:1px 1px 0 #000;}
.hero-forex .overview-intro{background-color: #d3f610;background-color: rgba(211,246,16,0.8);text-shadow: 1px 1px 0 #fff;color: #155f03;}
.hero-markets .overview-intro{background-color:#dc5806; background-color:rgba(220,88,6,0.8); text-shadow:1px 1px 0 #c75a0c;}
.hero-platforms .overview-intro{background-color:#028ca9; background-color:rgba(2,140,169,0.8); text-shadow:1px 1px 0 #035c7a;}
.hero-products .overview-intro{background-color:#0f74b6; background-color:rgba(15,116,182,0.8); text-shadow:1px 1px 0 #035c7a;}
.hero-services .overview-intro{background-color:#0049b7; background-color:rgba(0,73,183,0.8); text-shadow:1px 1px 0 #133581;}
.hero-resources .overview-intro{background-color:#fdd301; background-color:rgba(253,211,1,0.8); text-shadow:1px 1px 0 #fef5c6; color:#202d3d;}
.hero-education .overview-intro{background-color:#028ca9; background-color:rgba(2,140,169,0.8); text-shadow:1px 1px 0 #035c7a;}
 
/* features boxes */
.overview .feature-box a{text-decoration:none; display:block; position:relative; background-color:#fff; height:175px;}
.overview .feature-box a:hover{background-color:#f6f7f8;}
.overview .feature-box h3{font:normal 15px/20px 'Opensans-bold', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#0c51a3; margin:0; padding-left:10px;}
.overview .feature-box a p{color:#283545; font:normal 14px/25px 'Opensans-regular', Arial, Helvetica, sans-serif; margin:0; padding:12px 15px 0 10px;}
.overview .feature-box a p strong{font-weight:normal; font-family:'Opensans-bold';}
.overview .feature-box a .feature-txt-wrap{padding:19px 11px; height:100%;}
.overview .feature-box img{color:#fff;}

/* primary features */
.overview-primary .feature-box a{width:472px; height:159px; background-position:0 0; background-repeat:no-repeat; margin-bottom:42px;}
.overview-primary .feature-box a:hover .feature-txt-wrap{border-color:#b1c0d2;}
.overview-primary .feature-box a p{font-size:15px; line-height:28px;}
.overview-primary .feature-box a .feature-txt-wrap{position:absolute; border:1px solid #b8c4d4; width:100%; height:100%; z-index:5;}
	
/* secondary features */
.overview-secondary .feature-box .feature-txt-wrap{border-left:1px solid #b4beca; padding-bottom:21px;}
.overview-secondary .feature-box a:hover .feature-txt-wrap{border-color:#f6f7f8;}
.overview-secondary .feature-box a:hover .feature-txt-wrap:after{content:''; position:absolute; top:0; right:-1px; width:1px; height:100%; background-color:#f6f7f8; z-index:5;}
.overview-secondary .feature-box:last-child a:hover .feature-txt-wrap:after{display:none;}
.overview-secondary .feature-box:first-child a .feature-txt-wrap{border-left:none;}
.overview-secondary .feature-highlight .feature-txt-wrap:before{content:''; position:absolute; top:0; bottom:0; left:0; right:-1px; z-index:10; border:1px solid #b4beca;}

/* feature link list*/
.overview .feature-link-list .feature-txt-wrap ul li {line-height: 25px; padding: 12px 15px 0 10px;}
.overview .feature-link-list .feature-txt-wrap {padding:19px 11px; height:175px;}
.overview .feature-link-list .feature-txt-wrap h3 {color:#283545;}
.overview .feature-link-list .feature-txt-wrap h3.has-ico .ico {margin-top:-3px;}
.overview .feature-link-list .feature-txt-wrap ul li a {height: auto;font-family: "Opensans-semibold",Arial,sans-serif;font-weight: normal;font-size: 14px;display:inline;}
.overview .feature-link-list .feature-txt-wrap a:hover {background-color:#fff; text-decoration: underline;}

/* =============================================================================
/  TEMPLATE: PRODUCT
/  ========================================================================== */
/* ------- Product base layout ------- */
.product-overview-header .product-image a {color:#283545;font:14px/14px 'Opensans-regular';}
.product-overview-header .product-description .lead-in {margin-bottom:42px;}
.product-overview-header .prod-overview-desc span.cta { white-space: nowrap; }
.product-feature-content {padding-bottom:21px;}
.product-feature-footer {padding-top:1px;}


/* ------- Product feature boxes ------- */
.product-feature-boxes {margin-bottom:12px;}
.product-feature-boxes>.unit {position:relative;padding-top:26px;}
.product-feature-boxes .feature-box {display:block;height:160px;padding:5px 19px 5px 19px;}
.product-feature-boxes .feature-box:hover {background-color:#f9f9f9;}
.product-feature-boxes .title {margin:0 0 12px;color:#0C51A3;}
.product-feature-boxes .title>.ico{float:right;margin-right:0;margin-top:.2em;filter:alpha(opacity=75);opacity: 0.75;}
.product-feature-boxes .feature-box:hover .title>.ico{filter:alpha(opacity=100);opacity:1;}
.product-feature-boxes .bd>.ico-feature {float:left;margin-top:4px;}
.product-feature-boxes .bd>.desc {overflow:hidden;}

/* ------- Product feature nav4 ------- */
.nav4-product-meta {padding-top:25px;text-align:right;}
.nav4-product-meta a {display:inline-block;padding:0 10px;font-size:10px;line-height:1.1em;color:#283545;border-left:1px solid #283545;}
.nav4-product-meta a:first-child {padding-left:0;border-left:none;}


/* =============================================================================
/  TEMPLATE: VIDEO
/  ========================================================================== */
/* ------- Video sidebar widget styling ------- */
.related-videos-widget .title{color:#505f78;font-size:15px;}
.related-videos-widget .choose-category {margin-bottom:30px;padding:0 9px 13px;border-top:6px solid #8c9bac;background-color:#f1f3f5;}
.choose-category .title {margin:0;padding:18px 0 6px;border-top:1px solid #fff;}
.choose-category .category-list {width:252px;height:33px;margin-bottom:10px;border:2px solid #8c9bac;border-radius:1px; font:normal 13px Verdana, Geneva, sans-serif; padding:5px;}
.choose-category .category-list option{padding:5px;}
.choose-category:after {border-width:15px;border-top-color:#f1f3f5;bottom:-30px;left:23px;}
.choose-video {padding-top:2px} /* adds padding to offset 2px height of border */
.choose-video .title {padding-bottom:14px}
	/* base video item styling */
.related-videos-widget .video-list .video {display:block;padding:8px 0 12px;}
.related-videos-widget .video-list h5 {margin:0 0 6px;position:relative;padding:0 0 3px 27px;font:bold 11px/1.5em Verdana, Geneva, sans-serif;color:#0059b3;text-transform:uppercase;}
.related-videos-widget .video-list h5>.ico{position:absolute;left:0;top:2px;}
.related-videos-widget .video-list .desc-short {font-size:11px;line-height:1.5em;color:#4b5056;}
	/* current video item styling */
.related-videos-widget li.playing {position:relative;top:-2px;z-index:5;background-color:#f1f2f4;}
.related-videos-widget li.playing>.bdr {display:none;}
.related-videos-widget li.playing>.video {padding:14px;}
.related-videos-widget li.playing>.video>h5 {color:#283545;}
/* ------- Video single content styling ------- */
#mc .flowplayer {margin-bottom:30px;}
#mc .meta-content {margin-bottom:42px;}
#mc .meta-content h3 {margin-bottom:12px;}
#mc .note-wrap {margin-bottom:42px;}

/* =============================================================================
/ OVERRIDE
/ ========================================================================== */
/* ------- Font overrides ------- */
	/* font family */
.txt-Opensans-regular{font-family:'Opensans-regular' !important; font-weight:normal !important;}
.txt-Opensans-semibold{font-family:'Opensans-semibold' !important; font-weight:normal !important;}
.txt-Opensans-bold{font-family:'Opensans-bold' !important; font-weight:normal !important;}
.txt-Opensans-cond-bold{font-family:'Opensans-cond-bold' !important; font-weight:normal !important;}
.txt-Arial-regular{font-family:Arial, Helvetica, sans-serif !important; font-weight:normal !important;}
.txt-Arial-bold{font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important;}
.txt-Verdana-regular{font-family:Verdana, Geneva, sans-serif !important; font-weight:normal !important;}
.txt-Verdana-bold{font-family:Verdana, Geneva, sans-serif !important; font-weight:bold !important;}
.txt-Opensans-regular a, .txt-Opensans-semibold a, .txt-Opensans-bold a, .txt-Opensans-cond-bold a {font-weight:normal !important;} /* zero out default bold styling on links within openSans elements */

	/* zero out font weight in openSans strong tags */
.txt-Opensans-regular strong,
.txt-Opensans-semibold strong{font-family:'Opensans-bold' !important; font-weight:normal !important;}


	/* font size */
.txt-25{font-size:25px !important; line-height:34px !important;}
.txt-18{font-size:18px !important; line-height:31px !important;}
.txt-17{font-size:17px !important; line-height:30px !important;}
.txt-15{font-size:15px !important; line-height:26px !important;}
.txt-14{font-size:14px !important; line-height:25px !important;}
.txt-13{font-size:13px !important; line-height:22px !important;}
.txt-12{font-size:12px !important; line-height:21px !important;}
.txt-11{font-size:11px !important; line-height:17px !important;}
.txt-10{font-size:10px !important; line-height:15px !important;}

	/* font variant */
.txt-caps{text-transform:uppercase !important;}
.txt-no-caps{text-transform:none !important;}
.txt-underline{text-decoration:underline !important;}
.txt-auto-height{line-height:normal !important;}
.txt-align-left{text-align:left !important;}
.txt-align-right{text-align:right !important;}

/* ------- List overrides ------- */
    /* list convenience classes - put class on parent list and it targets children <li>s */
.list-floatL>li {float:left !important;}
.list-inline>li {display:inline !important;}
.list-inline-block>li {display:inline-block !important;}

/* ------- Display overrides ------- */
	/* display and position variants */
.display-inline {display:inline !important;}
.display-inline-block {display:inline-block !important;}
.display-block {display:block !important;}
.pos-relative {position:relative !important;}

/* ------- Margin/padding overrides ------- */
	/* margin and padding convenience classes */
.margin-top {margin-top:21px !important;}
.margin-bottom {margin-bottom:21px !important;}
.margin-right {margin-right:21px !important;}
.margin-left {margin-left:21px !important;}
.padding-top {padding-top:21px !important;}
.padding-bottom {padding-bottom:21px !important;}
.padding-right {padding-right:21px !important;}
.padding-left {padding-left:21px !important;}

	/* remove margin and padding convenience classes */
.no-margin-top {margin-top:0 !important;}
.no-margin-bottom {margin-bottom:0 !important;}
.no-margin-right {margin-right:0 !important;}
.no-margin-left {margin-left:0 !important;}
.no-margin {margin:0 !important;}
.no-padding-top {padding-top:0 !important;}
.no-padding-bottom {padding-bottom:0 !important;}
.no-padding-right {padding-right:0 !important;}
.no-padding-left {padding-left:0 !important;}
.no-padding {padding:0 !important;}
.flush-top{margin-top:0 !important;padding-top:0 !important;}
.flush-bottom{margin-bottom:0 !important;padding-bottom:0 !important;}
.flush-right{margin-right:0 !important;padding-right:0 !important;}
.flush-left{margin-left:0 !important;padding-left:0 !important;}

	/* add or remove margins and padding from row-inners */
.row.flush-bottom .row-inner{margin-bottom:0 !important;}
.row.padding-bottom .row-inner{padding-bottom:21px !important;}
.row.margin-bottom .row-inner{margin-bottom:21px !important;}
.row.padding-top .row-inner{padding-top:21px !important;}
.row.margin-top .row-inner{margin-top:21px !important;}

/* ------- Color overrides ------- */
	/* font color overrides*/
.txt-dark-gray, .txt-dark-grey{color:#283545 !important;}
.txt-light-gray, .txt-light-grey{color:#8c9bac !important;}
.txt-blue{color:#0c51a3 !important;}
.txt-yellow{color:#f4ad03 !important;}
.txt-white{color:#fff !important;}
.txt-red{color:#ea0404 !important;}

	/* background color overrides */
.bg-dark-gray, .bg-dark-grey{background-color:#283545 !important;}
.bg-light-gray, .bg-light-grey{background-color:#8c9bac !important;}
.bg-blue{background-color:#0c51a3 !important;}
.bg-yellow{background-color:#f4ad03 !important;}
.bg-white{background-color:#fff !important;}
.bg-red {background-color:#ea0404 !important;}

/* ------- Border Removal convenience classes ------- */ 
.bdr-none { border:0 !important; }
.bdr-top-none { border-top: 0 !important; }
.bdr-bottom-none { border-bottom: 0 !important; }
.bdr-left-none { border-left: 0 !important; }
.bdr-right-none { border-right: 0 !important; }



