/* 
	red: 			#de1927
	blue: 			#000ccc
	default text: 	#333
	light blue: 	#b3daed
*/	

/* ******************* 1. GROUP RESET ******************** */
/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; margin:0; padding:0}
audio, canvas, video 	{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) 	{ display: none; height: 0;}
/* @end Reset */


/* ******************* GENERAL STYLE  ******************** */
body 			{ padding: 0; margin: 0 auto; color: #000; background-color: #f5f5f5; font: 0.75em "Helvetica Neue",arial,sans-serif;} /* 12px */
a				{ color:#000ccc; text-decoration:underline;}
a:hover, 
a:focus,
a:active		{ text-decoration:underline; color:#de1927}

form            { position:relative;}

.accessibilityNav 				{ margin: 0; padding: 0} 
.skip 							{ display: none; text-align: left; margin: 0 0 0 5px; padding: 0; position: absolute; font-size:1em; } /*All incl Opera*/
/* * html */ .skip 				{ display: block} /*Seen by IE*/
:root .skip 					{ display: block} /*Seen by Moz, FF and Safari*/
.skip a 						{ padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width: 20em; left: -300em;}
.skip a:focus, .skip a:active 	{ position: absolute; left: 0.5em; background: #fdf6d1}
.skip a:hover 					{ cursor: default}
.hide 			{ display:none; }
.offscreen 		{ position: absolute; left: -50000px; top: -50000px; }
.f-r		    { float:right; }
.f-l		    { float:left; }
img.pullRight,
.pullRight		{ float:right; margin: 0.3em 0 15px 15px}
img.pullLeft,
.pullLeft		{ float:left; margin: 0.3em 15px 15px 0 }
hr 			    { display: block;  height: 1px; background-color: #c7c7c7; color: #c7c7c7; border: 0; padding: 0; margin: 1em 0 1em 0;}
p.small         { font-size: 0.92em; }
p.large         { font-size:1.167em; }

* html .clearfix 	{ height: 1%;}  
.clearfix 			{ display: block;} 
.clearfix:after 	{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }
 

/* @group Font sizes & margins */
p, ul, ol, dl, address, blockquote,
table, pre						{ margin: 0 0 1.5em 0; }
pre, code, kbd, tt, samp 		{ font-family: "andale mono", monospace; font-size: 0.92em; }
form, input, textarea, select	{ font: 1em helvetica neue,arial,sans-serif}

/* default headings */
h1, h2, h3, h4	{  color:#333; line-height:normal}
h1				{ font-size: 2.5em; padding-bottom:0.35em; font-weight:lighter; } /* 30px*/
h2				{ font-size: 2.083em; padding-bottom:0.3em; margin-bottom:1em; font-weight:lighter; border-bottom:3px solid #bde2f7} /* 25px*/
H2.noborder		{ border:none; padding-bottom: 0; margin-bottom: 0.7em}
h3				{ font-size: 1.500em; padding-bottom:0.5em; } /* 18px*/
h4				{ font-size: 1em; padding-bottom:0.15em; } /* 12px*/

h2 .small 		{ font-size: 0.55em; font-weight:normal;}

h2 a,
h3 a,
h4 a	{ text-decoration:none; color:#de1927 }
h2 a:hover,
h3 a:hover,
h4 a:hover,
h2 a:focus,
h3 a:focus,
h4 a:focus	{ text-decoration:underline}

.highlight		{ font-size: 1.5em; color:#000ccc; margin-top: -1em}
.iframeBox		{ margin: 0 0 1.5em 0; padding:0;}

ol				{ padding: 0 0 0 2em }
ul				{ padding: 0; margin: 0 0 1.5em 1.5em; list-style-image: url(../images/bullet_grey.gif); }
ul li,
ol li			{ padding: 0 0 0.3em 0; }
ol ol			{ margin-top: 0.5em; margin-bottom: 0.5em;  }
ul ul,
ol ul			{ margin: 0.5em 0 0.5em 2em; list-style-type:circle;}
ul ol			{ margin: 0.5em 0 0 0; }

/* default table */
.genericTable	{ display:block; max-height: 310px; overflow:auto; margin: 2em 0; padding: 1em 0; border-top: 1px dashed #bde2f7; border-bottom: 1px dashed #bde2f7;}
table 			{ margin-bottom: 1.5em; width: 97%; clear:both; border-collapse:collapse; border:1px solid #eaf8ff; }
table p			{ margin:0; padding:0}
table tr td		{ vertical-align:top}
table th		{ background-color:#eaf8ff;font-weight:bold; color: #000ccc; font-size: 1em; padding: 7px; border-bottom: 1px solid #000ccc; text-align:left;}
table td		{ background-color:#fff; border-bottom: 1px solid #fff; padding: 5px; }
table td.bg		{ background-color:#eaf8ff; }

/* rounded corners */
.rounded	{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

/* *******************  PAGE STRUCTURE  ******************** */
.container		{ clear:both; width: 100%; }
.section		{ width:980px; margin: 0 auto; padding:0; position:relative; z-index:12} 	

#pageWrapper				{ margin: 0 auto 30px auto; padding:0; line-height:1.4; position:relative; z-index:10; border:1px solid #d2d2d2; width:978px; } /* -webkit-box-shadow:  0 0 5px #999;-moz-box-shadow:  0 0 5px #999;	box-shadow: 0 0 5px #999;*/
#contentWrapper				{ padding: 20px; background-color: #fff; overflow:hidden}
.ie #contentWrapper         { border: 1px solid #eee; } 

#contentWrapper .content    { float:right; width: 700px; margin-bottom:20px; overflow:hidden;}
#contentWrapper .aside      { float:left; width: 220px; margin-bottom:20px }

/* homepage, reusable columns */
/*#pageWrapper.home		{ margin-top: -230px}*/
.col70-30				{ clear:both; overflow:hidden; width: 100%;}
.col70-30 .col70		{ float:left; width: 620px}
.col70-30 .col30		{ float:right; width: 300px; }
.col70-30 .col30 .inner	{ padding: 20px 19px 0 19px; border-top: 4px solid #de1927; border-bottom: 4px solid #de1927; background-color:#efefef}

.col70-30, .col50-50	{ clear:both; overflow:hidden; width: 100%;}
.col50-50 .col50		{ float:left; width: 300px; }
.col50-50 .col50.first	{ clear:both; width: 300px; padding-right:20px; }

.colMain 				{ width: 420px; float:left;}
.colRightNav 			{ width: 250px; float:right;}
/* @end */


/* ******************* HEADER ******************** */
#header						{ clear:both; font-size: 0.917em; background:#0030a5 url(../images/bg_header.png) repeat-x; color:#fff; width:980px; margin:0 auto;} /*11 px*/
.ie7 #header	            { position:relative; z-index: 1111111 }
#header .section			{ position:relative; z-index: 1000;}
#header a					{ color:#fff; text-decoration:none; }
#header a:hover,
#header a:focus				{ text-decoration:underline;}

/* logo */
#header .logo				{ float:left; margin:15px 0 15px 20px; width: 150px; overflow:hidden; }
#header .logo img			{ display:block;}
#header  .printLogo			{ display:none}

/* util links */
#header .util				{ float:right; width: 570px; margin: 7px 230px 0 0; overflow:hidden; font-weight:bold; }
#header .util > ul			{ float:right; margin:5px 0 8px 0; list-style-type:none; list-style-image:none; }
#header .util > ul li		{ float:left; margin:0 0 0 10px; padding:0 0 0 10px; border-left: 1px solid #447cde;}
#header .util > ul li.first	{ border:none; margin:0; padding-left:0; }

/* search */
#header .util .search		{ float:right; overflow:hidden; width:190px; margin-left: 20px}
#header .util fieldset		{ background-color:#fff; padding: 3px 3px 0 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:inset 0 0 3px #666;
	-webkit-box-shadow: inset 0 0 3px #666;
	box-shadow: inset 0 0 3px #666;
}
#header .util fieldset input.typeText	{ float:left; border: none; background-color: #fff; width: 153px; margin:0; padding:3px 5px 0 0}

/* Online banking login */
#header .loginBox					{ font-size:11px; position: absolute; top: 10px; right:20px; width: 184px; padding: 3px 3px 0 3px; z-index: 1001; background: white url(../images/sprite_loginbox.png) no-repeat 0 0; }
#header .loginBox ul				{ list-style-type:none; list-style-image:none; margin:0; padding:0; }
#header .loginBox ul li				{ margin:0; padding:0}
#header .loginBox ul li.help		{ padding: 30px 0 5px 5px; }
#header .loginBox li.block			{
	background: #8b0202 url(../images/sprite_loginbox.png) no-repeat 100% -250px;
	margin-bottom:3px;
	position:absolute;
	top:2px;
	width: 184px;
}
#header .loginBox a					{ color:#000ccc}
#header .loginBox li.block a		{ display:block; color:#fff; padding: 3px 5px}
#header .loginBox ul li ul			{ display:none; padding-bottom: 10px; }
#header .loginBox .block:hover ul	{ display:block}
#header .loginBox li a.btn			{ margin:0; padding:4px 20px 0 5px; height:20px; cursor:pointer}

/* main navigation */
#header .mainNav				{ clear:both; overflow:hidden; padding-left:20px;}
#header .mainNav ul				{ margin:0; padding:0; list-style-image:none; list-style:none; font-weight:bold}
#header .mainNav li				{ float:left; margin:0 2px 0 0; padding:0;}
#header .mainNav li a			{ display:block; padding: 9px 10px 8px 10px; margin:0; zoom:1;             			  
	-webkit-border-radius: 5px 5px 0 0; 
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 	

    background: #013e9e url(../images/bg_header.png) repeat-x 0 -600px;  
	
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#418aff), to(#013e9e));
    background: -webkit-linear-gradient(top, #418aff, #013e9e);
    background: -moz-linear-gradient(top, #418aff, #013e9e);
    background: -ms-linear-gradient(top, #418aff, #013e9e);
    background: -o-linear-gradient(top, #418aff, #013e9e);
    background: linear-gradient(top, #418aff, #013e9e); 	
    -pie-background: linear-gradient(top, #418aff, #013e9e); 
}
#header .mainNav li a:hover,
#header .mainNav li a:focus,
#header .mainNav li.selected a	   {
    color:#000ccc; text-decoration:none; 
    background-position: 0 -680px;        
    background-color: #bad8ff;
    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bad8ff));
    background: -webkit-linear-gradient(top, #fff, #bad8ff);
    background: -moz-linear-gradient(top, #fff, #bad8ff);
    background: -ms-linear-gradient(top, #fff, #bad8ff);
    background: -o-linear-gradient(top, #fff, #bad8ff);
    background: linear-gradient(top, #fff, #bad8ff); 	
    -pie-background: linear-gradient(top, #fff, #bad8ff); 
}
 
/* secondary mega-nav */
#header .megaNav							{ clear:both; background:#fff url(../images/bg_header2.png) repeat-x 0 100%; min-height:6px; } 
#header .megaNav ul							{ margin:0; padding:0; list-style-image:none; list-style:none;}
#header .megaNav ul > li					{ float:left; margin:0; padding:3px 0 0 0;  }
#header .megaNav ul > li > a				{ display:block; font-weight:bold; padding: 10px; margin:0; color:#000ccc; background: transparent url(../images/nav_separator.html) no-repeat 0 50%}
#header .megaNav ul > li:first-child > a	{ background:none;}
#header .megaNav ul > li.selected > a		{ color:#de1927}
#header .megaNav ul > li:hover > a			{ background-color:#c5e3fa; margin:0; position:relative; z-index:101; 
	border:3px solid #fff; padding: 7px 9px 10px 7px; margin:0 -2px 0 0; 
	border-bottom:none; text-decoration:none; 
	position:relative; 
	-webkit-border-radius: 5px 5px 0 0; 
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 	
}
/* 3rd level - on hover*/
#header .megaNav .navBlock	{ width:auto; border:3px solid #fff; position:absolute; top:34px; left:-999em; opacity: 0; padding:20px 0; background:#e9f5fc url(../images/bg_meganav.html) repeat-x;
	-webkit-transition: 0.3s linear opacity; 
	-moz-transition: 0.3s linear opacity; 
	transition: 0.3s linear opacity;
	-webkit-box-shadow:  0 0 5px #999;
	-moz-box-shadow:  0 0 5px #999;
	box-shadow: 0 0 5px #999;
	-webkit-border-radius: 0 5px 5px 5px; 
	-moz-border-radius: 0 5px 5px 5px; 
	border-radius: 0 5px 5px 5px; 	
}
.ie9 #header .megaNav .navBlock	{ top:33px;}
#header .megaNav ul > li:hover .navBlock			{ opacity: 1;} /* magic */
#header .megaNav ul > li:hover .navBlock.columns1	{ left:auto; }
#header .megaNav ul > li:hover .navBlock.columns2,
#header .megaNav ul > li:hover .navBlock.columns3	{ left:0; }

#header .megaNav .navBlock .inner			{ color:#000; overflow:hidden; position:relative;} 
#header .megaNav .navBlock .inner ul li		{ float:none; margin:0; padding: 0 0 10px 0; }
#header .megaNav .navBlock .inner ul li a	{ color:#000ccc}
#header .megaNav .navBlock .inner h3		{ color:#de1927; font-size: 1.333em; padding:0; margin-bottom: 1em} /*16px*/
#header .megaNav .navBlock .inner h3 a		{ color:#de1927}
#header .megaNav .navBlock .inner h4 a		{ display:block; background: transparent url(../images/sprite_icons.png) no-repeat 0 -60px; padding: 0 0 5px 22px;  }
#header .megaNav .navBlock .inner h4		{ margin:0; padding:0; font-weight:	bold; font-size: 1.1em}
#header .megaNav .navBlock .inner p			{ margin-bottom: 5px}
/* columns */
#header .megaNav .navBlock.columns3 .inner	{ width: 974px; background: transparent url(../images/bg_meganav_3columns.html) repeat-y 0 0}
#header .megaNav .navBlock.columns2 .inner	{ width: 648px; background: transparent url(../images/bg_meganav_2columns.html) repeat-y 0 0}
#header .megaNav .navBlock.columns1 .inner	{ width: 324px;}
#header .megaNav .navBlock .column			{ float:left; width: 274px; padding:0 25px; }	/* 324 */

/* homepage shadow effect */
.headerShadow       { position:absolute; top:0; left:0; right:0; background:transparent url(../Images/assets/home_shadow_bg.html) center top no-repeat; height:637px; z-index:0;  }


/* @end */

/* ******************* FOOTER ******************** */
#footer					{ clear:both; font-size: 0.917em; color:#333; background-color:#dedede; overflow:hidden; border-top: 1px solid #d2d2d2; width:980px; margin:0 auto;}
#footer .footerNav		{ background-color:#e8e8e8; padding:20px; }
#footer .footerNav .section { width:auto; }
#footer .disclaimer		{ padding: 20px 20px 10px 20px; text-align: justify}
#footer .copyright		{ clear:both; color:#666; font-weight:bold; margin:0;}
/* links */ 
#footer .footerNav ul			{ float:left; width: 60%; margin:0; padding:0; list-style-type:none; list-style-image:none; overflow:hidden;  }
#footer .footerNav ul li		{ float:left; margin:0 0 5px 10px; padding:0 0 0 10px; border-left: 1px solid #ccc;}
#footer .footerNav ul li a		{ color:#333; text-decoration:none; font-weight:bold;}
#footer .footerNav ul li a:hover,
#footer .footerNav ul li a:focus,
#footer .footerNav ul li a:active	{ text-decoration:underline}
#footer .footerNav ul li.first		{ border:none; margin:0; padding-left:0; }
/* social links */
#footer .footerNav ul.social		{ float:right; width: 40%; list-style-image:none; margin:0; }
#footer .footerNav ul.social li		{ float:right; border:none; padding:0; margin:0}
/* @end */


/* ******************* LEFT NAVIGATION ******************** */
.aside			{ border-bottom: 5px solid #de1927; }
.aside a		{ text-decoration:none; display:block;  color:#000ccc;}
.aside a:hover,
.aside a:focus	{ text-decoration:underline; }
.aside h3		{ padding: 10px; background-color:#de1927; color:#fff; font-size:1.167em; }
.aside h3 a		{ color:#fff}
.aside ul					{ margin:0; padding:0; list-style-type:none; list-style-image:none; line-height:normal; border:1px solid #dfdfdf; border-top:none}
.aside ul li				{ list-style-type:none; list-style-image:none!important; margin:0; padding:0;  }
/* first level */
ul.listMenu > li			{ background: #f0f0f0 url(../images/bg_aside.png) repeat-x 0 0; }
ul.listMenu li a			{ padding: 12px 10px 8px 12px;}
/* second level */
ul.listMenu ul				{ margin: 0; padding:5px 0; background:#efefef; font-size: 0.917em; border:none; border-top:1px solid #dfdfdf;}
ul.listMenu ul li a			{ background:none; padding: 4px 0 4px 25px}
/* Selected items */
ul.listMenu li.selected > a	{ color:#de1927 }
ul.listMenu ul				{ display:none}
ul.listMenu li.selected ul	{ display:block}
/* @end */


/* ******************* BREADCRUMBS, PRINT this page ******************** */
.breadcrumbs			{ clear:both; overflow:hidden; font-size:0.917em; background:transparent url(../images/bg_shadow.png) no-repeat 50% 0; padding: 15px 0}
.breadcrumbs p 			{ float:left; margin:0; padding: 0; width: 85%; color:#000ccc}
.breadcrumbs p span		{ padding-right: 0.7em; color:#666; font-weight:bold;}
.breadcrumbs i			{ display:inline-block; text-indent: -999em; width: 15px; height:11px; background:transparent url(../images/sprite_icons.png) no-repeat 5px 4px}
.ie7 .breadcrumbs i		{ background-position: 5px 1px}
.breadcrumbs a			{ text-decoration:none; font-weight:normal; font-weight:bold; }
.breadcrumbs a:hover,
.breadcrumbs a:focus	{ text-decoration: underline}
.breadcrumbs a.print	{ display:block; float:right; background:transparent url(../images/sprite_icons.png) no-repeat 0 -30px; padding: 0 0 0 25px; }
/* @end */


/* ******************* PROMO BOXES******************** */
/*  media scroller  */
#pageWrapper .media				{ clear:both; border: 4px solid #dfdfdf; border-left:none; border-right:none; background-color: #efefef; overflow:hidden; padding:15px 20px; }
#pageWrapper .media .map		{ float:right; margin-left: 20px}
#pageWrapper .media .map img	{ margin:0; }

/* Promo image with caption (right nav ) */
.promoImg					{ margin-bottom:30px; border: 1px solid #bbb; color:#fff}
.promoImg h3				{ color:#fff; padding-bottom:3px; font-size:1.167em;}
.promoImg p					{ margin:0; font-weight:bold; font-size:0.917em}
.promoImg a					{ display:block; position:relative; color:#fff; text-decoration:none; cursor:pointer}
.promoImg a	img				{ display:block;}
.promoImg a .caption		{ position:absolute; left:0; bottom:0; width: 94%; padding: 3%; background-color: #000ccc; background-color:rgba(0, 12, 204,0.9);}
.ie .promoImg a .caption	{ background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000ccc,endColorstr=#80000ccc); zoom: 1;}

/* products box */
.productsBox				{ margin-bottom:20px}
.productsBox h2				{ position:relative; font-size:1.667em}
.productsBox h3				{ font-size:1.333em}
.productsBox h3 a,
.productsBox h2 span.cta a	{ color: #000ccc}
.productsBox h2 span.cta	{ position:absolute; bottom: 0; right:0; background-color:#bde2f7; padding: 7px; margin:0!important; font-size:0.600em;
	-webkit-border-radius: 5px 5px 0 0; 
	-moz-border-radius:5px 5px 0 0; 
	border-radius: 5px 5px 0 0; 
} 

/* Promo box small (home ) */
.promoBox					{ position:relative; margin-bottom: 20px}
.promoBox img				{ display:block;}
.promoBox .button			{ position:absolute; bottom:18px; left:10px} 

/* Promo box large (home ) */
.promoLargeBox				{ position:relative; margin-bottom: 30px; border-bottom: 6px solid #dfdfdf}
.promoLargeBox h2			{ color: #fff; margin:0; border:none; padding:7px 10px; font-weight:lighter; font-size: 1.667em; background: #de1927 url(../images/bg_callbox.png) repeat-x 0 0}
.promoLargeBox p			{ margin-bottom:12px}
.promoLargeBox img			{ display:block; }
.promoLargeBox .txt 		{ position:absolute; bottom:5px; left:10px; width: 185px; }
.promoLargeBox .videoIcon	{ display:block; cursor:pointer; position:absolute; top:90px; left:130px; width:50px; height:50px; text-indent:-999em; background:transparent url(../images/sprite_icons.png) no-repeat 0 -500px; } 
.promoLargeBox a:hover .videoIcon,
.promoLargeBox a:focus .videoIcon	{ background-position: 0 -550px}

/* Contact us promo box */
.contactBox				{ clear:both; margin: 40px 0 20px 0; }
.contactBox h2			{ position:relative; color: #fff; margin:0; border-color:#fff; padding:10px 150px 10px 15px; font-weight:lighter; font-size: 1.667em; background: #de1927 url(../images/bg_callbox.png) repeat-x 0 0}
.contactBox h3			{ color:#000; margin:0 0 3px 0; padding:0; font-size:1.167em}
.contactBox p			{ margin-bottom: 5px}
.contactBox .figure		{ display:block; position:absolute; bottom:0; right: 40px}
.ie7 .contactBox .figure{ bottom: 3px}
.contactBox .inner		{ background: #f4fafe url(../images/bg_callbox.png) repeat-x 0 -200px; padding: 20px 0}
.contactBox ul			{ list-style-image:none;list-style-type:none; margin:0; overflow:hidden;}
.contactBox ul li		{ float:left; width: 28%; padding: 0 2.5%; border-left: 1px dotted #3966c2;}
.contactBox ul li:first-child	{ border:none}
.contactBox .tel				{ color:#000ccc; font-size:1.333em; font-weight:bold}

/* Landing boxes */
.landingPanels, 
.landingPanels ul				{ list-style-type:none; list-style-image:none;}
.landingPanels					{ clear:both; width: 100%; margin: 0 0 1.5em 0; padding:0; overflow:hidden; }
.landingPanels > li				{ float:left; width: 310px; margin: 0 0 10px 20px; padding: 15px 15px 0 15px; background: #f8fcfe url(../images/bg_landingbox.png) repeat-x; }
.landingPanels li.firstInRow	{ clear:both; margin:0;  }
.landingPanels > li h2			{ border:none; padding:0 0 15px 0; margin:0; color:#de1927; font-size:1.333em; font-weight:bold}
.landingPanels > li h2 a		{ color: #de1927}
.landingPanels  ul				{ margin:0 0 1em ;  }
.landingPanels .role			{ margin-bottom: 1em; }
.landingPanels img				{ display:block; float:left; margin: 0.5em 10px 3px 0;}
/* specific for the team template */
.landingPanels.team				{ background:none;  font-size: 0.92em; }
.landingPanels.team h2			{ font-size: 1.25em; font-weight:bold; padding-bottom: 0; margin:0}
.landingPanels.team .info		{ max-height: 283px; overflow:auto; padding-right: 10px; margin-bottom: 2em}
.js .landingPanels.team .info	{ margin-bottom:0; }

/* @end */


/* ******************* CTA LINKS, LIST, BUTTONS, re-usable components ******************** */
.cta 			{ padding:0; margin:0 0 1.5em 0!important; list-style-type:none!important; list-style-image:none; }
.cta li,
p.cta a,
span.cta a		{ overflow:hidden; padding:0 0 0.6em 20px!important; background: transparent url(../images/sprite_icons.png) no-repeat 0 -60px; }
.cta a			{ text-decoration:none; font-weight:bold; }
.cta a:hover,
.cta a:focus,
.cta a:active	{ text-decoration:underline}

ul.tick			{ padding:0; margin:0 0 1.5em 0; list-style-type:none; list-style-image:none }
ul.tick li		{ background:#fff url(../images/sprite_icons.png) no-repeat 10px -355px; padding: 7px 10px 7px 30px}
/* ul.tick li.bg	{ background-color:#f1f1f1} */

/* buttons */
.button	{ display:inline-block; font-size: 11px; border:none; padding: 6px 10px; background-color: #000ccc; color:#fff; font-weight:bold; cursor: pointer; text-decoration:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
	-webkit-box-shadow:  0 0 5px #999;
	-moz-box-shadow:  0 0 5px #999;
	box-shadow: 0 0 5px #999;
	background: -moz-linear-gradient(top, #525bea, #000ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#525bea), to(#000ccc));
	background: linear-gradient(top, #525bea, #000ccc);	
}
input.button	{ text-align:left; overflow:visible; margin:0 0 1em 0; }
.button:hover,
.button:focus	{ background:#de1927; color:#fff; text-decoration:none;
	background: -moz-linear-gradient(top, #fb1b2b, #DE1927);
	background: -webkit-gradient(linear, left top, left bottom, from(#fb1b2b), to(#DE1927));
	background: linear-gradient(top, #fb1b2b, #DE1927);	
}

.button-large	{ display: block; font-size: 18px; border:none; padding: 3px 8px; background-color: #DE1927; color:#fff; font-weight:normal; cursor: pointer; text-decoration:none;
	border-radius: 5px; border: 1px solid #666;

}

/* button looks like a link */
.button-link 	{ display:inline-block; border:none; background-color: #fff; color:#DE1927; font-weight:bold; cursor: pointer; text-decoration: underline;}

/* fake tabs (news, events)  */
.cssTabs						{ clear:both; margin-bottom: 1.5em; overflow:hidden}
.cssTabs .cssTabsMenu			{ list-style-type:none; list-style-image:none; margin:0 0 20px 0; padding:12px 10px 0 12px; background-color: #b7dff6; overflow:hidden}
.cssTabs .cssTabsMenu li		{ float:left; margin:0; padding:0; font-weight:bold; font-size:1.167em; line-height:normal}
.cssTabs .cssTabsMenu h1		{ font-size: 1em; font-weight:bold; margin:0; padding:0}
.cssTabs .cssTabsMenu li a		{ position:relative; z-index: 5; display:block; text-decoration:none; padding: 20px 21px 15px 15px; background:transparent url(../images/tabs_separator.html) no-repeat 0 100%;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.cssTabs .cssTabsMenu li:first-child a	{ background-image:none}
.cssTabs .cssTabsMenu li.selected  a 	{ color:#de1927; background:#fff; margin-right: -6px; z-index: 15; padding-right:15px}
.cssTabs .tabs-body,
.cssTabs .tabs-body > div		{ clear:both; background-color:#fff; z-index: 100; } 
.cssTabs .tabs-panel			{ display:none; padding: 0; overflow:hidden; }
.cssTabs .tabs-panel-selected	{ display:block}
.js .cssTabs .label				{ position: absolute; left: -50000px; top: -50000px; } /* show for screenreaders and print */
/* ie7 fix */
.ie7 .js-tabs .tabs-menu li a			{ padding-right:15px; background-image:none}
.ie7 .js-tabs .tabs-menu li.selected a 	{ margin-right:0}
/* style News tabs*/
.newsContent							{ float:right; width:700px; }
.newsContent h2							{ border:none}
.newsContent h3							{ padding-bottom:0.5em}
.newsContent a							{ text-decoration:none}
.newsContent a:hover,
.newsContent a:focus,
.newsContent a:active					{ text-decoration:underline}
.mediaContacts							{ margin: 4em 0 0 0; padding: 0;}

/* pagination */
.pagination						{ clear:both; margin: 2em 0; overflow:hidden; width: 100%; }
.pagination.top					{ margin: 0 0 1em 0; padding-bottom: 1em; border-bottom: 5px solid #bde2f7}
.pagination ul					{ margin:0; padding:0; list-style-type:none; font-weight:bold; float:right}
.pagination ul li				{ display:inline; padding: 0 2px; float:left}
.pagination ul li.prev			{ padding: 0 15px 0 0; }
.pagination ul li.next			{ padding: 0 0 0 15px; }
.pagination ul li.last			{ border:none; padding-right:0}
.pagination	a					{ text-decoration:none;}
.pagination	a:hover,
.pagination	a:focus,
.pagination	a:active			{ text-decoration:underline}

/* content header options */
.headerImg,
.headerImgLeft,
.headerImgRight		{ margin:0 0 1.5em 0; width: 100%; overflow:hidden}
.headerImg img		{ display:block; margin: 0 0 10px 0}
.headerImgLeft img	{ float: left; margin-right: 30px; }
.headerImgRight img	{ float: right; margin-left: 30px;}
.headerImgLeft h1,
.headerImgRight h1	{ padding-bottom: 0.5em; line-height:normal;}
.headerImgRight h2,
.headerImgLeft h2	{ overflow:hidden}

/* ******************* SPECIFIC PAGES  ******************** */
/* Team */
.list2Columns.team				{ clear:both; width: 100%; margin: 0 0 1.5em 0; padding:0; overflow:hidden; list-style:none; }
.list2Columns.team > li			{ float:left; width: 48%; margin: 0 0 1.5em 4%; padding: 0; }
.list2Columns.team li.firstInRow{ clear:both; margin:0;  }
.list2Columns.team h2			{ border:none; font-size: 1.333em; font-weight:bold; padding-bottom: 0; margin:0}
.list2Columns.team .role		{ margin-bottom: 1em; }
.list2Columns.team img			{ display:block; float:left; margin: 0.5em 10px 3px 0;}
ul.list2Columns.team li.hr		{ float:none; clear:both; display:block; width: 100%; overflow:hidden; border-top:5px solid #bde2f7; margin: 0 0 1.5em 0; padding: 0}
/* styled for large images */
.list2Columns.team.list li 		{ margin-bottom: 0;}
.list2Columns.team.list h2 		{ margin-bottom:0.5em;font-size: 2.083em;font-weight: lighter;}
.list2Columns.team.list img 	{ float:none; margin: 0 0 5px 0;}
.list2Columns.team .info p, .list2Columns.team .info a { margin: 0; }
/* @end */

/* results, listing */
.results		{ margin:0 0 1.5em 0; padding:0; list-style:none; list-style-image:none}
.results li		{ padding: 0; margin:0; }
.results span	{ font-weight:normal; font-size: 0.8em; padding-left: 1em}

.listing		{ margin:0 0 1.5em 0; padding:0; list-style:none; list-style-image:none}
.listing img	{ display:block; margin: 25px 0 0 0}
.listing img.pullLeft { float:left; margin: 0.5em 10px 10px 0;}
.listing li		{ padding-bottom: 0.2em; margin-bottom: 1em; border-bottom: 1px dashed #bde2f7; overflow: hidden}
.listing li:last-child	{ border:none}
.listing li li	{ border:none; margin:0}
.listing li p	{ margin-bottom: 1em;}
.listing li a	{ margin-bottom: 1em; }
.listing h3		{ font-size: 1.167em}
.listing h3 span{ font-weight:normal; font-size: 0.85em; margin: 0 0 0.5em 0; }
.listing.events li	{ padding-bottom: 0.5em; margin-bottom: 1.5em;  }
.listing.events h3	{ font-size: 1.35em;  }
.listing.events h3 span	{ font-size: 0.7em;  }

/* video listing */
.videoListing img 	{ display:block;}
.videoListing p 	{ margin-bottom: 10px;}
.videoListing h2 	{ font-size: 1.65em}
.videoListing a 	{ text-decoration: none}
.videoListing a:hover,
.videoListing a:focus { text-decoration: underline;}


/* homepage */
/* Carousel */
.ncj-megaslides	{ position:relative; z-index: 5; height: 372px; margin: 0 auto; width: 980px; background:#CCC;}
.ncj-megaslides ul    { padding:0; margin:0; list-style:none; display:block;}
.ncj-megaslides ul.ncj-megaslides-slides li { z-index:-1;position:absolute; left:0; right:0; background-position:top center; background-repeat:no-repeat; height:660px;}
.ncj-megaslides ul.ncj-megaslides-slides li:first-child { display:block; z-index:0; }
.ncj-megaslides ul.ncj-megaslides-slides li .slideContent { width:980px; margin:0 auto; position:relative; z-index:1; }
.ncj-megaslides ul.ncj-megaslides-slides li .slideContent p{ float:left; text-shadow: 0 0 1px #FFF; margin:70px 0 0 20px;padding:20px 100px 20px 20px; color:#FFF; font-size:30px; border-bottom:6px solid #da1824; background:transparent url(../images/hero-copy-bg.png) repeat; }
.ncj-megaslides ul.ncj-megaslides-slides li .slideContent a{ display:block; text-shadow:none; padding:10px 0 0 35px; color:#FFF; font-weight:bold; font-size:14px; line-height:24px; text-decoration:none; background:transparent url(../images/hero-link-icon.png) left bottom no-repeat; }
.ncj-megaslides ul.ncj-megaslides-slides li .slideContent a:hover, .ncj-megaslides ul.ncj-megaslides-slides li .slideContent a:focus { text-decoration:underline; }

.ncj-megaslides .paginationOuter  { position:relative; width:980px;  margin:0 auto; z-index:3; }
.ncj-megaslides .ncj-megaslides-pagination { position:absolute; z-index:4; margin:0 20px 0 0; right:0; top:300px; overflow:hidden; }
.ncj-megaslides .ncj-megaslides-pagination-item{ display:block; padding:0; margin:0 0 0 8px; width:14px; height:14px; float:left; cursor:pointer; background:#0033b1; border:3px solid #9cb5f4; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.ncj-megaslides .ncj-megaslides-pagination-item span { display:none;}
.ncj-megaslides .ncj-megaslides-pagination-item.selected span { display:block; width:6px; height:6px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#FFF; margin:4px; }
.ncj-megaslides .ncj-megaslides-pagination:focus .ncj-megaslides-pagination-item.selected span { background-color:#E02D38; }

/* sitemap */
ul.sitemap a		{text-decoration:none; display: block}
ul.sitemap a:hover,
ul.sitemap a:focus,
ul.sitemap a:active	{text-decoration:underline; color:#de1927;}
ul.sitemap			{ margin-bottom:1.5em; list-style-image: none; list-style-type:none; margin:0; color: #000ccc; line-height:normal}
ul.sitemap ul		{ margin: 0.5em 0 0.5em 3em; padding: 0 0 0 0.5em; list-style-image: none; list-style-type:disc; }
ul.sitemap ul ul	{ margin: 0 0 0 2em; }
ul.sitemap li		{ padding:0; margin: 0 0 5px 0}
ul.sitemap li li	{ padding:0; margin: 0}
ul.sitemap li a			{ font-size: 1.333em; padding: 5px 0 5px 10px; background-color: #b7dff6; color:#000}
ul.sitemap li li a		{ font-size: 1.15em; font-weight:bold; background-color:transparent; padding:0 0 5px 0;  color:#000ccc}
ul.sitemap li li li a	{ font-size: 1em;  font-weight:normal; }
ul.sitemap li li li li a{ font-size: 0.92em; }

/* Our store in two columns */
.twoCols					{ clear:both; width: 100%; margin-bottom: 1.5em; overflow:hidden; }
.twoCols h2					{ border:none; padding:0; margin:0 0 0.8em 0}
.twoCols.border				{ border-bottom: 1px dashed #b7dff6; margin-bottom:2em; padding-bottom:1.5em}
.twoCols .colLeft			{ width: 305px; float:left; padding-right: 20px;}
.twoCols .colRight			{ width: 40%; float:left; padding-left: 20px; }
.twoCols .colRight.border	{ border-left: 1px dashed #b7dff6}
.twoCols dl					{ margin: 0 0 1.5em 0; padding:0; overflow:hidden; width: 100%}
.twoCols dl dt				{ clear:left; float:left;  margin: 0; padding:0; width: 10em;}
.twoCols label				{ font-size: 1.667em; padding-right:0.5em}
.twoCols h1					{ padding-bottom:0.15em}

.threeBlocks 		{ clear:both; width: 100%; margin: 0 0 1.5em 0; overflow:hidden; padding:0; list-style-type: none; list-style-image: none}
.threeBlocks li 	{ margin:0 15px 15px 0; padding:0; float:left; max-width: 30%; }

.threeCols 					{ clear:both; width: 100%; margin: 0 0 1.5em 0;  padding:0; overflow:hidden; list-style-type: none; list-style-image: none}
.threeCols li 				{ margin:0 0 15px 50px; padding:0; float:left; width: 200px; }
.threeCols li.firstInRow	{ clear:both; margin-left:0;}
 
/* news/events navigation */
.newsNav				{ float:left; width: 220px; border-bottom: 5px solid #de1927; }
.newsNav ul				{ margin:0; padding:0; list-style-type:none; list-style-image:none; line-height:normal; border:1px solid #dfdfdf; border-top:none}
.newsNav ul li			{ margin:0; padding:0; }
.newsNav a				{ text-decoration:none; display:block; }
.newsNav a:hover		{ text-decoration:underline; }
/* first level */
.newsNav ul > li a		{ padding: 10px; background-color:#de1927; color:#fff; font-size:1.167em; font-weight:bold}
/* second level */
.newsNav ul ul			{ border:none;}
.newsNav ul ul li		{ background: #f0f0f0 url(../images/bg_aside.png) repeat-x 0 0}
.newsNav ul ul li a		{ color:#000ccc; padding: 12px 10px 8px 12px; background:none; font-size:1em}
/* third level (hide it) */
.newsNav ul ul ul			{ margin: 0; padding: 5px 0; background:#efefef; font-size: 0.917em; border:none; border-top:1px solid #dfdfdf;}
.newsNav ul ul ul li		{ background: none}
.newsNav ul ul ul a			{ background:none; padding: 3px 0 3px 25px}
/* selected items */
.newsNav li li.selected > a			{ color:#de1927 }
.newsNav ul ul ul					{ display:none}
.newsNav li.selected li.selected ul	{ display:block}
/* @end */

/*css for travel money pages*/
ol.withroman { list-style-type: lower-roman }
ol.withletters { list-style-type: lower-alpha}
.travelMoney .checkbox {float:left; padding: 5px;}
.travelMoney .travelMoneybutton {float:right;padding:5px;}
.travelMoney .clear {clear: both;}
.travelMoneyError { color: Red; font-weight:bold; padding-bottom:20px; font-size:1.1em}
.travelMoneyCustomer { border: 1px solid #000CCC; text-align:center; width:30%; margin-left:30%; padding:30px;}
#applyonlinepopup .overlay { position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin: 0; padding: 0; border: none; background: #000; opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.40; z-index:100; }
#applyonlinepopup .modal { position: fixed; top:40%; left:50%; margin: 0; padding:0; z-index:200; }
#applyonlinepopup .modal .travelMoneyCustomer { position: absolute; left: -75px; top:-40px; width: 150px; height: 80px; z-index:300; background: white!important; margin: 0;}

fieldset { border: 0 none;}
#checkboxes {min-height:50px}
.label_check span {left: -9999px; position: absolute; margin-right: 5px; text-align:middle}
.label_check { background: url(../../metrobank.co.uk.epidemo.netcel.com/Global/dog-bone-contest/check1.html) no-repeat scroll 0 0 transparent; padding-left: 34px; padding-bottom:20px; padding-right:210px; overflow:visible; display:inline-block}
.label_check.c_on {background:url(../../metrobank.co.uk.epidemo.netcel.com/Global/dog-bone-contest/Checkon1.html) no-repeat scroll 0 0 transparent;}
table {border-collapse:collapse}
table .dog-contest { background-color: #DE1A28; border-bottom: 0px solid #DE1A28; padding: 5px;}
		
#id_matrix.dog-contest fieldset { border: 0 none;min-height:50px}
#id_matrix.dog-contest fieldset input {left: -9999px; position: absolute; margin-right: 5px; text-align:middle}
#id_matrix.dog-contest fieldset label { background: url(../images/Check1.html) no-repeat scroll 0 0 transparent; padding-left: 34px; padding-bottom:20px; padding-right:10px; overflow:visible; min-height:20px; color: white;}
#id_matrix.dog-contest fieldset label.c_on {background:url(../images/Checkon1.html) no-repeat scroll 0 0 transparent;}
table {border-collapse:collapse}

#metrobankForm table td .dog-contest.bg { background-color: #DE1A28!important; border-bottom: 0px none #DE1A28!important; padding: 5px;}
#id_matrix.dog-contest fieldset label { margin-left: 90px;padding-left: 60px;padding-right: 60px; }

table.dog-contest td{ border-bottom: 0 none #DE1A28; padding: 0!important}
table.dog-contest tr{ border-bottom: 0 none #DE1A28; padding: 0!important}

  
/* ******************* FORMS  ******************** */
#metrobankForm table 			{ width: 100%; border:none; }
#metrobankForm table td			{ background-color:#fff; border-bottom: 1px solid #fff; padding: 5px; }
#metrobankForm table td.bg		{ background-color:#fff; }

#metrobankForm					{ margin: 0 0 1em 0; padding:2em 0 0 0;  line-height:normal}
#metrobankForm ul				{ margin:0; padding: 0 0 1em 0; list-style-type:none; list-style-image:none; }
#metrobankForm ul#PrimaryDetails,
#metrobankForm ul#SAHDetails    { padding: 0;}
#metrobankForm ul ul			{ border:none; padding: 0.5em 0}
#metrobankForm li.field			{ clear:both; padding: 3px 0; margin:0; width: 100%; overflow:hidden; }
#metrobankForm li.header	    { clear:both; padding: 10px 0; margin:0; width: 100%; overflow:hidden; font-weight: bold;font-size: 1.2em;}
#metrobankForm .f-left			{ float:left; width: 50%; margin-right: 5%; }
#metrobankForm .f-right			{ float:left; width: 45%; }
#metrobankForm label,
#metrobankForm .form-label		{ font-weight:bold; font-size: 0.92em; }
#metrobankForm .typeText,
#metrobankForm .typeTextarea	{ width: 90%; padding: 3px; margin: 0 0 3px 0; border:1px solid #c7c7c7; }
#metrobankForm .typeSelect		{ width: 92%; }
#metrobankForm .typeSelectSmall	{ width: 30%; }
#metrobankForm .typeCheckbox,
#metrobankForm .typeRadio		{ display:inline-block; overflow:hidden}	
#metrobankForm .error			{ margin-bottom: 0; color:#de1927}
#metrobankForm ul.two-cols		{ overflow:hidden}
#metrobankForm ul.two-cols li	{ float:left; width: 47%; margin: 0 10px 3px 0; }
#metrobankForm .button			{ margin: 1.5em 5% 1.5em 0; float:right; }

.UploadMessage                  {
                                color: #DE1927;
                                margin-bottom: 30px;
                                margin-left: 243px;
                                margin-top: -45px;
                                }
                                
.ie9 .UploadMessage             { margin-left: 245px;} 
.ie8 .UploadMessage             { margin-left: 255px;}
.ie7 .UploadMessage             { margin-left: 300px;}
/* @end */

/**Safety Deposit Box Form**/
#safetyDepostBoxForm .f-left   { width: 30%;}
#safetyDepostBoxForm .f-right   { width: 35%;}


/* ******************* 10. JAVASCRIPT WIDGETS (new)  ******************** */
 /* JS tabs basics */
.js-tabs						{ clear:both; margin-bottom: 1.5em;}
.js-tabs .tabs-menu				{ list-style-type:none; list-style-image:none; margin:0 0 20px 0; padding:12px 10px 0 12px; background-color: #b7dff6; overflow:hidden}
.js-tabs .tabs-menu li			{ float:left; margin:0; padding:0; font-weight:bold; font-size:1.167em; line-height:normal}
.js-tabs .tabs-menu li a		{ position:relative; z-index: 5; display:block; text-decoration:none; padding: 20px 21px 15px 15px; background:transparent url(../images/tabs_separator.html) no-repeat 0 100%;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.js-tabs .tabs-menu li:first-child a	{ background-image:none}
.js-tabs .tabs-menu li.tab-active a 	{ color:#de1927; background:#fff; margin-right: -6px; z-index: 15; padding-right:15px}
.js-tabs .tabs-body,
.js-tabs .tabs-body > div		{ clear:both; background-color:#fff; z-index: 100; } 
.js-tabs .tabs-panel			{ display:none; padding: 0; overflow:hidden; }
.js-tabs .tabs-panel-selected	{ display:block}
.js .js-tabs .label				{ position: absolute; left: -50000px; top: -50000px; } /* show for screenreaders and print */
/* ie7 fix */
.ie7 .js-tabs .tabs-menu li a				{ padding-right:15px; background-image:none}
.ie7 .js-tabs .tabs-menu li.tab-active a 	{ margin-right:0}



/* JS slider  */
#slides 				{ background: #004bc2 url(../images/bg_carousel.html) no-repeat 50% 0; float:left; width: 570px; padding: 20px 0; overflow:hidden; position:relative;}
.js #slides 			{ height: 102px}
#slides ul				{ margin:0; padding:0; list-style-type:none; list-style-image:none; font-size: 0.92em; line-height:normal; width: 100%}
#slides ul li 			{ float:left; margin: 0 6px; padding:0; width: 233px;}/* JS calculates width */
#slides ul li .inner	{ padding: 16px 8px; background-color:#fff; height: 70px;  overflow:hidden;}
#slides img				{ float:left; margin-right: 8px}
#slides a				{ text-decoration:none; color:#000ccc}
#slides h3				{ text-transform:uppercase; font-size: 1em; margin:0; padding-bottom: 5px; color: #000ccc;}
/* JS skin */
.jcarousel-skin-tango .jcarousel-container-horizontal 	{ padding: 0 40px;  }
.jcarousel-skin-tango .jcarousel-clip 					{ overflow: hidden; width:490px;}
/* Next/Prev Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute; 
    top: 40px;
    right: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(../images/sprite_carousel.html) no-repeat -40px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -25px -25px}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute; 
    top: 40px;
    left: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(../images/sprite_carousel.html) no-repeat 0 0; } 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -25px; }

  	
/*Landing Page Slider ************************************ */ 
.landingPageSlider                { display:block; width: 700px; position: relative; margin:0 0 30px 0; overflow:hidden; }
.landingPageSlider a:active       { outline: 0;}
.landingPageSlider .slides,
.landingPageSlider ul             { margin:0; padding:0; list-style-image:none}
.landingPageSlider ul li          { margin:0; padding:0}
.landingPageSlider .inner         { position: relative; width: 100%; margin: 0; padding: 0!important; background-color:#fff}
.landingPageSlider .inner .slides { zoom: 1;}
.landingPageSlider .inner .slides > li      { position: relative; display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.landingPageSlider .inner .slides img       { display: block;}

.smallHero {margin-bottom: 15px; overflow:hidden;}
/* Clearfix for the .slides element */
.landingPageSlider .slides:after  			{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .landingPageSlider .slides      { display: block;} 
* html .landingPageSlider .slides           { height: 1%;}

/* No JavaScript Fallback */
.landingPageSlider .slides > li:first-child { display: block;}

/* Direction Nav - use for basic slider and home carousel */
.landingPageSlider .flex-direction-nav      { display: none; }

/* Control Nav – pagination dots  */
.landingPageSlider .flex-control-nav        { display:none; }
/* Landing Page Slider @END*/

		
/************** Video overlay ************** */
#overlay  				{ display:none; z-index:10000; width:600px; }
#overlay .close 		{ display: block; z-index:10001; background: transparent url(../images/overlay_close.html) no-repeat 100% 0; position: absolute; right: 8px; top: 8px; padding-right: 25px; line-height:1.8; text-decoration:none; color:#333; font-weight:bold; font-size: 11px}
#overlay .close:hover,
#overlay .close:focus,
#overlay .close:active	{ text-decoration:underline}
#overlay .contentWrap 	{ width:auto; overflow-y:auto; background-color:transparent;  }
#overlay .frame			{ 
	display:block; padding: 30px 20px 20px 20px; background-color: #fff; border: 1px solid #eee; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#overlay .frame h2				{ margin: 0 0 0.5em 0; border:none}
#overlay .frame .overlayIntro p	{ margin: 1em 0}	


/************** cookie banner styles **************/
#eucookielawcontainer { overflow:hidden; position:relative; }

#eucookielawcontainer .border
{
    border-bottom:3px solid #de1927;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 25%, #e9e9e9 65%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#f9f9f9), color-stop(65%,#e9e9e9), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 25%,#e9e9e9 65%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 25%,#e9e9e9 65%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 25%,#e9e9e9 65%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 25%,#e9e9e9 65%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */
}
.eucookiebanner .cookieblock { width:980px; padding:20px 0 20px 0; margin:0 auto; position:relative; overflow:hidden; }
.eucookiebanner .cookieblock p{ margin:0; padding:0 210px 0 0; color:#000; font:normal 16px "Helvetica Neue",arial,sans-serif; }
.eucookiebanner .cookieblock button
{
    position:absolute;
    right:80px;
    bottom:20px;
    color:#FFF;
    font:bold 11px/30px "Helvetica Neue",arial,sans-serif;
    padding:0;
    margin:0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border:none;
    display:inline-block;
    width:115px;
    
    background: #498af7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OGFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzQxODBlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzFlNTNjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODRhYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #498af7 0%, #4180ee 19%, #1e53c7 85%, #184ac0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#498af7), color-stop(19%,#4180ee), color-stop(85%,#1e53c7), color-stop(100%,#184ac0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #498af7 0%,#4180ee 19%,#1e53c7 85%,#184ac0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #498af7 0%,#4180ee 19%,#1e53c7 85%,#184ac0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #498af7 0%,#4180ee 19%,#1e53c7 85%,#184ac0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #498af7 0%,#4180ee 19%,#1e53c7 85%,#184ac0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#498af7', endColorstr='#184ac0',GradientType=0 ); /* IE6-8 */
}

.eucookiebanner .cookieblock button:hover, .eucookiebanner .cookieblock button:focus { text-decoration:underline;}

.eucookiebanner .cookieblock button:active
{
    background: #1b6bf5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNmJmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzE4NjVlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzFhNDhhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTNmYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1b6bf5 0%, #1865ea 19%, #1a48aa 85%, #153fa3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b6bf5), color-stop(19%,#1865ea), color-stop(85%,#1a48aa), color-stop(100%,#153fa3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1b6bf5 0%,#1865ea 19%,#1a48aa 85%,#153fa3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1b6bf5 0%,#1865ea 19%,#1a48aa 85%,#153fa3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1b6bf5 0%,#1865ea 19%,#1a48aa 85%,#153fa3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1b6bf5 0%,#1865ea 19%,#1a48aa 85%,#153fa3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6bf5', endColorstr='#153fa3',GradientType=0 ); /* IE6-8 */
   
}
/***********************/
/* Store Finder Styles */
/***********************/
.store-finder .aside { border:none; margin-top:20px; }
.store-finder .content { margin-top:20px; }

/* find store box */
.find-store { background:#d4ecfa; border-radius:4px; -webkit-border-radius:4px; padding:20px 0; }
.find-store label { font-size:1.3em; padding:0 0 0 10px; vertical-align:top; line-height:1.7em; }
.find-store select { 
	width:180px; 
	padding:5px; 
	margin:0 10px; 
	border:1px solid #d2d2d2;
	font-weight:bold;
	border-radius:4px;
	-webkit-border-radius:4px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
}

.find-store input[type=text] { 
	width:160px; 
	padding:5px; 
	margin:0 10px; 
	border:1px solid #d2d2d2; 
	font-weight:bold;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(150, 150, 150, 0.7);
    box-shadow: inset 0px 0px 5px 0px rgba(150, 150, 150, 0.7);
}


.find-store select option { background:#FFF; }
.find-store p { display:inline-block; margin:0; padding:0 20px 0 0; }
.find-store p .button { margin:0; }

.ie7 .find-store p{ display:inline; }

/*map styles*/

.store-finder-map { height:500px; border:1px solid #CCC; }

.store-find-map-static,
.no-js .store-finder-map { display:none; }
.no-js .store-find-map-static{ display:block; border:1px solid #CCC; }

/*overlay styles*/
.ncj-googlemaps-info { width:239px; }
.store-finder-map .ncj-googlemaps-info .store-name span { font:bold 1em "Helvetica Neue",arial,sans-serif; margin-bottom:10px; color:#000; }
.store-finder-map .ncj-googlemaps-info p { font: 1em "Helvetica Neue",arial,sans-serif; margin-bottom:10px; }
.store-finder-map .ncj-googlemaps-info span { font-family:"Helvetica Neue",arial,sans-serif; }
.store-finder-map .ncj-googlemaps-info .store-distance,
.store-finder-map .ncj-googlemaps-info .store-distance span{ font: bold 1em "Helvetica Neue",arial,sans-serif; }

/* map key styles */
.store-finder-key { height:33px; padding:10px 0 0; }
.store-finder-key dl { margin:0; padding:0; }
.store-finder-key dd, .store-finder-key dt { display:block; padding:0; margin:0 0 0 5px; float:right; line-height:33px; color:#666666; }
.store-finder-key dd{ margin-left:20px; }

/**left column styles*/
/*opening hours*/
.opening-hours { margin:0 0 20px 0; padding-bottom:10px; border-bottom:6px solid #dfdfdf; }
.opening-hours dl { margin:0; padding:10px 0; }
.opening-hours dt, .opening-hours dd { display:inline-block; width:59%; margin:0; padding:2px 0; zoom:1; *display: inline; }
.opening-hours dd { width:39%; }

/*nearest-stores*/
.nearest-stores { margin:0 0 20px; position:relative; }
.nearest-stores ul{ border:none; margin:0; padding:0; }
.nearest-stores ul li { position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dfdfdf; }
.nearest-stores ul li.store-coming-soon, 
.nearest-stores ul li.store-coming-soon h3,
.nearest-stores ul li.store-coming-soon p{ color:#666; }
.show-coming-soon{ display:none; }
.store-coming-soon .show-coming-soon{ display:inline; }
.nearest-stores ul li h3 { background:none; color:#000; margin:0 0 5px; padding:0; font-size:1em; max-width:160px; }
.nearest-stores ul li .store-show:hover h3,
.nearest-stores ul li .store-show:focus h3 { color:#dd1927; }
.nearest-stores .store-show { color:#000; }
.nearest-stores .store-show:hover,
.nearest-stores .store-show:focus { text-decoration:none; }
.nearest-stores .store-distance { position:absolute; top:0; right:0; font-weight:bold; margin:0; padding:0; font-weight:bold; }
.nearest-stores .store-address { line-height:1.5em; margin-bottom:5px; }
.store-finder a.store-details-link { cursor:pointer; display:block; color:#1f4eb8; text-decoration:none; font-weight:bold; background:transparent url(../images/bullet_blue_arrow.html) left center no-repeat; padding-left:20px; }
.store-finder a.store-details-link:hover,
.store-finder a.store-details-link:focus { text-decoration:underline; }
.nearest-stores .store-pagination { list-style:none; margin:0; padding:4px 3px 3px; background:#f1f1f1; text-align:center; }
.nearest-stores .store-pagination li { display:inline; margin:0; padding:0; }
.nearest-stores .store-pagination a { display:inline; margin:0; padding:3px; font-weight:bold; }
.nearest-stores .store-pagination li.current-page a { color:#000; }
.nearest-stores .nearest-stores-not-found { display:none; }
.nearest-stores .nearest-stores-tint { display:none; position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.hidejs { display:none; }
.no-js .hidejs { display:block; }
.nearest-stores .template { display:none!important; }

/*store growth*/
.store-growth { margin:0 0 20px 0; }
.store-growth h2 { 
	font-size:1.5em; 
	font-weight:normal; 
	border:0; 
	margin:0 0 1px 0; 
	padding:10px;
	color:#000ccc;
	
	background: #e0e0e0;
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #e0e0e0 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #e0e0e0 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cccccc',GradientType=0 );

}

.store-growth img { width:100%; display:block; }
.store-growth dl{ margin:0; padding:5px 10px; border:1px solid #cccccc; }
.store-growth dt, .store-growth dd { display:inline-block; width:27.5%; padding:0; margin:5px 0; zoom:1; *display: inline; }
.store-growth dt { text-align:center; line-height:24px; margin-right:10px; color:#FFF; background:#de1927; border-radius:12px; -webkit-border-radius:12px; }
.store-growth dd{ width:65%; color:#000ccc; text-transform:uppercase; font-weight:bold; }

.template { display:none; }

/*contactless styles*/

.threeCol_tight{
    margin:30px 0 0;
    padding:0;
    display:block;
    list-style:none;
    overflow:hidden;
}

.threeCol_tight li{
    width:166px;
    float:left;
    margin-left:15px;
    padding:0;
}

.threeCol_tight li:first-child{
    margin-left:0;
}

.fadeBorder{
    display:inline-block;
    zoom:1;
    *display:inline;
    
    padding:8px;
    border-radius:8px;
    background:#FFF url("../images/blue_gradient.html") repeat-x 0 0;
}

.fadeBorder img{
    display:block;
}

.howToUseTitle{
    padding:10px 10px 0;
    margin:0;
    border:none;
    text-decoration:none;
    line-height:0.85em;
}

.blockLink,
.blockLink:hover,
.blockLink:focus{
    text-decoration:none;
}

.howToUse{
    color:#999;
    text-decoration:none;
    font-size:23px;
}

.blockLink:hover .howToUse,
.blockLink:hover .title,
.blockLink:hover .howToUse,
.blockLink:focus .title{
    text-decoration:underline;
}

.title{
    color:#002e9f;
    font-weight:bold;
    font-size:18px;
}

#tflLeftCol{
    float:left;
    width:538px;
    padding-bottom:20px;
}

#tflRightCol{
    max-width:400px; 
    /*position:absolute;*/
    float: right;
    bottom:0;
    right:0;
}


.layout{
    background:transparent;
    border:none;
    empty-cells:show;
}

.layout tr td{
    vertical-align:inherit;
    padding:0;
    border:none;
}

.contactless-left{
    float:left;
    width:320px;
}

.contactless-right{
    float:right;
    max-width:380px;
    margin:-20px -20px 0 0;
}

.contactless-right img{
    display:block;
}

.contactless-bottom{
    clear:both;
    padding:10px;
    color:#FFF;
    font-weight:bold;
    background:#bb091c url('../images/red_gradient.html') repeat-x 0 0;
    margin-right:-20px;
    margin-bottom:30px;
    font-size:16px;
}

.contactless-full {
    margin-bottom: 10px;
}

.ie7 .contactless-bottom{
    width:720px;
}

.qAndA-link{
    text-decoration:none;
    font-weight:normal;
    font-size:14px;
    display:inline-block;
    zoom:1;
    *display:inline;
    color:#0b1fd0;
    padding:5px 0 5px 30px;
}

.qAndA dd{
    padding:5px 30px 10px 30px;
}

.qAndA-link_closed{
    background:transparent url('../images/faq_arrow_right.html') no-repeat 0 50%;
}
.qAndA-link_open{
    background:transparent url('../images/faq_arrow_down.html') no-repeat 0 50%;
}

.content.contactless table td.bg { background-color: transparent;}


/* Safe deposit boxes */
.boxSizes 				{ margin: 0; padding:0; }
.boxSizes li 			{ clear:both; overflow: hidden; margin: 0 0 15px 0; list-style: none;   }
.boxSizes li:last-child { margin-bottom: 0}
.boxSizes li>div		{ float:left; min-width: 160px;}

.selectDepositBox 								{ clear:both; margin: 0 0 10px 0;  }
.selectDepositBox .block-row 					{ display: table; width:100%;}
.selectDepositBox .block-row .block 			{ display: table-cell; vertical-align: bottom; padding-bottom:20px; }
.selectDepositBox .block-row .block:first-child { padding-right: 30px; width: 55%;}
.selectDepositBox p								{ margin-bottom: 10px;}
.selectDepositBox p:last-child  				{ margin-bottom: 0;}
.selectDepositBox label 						{ display: block;}
.selectDepositBox select 						{ width: 98%; padding: 3px;}
.selectDepositBox img 							{ float:left; margin: 0 10px 0 0;  }
.selectDepositBox .price { font-size: 1.333em;}

.ie7 .selectDepositBox .block-row 				{ clear:both; overflow:hidden; }
.ie7 .selectDepositBox .block-row .block  		{ float:left; width: 46%;}

.availabilityWrapper { clear:both; overflow:hidden; display:none; }
.availabilityWrapper iframe { width:100%; height:850px; border:0; margin:10px 0; }

.no-js .jsOnly,
.jsjs .noJsOnly { display:none!important; }

/* Mortgage Intermediaries */
/* person info block*/
.mi-person{
	padding:20px;
	background:#bde2f7;
	overflow:hidden;
	border-bottom:6px solid #a4d7f4;
	margin-bottom:20px;
}

.mi-person-img{
	float:right;
	margin-left:20px;
}

.mi-person-details{
	display:block;
	font-size:14px;
}

.mi-person-detailName{
	float:left;
	font-weight:bold;
	position:relative;
	margin-left:60px;
	margin-right:5px;
	clear:left;
}

.mi-person-detailName-icon{
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:-60px;
	width:41px;
	height:41px;
	
}

.mi-person-detailName_location .mi-person-detailName-icon{
	background:#FFF url( ../images/mi/location-icon.html) no-repeat;
}

.mi-person-detailName_telephone .mi-person-detailName-icon{
	background:#FFF url( ../images/mi/telephone-icon.html) no-repeat;
}

.mi-person-detailName_email .mi-person-detailName-icon{
	background:#FFF url( ../images/mi/email-icon.html) no-repeat;
}

.mi-person-detailValue{
	margin-left:60px;
	margin-bottom:10px;
	min-height:40px;
	-webkit-text-size-adjust: 100%;/*needed to fix iPhone bug*/
}

.mi-person-detailValue a{
	text-decoration:none;
	font-weight:bold;
	color:#000ccc;
}

.mi-person-detailValue a:hover,
.mi-person-detailValue a:focus{
	text-decoration:underline;
}

.mi-person-detailName-text{
	font-size:14px;
}

.mi-person-detailName_email{
	margin-right:0;
}

.mi-person-detailName_email .mi-person-detailName-text{
	overflow:hidden;
	width:0;
	display:inline-block;
}