/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, bc-section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
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: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
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; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this bc-section.
========================================================================== */
/* 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 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* 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; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { 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; }
}
/*Common Classes placed from print,screen.css*/
@font-face { font-family: 'ExpertSans-Light'; src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-light-webfont.eot"); src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-light-webfont.woff") format("woff"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-light-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ExpertSans-Regular'; src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-regular-webfont.eot"); src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-regular-webfont.woff") format("woff"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ExpertSans-Bold'; src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-bold-webfont.eot"); src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-bold-webfont.woff") format("woff"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-bold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ExpertSansExtraLightRegular'; src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-extralight-webfont.eot"); src: url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-extralight-webfont.woff") format("woff"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-extralight-webfont.ttf") format("truetype"), url("/deployedfiles/Assets/Richmedia/barcafgrp/fonts/expertsans-extralight-webfont.svg#ExpertSansExtraLightRegular") format("svg"); font-weight: normal; font-style: normal; }
body { background: white; font-family: Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 0; color: #666666; }
/*Link classes placed from print,screen.css*/
div.bc-container div[role="bc-main"] { *zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; /*min-height: 700px;*/ word-wrap: break-word; white-space: -moz-pre-wrap; }
div.bc-container a { color:#007eb6; text-decoration: none; word-break: break-word;}
div.bc-container a:focus, div.bc-container a:hover, div.bc-container a:active { text-decoration: underline; }
div.bc-container div[role="bc-main"] a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-container div[role="bc-main"] a:hover { text-decoration: underline; }
div.bc-container div[role="bc-main"] a.anchor { position: absolute; height: 0; width: 0; overflow: hidden; }
div.bc-container div[role="bc-main"] a.image { padding: 0; background: none; }
div.bc-container { margin-left: auto; margin-right: auto; width: 960px; overflow: visible; *zoom: 1; background: white url(/deployedfiles/Assets/Richmedia/barcafgrp/images/background.gif) no-repeat center 118px;}
.hideheaderbackground { background: none !important; }
div.bc-container p, div.bc-container h1, div.bc-container h2, div.bc-container h3, div.bc-container h4, div.bc-container h5, div.bc-container h6, div.bc-container ul, div.bc-container ol, div.bc-container div.bc-section, div.bc-container li { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-container p:last-child, div.bc-container h1:last-child, div.bc-container h2:last-child, div.bc-container h3:last-child, div.bc-container h4:last-child, div.bc-container h5:last-child, div.bc-container h6:last-child, div.bc-container ul:last-child, div.bc-container ol:last-child, div.bc-container div.bc-section:last-child, div.bc-container li:last-child { margin-bottom: 0; }
div.bc-container p, div.bc-container h1, div.bc-container h2, div.bc-container h3, div.bc-container h4, div.bc-container h5, div.bc-container h6, div.bc-container ul, div.bc-container ol, div.bc-container li { margin: 0 0 15px 0; }
div.bc-container li { margin-bottom: 0.5em; }
div.bc-container div.nav ul, div.bc-container div.nav ol, div.bc-container div.nav li { margin-bottom: 0; }
div.bc-container h1 { font-size: 4.364em; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; color: #003366; line-height: 1.1; }
div.bc-container h2, div.bc-container h3 { color: #003366; font-size: 1.7em; font-family: ExpertSans-Regular, Arial, sans-serif; }
div.bc-container h5 { font-size: 11px; }
/* detail page template */
div.bc-aside { *zoom: 1; display: inline; float: left; margin-left: 10px; width: 220px; }
div.bc-pagenav:after, div.bc-aside:after, div.bc-article-left:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-container div[role="bc-main"] div.bc-aside div.bc-content-center:first-child, div.bc-container div[role="bc-main"] div.bc-pagenav div.bc-content-center:first-child, div.bc-container div[role="bc-main"] div.bc-article-left div.bc-content-center:first-child { margin-top: 10px; }
div.bc-container div[role="bc-main"] div.bc-pagenav, div.bc-container div[role="bc-main"] div.bc-content-main, div.bc-container div[role="bc-main"] div.bc-content-center, div.bc-container div[role="bc-main"] div.bc-content-right, div.bc-container div[role="bc-main"] div.bc-article-left { margin-top:20px; }
div.bc-container div[role="bc-main"] div.bc-aside { margin-top: 30px; }
div.bc-content-main { float:left; width:700px; }
div.bc-pagenav { *zoom: 1; display: inline; float: left; margin-right: 10px; width: 220px; }
div.bc-article-left { *zoom: 1; display: inline; float: left; margin-right: 10px; width: 220px; }
div.bc-col-one { *zoom: 1; display: inline; float: left; margin-right: 40px; width: 320px; }
div.bc-col-two { *zoom: 1; display: inline; float: left; margin-right: 0px; width: 320px; }
div.bc-content-center { display: inline; float: left; margin-left:10px; width: 440px; /*margin-right: 10px; padding-right: 20px;*/ }
div.bc-content-right {
display: inline;
float: right;
margin-left: 10px;
width: 700px;
margin-top: 10px;
}
div.bc-content-right div.bc-aside {
margin-top:0px !important;
}
div.bc-content-right div.bc-content-center{
margin-top:0px !important;
margin-right: 10px;
padding-right: 20px;
margin-left:0px !important;
}
div.bc-banner{
margin-bottom: 0px;
}
div.bc-top-banner {
width: 960px;
margin-top:30px;
margin-left:-10px;
}
.bc-carousel-left {
display: inline;
float: left;
width: 700px;
margin-right: 0px;
margin-top: 30px !important;
}
div.bc-carousel-left{
display: inline;
float: left;
margin-right: 10px;
margin-top: 10px;
padding-right: 10px;
padding-left:0px;
}
/* detail page template */
/* speciality detail page*/
div.bc-content-left{
display: inline;
float: left;
width: 680px;
margin-right: 10px;
margin-top: 10px;
padding-right: 20px;
padding-left:10px;
}
div.bc-content-left div.bc-banner{
float:left;
width: 680px;
margin-right: 10px;
padding-right: 20px;
margin-bottom: 0px !important;
}
/*home template*/
div.bc-home-banner, div.bc-media-banner{
margin-bottom: 20px;
}
div.bc-home-three-col{
margin-bottom:0px;
padding-bottom:0px;
}
div.bc-home-three-col a {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline;
}
div.bc-home-three-col div.bc-home-col1{
margin-left: 0px;
float:left;
margin-right: 10px;
width: 300px;
display: inline;
}
div.bc-home-three-col div.bc-home-col2
{
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 300px;
}
div.bc-home-three-col div.bc-home-col3
{
display: inline;
float: left;
margin-left: 10px;
width: 300px;
}
/*speciality landing page */
div[id="specialty-landing-page"] .bc-top-banner{
margin-top:0px !important;
margin-left:-10px;
}
/*landing page */
div[id="landing-page"] .bc-pagenav{
*zoom: 1;
display: inline;
float: left;
margin-right: 40px;
width: 320px;
}
div[id="landing-page"] .bc-content-center{
display: inline;
float: left;
margin-left: 0px !important;
width: 320px;
}
div[id="landing-page"] .bc-content-left{
display: inline;
float: left;
width: 680px;
margin-right: 10px;
margin-top: 30px !important;
padding-right: 20px;
padding-left:0px;
}
div[id="detail-page"] .bc-content-left{
display: inline;
float: left;
width: 690px;
margin-right: 10px;
margin-top: 30px !important;
}
div[id="indices-page"] .bc-content-left{
display: inline;
float: left;
width: 700px;
margin-right: 10px;
margin-top: 30px !important;
padding-right:0px;
padding-left:0px;
}
/* author text */
.cq-wcm-edit .cq-edit-help{
display: block;
}
.cq-wcm-preview .cq-edit-help{
display: none;
}
/* author text */
/* bc-section common stuff */
/*div.bc-container div[role="bc-main"] div.bc-section { padding-top: 10px; border-bottom: 1px #e3e3e1 solid; padding-bottom: 20px; overflow: visible; clear: left; *zoom: 1; }*/
div.bc-container div[role="bc-main"] div.bc-section:first-child { padding-top: 0; }
div.bc-container div[role="bc-main"] div.bc-section:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-container div[role="bc-main"] div.bc-section h3 a { color: #003366; }
/* header component start */
div.bc-header {
*zoom: 1;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 940px;
position: relative;
height: 158px;
z-index: 10;
}
div.bc-header.hideinauthor {
display:block;
height: 20px;
}
div.bc-header div.authortext{
display:block !important;
height:8px;
}
div.bc-header.hideinpublic {
display:none;
}
div.bc-header:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-header div.nav li { display: inline-block; *display: inline; }
div.bc-header h1, div.bc-header div.nav { clear: right; float: right; }
div.bc-header strong.title { position: absolute; top: 45px; right: 0; *zoom: 1; width: 400px; font-size: 2.273em; font-weight: normal; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; color: #494949; text-align: right; margin: 0; }
div.bc-header strong.title:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-header img.bc-logo { position: absolute; top: 35px; display: block; height: 37px; width: 193px }
div.bc-header a > img.bc-logo { position: absolute; top: 35px; display: block; height: 37px; width: 193px }
div.bc-header div.nav.toplevel { z-index: 10; position: relative; margin: 0.8em 0 0.5em; }
div.bc-header div.nav.toplevel > ul { display: inline-block; *display: inline; }
div.bc-header div.nav.toplevel > ul > li { position: relative; }
div.bc-header div.nav.toplevel > ul > li > a { position: relative; z-index: 12; color: #808285; display: inline-block; padding: 3px 5px; margin: 9px 0px; font-size:10px; }
div.bc-header div.nav.toplevel > ul > li > a > span.arrow-down { width: 0; height: 0; display: inline-block; border-top: 3px solid #808285; border-left: 3px solid transparent; border-right: 3px solid transparent; margin-left: 5px; vertical-align: middle; padding: 3px 0; *padding: 0; }
div.bc-header div.nav.toplevel > ul > li > label { position: relative; z-index: 12; color: #808285; display: inline-block; padding: 3px 5px; margin: 9px 0px 9px 0px; }
div.bc-header div.nav.toplevel > ul > li > label > span.arrow-down { width: 0; height: 0; display: inline-block; border-top: 3px solid #808285; border-left: 3px solid transparent; border-right: 3px solid transparent; margin-left: 5px; vertical-align: middle; padding: 3px 0; *padding: 0; }
div.bc-header div.nav.toplevel > ul > li > ul {
display: none;
position: absolute;
z-index: 11;
top: 3em;
margin-left: 2px;
background: white;
padding: 0 1em 1em 0;
width: auto;
-webkit-box-shadow: white 0 -60px 5px 1px, rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: white 0 -60px 5px 1px, rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: white 0 -60px 5px 1px, rgba(100, 100, 100, 0.2) 0 0 18px 1px;
white-space: nowrap}
div.bc-header div.nav.toplevel > ul > li > ul li { display: block; padding: 0 0.5em 0 1.5em; }
div.bc-header div.nav.toplevel > ul > li > ul li a { padding: 0 0 3px 0; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; margin-top: 0; margin-bottom: 0; }
div.bc-header div.nav.toplevel > ul > li > ul li a:hover { text-decoration: underline; }
div.bc-header div.nav.toplevel > ul > li > ul li a:hover { color: #003366; }
div.bc-header div.nav.toplevel > ul > li.login_button a {
display: inline-block;
*display: inline;
-webkit-box-shadow: white 0 1px 0 0 inset, rgba(100, 100, 100, 0.2) 0 1px 3px 0;
-moz-box-shadow: white 0 1px 0 0 inset, rgba(100, 100, 100, 0.2) 0 1px 3px 0;
box-shadow: white 0 1px 0 0 inset, rgba(100, 100, 100, 0.2) 0 1px 3px 0;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
background: -o-linear-gradient(top, #ffffff, #f1f1f1);
background: -ms-linear-gradient(top, #ffffff, #f1f1f1);
background: linear-gradient(top, #ffffff, #f1f1f1);
-webkit-border-radius: 5px 5px;
-moz-border-radius: 5px / 5px;
-ms-border-radius: 5px / 5px;
-o-border-radius: 5px / 5px;
border-radius: 5px / 5px;
border: 1px solid #fafafa;
border-top-color: #f1f1f1;
display: inline-block;
*display: inline;
color: #007eb6;
margin-right: 0; }
div.bc-header div.nav.toplevel > ul > li.login_button a:hover{
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa));
background: -webkit-linear-gradient(top, #ffffff, #fafafa);
background: -moz-linear-gradient(top, #ffffff, #fafafa);
background: -o-linear-gradient(top, #ffffff, #fafafa);
background: -ms-linear-gradient(top, #ffffff, #fafafa);
background: linear-gradient(top, #ffffff, #fafafa);
border: 1px solid white;
border-top-color: #fafafa;
}
div.bc-header div.nav.toplevel > ul > li.login_button a:active {
position: relative;
top: 1px;
}
div.bc-header div.nav.toplevel > ul > li.login_button span {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px;
zoom: 1;
padding-left: 10px;
text-decoration: none;
display: inline-block;
*display: inline;
}
div.bc-header div.nav.toplevel > ul > li.login_button span:hover {
text-decoration: underline !important;
}
/* header component start */
/* TextImageEditor component starts */
div.bc-icon {
position:absolute;
right:0;
}
div.bc-icon .bc-textimage-left {
float: left;
padding-right:10px;
border:none;
}
div.bc-icon .bc-textimage-left a {
background: none !important;
padding-left:0px !important;
text-decoration: none;
display:inline !important;
border:none;
}
.bc-textimage .bc-clear{
clear:both;
padding-bottom:0px;
}
.bc-textimage .bc-textimage-right-clear{ float:right; clear:left;}
.bc-textimage{
word-wrap: break-word;
overflow:hidden;
display:inline;
}
.bc-textimage .bc-textimage-icons-right{
position:relative;
right:0;
top:0;
}
.bc-textimage .bc-textimage-border {
border-bottom: 1px solid #e3e3e1;
border-top: 1px solid #e3e3e1;
}
.bc-textimage .bc-textimage-height {
height:15px;
}
.bc-textimage .bc-textimage-left{
float: left;
padding-right:10px;
border:none;
}
.bc-textimage .bc-textimage-right{
float: right;
padding-left: 10px;
border:none;
}
.bc-textimage .bc-textimage-center{
text-align: center;
}
div.bc-textimage a {
background: none !important;
padding-left:0px !important;
text-decoration: none;
display:inline !important;
}
div.bc-textimage a:hover {
text-decoration: underline !important;
}
div.bc-textimage h1 a, div.bc-textimage h2 a, div.bc-textimage h3 a, div.bc-textimage h4 a{
background: none !important;
padding-left:0px !important;
text-decoration: none;
color: #003366;
}
div.block-callout div.bc-textimage h4 {
margin-left: 20px; margin-top: 1em; color: #007eb6; padding-bottom: 10px; border-bottom: 1px solid #e3e3e1;
}
div.bc-textimage p span.intro {
font-size: 1.455em; font-family: ExpertSans-Regular, Arial, sans-serif;
}
div.bc-textimage p span.footertext {
font-weight: normal; color: #666666; line-height: 1.5em; font-size:10px !important;
}
div.bc-textimage .phone {
display: block; margin-top: 0.2em; color: #003366; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; font-size: 2.727em !important; line-height: 1.2em;
}
div.bc-textimage .phone a {
background: none; padding: 0; color: #003366;
}
div.how-can-we-help div.bc-textimage p .phone {
font-size: 2.75em !important;
}
div.how-can-we-help div.bc-textimage .phone {
font-size: 2.273em !important;
}
div.bc-textimage h1 {
font-size: 2.175em;
font-family: ExpertSans-Light, Arial, sans-serif;
}
div.bc-textimage h2 {
font-size: 1.636em;
}
div.bc-textimage .lb-thanksh2 {
margin-top: 0; text-align: center; font-size: 2.50em; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; color: #30a9e9; vertical-align: middle;padding: 40px; font-weight: normal;
}
div.bc-textimage h3 span.type1 {
margin: 0;color: #333333;margin-bottom: 0;
}
div.bc-textimage h4 {
color: #58595b; font-size: 1.364em; font-family: ExpertSans-Regular, Arial, sans-serif;
}
div.bc-textimage h3 span.bc-numeric {
margin-left: 20px; letter-spacing: -0.05em; color: #003366;
padding-left: 0; margin-left: 0; border-bottom: none;
font-family: ExpertSans-Light, Arial, sans-serif; margin-bottom: 0;
font-size: 2.909em !important; letter-spacing: -0.05em; display: block; line-height: 1em;
}
div.bc-textimage ul {display:table;*display:inline-block;}
div.bc-textimage ul li{ list-style-type:none; list-style-image:none; }
div.bc-textimage ul li { padding-left: 15px; padding-bottom:10px; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/bullet-disc.gif) no-repeat left 6px; }
div.bc-textimage ol, div.bc-textimage ol > li { list-style: decimal inside; }
div.bc-textimage ol { padding-left: 0px;display:table;*display:inline-block; }
div.bc-textimage ol > li { color: #003366; }
div.bc-textimage ol,div.bc-textimage ul { *margin-left: 4px; }
div.bc-textimage ol > li > span { color: #666; }
div.bc-textimage h3 span.bc-h3whybarclaysheading {
font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; font-size: 25px;
line-height: 1.1em;
}
/* TextImageEditor component ends */
/* For Linksdropdown start */
div.bc-linksdropdown div.bc-linksdropdown-nav div.area ul{ display: none; }
/* For Linksdropdown end */
/* Homepageproductbox component starts */
div.bc-homepageproductbox.blocks div.block-callout { display: none; }
/* Homepageproductbox component ends */
div.bc-container .subnav, div.bc-container div.nav.toplevel ul ul { display: none; }
/* top navigation component start */
div.bc-topnavigation {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 940px;
margin-left: 0;
margin-right: 0;
position: absolute;
top: 80px;
text-align: right;
padding-top: 5px;
word-break: break-word;
}
div.bc-topnavigation div.bc-header div.nav.africa {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 940px;
margin-left: 0;
margin-right: 0;
position: absolute;
top: 80px;
text-align: right;
padding-top: 5px;
}
div.bc-header div.nav.africa {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 940px;
margin-left: 0;
margin-right: 0;
top: 80px;
text-align: right;
/*padding-top: 5px;*/
}
div.bc-header div.nav.africa > ul > li { vertical-align: middle; }
div.bc-header div.nav.africa > ul > li > a {
display: block;
line-height: 28px;
height: 34px;
margin-right: 1em;
padding-right: 0;
font-family: ExpertSans-Regular, Arial, sans-serif;
font-size: 1.364em;
}
div.bc-header div.nav.africa .subnav h1 { clear: left; float: left; }
div.bc-header div.nav.africa > ul > li:last-child { margin-right: 0; }
div.bc-header div.nav.africa > ul > li:last-child a { margin-right: 0; padding-right: 0; }
div.bc-header div.nav.africa > ul > li.active > a,div.bc-header div.nav.africa > ul > li.active-temp > a, div.bc-header div.nav.africa > ul > li > a:hover { text-decoration: none; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/nav-active.png) no-repeat 50% 100%;}
div.bc-header div.nav.africa.closed > ul > li > a { color: #007eb6 !important; }
div.bc-header div.nav.africa.closed > ul > li.active > a, div.nav.africa.closed > ul > li.active-temp > a, div.bc-header div.nav.africa.closed > ul > li > a:hover { color: #00375c !important; }
div.bc-header div.nav.africa li#search a, div.bc-header div.nav.africa li#search a span { display: block; height: 28px; width: 28px; text-indent: -9999px; *font-size: 0; cursor: pointer; zoom: 1; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/search-icon.gif) no-repeat top left; }
div.bc-header div.nav.africa .subnav { float:left; display: none; font-size: 11px; margin-left: auto; margin-right: auto; width: 960px; text-align: left; z-index: 11; position: absolute; top:50px; padding-top:10px; left:-10px; width: 1060px; padding-bottom: 37px; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/navfooter.png) no-repeat center bottom #FFF; }
div.bc-header div.nav.africa .subnav > div { *zoom: 1; padding: 3em 60px; background:#FFF; }
div.bc-header div.nav.africa .subnav > div:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-header div.nav.africa .subnav li { display: block; line-height: normal; }
div.bc-header div.nav.africa .subnav h2 { font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; font-size: 2.273em; padding-bottom: 0; margin-bottom: 10px; line-height: 0.9em; }
div.bc-header div.nav.africa .subnav p.intro { width: 700px; line-height: 1.4em; padding-bottom:20px; }
div.bc-header div.nav.africa .subnav a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-header div.nav.africa .subnav a:hover { text-decoration: underline; }
div.bc-header div.nav.africa .subnav h3 a { background: none; padding-left: 0; color: #003366; }
div.bc-header div.nav.africa .subnav .subnav-main, div.bc-header div.nav.africa .subnav .subnav-main-2, div.bc-header div.nav.africa .subnav .subnav-side, div.bc-header div.nav.africa .subnav .subnav-side-2 { float: left; margin: 0; padding: 0; line-height: normal; }
div.bc-header div.nav.africa .subnav .subnav-side, div.bc-header div.nav.africa .subnav .subnav-side-2 { width: 259px; }
div.bc-header div.nav.africa .subnav .subnav-side > div, div.bc-header div.nav.africa .subnav .subnav-side-2 > div { -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; }
div.bc-header div.nav.africa .subnav .subnav-side > div ul, div.bc-header div.nav.africa .subnav .subnav-side-2 > div ul { padding-left: 0; margin-bottom: 10px; }
div.bc-header div.nav.africa .subnav .subnav-side > div ul li, div.bc-header div.nav.africa .subnav .subnav-side-2 > div ul li { margin-bottom: 0.5em; }
div.bc-header div.nav.africa .subnav .subnav-side > div p, div.bc-header div.nav.africa .subnav .subnav-side-2 > div p { border-top: 1px solid #e3e3e1; margin-top: 15px; margin-bottom: 0; padding-top: 5px; }
div.bc-header div.nav.africa .subnav .subnav-side > div p a, div.bc-header div.nav.africa .subnav .subnav-side-2 > div p a { padding-top: 0; }
div.bc-header div.nav.africa .subnav .subnav-main, div.bc-header div.nav.africa .subnav .subnav-main-2 { margin-bottom: 30px; }
div.bc-header div.nav.africa .subnav .subnav-main h3, div.bc-header div.nav.africa .subnav .subnav-main-2 h3 { font-size: 1.455em; color: #003366; margin-bottom: 1em; border-top: 1px solid #e3e3e1; padding-top: 0.5em; }
div.bc-header div.nav.africa .subnav .subnav-main ul, div.bc-header div.nav.africa .subnav .subnav-main-2 ul { padding: 0; margin-bottom: 1em; }
div.bc-header div.nav.africa .subnav .subnav-main ul li, div.bc-header div.nav.africa .subnav .subnav-main-2 ul li { margin-bottom: 0.5em; }
div.bc-header div.nav.africa .subnav .side-links { float: left; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; margin-right: 0; margin-left: 20px; }
div.bc-header div.nav.africa .subnav .side-links > div { margin-bottom: 2em; }
div.bc-header div.nav.africa .subnav .side-links > div images { margin-bottom: 0.5em; }
div.bc-header div.nav.africa .subnav .subnav-main { width: 940px; }
div.bc-header div.nav.africa .subnav .subnav-main > div { float: left; width: 270px; }
div.bc-header div.nav.africa .subnav .subnav-main .bc-topnavigation-left { margin-left:0px; }
div.bc-header div.nav.africa .subnav .subnav-main .bc-topnavigation-center, div.bc-header div.nav.africa .subnav .subnav-main .bc-topnavigation-right { margin-left:65px; }
div.bc-header div.nav.africa .subnav .subnav-main-2 { width: 940px; }
div.bc-header div.nav.africa .subnav .subnav-main-2 > div { float: left; width: 270px; margin-left: 65px; margin-bottom: 40px; border-bottom: 1px solid #e3e3e1; }
div.bc-header div.nav.africa .subnav .subnav-main-2 > div:first-child { margin-left: 0; }
div.bc-header div.nav.africa .subnav .subnav-main-2 > div h4 { margin-bottom: 0.5em; }
div.bc-header div.nav.africa .subnav .subnav-side { margin-bottom: 40px; padding: 0 8px 0 33px; }
div.bc-header div.nav.africa .subnav .subnav-side > div > div { padding: 20px; }
div.bc-header div.nav.africa .subnav .subnav-side > div > div a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-header div.nav.africa .subnav .subnav-side > div > div a:hover { text-decoration: underline; }
div.bc-header div.nav.africa .subnav .subnav-side-2 { margin-bottom: 40px; padding: 0 8px 0 33px; }
div.bc-header div.nav.africa .subnav .subnav-side-2 > div > div { padding: 20px; }
div.bc-header div.nav.africa .subnav .subnav-side-2 > div > div h4 { margin-bottom: 0.5em; font-weight: bold; }
div.bc-header div.nav.africa .subnav .subnav-side-2 > div > div ul { border-bottom: 1px solid #e3e3e1; }
div.bc-header div.nav.africa .subnav .subnav-side-2 > div > div ul li { padding-left: 0; border-top: 1px solid #e3e3e1; padding-top: 0.5em; }
div.bc-header div.nav.africa .subnav .subnav-side-2 > div > div a { padding-left: 0; background: none; }
div.bc-header .searchContainer { display: none; height: 59px; padding: 0; position: absolute; right: -6px; top: 114px; width: 420px; z-index: 3; }
div.bc-header .searchContainer form { position: absolute; top: 10px; left: 20px; }
div.bc-header .searchContainer form label { background: none repeat scroll 0 0 white; display: inline-block; height: 0; text-indent: -999em; width: 0; }
div.bc-header .searchContainer form input { background: none repeat scroll 0 0 #F7F7F7; border: medium none; border-radius: 3px 0 0 3px; color: #655F5F; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2) inset; display: inline-block; float: left; height: 30px; line-height: 30px; padding: 0 0 0 12px; width: 335px; }
div.bc-header .searchContainer form input.submit { background: url("/deployedfiles/Assets/Richmedia/barcafgrp/images/search-input-small.jpg") no-repeat 0 0 #2890c1; border-radius: 0 3px 3px 0; border: none; box-shadow: none; color: #1F8DBE; float: left; font-size: 0; line-height: 0; margin: 0; padding: 0; text-indent: -999em; width: 33px; }
div.bc-header .searchContainer { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/search-background-small.png) no-repeat left top; top: 118px; }
div.bc-topnavigation .bc-tick{
color: none transparent scroll repeat 0% 0%;
padding-left: 30px;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0px 0px 10px;
min-height: 20px;
font-size: 1.091em;
color: #666;
}
div.bc-topnavigation a.bc-navdropdownlink {
background: none !important;
color:#003366;
padding-left:0px !important;
zoom:0 !important;
}
/* top navigation component end */
/* askaquestionbox component start */
.replace {
position: relative;
margin: 0px; padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
overflow: hidden; /* */
}
div.bc-ask-a-question div.ask-a-question .replace span {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; /*for Opera 5 and 6*/
}
div.bc-ask-a-question div.ask-a-question h3 {
color: #003366;
font-size: 1.455em;
font-family: ExpertSans-Regular, Arial, sans-serif;
font-family: ExpertSans-Light, Arial, sans-serif;
letter-spacing: 0;
font-size: 2.273em;
line-height: 1.1em;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e1;
margin-bottom: 10px;
}
div.bc-ask-a-question div.ask-a-question h3 a{
color: #003366 !important;
font-family: ExpertSans-Regular, Arial, sans-serif;
font-family: ExpertSans-Light, Arial, sans-serif;
letter-spacing: 0;
line-height: 1.1em;
padding-bottom: 0px !important;
border-bottom: 0px !important;
margin-bottom: 0px !important;
}
div.bc-ask-a-question div.ask-a-question {
padding:15px;
width: 190px;
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
}
div.bc-ask-a-question {
margin-bottom: 30px;
}
div.bc-ask-a-question div.ask-a-question textarea {
width: 170px;
height: 85px;
padding: 10px;
-webkit-border-radius: 4px 4px;
-moz-border-radius: 4px / 4px;
-ms-border-radius: 4px / 4px;
-o-border-radius: 4px / 4px;
border-radius: 4px / 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset;
box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset;
border: none;
}
div.bc-ask-a-question div.ask-a-question textarea:focus{
outline: none;
}
div.bc-ask-a-question div.ask-a-question button {
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px / 6px;
-ms-border-radius: 6px / 6px;
-o-border-radius: 6px / 6px;
border-radius: 6px / 6px;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa7d6), color-stop(100%, #2370c4));
background: -webkit-linear-gradient(top, #7aa7d6, #2370c4);
background: -moz-linear-gradient(top, #7aa7d6, #2370c4);
background: -o-linear-gradient(top, #7aa7d6, #2370c4);
background: -ms-linear-gradient(top, #7aa7d6, #2370c4);
background: linear-gradient(top, #7aa7d6, #2370c4);
border: 0px solid #497db5;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
margin-top: 20px;
cursor: pointer; -webkit-appearance: button; *overflow: visible;
}
div.bc-ask-a-question div.ask-a-question button.nolink {
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px / 6px;
-ms-border-radius: 6px / 6px;
-o-border-radius: 6px / 6px;
border-radius: 6px / 6px;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa7d6), color-stop(100%, #2370c4));
background: -webkit-linear-gradient(top, #7aa7d6, #2370c4);
background: -moz-linear-gradient(top, #7aa7d6, #2370c4);
background: -o-linear-gradient(top, #7aa7d6, #2370c4);
background: -ms-linear-gradient(top, #7aa7d6, #2370c4);
background: linear-gradient(top, #7aa7d6, #2370c4);
border: 0px solid #497db5;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
margin-top: 20px;
cursor: default; -webkit-appearance: button; *overflow: visible;
}
/* askaquestionbox component end */
/* breadcrumbs component start */
.bc-breadcrumbs {
overflow: hidden;
*zoom: 1;
background:#f4f4f4 url(/deployedfiles/Assets/Richmedia/barcafgrp/images/nav_shadow.png) repeat-x 0 0;
clear: left;
float: none;
left: -10px;
width: 928px;
padding: 0 16px;
height: 40px;
font-weight:normal;
position: absolute;
top: 118px;
}
.bc-breadcrumbs a.home {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/nav-home.png) no-repeat 0 50%;
text-indent: -9999px;
width: 19px;
}
.bc-label{
display: none;
}
.bc-breadcrumbs .c_breadcrumb_link, .bc-breadcrumbs .c_breadcrumb_text{
float: left;
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/nav-divider.png) no-repeat 0 0;
padding-left: 0px;
padding-right: 0px;
}
.bc-breadcrumbs .c_breadcrumb_link a, .bc-breadcrumbs .c_breadcrumb_text{
float: left;
padding: 0 20px 0 30px;
height: 40px !important;
line-height: 40px!important;
color: #006991;
}
.bc-breadcrumbs .c_breadcrumb_text{
color: #00375c;
}
.bc-breadcrumbs .home {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/nav-home.png) no-repeat 0 50% !important;
width: 19px !important;
text-indent: -9999px!important;
}
.bc-breadcrumbs .home {
background: none;
padding-left: 0;
padding-right: 10px;
}
/* askaquestionbox component end */
/* bullet component start */
.bc-tick p{
color: none transparent scroll repeat 0% 0%;
padding-left: 30px !important;
font-family: ExpertSans-Regular, Arial, sans-serif;
font-weight: normal;
line-height: 1.4;
margin: 0px 0px 15px;
min-height: 20px;
font-size:1.45em;
color: #666;
}
.bc-bulletstyle-tick p { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/tick-dark.png) no-repeat left 1px !important;}
.bc-tick {
color: none transparent scroll repeat 0% 0%;
padding-left: 30px !important;
font-family: ExpertSans-Regular, Arial, sans-serif;
font-weight: normal;
line-height: 1.4;
margin: 0px 0px 15px;
min-height: 20px;
font-size:1.45em;
color: #666;
}
.bc-bulletstyle-tick { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/tick-dark.png) no-repeat left 1px !important; }
div.bc-aside div.bc-tick{
font-size:1.09em;
font-family: Verdana, Arial, sans-serif
}
div.bc-tick a{ color: #007eb6; text-decoration: none; background:none !important; padding-left: 0px !important; display: inline !important; zoom:0 !important;}
div.bc-tick a:focus, div.bc-link a:hover, div.bc-link a:active { text-decoration: underline; }
/* bullet component end */
/* column control component start */
/* column control layouts */
div.parsys_column {
height: 100%;
width: 100%;
float: left;
border: 0;
vertical-align:top;
padding: 0;
margin: 0;
}
div.section {
/* Property added to avoid IE hasLayout issue on paragraphs
see #20817 - IE6: div around Drag Components image not big enough
*/
zoom: 1;
}
div.parsys_column .section {
overflow:hidden;
width: 100%;
}
div.cq-colctrl-cols { width:100%; float: left; }
div.cq-colctrl-default { width: 100%;}
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 47%; padding-right: 6%; float:left;}
div.cq-colctrl-lt0-c1 { width: 47%;}
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 64.5%; padding-right: 1%;}
div.cq-colctrl-lt2-c1 { width: 34%; }
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 69%; padding-right: 1%;}
div.cq-colctrl-lt3-c1 { width: 29%; }
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 31%; padding-right: 3.5%;}
div.cq-colctrl-lt4-c1 { width: 31%; padding-right: 3.5%;}
div.cq-colctrl-lt4-c2 { width: 31%;}
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: 23%; padding-right: 2.5%;}
div.cq-colctrl-lt5-c1 { width: 23%; padding-right: 2.5%;}
div.cq-colctrl-lt5-c2 { width: 23%; padding-right: 2.5%;}
div.cq-colctrl-lt5-c3 { width: 23%;}
div.cq-colctrl-lt6 { }
div.cq-colctrl-lt6-c0 { width: 42%; padding-right: 3%;}
div.cq-colctrl-lt6-c1 { width: 55%;}
div.cq-colctrl-lt7 { }
div.cq-colctrl-lt7-c0 { width: 32%; padding-right: 3.3%;}
div.cq-colctrl-lt7-c1 { width: 64.7%;}
/* column control component end */
/* Footer component starts */
div.bc-footer {
*zoom: 1;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 940px;
padding-top: 30px;
word-break: break-word;
}
/*print
div.bc-container div.bc-footer { *zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 1900px; }
*/
div.bc-footer:after {
content: '.';
clear: both;
height: 0;
display: block;
visibility: hidden;
}
div.bc-footer div.nav {
clear: left;
}
div.bc-footer div.nav.group {
margin: 0;
padding: 0;
}
div.bc-footer div.nav.group {
margin-top: 8px;
margin-bottom: 1.8em;
}
div.bc-footer div.nav.group{
font-weight: normal;
font-size: 0.909em;
color: #666666;
}
div.bc-footer .footer_link_par {
padding: 0;
margin: 0 0 15px 0;
font-weight: normal;
}
div.bc-footer div.nav .footer_link_par{
margin-bottom: 0;
}
div.bc-footer div.nav .footer_link_par div{
min-width:50px;float:left;
}
div.bc-footer .bc-footer-link-seperator {
padding: 0;
margin: 0 0 15px 0;
font-weight: normal;
display: inline-block;
}
div.bc-footer div.nav .bc-footer-link-seperator {
margin-bottom: 0;
display: inline-block;
*display: inline;
}
div.bc-footer div.nav.group .bc-footer-link-seperator {
margin: 0;
padding: 0;
}
div.bc-footer div.nav.group .bc-footer-link-seperator a {
margin-right: 12px;
padding-right: 12px;
border-right: 1px solid #9f9d9d;
}
div.bc-footer div.nav.group .bc-footer-link-seperator a.none {
margin-right: 12px;
padding-right: 30px;
border-right:none;
}
div.bc-footer div.nav.group .bc-footer-link a {
margin-right: 12px;
padding-right: 12px;
}
div.bc-footer div.nav div.footer_link_par:after{
content:'.';
clear:both;
visibility: hidden;
}
/* Footer component ends */
/* horizontal line component start */
.bc-horizontal-line{
border-bottom: 1px #e3e3e1 solid; margin-bottom: 20px; overflow: visible;
}
div.bc-aside div.bc-horizontal-line {
border-bottom: 1px #e3e3e1 solid; margin-bottom: 5px; overflow: visible;margin-top:5px
}
/* horizontal line component end */
/* linkbox component start */
.bc-linkbox{
background: white;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 0;
color: #003366;
margin-bottom: 30px;
}
.bc-linkbox-head{
font-family: ExpertSans-Regular, Arial, sans-serif;
margin-bottom: 0;
font-size: 1.7em;
color: #003366;
}
.bc-link-container{
font-size: 11px;
padding: 0;
border-top: 1px solid #e3e3e1;
margin-top: 5px;
}
.bc-link-container .bc-link a ,.bc-link-container div.bc-link-empty{
text-decoration: none;
padding-left:0px !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
background: none !important;
background: white;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 0;
color: #66666
}
.bc-link-container .bc-link a:focus, div.bc-linkbox a:hover, div.bc-linkbox a:active { text-decoration: underline; }
.bc-link-container .bc-link, .bc-link-container div.bc-link-empty {
border-bottom: 1px solid #e3e3e1;
display: block;
margin: 0;
font-weight: normal;
}
div.bc-linkbox div.bc-link-container div.bc-link{
background: none;
display: block;
}
.bc-linkboxborder-boxed {
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
}
.bc-linkboxborder-boxed .bc-linkbox-center {
padding:20px;
}
.bc-linkboxborder-boxed .bc-linkbox-center .bc-linkbox-head {
font-family: ExpertSans-Regular, Arial, sans-serif;
margin: 0px 0px 15px;
font-size: 1.455em;
color: #036;
}
.bc-pagenav .bc-linkbox-center{
padding-right: 20px;
}
div.bc-linkbox div.bc-link{
margin-right:0px !important;
}
/* linkbox component end */
/* Linksdropdown component starts */
div.bc-linksdropdown div.bc-linksdropdown-nav {
clear: left; margin: 0; padding: 0;overflow: hidden; border-top: 1px solid #e3e3e1; border-bottom: 1px solid #e3e3e1;
}
div.bc-linksdropdown div.bc-linksdropdown-nav:after {
content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area {
*zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width:215px;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area:first-child{
margin-left: 0 !important;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area:last-child{
margin-right: 0 !important;
}
/*Print
div.bc-container div.bc-linksdropdown div.nav.areas div.area { *zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; }
*/
div.bc-linksdropdown div.bc-linksdropdown-nav div.area:after {
content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area {
padding: 12px 0 10px 0;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 {
margin-bottom: 0; padding-left: 10px;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 a {
color: #003366; text-decoration: none !important; background:none;padding-left:0px;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 a span {
margin-left: 7px; vertical-align: middle; display: inline-block; width: 10px; height: 22px;
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-dark.png) no-repeat right top;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 a:hover, div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 a.open {
text-decoration: none;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 a:hover span, div.bc-linksdropdown div.bc-linksdropdown-nav div.area h3 a.open span {
-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);
-o-transform: rotate(90deg); -ms-transform: rotate(90deg);
}
div.bc-linksdropdown div.bc-linksdropdown-nav.open div.area h3 a span {
-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area > .bc-ul-linksdropdown {
clear: left;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area .bc-ul-linksdropdown {
margin-top: 1em; height: 100%;
}
div.bc-linksdropdown div.bc-linksdropdown-nav .bc-link {
display: inline-block; *display: inline;
}
div.bc-linksdropdown .bc-link {
display: inline-block;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area .bc-link {
display: block; margin-bottom: 0.5em; padding-left: 10px;
}
div.bc-linksdropdown div.bc-linksdropdown-nav div.area ul li a {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1;
padding-left: 10px; text-decoration: none; display: inline-block; *display: inline;
}
div.bc-linksdropdown .bc-linksdropdown-footer {
margin-bottom: 1em;
}
div.bc-linksdropdown div.bc-linksdropdown-footer:after{
content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
div.bc-linksdropdown .bc-linksdropdown-footer .area {
border:none;
}
div.bc-linksdropdown div.bc-linksdropdown-footer div.area{
*zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px;
}
/*print
div.bc-container div.bc-footer div.area-bc-footer div.area{ *zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; }
*/
div.bc-linksdropdown div.bc-linksdropdown-footer div.area:after {
content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
div.bc-linksdropdown div.bc-linksdropdown-footer div.area:first-child{
margin-left: 0 !important;
}
div.bc-linksdropdown div.bc-linksdropdown-footer div.area:last-child{
margin-right: 0 !important;
}
/* Linksdropdown component ends */
/* promobox component start */
div.bc-promobox {
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
}
div.bc-promobox .promo {
padding-bottom: 20px;
}
div.bc-promobox h3 {
color: #003366;
font-size: 1.455em;
font-family: ExpertSans-Regular, Arial, sans-serif;
padding: 10px 0;
border-bottom: 1px solid #e3e3e1;
border: none;
padding: 12px 20px 0px 20px;
margin-bottom: 10px;
margin: 0 0 15px 0;
}
div.bc-promobox div.promo h3 a {
color: #003366;
background: none;
padding-left: 0px;
}
div.bc-promobox div.promo p {
padding: 15px 20px 0 20px;
margin:0px;
line-height: 1.3em;
}
div.bc-promobox .promo a {
width:245px;
height:20px;
}
div.bc-promobox div.promo .bc-promo-image{
width:300px;
height: 109px;
overflow:hidden;
}
div.bc-promobox div.promo .bc-promo-imagelink{
padding: 0;
background: none;
}
/* promobox component end */
/* Link component starts */
div.bc-link {margin-bottom:5px;}
div.bc-link a { color: #007eb6; text-decoration: none; }
div.bc-link a:focus, div.bc-link a:hover, div.bc-link a:active { text-decoration: underline; }
div.bc-link a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-link a.anchor { position: absolute; height: 0; width: 0; overflow: hidden; }
div.bc-link a.image { padding: 0; background: none; }
div.bc-aside div.bc-link {margin-bottom:0px;}
/* Link component ends */
/* left navigation component start */
div.bc-leftnavigation{ margin-bottom: 40px; padding-right: 20px; }
div.bc-heading { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-leftnavigation:first-child{ margin-top: 0; }
div.bc-heading{ margin: 0 0 15px 0; }
div.bc-heading{ font-family: ExpertSans-Regular, Arial, sans-serif; margin-bottom: 0; font-size: 1.455em; }
div.bc-leftnavigation div.bc-heading { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-leftnavigation{ margin-bottom: 40px; padding-right: 20px; }
div.bc-leftnavigation div.bc-heading{ margin: 0 0 15px 0; }
div.bc-leftnavigation:first-child{ margin-top: 0; }
div.bc-leftnavigation div.bc-heading{ font-family: ExpertSans-Regular, Arial, sans-serif; margin-bottom: 0; font-size: 1.455em; }
div.bc-leftnavigation ul { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-leftnavigation ul:last-child { margin-bottom: 0; }
div.bc-leftnavigation ul { margin: 0 0 15px 0; }
div.bc-leftnavigation > ul { font-size: 11px; margin-top: 5px; }
div.bc-leftnavigation ul { padding: 0; border-bottom: 1px solid #e3e3e1; }
div.bc-leftnavigation li { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-leftnavigation li:last-child { margin-bottom: 0; }
div.bc-leftnavigation li { margin: 0 0 15px 0; }
div.bc-leftnavigation ul li { list-style: none; }
div.bc-leftnavigation li { margin-bottom: 0.5em; }
div.bc-leftnavigation ul li { border-top: 1px solid #e3e3e1; display: block; margin: 0; }
div.bc-leftnavigation a { color: #007eb6; text-decoration: none; }
div.bc-leftnavigation a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-leftnavigation ul li a { background: none !important; display: block !important; padding: 5px 10px 5px 0 !important; }
div.bc-leftnavigation ul li.active > a { color: #00375c; }
div.bc-leftnavigation ul li.currentPageClass > div { color: #00375c; padding: 5px 0 5px 0 !important; }
div.bc-leftnavigation ul li ul { border-bottom: none; background: #f4f4f4; }
div.bc-leftnavigation ul li ul li { padding-left: 20px; }
/* left navigation component end */
/* accordion component start */
.bc-accordion p, .bc-accordion h3 {
padding: 0;
margin: 0 0 10px 0;
font-weight: normal;
}
.bc-accordion{
background: white;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 0;
color: #666666;
line-height: 1.4;
margin: 0px;
}
.bc-accordion {
padding-top: 20px;
border-top: 1px #e3e3e1 solid !important;
padding-bottom: 0px;
overflow: visible;
clear: left;
*zoom: 1;
color: #666666;
font-family: Verdana, Arial, sans-serif;
}
.bc-accordion p, .bc-accordion h3 {
padding: 0;
margin: 0 0 10px 0;
font-weight: normal;
}
.bc-accordion.products-block{
padding-top: 10px;
margin-bottom: 0px;
padding-bottom: 10px;
}
.bc-accordion p, div.container h3{
margin: 0 0 15px 0;
}
.bc-accordion h3 {
color: #003366;
font-size: 1.455em;
font-family: ExpertSans-Regular, Arial, sans-serif;
}
.bc-accordion.products-block > h3{
cursor: pointer;
margin-bottom: 0;
}
.bc-accordion h3 a{
background: none !important;
padding-left: 0;
}
.bc-accordion.products-block > h3 a, .bc-accordion.products-block > h3 a:hover, .bc-accordion.products-block.open > h3 a{
color: #003366 !important;
text-decoration: none !important;
}
.bc-accordion a {
zoom: 1;
padding-left: 10px;
text-decoration: none;
display: inline-block;
*display: inline;
}
.bc-accordion.products-block div.accordion-content {
background: #f0f0f0;
-webkit-box-shadow: #f0f0f0 250px 0 200px -200px inset, #f0f0f0 -250px 0 200px -200px inset, rgba(85, 85, 85, 0.4) 0 6px 6px -6px inset, rgba(85, 85, 85, 0.4) 0 -6px 6px -6px inset;
-moz-box-shadow: #f0f0f0 250px 0 200px -200px inset, #f0f0f0 -250px 0 200px -200px inset, rgba(85, 85, 85, 0.4) 0 6px 6px -6px inset, rgba(85, 85, 85, 0.4) 0 -6px 6px -6px inset;
box-shadow: #f0f0f0 250px 0 200px -200px inset, #f0f0f0 -250px 0 200px -200px inset, rgba(85, 85, 85, 0.4) 0 6px 6px -6px inset, rgba(85, 85, 85, 0.4) 0 -6px 6px -6px inset;
behavior: url("/deployedfiles/Assets/Richmedia/barcafgrp/styles/PIE.htc");
margin-top: 10px;
padding: 20px;
width: 400px;
overflow: hidden;
}
.bc-accordion.products-block p { margin-bottom: 0; }
.bc-accordion.products-block div.accordion-content > p {
margin-top: 0;
padding-left: 0;
}
.bc-accordion.products-block > h3 a:hover span, .bc-accordion.products-block.open > h3 a span{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.bc-accordion.products-block > h3 span {
display: inline-block;
vertical-align: middle;
margin-left: 7px;
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-dark.png) no-repeat right top;
height: 22px;
width: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.bc-accordion.products-block div.bc-linkdetail{
margin-top: 10px;
}
/* accordion component end */
/* Homepageproductbox component starts */
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main .bc-leftspace { margin-left:20px }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main .bc-textimage div p { padding-left: 0px; margin-bottom: 0; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-side a.noarrow { padding-left: 0; background: none; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-side p { padding-top: 0; padding-right: 20px; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-side h5 { font-size: 11px; margin-top: 1em; margin-bottom: 0; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-side { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-right: 0; padding-top: 10px; }
div.bc-homepageproductbox.blocks div.block-callout h4 { margin-left: 20px; margin-top: 1em; color: #007eb6;margin-bottom:10px;}
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main > div { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main > div:nth-child(odd) { margin-left: 0; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main > div:nth-child(even) { margin-right: 0; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main p:nth-child(odd) { padding-left: 20px; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main p:nth-child(odd) a { text-indent: -10px; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main h4.cta { color: #666666; font-weight: bold; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main div { margin-top: 0.5em; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main div p { padding-top: 0; padding-left: 30px; margin-bottom: 1em; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main div h5 { font-size: 11px; padding-left: 20px; margin-bottom: 0; }
div.bc-homepageproductbox.blocks .bc-leftmargin { margin-left: 0 !important; }
div.bc-homepageproductbox.blocks .bc-rightmargin { margin-right: 0 !important; }
div.bc-homepageproductbox.blocks div.block-callout p.intro { padding-top: 0; padding-left: 20px; }
div.bc-homepageproductbox.blocks div.block-callout h2,div.bc-homepageproductbox.blocks div.block-callout h3 {
margin-left: 20px; font-size: 2.727em;
font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; color: #003366;
}
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main > h3 { margin-top: 20px; }
div.bc-homepageproductbox.blocks div.block-callout div.block-callout-bc-main {
display: inline; float: left; margin-left: 10px;
margin-right: 10px; width: 620px; margin-left: 0;
}
div.bc-homepageproductbox.blocks div.block-callout:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-homepageproductbox.blocks div.block-callout {
overflow: hidden; *zoom: 1; padding-left: 0; padding-right: 0;
background: #f0f0f0 url(/deployedfiles/Assets/Richmedia/barcafgrp/images/block-callout-grey-bottom.jpg) no-repeat left bottom;
}
div.bc-homepageproductbox.blocks .block-callouts.open {
/*min-height: 300px; */
}
div.bc-homepageproductbox.blocks div.block p { line-height: 1.3em; }
div.bc-homepageproductbox.blocks div.block:hover p, div.bc-homepageproductbox.blocks div.block.open p, div.bc-homepageproductbox.blocks div.block a p, div.bc-homepageproductbox.blocks div.block h3 p { color: #666666 !important; }
div.bc-homepageproductbox.blocks div.block h3 a span {
margin-left: 7px; vertical-align: middle; display: inline-block;
width: 10px; height: 22px; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-dark.png) no-repeat right top;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
}
div.bc-homepageproductbox.blocks div.block:hover:hover span, div.bc-homepageproductbox.blocks div.block:hover.open span, div.bc-homepageproductbox.blocks div.block.open:hover span, div.bc-homepageproductbox.blocks div.block.open.open span, div.bc-homepageproductbox.blocks div.block a:hover span, div.bc-homepageproductbox.blocks div.block a.open span, div.bc-homepageproductbox.blocks div.block h3:hover span, div.bc-homepageproductbox.blocks div.block h3.open span {
-webkit-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important;
-o-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important;
}
h3 a, h4 a { background: none !important; padding-left: 0 !important; }
div.bc-homepageproductbox h3 a { color: #003366; }
div.bc-homepageproductbox.blocks div.block h3 a { color: #003366; }
div.bc-homepageproductbox.blocks div.block:hover h3 a, div.bc-homepageproductbox.blocks div.block.open h3 a, div.bc-homepageproductbox.blocks div.block a h3 a, div.bc-homepageproductbox.blocks div.block h3 h3 a { color: #007eb6 !important; }
div.bc-homepageproductbox.blocks .block h3 a { color: #003366; }
div.bc-homepageproductbox.blocks .block h3 a:hover { color: #007eb6; text-decoration: none; }
div.bc-homepageproductbox.blocks div.block:last-child { margin-right: 0; }
div.bc-homepageproductbox.blocks .block:last-child { margin-right: 20px; }
div.bc-homepageproductbox.blocks div.block { *zoom: 1; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; }
div.bc-homepageproductbox.blocks div.block:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-homepageproductbox.blocks div.block:first-child { margin-left: 0; }
div.bc-homepageproductbox.blocks div.block:hover, div.bc-homepageproductbox.blocks div.block.open, div.bc-homepageproductbox.blocks div.block a, div.bc-homepageproductbox.blocks div.block h3 { text-decoration: none; cursor: pointer; }
div.bc-homepageproductbox.blocks .block { margin: 10px 10px 0 10px; width: 210px !important; }
div.bc-homepageproductbox.blocks .block:first-child { margin-left: 20px !important; }
div.bc-homepageproductbox.blocks div.block-links:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-homepageproductbox.blocks .block-links { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/block-callout-blue-top.jpg) no-repeat left top; *zoom: 1; padding-top: 10px; padding-bottom: 20px; }
div.bc-homepageproductbox.blocks .block-links:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-homepageproductbox { padding-top: 10px; border-bottom: 1px #e3e3e1 solid; padding-bottom: 20px; overflow: visible; clear: left; *zoom: 1; }
div.bc-homepageproductbox:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-homepageproductbox { border-bottom: none; }
div.bc-homepageproductbox.blocks { background: #f7fbfd; padding-bottom: 0; padding-top: 0; margin-bottom: 20px; background: #f7fbfd url(/deployedfiles/Assets/Richmedia/barcafgrp/images/block-callout-blue-bottom.jpg) no-repeat left bottom;}
div.bc-homepageproductbox.blocks div.bc-linkdetail{ margin-top: 10px;}
div.bc-homepageproductbox.blocks div.block-callout div.bc-textimage h2{ margin-left: 0px; font-size:1.636em ; color: #003366; font-family: ExpertSans-Regular, Arial, sans-serif;letter-spacing: 0; }
div.bc-homepageproductbox.blocks div.block-callout div.bc-textimage h3{ margin-left: 0px; font-size: 1.455em; color: #003366; font-family: ExpertSans-Regular, Arial, sans-serif;letter-spacing: 0; }
div.bc-homepageproductbox.blocks div.block-callout div.bc-textimage h4{ padding-bottom: 0px; border-bottom: none; margin-left: 0px; margin-top: 0px; margin-bottom:0px; color: #58595b; font-size: 1.364em; font-family: ExpertSans-Regular, Arial, sans-serif;}
div.bc-homepageproductbox.blocks div.bc-linkdetail a:hover { text-decoration:underline !important;}
/* Homepageproductbox component ends */
div.bc-imagelinkbox li { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-imagelinkbox li:last-child { margin-bottom: 0; }
div.bc-imagelinkbox li { margin: 0 0 15px 0; }
div.bc-imagelinkbox ul li { list-style: none; }
div.bc-imagelinkbox li { margin-bottom: 0.5em; }
div.bc-imagelinkbox ul { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-imagelinkbox ul:last-child { margin-bottom: 0; }
div.bc-imagelinkbox ul { margin: 0 0 15px 0; }
div.bc-imagelinkbox ul { padding: 0; width: 45%; float: left; }
div.bc-imagelinkbox ul.odd { margin-right: 10%; }
div.bc-imagelinkbox p { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-imagelinkbox p { margin: 0 0 15px 0; }
div.bc-imagelinkbox p { padding-top: 0px;padding-bottom: 10px; font-size: 11px; line-height: 1.3em; margin: 0; }
div.bc-imagelinkbox a { color: #007eb6; text-decoration: none; }
div.bc-imagelinkbox a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-imagelinkbox h3 a { background: none; padding-left: 0; }
div.bc-imagelinkbox h3 a { color: #003366; }
div.bc-imagelinkbox h3 { padding: 0; margin: 0; font-weight: normal; }
div.bc-imagelinkbox h3 { color: #003366; font-size: 1.455em; font-family: ExpertSans-Regular, Arial, sans-serif; }
div.bc-imagelinkbox h3 { padding: 10px 0; border-bottom: 1px solid #e3e3e1; margin-bottom: 15px !important;}
div.bc-imagelinkbox .grid-18 .col-2 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 340px; width: 320px; }
div.bc-imagelinkbox .grid-18 .col-2.even { padding-left: 10px; }
div.bc-imagelinkbox .even { margin-right: 0 !important; }
div.bc-imagelinkbox .grid-18 .col-2.odd { clear: left; padding-right: 10px; }
div.bc-imagelinkbox .odd { margin-left: 0 !important; }
div.bc-imagelinkbox .bc-imagelinkbox-image{ height: 93px; width: 320px; overflow-x: hidden; overflow-y: hidden;margin-bottom:10px}
/* interactive map component start */
.africanMap{background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/africa/africa.png) no-repeat 0 0;width:403px;height:394px; margin:auto;position:relative}
.africanMap img{position:absolute;left:0;top:0}
#bc-map-wrap { position: relative; width: auto; }
#bc-map-wrap.worldMap { height: 369px; }
#bc-map-wrap.ukMap { height: 540px; }
.map { width: auto !important; position: absolute; top: 0; left: 0; margin-left: -9px; margin-top: -4px; }
area { outline: none; }
#bc-map-tooltip { position: relative; width: 256px; height: 208px; word-wrap:break-word}
#bc-map-tooltip #bc-map-tooltip-content { position: absolute; top: 14px; left: 14px; border:solid 1px #eee;padding: 15px 20px 0 20px; width: 188px; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; -webkit-box-shadow: rgba(100, 100, 100, 0.4) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.4) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.4) 0 0 18px 1px; background-color: white;}
#bc-map-tooltip #bc-map-tooltip-content h5 { color: #006991; font-size: 1.455em; font-family: ExpertSans-Regular, Arial, sans-serif; font-weight: normal; margin-top: 0; margin-bottom: 5px; }
#bc-map-tooltip #bc-map-tooltip-content p { margin-top: 0; margin-bottom: 20px; }
#bc-map-tooltip #bc-map-tooltip-content a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; color: #007eb6; text-decoration: none; padding-bottom: 3px; word-break:break-word}
#bc-map-tooltip #bc-map-tooltip-content a:hover { text-decoration: underline; word-break:break-word}
#bc-map-tooltip #bc-map-tooltip-content a:focus, #bc-map-tooltip #bc-map-tooltip-content a:hover, #bc-map-tooltip #bc-map-tooltip-content a:active { text-decoration: underline; word-break:break-word}
#bc-map-tooltip #bc-map-tooltip-content:after { content: ""; position: absolute; z-index: 9000; }
#bc-map-tooltip #bc-map-tooltip-content.leftbottom:after, #bc-map-tooltip #bc-map-tooltip-content.left:after { content: " "; left: -8px; top: 40px; margin-top: -8px; border-right: 8px solid white; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 0; }
#bc-map-tooltip #bc-map-tooltip-content.leftbottom:after { content: " "; top: auto; bottom: 22px; }
#bc-map-tooltip #bc-map-tooltip-content.rightbottom:after, #bc-map-tooltip #bc-map-tooltip-content.right:after { content: " "; right: -8px; top: 40px; margin-top: -8px; border-left: 8px solid white; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 0; }
#bc-map-tooltip #bc-map-tooltip-content.rightbottom:after { content: " "; top: auto; bottom: 40px; }
#bc-map-tooltip #bc-map-tooltip-content.bottomright:after, #bc-map-tooltip #bc-map-tooltip-content.bottomleft:after, #bc-map-tooltip #bc-map-tooltip-content.bottom:after { content: " "; bottom: -8px; left: 110px; margin-left: -8px; border-top: 8px solid white; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; }
#bc-map-tooltip #bc-map-tooltip-content.bottomleft:after { content: " "; left: 30px; }
#bc-map-tooltip #bc-map-tooltip-content.bottomright:after { content: " "; left: auto; right: 30px; }
#bc-map-tooltip #bc-map-tooltip-content.topleft:after, #bc-map-tooltip #bc-map-tooltip-content.topright:after, #bc-map-tooltip #bc-map-tooltip-content.top:after { content: " "; top: -8px; left: 110px; margin-left: -8px; border-bottom: 8px solid white; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 0; }
#bc-map-tooltip #bc-map-tooltip-content.topleft:after { content: " "; left: 30px; }
#bc-map-tooltip #bc-map-tooltip-content.topright:after { content: " "; left: auto; right: 30px; }
/* interactive map component end */
.bc-searchresults { padding-top: 0; }
.bc-searchresults #search-results-search { color: #003366; margin-bottom: 40px; }
.bc-searchresults #search-results-search span { font-size: 1.636em; }
.bc-searchresults #search-results-search span em { font-size: 2.67em; font-style: normal; }
.bc-searchresults #search-results-search input { vertical-align: middle; margin-bottom: 0.5em; }
.bc-searchresults #search-results-search input.search { margin-left: 20px; font-size: 1.273em; width: 166px; color: #007eb6; border: none; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; -ms-border-radius: 6px / 6px; -o-border-radius: 6px / 6px; border-radius: 6px / 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; padding: 8px 36px 8px 8px; font-size: 1.091em; }
.bc-searchresults #search-results-search input.search-button { border: none; background: transparent url(/deployedfiles/Assets/Richmedia/barcafgrp/images/search-icon-small.png) no-repeat 0 0; width: 21px; height: 22px; position: relative; margin-left: -30px; margin-top: -2px; }
.bc-searchresults div.search-result { *zoom: 1; margin-bottom: 20px; border-bottom: 1px solid #e3e3e1; padding-bottom: 20px; }
.bc-searchresults div.search-result:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
.bc-searchresults div.search-result h3 { font-size: 1.636em; margin-bottom: 0; }
.bc-searchresults div.search-result h3 a { color: #003366; }
.bc-searchresults .search-text { margin-top: 15px;}
.bc-searchresults .bottom-link { margin-top: 15px;}
.bc-searchresults .search-nav span { color: #999999; }
.bc-searchresults .search-nav span strong { font-weight: normal; color: #58595b; }
.bc-searchresults .search-nav p { float: left; width: 185px; }
.bc-searchresults .search-nav ul { float: right; width: auto; text-align: right; }
.bc-searchresults .search-nav ul li { width: auto; display: block; float: left; border-left: 1px solid #e3e3e1; padding: 0 5px 0 7px; margin: 0; }
.bc-searchresults .search-nav ul li.first { border-left: 0; }
.bc-searchresults .search-nav ul li a { background: none; padding: 0; }
.bc-searchresults .search-nav ul li.active a { color: #00375c; }
/* Link Detail component starts */
div.bc-linkdetail {
margin: 0px;
margin-top: 0px;
padding: 0px;
}
div.bc-linkdetail p{
margin-top: 0px;
margin-bottom:0px;
padding-left: 10px !important;
}
div.bc-linkdetail .bc-spacing {padding-left:10px;}
div.bc-linkdetail a {
padding-left: 10px !important;
color: #007eb6;
text-decoration: none;
margin-left: -10px;
}
div.bc-linkdetail a:focus, div.bc-linkdetail a:hover, div.bc-linkdetail a:active { text-decoration: underline; }
div.bc-linkdetail a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px; zoom: 1; padding-left: 10px; text-decoration: none; display: inline-block; *display: inline; }
div.bc-linkdetail a.anchor {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
}
div.bc-linkdetail .bc-subtitle{
margin-bottom: 5px;
display: inline-block;
padding-left: 0px;
font-weight: bold;
word-break: break-word;
}
div.bc-linkdetail a.image {
padding: 0;
background: none;
}
div.bc-aside div.bc-linkdetail {
margin-bottom:0px;
}
div.bc-linkdetail p > strong{
margin-bottom: 5px !important;
display: inline-block;
}
div.bc-homepageproductbox .bc-linkdetail{
padding-left: 0px;
}
div.bc-homepageproductbox .bc-linkdetail p{
padding-left: 0px;
}
div.bc-homepageproductbox .block-callout-bc-main div.bc-linkdetail p a {
padding-left: 10px !important;
color: #007eb6;
text-decoration: none;
margin-left: -10px !important;
text-indent: 0px !important;
}
/* Link Detail component ends */
/* online enquiry form css starts*/
div.bc-onlineenquiry .charcounter {padding-left:200px;}
div.bc-onlineenquiry .lb-inner form button { font-size: 14px; color: #ffffff; padding: 10px 20px; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; -ms-border-radius: 6px / 6px; -o-border-radius: 6px / 6px; border-radius: 6px / 6px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa7d6), color-stop(100%, #2370c4)); background: -webkit-linear-gradient(top, #7aa7d6, #2370c4); background: -moz-linear-gradient(top, #7aa7d6, #2370c4); background: -o-linear-gradient(top, #7aa7d6, #2370c4); background: -ms-linear-gradient(top, #7aa7d6, #2370c4); background: linear-gradient(top, #7aa7d6, #2370c4); border: 0px solid #497db5; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3); }
div.bc-onlineenquiry .lb-form button { margin-left: 200px; }
div.bc-onlineenquiry .lb-form form div.label label.checkbox { color: #635f5f; }
div.bc-onlineenquiry .lb-form form > label textarea { vertical-align: top; border: none; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; -ms-border-radius: 4px / 4px; -o-border-radius: 4px / 4px; border-radius: 4px / 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; width: 300px; height: 130px; }
div.bc-onlineenquiry .lb-form form div.label label input { margin-right: 10px; }
div.bc-onlineenquiry .lb-form form div.label label { margin-right: 20px; }
div.bc-onlineenquiry .lb-form form div.label span { display: inline-block; width: 180px; text-align: right; margin-right: 20px; }
div.bc-onlineenquiry .lb-form form div.label { display: block; margin-bottom: 15px; }
div.bc-onlineenquiry .lb-inner form input[type=text] { color: #007eb6 !important;}
div.bc-onlineenquiry .lb-inner form input[type="text"] { vertical-align: middle; border: none; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; -ms-border-radius: 4px / 4px; -o-border-radius: 4px / 4px; border-radius: 4px / 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; padding: 5px; font-size: 1.091em; width: 300px; color: #000; }
div.bc-onlineenquiry .lb-inner form option { color: #007eb6; }
div.bc-onlineenquiry #othertitle_js_handle input { width: 231px; }
div.bc-onlineenquiry #othertitle_js_handle { display: block; }
div.bc-onlineenquiry .js #othertitle_js_handle { display: none; }
div.bc-onlineenquiry .msd_header { position: relative; color: #007eb6; }
.lt-ie9 .msd_header { line-height: 1.33em; }
div.bc-onlineenquiry .msd_wrapper { vertical-align: middle; display: inline-block; border: none; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; box-shadow: rgba(0, 0, 0, 0.25) 0 0 6px 1px inset; padding: 5px 10px; font-size: 1.091em; width: 290px; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-down_4.png) no-repeat 290px center transparent; }
.lt-ie9 .msd_wrapper { border: 1px solid #e3e3e1 !important; }
.lt-ie8 div.bc-onlineenquiry .msd_wrapper { display: inline; }
/*.msd_wrapper .selected, .msd_wrapper:hover { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-down_4_active.png) no-repeat 220px center transparent; }*/
.msd_wrapper.disabled { background-color: transparent; color: #bababa; }
.msd_header { position: relative; color: #007eb6; }
.lt-ie9 .msd_header { line-height: 1.33em; }
.msd_text { border: 1px solid #E3E3E3; color: #7D7D7D; display: inline-block; font-size: 12px; margin: -1px 9px 0 0; overflow: visible; padding: 7px 0 7px 6px; position: relative; width: 214px; }
.msd_wrapper.selected { background-color: transparent; }
.msd_fields { padding: 20px 0 5px 0; border-top: 5px solid #DFDFDF; border-bottom: 5px solid #DFDFDF; }
.msd_fields label { display: block; font-size: 12px; padding: 0 5px 10px 2px; }
.msd_item_wrapper { display: inline-block; width: 230px; }
/* single select dropdown */
.msd_list_single { position: absolute; border: 1px solid #e3e3e1; z-index: 100000; width: 237px; left: -9999px; -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; }
.msd_list_single ul { list-style: none; max-height: 150px; overflow: auto; overflow-x: hidden; width: 305px; border: 1px solid #d6ded4; padding: 0; margin: 0; }
.lt-ie9 .msd_list_single { width: 239px; }
.lt-ie9 .msd_list_single ul { width: 310px; }
.msd_list_single li { padding: 3px 10px 3px 8px; color: #7D7D7D; background-color: #FFFFFF; }
.msd_list_single li:hover { background-color: #dddddd; color: #00375c; text-decoration: underline; cursor: pointer; }
.msd_list_single li.selected { background-color: #dddddd; }
.msd_list { position: absolute; border: 7px solid #41a932; z-index: 100000; width: 237px; left: -9999px; }
.msd_list ul { list-style: none; max-height: 140px; overflow: auto; overflow-x: hidden; width: 237px; border: 1px solid #d6ded4; padding: 0; margin: 0; }
.msd_list li:hover { background-color: #dddddd; color: #00375c; text-decoration: underline; cursor: pointer; }
/*.msd_list li.selected { background-image: url("/deployedfiles/Assets/Richmedia/barcafgrp/images/icon_check_checked.jpg"); }*/
/** end generic fancy selects css */
div.bc-onlineenquiry .lb-inner form select { color: #007eb6; }
div.bc-onlineenquiry .multi_select_dropdown { width: 218px; padding: 5px 0 0 6px; margin: 0 10px 15px 0; }
div.bc-onlineenquiry .js .multi_select_dropdown { display: none; }
div.bc-onlineenquiry .lb-form form > label span { display: inline-block; width: 180px; text-align: right; margin-right: 20px; }
div.bc-onlineenquiry .lb-form form > label { display: block; margin-bottom: 15px; }
div.bc-onlineenquiry .lb-form form { margin-bottom: 40px; color: #003366; }
div.bc-onlineenquiry .lb-inner h3 { font-weight: normal; font-size: 1.455em; font-family: ExpertSans-Regular, Arial, sans-serif; letter-spacing: -0.05em; color: #003366; margin-top: 0; }
div.bc-onlineenquiry .replace span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ }
div.bc-onlineenquiry .close span { height: 15px; width: 15px; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/close.gif) no-repeat top left; }
div.bc-onlineenquiry .replace { position: relative; margin: 0px; padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ }
div.bc-onlineenquiry .close { position: absolute; top: 10px; right: 10px; }
div.bc-onlineenquiry .close { height: 15px; width: 15px; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/close.gif) no-repeat top left; }
div.bc-onlineenquiry .lb-inner { position: relative; background: white; padding: 30px; /*margin: 100px auto 0 auto;*/ }
div.bc-onlineenquiry .lb-form { width: 780px; }
div.bc-onlineenquiry #lightbox { height: 450%; width: 100%; position: absolute; top: 0; left: 0; background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/lb-bg.png) repeat top left; z-index: 10000; }
div.bc-onlineenquiry .errormsg {color:#cc0309; display:block; padding-left: 200px; }
/* online enquiry form css ends*/
/* General Contact Box component starts */
.bc-generalcontactbox .bc-link {margin-bottom:5px !important;}
.bc-generalcontactbox .bc-height{margin-bottom:10px}
.bc-generalcontactbox .phone { display: block; margin-top: 0.2em; color: #003366; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; font-size: 2.727em !important; line-height: 1.2em; }
.bc-generalcontactbox div.how-can-we-help p .phone { font-size: 2.75em !important; }
.bc-generalcontactbox div.how-can-we-help .phone { font-size: 2.273em !important; }
.bc-generalcontactbox div.how-can-we-help p.first { margin-bottom: 5px; }
.bc-generalcontactbox div.how-can-we-help p { margin-bottom: 15px; }
.bc-generalcontactbox div.how-can-we-help h3 { font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; font-size: 2.273em; line-height: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #e3e3e1; margin-bottom: 10px; }
.bc-generalcontactbox div.how-can-we-help h3 { letter-spacing: -0.05em !important; }
.bc-generalcontactbox div.how-can-we-help { padding-top: 15px !important; }
.bc-generalcontactbox div.box { padding:15px; width:190px; -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; }
.bc-generalcontactbox { margin-bottom: 30px; }
/* General Contact Box component ends */
/* related insight box starts*/
div.bc-relatedinsightbox { }
div.bc-relatedinsightbox-head {
font-family: ExpertSans-Regular, Arial, sans-serif;
margin-bottom: 10px;
font-size: 1.7em;
color:#003366;
}
div.bc-relatedinsightbox p { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-relatedinsightbox div.side-links > div p { padding: 0; margin-bottom: 0.5em; }
div.bc-relatedinsightbox div.side-links > div img { margin-bottom: 0.5em; }
div.bc-relatedinsightbox a { color: #007eb6; text-decoration: none; }
div.bc-relatedinsightbox div.side-links > div a.noarrow { padding-left: 0; background: none; }
div.bc-relatedinsightbox div.side-links > div { margin-bottom: 2em; overflow:hidden;}
/* related insight box ends*/
/* key statistics component start */
div.bc-keystatistics table {
padding: 0;
border-collapse: collapse;
word-break: normal;
}
div.bc-keystatistics table th {
display: block;
float: left;
font-style: normal;
font-size: 3.909em;
font-family: ExpertSansExtraLightRegular, Arial, sans-serif;
letter-spacing: -0.05em;
color: #00375c;
line-height: 1.3em;
}
div.bc-keystatistics table td, div.bc-keystatistics table th {
vertical-align: middle;
}
div.bc-keystatistics .box-surround table {
padding: 0;
border-collapse: collapse;
}
div.bc-keystatistics {
background: white;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0;
color: #666666;
padding: 0;
margin: 0;
font-size: 1em;
line-height: 1.4;
}
div.bc-keystatistics table td {
padding-left: 10px;
word-break:break-word;
}
/* key statistics component end */
/* FAQs Box component start */
div.bc-faqsbox {
margin: 0;
line-height: 1.4;
background: white;
font-size: 11px;
letter-spacing: 0;
color: #666666;
margin-bottom: 30px;
}
div.bc-faqsbox .faqs, div.aside div.box {
padding: 15px;
width: 190px;
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
margin: 0px;
}
div.bc-faqsbox .faqs h3 {
font-family: ExpertSans-Light, Arial, sans-serif;
letter-spacing: 0;
line-height: 1.1em;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e1;
margin-bottom: 10px;
color: #003366;
font-size: 25px;
}
div.bc-faqsbox div.bc-link{
margin-bottom: 5px !important;
}
div.bc-faqsbox div.faqs h3 a {
display: inline !important;
color: #003366 !important;
font-size: 25px !important;
}
/* FAQs Box component end */
/* branch locator component start */
div.bc-branchbox {
margin: 0;
line-height: 1.4;
background: white;
font-size: 11px;
letter-spacing: 0;
color: #666666;
margin-bottom: 30px;
}
div.bc-branchbox .branch, div.aside div.box {
padding: 15px;
width: 190px;
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
margin: 0px;
}
div.bc-branchbox .branch h3 {
font-family: ExpertSans-Light, Arial, sans-serif;
letter-spacing: 0;
line-height: 1.1em;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e1;
margin-bottom: 10px;
color: #003366;
font-size: 25px;
}
div.bc-branchbox div.bc-link{
margin-bottom: 5px !important;
}
div.bc-branchbox div.bc-branch h3 a {
display: inline !important;
color: #003366 !important;
font-size: 25px !important;
}
.bc-branchlocatorimage { background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/bc-branch-tn.gif) no-repeat; height:72px; width:72px; float:right; margin:5px 5px 0 10px;}
/* branch locator component end */
/* newsletter signup component start */
div.bc-newslettersignup {
background: white;
font-family: Verdana, Arial, sans-serif;
letter-spacing: 0;
color: #666666;
font-size: 1em;
padding: 0px;
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px;
margin: 0;
font-size: 1em;
line-height: 1.4;
margin-bottom: 30px;
}
div.bc-newslettersignup div.newsletter h3 {
color: #003366;
font-family: ExpertSans-Light, Arial, sans-serif;
font-size: 2.273em;
line-height: 1.1em;
letter-spacing: -0.05em !important;
border-bottom: none;
line-height: 1.2em;
padding:0px;
margin-bottom: 10px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}
div.bc-newslettersignup img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
margin-bottom: 20px;
}
div.bc-newslettersignup a {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px;
zoom: 1;
padding-left: 10px;
display: inline-block;
*display: inline;
color: #007eb6;
text-decoration: none;
}
.bc-newslettersignup-image{
width:220px;
height: 80px;
overflow:hidden;
margin-left: -10px !important;
margin-bottom: 20px;
}
div.bc-newslettersignup div.box{
padding-bottom: 10px;
padding-left: 10px;
width: 200px;
padding-right: 10px;
padding-top: 15px;
margin: 0px;
}
div.bc-newslettersignup p{
margin-bottom: 15px !important;
}
/* newsletter signup component end */
/* two column box outline component start */
div.bc-twocolumnbox{
*zoom: 1;
padding-top: 10px;
overflow: visible;
clear: left;
font-family: Verdana, Arial, sans-serif;
letter-spacing: 0;
color: #666666;
font-size: 1em;
border-bottom: none;
padding-bottom: 0 !important;
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/faux-columns.gif) repeat-y top left;
margin: 0;
font-size: 1em;
line-height: 1.4;
}
div.bc-twocolumnbox h3 {
padding: 0;
font-weight: normal;
color: #003366;
font-size: 1.455em;
font-family: ExpertSans-Regular, Arial, sans-serif;
margin: 0 0 15px 0;
}
div.bc-twocolumnbox div.odd, div.bc-twocolumnbox div.even{
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 330px;
}
div.bc-twocolumnbox .odd,div.bc-twocolumnbox .alpha {
margin-left: 0 !important;
}
div.bc-twocolumnbox div.even, div.bc-twocolumnbox div.odd {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 330px;
}
div.bc-twocolumnbox div.odd > div,div.bc-twocolumnbox div.even > div {
padding: 10px 20px 20px 20px;
}
div.bc-twocolumnbox .even, .omega {
margin-right: 0 !important;
}
div.bc-twocolumnbox div.odd, div.bc-twocolumnbox div.even{
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 330px;
}
div.bc-twocolumnbox .block-foots {
overflow: hidden;
clear: left;
}
div.bc-twocolumnbox span.block-foot {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 340px;
display: block;
width: 330px;
height: 17px;
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/client-blocks-bg.jpg) no-repeat left top;
}
div.bc-twocolumnbox .even,div.bc-twocolumnbox .omega {
margin-right: 0 !important;
}
div.bc-twocolumnbox div.bc-horizontal-line{
margin-bottom: 0px;
}
div.bc-twocolumnbox div.bc-link{
padding-top: 5px !important;
margin-bottom: 10px !important;
}
div.bc-twocolumnbox div.bc-link.top {
padding-top: 5px !important;
margin-bottom: 0px !important;
}
/*two column box outline component end */
/* Region Contact Box component starts */
.bc-regioncontactbox .bc-height{margin-bottom:15px}
.bc-regioncontactbox div.contact-sidebox h5{ margin-top: 0; padding-top: 10px; border-top: 1px solid #e3e3e1; }
.bc-regioncontactbox .phone { display: block; margin-top: 0.2em; color: #003366; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; font-size: 2.727em !important; line-height: 1.2em; }
.bc-regioncontactbox div.contact-sidebox .phone { font-size: 2.75em !important; }
.bc-regioncontactbox div.contact-sidebox .phone.phone1 { letter-spacing: 0; font-size: 1.85em !important; }
.bc-regioncontactbox div.contact-sidebox .phone.phone2 { letter-spacing: 0; font-size: 1.85em !important; }
.bc-regioncontactbox div.contact-sidebox p.first { margin-bottom: 5px; }
.bc-regioncontactbox div.contact-sidebox div.bc-pgroup p:last-child{margin-bottom: 0px !important;}
.bc-regioncontactbox div.contact-sidebox p { padding-top: 0; margin-top: 1.4em; margin-bottom: 0; line-height: 1.2em; }
.bc-regioncontactbox div.contact-sidebox p { margin-bottom: 15px !important; }
.bc-regioncontactbox div.contact-sidebox h3 { font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; font-size: 2.273em; line-height: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #e3e3e1; margin-bottom: 10px; }
.bc-regioncontactbox div.contact-sidebox h3 { letter-spacing: -0.05em !important; }
.bc-regioncontactbox div.contact-sidebox { padding-top: 15px !important; }
.bc-regioncontactbox div.box { padding: 10px; width: 200px; -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; }
.bc-regioncontactbox { margin-bottom: 30px; }
/* Region Contact Box component ends */
/* aperture class starts */
div.bc-aperture .portal-image img { padding: 13px 10px 14px 0; background: transparent url(/deployedfiles/Assets/Richmedia/barcafgrp/images/bars3.png) no-repeat right top; }
div.bc-aperture .portal-image { margin-bottom: 20px; padding-left: 10px; background: transparent url(/deployedfiles/Assets/Richmedia/barcafgrp/images/bars3.png) no-repeat left top; }
/* aperture class ends */
/* related text box start */
div.bc-relatedtextbox {
margin: 0px;
margin-top: 0px;
padding: 0px;
width:200px;
}
div.bc-relatedtextbox p{
margin-top: 0px;
padding-left: 10px !important;
margin-bottom: 0px;
}
div.bc-relatedtextbox a {
padding-left: 10px !important;
color: #007eb6;
text-decoration: none;
margin-left: -10px;
}
div.bc-relatedtextbox a:focus, div.bc-relatedtextbox a:hover, div.bc-relatedtextbox a:active { text-decoration: underline; }
div.bc-relatedtextbox a {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 3px;
zoom: 1; padding-left: 10px;
text-decoration: none;
display: inline-block;
*display: inline;
}
div.bc-relatedtextbox a.titletext{
margin-top: 0px;
padding-left: 10px !important;
margin-bottom: 2px;
font-size: 12px;
}
div.bc-relatedtextbox a.normal {
background: none !important;
margin-top:2px;
}
/* related text box end */
/* Branch Locator Box component starts */
.bc-branchlocatorbox div.branch-locator p { margin-bottom: 15px; }
.bc-branchlocatorbox .bc-branchlocatortext{float:left;width:114px;}
.bc-branchlocatorbox .bc-branchlocatorimage{text-align:right;overflow:hidden;}
.bc-branchlocatorbox .bc-branchlocatorimage a {text-align:right;overflow:hidden; background: none !important}
.bc-branchlocatorbox .bc-clearboth{clear:both;}
.bc-branchlocatorbox div.branch-locator h3 { font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; font-size: 2.273em; line-height: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #e3e3e1; margin-bottom: 10px; }
.bc-branchlocatorbox div.branch-locator h3 a { font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; padding-bottom: 0px !important; border-bottom: 0px !important; margin-bottom: 0px !important; color: #003366 !important}
.bc-branchlocatorbox div.box { padding: 10px; width: 200px; -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; }
.bc-branchlocatorbox { margin-bottom: 30px; }
/* Branch Locator Box component ends */
div.bc-container div[role="bc-main"] div.table { padding-left: 0; padding-right: 0; padding-bottom: 20px; margin-bottom: 10px; }
div.bc-container div[role="bc-main"] div.table p { padding-left: 10px; }
div.bc-container div[role="bc-main"] div.table h2, div.bc-container div[role="bc-main"] div.table h3 { margin-left: 20px; font-size: 2.727em; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; color: #003366; }
div.bc-container div[role="bc-main"] div.table h4 { margin-left: 20px; margin-top: 1em; color: #007eb6; padding-bottom: 10px; border-bottom: 1px solid #e3e3e1; }
div.bc-container div[role="bc-main"] div.table p.intro { padding-top: 0; padding-left: 20px; }
div.bc-container div[role="bc-main"] div.table h3 { margin-left: 0; }
div.bc-container div[role="bc-main"] div.table table thead { border-right: 1px solid #007eb6; }
div.bc-container div[role="bc-main"] div.table table thead th { background: #007eb6; color: white; }
div.bc-container div[role="bc-main"] div.table table td, div.bc-container div[role="bc-main"] div.table table th { padding: 10px; text-align: left; }
div.bc-container div[role="bc-main"] div.table table tbody th { font-weight: normal; color: #003366; }
div.bc-container div[role="bc-main"] div.table table tbody tr:nth-child(even) { background: #f4fafe; }
div.bc-container div[role="bc-main"] div.table table tbody th, div.bc-container div[role="bc-main"] div.table table tbody td { border-left: 1px solid #cbe5f2; border-bottom: 1px solid #ebebea; }
div.bc-container div[role="bc-main"] div.table table tbody td:last-child { border-right: 1px solid #cbe5f2; }
div.bc-container div[role="bc-main"] div.table table tbody td ul {margin-left: 15px;}
div.bc-container div[role="bc-main"] div.table table tbody td ol {margin-left: 15px;}
/* boxoutline start*/
div.boxoutline
{
overflow: visible !important;
}
div.bc-boxoutline li { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-boxoutline li { margin: 0 0 15px 0; }
div.bc-boxoutline ul li { list-style: none; }
div.bc-boxoutline li { margin-bottom: 0.5em; }
div.bc-boxoutline .box-surroundwide li { clear: left; padding: 0 15px 0 0; }
div.bc-boxoutline .box-surroundnarrow li { clear: left; padding: 0 15px 0 0; }
div.bc-boxoutline .box-surroundtopnav li { clear: left; padding: 0 15px 0 0; }
div.bc-boxoutline ul { padding: 0 0 0 0; margin: 0 0 10px 0; font-weight: normal; }
div.bc-boxoutline ul:last-child { margin-bottom: 0; }
div.bc-boxoutline ul { margin: 0 0 15px 0; }
div.bc-boxoutline .box-surroundwide ul { margin: 0; }
div.bc-boxoutline .box-surroundnarrow ul { margin: 0; }
div.bc-boxoutline .box-surroundtopnav ul { margin: 0; }
div.bc-boxoutline .box-surroundwide .box { padding: 10px; }
div.bc-boxoutline .box-surroundnarrow .box { padding: 10px; }
div.bc-boxoutline .box-surroundtopnav .box { padding: 10px; }
div.bc-boxoutline .box-surroundwide { -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; background: #fff; }
div.bc-boxoutline .box-surroundnarrow { -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; background: #fff; }
div.bc-boxoutline .box-surroundtopnav { -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; background: #fff; }
div.bc-boxoutline blockquote.promowide { margin: 0; padding:0px;/**zoom: 1;*/ width: 680px; margin-bottom:36px;/*float: right; margin: 0 0 10px 20px; padding: 10px;*/ }
div.bc-boxoutline blockquote.promonarrow { margin: 0; padding:0px; /**zoom: 1;*/ width: 220px; margin-bottom:36px;/*float: right; margin: 0 0 10px 20px; padding: 10px;*/ }
div.bc-boxoutline blockquote.promotopnav { margin: 0; padding:0px; /**zoom: 1;*/ width: 270px; margin-bottom:36px;/*float: right; margin: 0 0 10px 20px; padding: 10px;*/ }
div.bc-boxoutline blockquote.promowide:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-boxoutline blockquote.promonarrow:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
div.bc-boxoutline blockquote.promotopnav:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
/* boxoutline end*/
/* quote component start */
.bc-quote blockquote.pullquote{
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 0;
color: #666666;
text-align: right;
margin-right: 0px !important;
margin-left: 0px !important;
}
.bc-quote blockquote h2{
color: #003366;
font-size: 1.636em;
font-family: ExpertSans-Regular, Arial, sans-serif;
margin: 18px 0 15px 0;
padding: 0px;
padding-top: 18px;
text-align: right;
}
.bc-quote blockquote p{
color: #666666;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
padding: 0;
margin: 0 0 10px 0;
text-align: right;
}
.bc-quote blockquote.pullquote h2:first-letter {
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/pullquote.gif) no-repeat top left;
padding:20px 0 0 40px;
width:40px;
height:40px;
}
.bc-quote blockquote.pullquote h2 span {
display: inline-block;
width: 13px;
height: 16px;
margin-left: 5px;
background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/quote-close.gif) no-repeat top 5px;
vertical-align: top;
}
.bc-quote div.cq-edit-help { text-align: left; }
/* quote component end */
/* disclaimer modal dialog */
div.barclays-disclaimer {
display:none;
background-image:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/cookiesdisclaimer/white-new.png);
width: 424px;
padding: 0px 30px 40px 0px;
margin-top: 30px;
top: 198px !important;
background-size: 100%;
}
div.barclays-disclaimer-close{
background-image:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/cookiesdisclaimer/cookiebutton.gif); position:absolute;
right:-13px;
top:-15px;
cursor:pointer;
height:36px;
width:36px;
}
div.barclays-disclaimer-title{
color:#00506e;
font-size: 150%;
font-weight: normal;
margin-top: 30px;
margin-left: 30px;
}
div.barclays-disclaimer-content{
overflow: auto;
height: 225px;
margin-left: 30px;
}
*html .barclays-disclaimer{
background-color:#FFFFFF;
}
[if lt IE 7]
[endif]
.c_sitemap_top {
height:11px;
width: 100%;
}
.c_sitemap_center {
padding: 0px;
width:100%;
}
.c_sitemap_bottom {
margin-bottom: 25px;
height:11px;
width: 100%;
}
.c_sitemap_tree {
padding-left: 10px; color: #00a4e8;
}
.c_sitemap_tree .c_level_1 {
padding-left: 25px;
font-size: 10pt;
padding-bottom: 5px;
}
.c_sitemap_tree .c_level_2 {
padding-left: 30px;
margin-left: 8px;
font-size: 10pt;
padding-bottom: 5px;
}
.c_sitemap_tree .c_level_3 {
padding-left: 35px;
margin-left: 16px;
font-size: 10pt;
padding-bottom: 5px;
}
.c_sitemap_tree .c_level_4 {
padding-left: 40px;
margin-left: 24px;
font-size: 10pt;
padding-bottom: 5px;
}
.c_sitemap_tree_title { color: #003366; font-size: 1.455em; font-family: ExpertSans-Regular, Arial, sans-serif; }
.c_sitemap .bc-link { padding-left: 18px; font-size: 12pt; }
.c_sitemap_tree_bottom { padding-bottom: 15px;}
.c_sitemap_title { padding-left: 10px;color: #00a4e8;font-size:18px;padding-bottom: 15px;font-size: 4.364em; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; color: #003366; line-height: 1.2;padding-top: 30px;padding-bottom: 30px; }
.c_sitemap { word-wrap: break-word;}
.c_sitemap a { background: url(/deployedfiles/Assets/Richmedia/barcafgrp/images/arrow-right-2.png) no-repeat left 5px !important; }
/* tabs component start */
.bc-tabs{border:solid 1px #e7e7e7; float:left; clear:both; margin-bottom:20px; padding-bottom:20px; position:relative; background:#FFF; }
.bc-tabs ul.bc-tab-items{background: none repeat scroll 0 0 #F4F4F4;border-bottom:none;height: 36px;margin:0;z-index:9}
.bc-tabs ul.bc-tab-items li{float:left;list-style-type:none;margin:0;border-bottom:none;}
.bc-tabs ul.bc-tab-items li.selected{border-right:solid 1px #e7e7e7;border-left:solid 1px #e7e7e7;border-bottom:none; background:#FFF; height:36px;}
.bc-tabs ul.bc-tab-items li.selected:first-child{border-left:none;border-top:none;border-bottom:none;}
div.bc-tabs ul.bc-tab-items li a{background:none;display:block; font-weight:bold;padding:10px 12px; width:auto}
.bc-tabs ul.bc-tab-items li.selected a{background:#fff;color:#003366}
.bc-tabs .bc-tab-content{clear:both;z-index:1}
.bc-tabs .bc-tab-content h4{color:#036;font-family:ExpertSans-Regular,Arial,sans-serif;font-size:18px;}
.bc-tabs .bc-tab{padding:15px; float:left;}
/* tabs component end */
/* ajax */
.loading { position:relative; left:500px; margin:100px 0; float:left; }
/* ajax */
/* indices */
div.bc-indices {
float:left;
width:920px;
background:#FFF;
-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 10px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 10px 1px;
box-shadow: rgba(100, 100, 100, 0.2) 0 0 10px 1px;
margin:10px 0 20px;
padding:0 0 0 20px;
height:50px;
}
div.bc-indices h2 { float:left; display: block; margin:0; padding:0; color: #003366; font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: -0.05em; font-size:1.9em !important; line-height:50px; border-right:1px solid #efefef; width:279px; }
div.bc-indices .bc-indices-box { float:left; display: block; margin:0; padding:0 0 0 20px; border-right:1px solid #efefef; width:320px; }
div.bc-indices .bc-indices-box p { float:left; display: block; margin:10px 20px 0 0; padding:0; }
div.bc-indices .bc-indices-box .index { float:left; display:block; width:155px; font-family: ExpertSans-Light, Arial, sans-serif; font-size:2em !important; line-height:50px; }
div.bc-indices .bc-indices-box .index.up { color:#56a800; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/ico-share-up.gif) no-repeat center right; }
div.bc-indices .bc-indices-box .index.down { color:#ed1c24; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/ico-share-down.gif) no-repeat center right; }
div.bc-indices a { margin:18px 0 0 20px; }
.bc-clearwd { height:1px; width:100%; float:left; }
/* indices */
/* indices Box component starts */
.bc-side-indices-box .bc-link { margin-bottom:5px !important;}
.bc-side-indices-box .bc-height { margin-bottom:10px }
.bc-side-indices-box .bc-indices-box { float:left; display: block; margin-bottom:10px; }
.bc-side-indices-box .bc-indices-box .index { color:#01aded !important; float:left; display:block; width:155px; font-family: ExpertSans-Light, Arial, sans-serif; font-size:2em !important; line-height:30px; }
.bc-side-indices-box .bc-indices-box .index.up { color:#56a800; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/ico-share-up.gif) no-repeat center right; }
.bc-side-indices-box .bc-indices-box .index.down { color:#ed1c24; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/ico-share-down.gif) no-repeat center right; }
.bc-side-indices-box div.side-indices-box p { margin-bottom: 15px; }
.bc-side-indices-box div.side-indices-box h3 { font-family: ExpertSans-Light, Arial, sans-serif; letter-spacing: 0; font-size: 2.273em; line-height: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #e3e3e1; margin-bottom: 10px; }
.bc-side-indices-box div.side-indices-box h3 { letter-spacing: -0.05em !important; }
.bc-side-indices-box div.side-indices-box { padding-top: 15px !important; }
.bc-side-indices-box div.box { padding:15px 20px; width:180px; -webkit-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; box-shadow: rgba(100, 100, 100, 0.2) 0 0 18px 1px; }
.bc-side-indices-box { margin-bottom: 30px; }
/* indices Box component ends */
/* indices page tables */
div.bc-fin-indices { }
div.bc-fin-indices span { color:#01aded; }
div.bc-fin-indices span.red { color:#ed1c24;}
div.bc-fin-indices span.green { color:#56a800;}
div.bc-fin-indices span.redArrowLeft { color:#ed1c24; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/down-arrow.gif) no-repeat scroll left center; display:block; width:45px; text-align:right !important; }
div.bc-fin-indices span.greenArrow { color:#56a800; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/up-arrow.gif) no-repeat scroll right center; display:block; width:45px; text-align:left !important; }
div.bc-fin-indices span.redArrow { color:#ed1c24; background:url(/deployedfiles/Assets/Richmedia/barcafgrp/images/down-arrow.gif) no-repeat scroll right center; display:block; width:45px; text-align:left !important; }
div.bc-fin-indices .gray { background:#f4f4f4;}
div.bc-fin-indices .bn { border-left:none; }
div.bc-fin-indices .indices-head { float:left; padding-left:9px; padding-right:8px; padding-top:5px; }
div.bc-fin-indices .bc-col-ind-cols-head { background:#007EB6; height:38px; font-family: ExpertSans-Light, Arial, sans-serif; color: #FFF; padding:0 0 0 10px; margin:0; }
div.bc-fin-indices .bc-col-ind-cols-head h4 { line-height:38px; font-size:16px; letter-spacing:normal; }
div.bc-fin-indices .bc-col-ind-cols-head.jse { line-height:38px; font-size:14px; letter-spacing:normal; }
div.bc-fin-indices .bc-col-ind-cols { border:1px solid #e7e7e7; width:698px; margin-bottom:20px; }
div.bc-fin-indices .bc-col-ind-cols .ind-3cp-col { float:left; line-height:38px; border-left:1px solid #e7e7e7; }
div.bc-fin-indices .bc-col-ind-cols .ind-3cp-col.col1 { border-left:none; }
div.bc-fin-indices .bc-col-ind-cols .ind-3cp-col .row-col1 { float:left; text-align:left; border-left:none; }
div.bc-fin-indices .bc-col-ind-cols .ind-3cp-col .row-col2 { float:right; text-align:right; }
div.bc-fin-indices .bc-col-ind-cols-row { width:212px; float:left; clear:left; border-top:1px solid #e7e7e7; padding-left:10px; padding-right:10px; }
div.bc-fin-indices .bc-col-ind-lt0 { }
div.bc-fin-indices .bc-col-ind-lt0-c0 { float:left; border:1px solid #e7e7e7; margin-bottom:20px; width:48%; }
div.bc-fin-indices .bc-col-ind-lt0-c1 { float:right; border:1px solid #e7e7e7; margin-bottom:20px; width:48%; }
div.bc-fin-indices .bc-col-ind-lt0-row { width:316px; float:left; clear:left; border-top:1px solid #e7e7e7; padding-left:10px; padding-right:10px; line-height:38px; }
div.bc-fin-indices .bc-col-ind-lt0-row .row-col1 { float:left; text-align:left; width:150px; }
div.bc-fin-indices .bc-col-ind-lt0-row .row-col2 { float:left; text-align:right; }
div.bc-fin-indices .bc-col-ind-lt0-row .row-col3 { float:right; text-align:right; }
/* JSE */
div.bc-fin-indices .ind-jse-row { float:left; line-height:38px; border-top:1px solid #e7e7e7; width:698px; }
div.bc-fin-indices .ind-jse-head { float:left; padding-left:9px; padding-right:8px; padding-top:5px; }
div.bc-fin-indices .jse-head { float:left; clear:left; background:#007EB6; height:38px; font-family: ExpertSans-Light, Arial, sans-serif; color:#FFF; padding:0 0 5px; margin:0; font-size:11px; letter-spacing:normal; }
div.bc-fin-indices .jse-head .col1 { float:left; text-align:left; width:225px; padding-right:0; padding-top:10px; font-size:14px; }
div.bc-fin-indices .jse-head .col2 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .jse-head .col3 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .jse-head .col4 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .jse-head .col5 { float:left; text-align:center; width:63px; }
div.bc-fin-indices .jse-head .col6 { float:left; text-align:center; width:63px; }
div.bc-fin-indices .jse-head .col7 { float:left; text-align:center; width:73px; padding-left:0; padding-right:0; }
div.bc-fin-indices .ind-jse-col { float:left; line-height:38px; border-left:1px solid #e7e7e7; padding-left:8px; padding-right:8px; }
div.bc-fin-indices .ind-jse-col.col1 { float:left; text-align:left; border-left:none !important; width:225px; padding-right:0; }
div.bc-fin-indices .ind-jse-col.col2 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-jse-col.col3 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-jse-col.col4 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-jse-col.col5 { float:left; text-align:right; width:63px; }
div.bc-fin-indices .ind-jse-col.col6 { float:left; text-align:right; width:63px; }
div.bc-fin-indices .ind-jse-col.col7 { float:left; text-align:right; width:53px; padding-left:10px; padding-right:10px; }
/* JSE */
/* INT Indices */
div.bc-fin-indices .ind-int-row { float:left; line-height:38px; border-top:1px solid #e7e7e7; width:698px; }
div.bc-fin-indices .ind-int-head { float:left; padding-left:5px; padding-right:9px; padding-top:5px; }
div.bc-fin-indices .int-head { float:left; clear:left; background:#007EB6; height:38px; font-family: ExpertSans-Light, Arial, sans-serif; color:#FFF; padding:0 0 5px; margin:0; font-size:11px; letter-spacing:normal; }
div.bc-fin-indices .int-head .col1 { float:left; text-align:left; width:167px; padding-right:0; padding-top:10px; padding-left:8px; font-size:14px; }
div.bc-fin-indices .int-head .col2 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .int-head .col3 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .int-head .col4 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .int-head .col5 { float:left; text-align:center; width:60px; }
div.bc-fin-indices .int-head .col6 { float:left; text-align:center; width:63px; }
div.bc-fin-indices .int-head .col7 { float:left; text-align:center; width:63px; }
div.bc-fin-indices .int-head .col8 { float:left; text-align:center; width:73px; padding-left:0px; padding-right:0px; }
div.bc-fin-indices .ind-int-col { float:left; line-height:38px; border-left:1px solid #e7e7e7; padding-left:5px; padding-right:8px; }
div.bc-fin-indices .ind-int-col.col1 { float:left; text-align:left; width:165px; border-left:none !important; padding-right:0; }
div.bc-fin-indices .ind-int-col.col2 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-int-col.col3 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-int-col.col4 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-int-col.col5 { float:left; text-align:right; width:60px; }
div.bc-fin-indices .ind-int-col.col6 { float:left; text-align:right; width:63px; }
div.bc-fin-indices .ind-int-col.col7 { float:left; text-align:right; width:63px; }
div.bc-fin-indices .ind-int-col.col8 { float:left; text-align:right; width:53px; padding-left:10px; padding-right:10px; }
/* INT Indices */
/* Share Indices */
div.bc-fin-indices .ind-share-row { float:left; line-height:38px; border-top:1px solid #e7e7e7; width:698px; }
div.bc-fin-indices .ind-share-head { float:left; padding-left:3px; padding-right:5px; }
div.bc-fin-indices .share-head { float:left; clear:left; background:#007EB6; height:30px; font-family: ExpertSans-Light, Arial, sans-serif; color:#FFF; padding:10px 4px 0 0; margin:0; font-size:11px; letter-spacing:normal; }
div.bc-fin-indices .share-head .col1 { float:left; text-align:left; width:42px; border-left:none !important; padding-left:8px; padding-right:0; }
div.bc-fin-indices .share-head .col2 { float:left; text-align:left; width:156px; padding-left:8px; overflow:hidden; padding-right:0; }
div.bc-fin-indices .share-head .col3 { float:left; text-align:right; width:46px; }
div.bc-fin-indices .share-head .col4 { float:left; text-align:right; width:46px; }
div.bc-fin-indices .share-head .col5 { float:left; text-align:right; width:46px; }
div.bc-fin-indices .share-head .col6 { float:left; text-align:right; width:52px; }
div.bc-fin-indices .share-head .col7 { float:left; text-align:right; width:52px; }
div.bc-fin-indices .share-head .col8 { float:left; text-align:right; width:90px; }
div.bc-fin-indices .share-head .col9 { float:left; text-align:right; width:90px; padding-left:0px; padding-right:10px; }
div.bc-fin-indices .ind-share-col { float:left; line-height:38px; border-left:1px solid #e7e7e7; padding-left:5px; padding-right:5px; }
div.bc-fin-indices .ind-share-col.col1 { float:left; text-align:left; width:40px; border-left:none !important; padding-left:8px; padding-right:0; }
div.bc-fin-indices .ind-share-col.col2 { float:left; text-align:left; width:150px; padding-left:8px; overflow:hidden; padding-right:0; }
div.bc-fin-indices .ind-share-col.col3 { float:left; text-align:right; width:45px; }
div.bc-fin-indices .ind-share-col.col4 { float:left; text-align:right; width:45px; }
div.bc-fin-indices .ind-share-col.col5 { float:left; text-align:right; width:45px; }
div.bc-fin-indices .ind-share-col.col6 { float:left; text-align:right; width:50px; }
div.bc-fin-indices .ind-share-col.col7 { float:left; text-align:right; width:50px; }
div.bc-fin-indices .ind-share-col.col8 { float:left; text-align:right; width:88px; padding-right:5px; }
div.bc-fin-indices .ind-share-col.col9 { float:left; text-align:right; width:88px; padding-left:0px; padding-right:5px; }
div.bc-indices-clear { clear:left; }
/* Share Indices */