/* Common Assets Styles */



body{font-family: arial, helvetica, sans-serif; font-size: 75%; line-height: 1.3em; margin:0px 6px 0px 0px; color:#333333; text-decoration: none; }


a:link{color: #0055BB; text-decoration:underline;}
a:visited{color: #0055BB; text-decoration:underline;}
a:hover{color: #111166;}
div div{font-size: 100%;}
div p{font-size: 100%;}
div a{font-size: 100%;}

img {
	border: 0;
}

#screenReaderMenu  {height: 1px; overflow: hidden; color: #ffffff; background: #ffffff; font-size: 0px; }
#screenReaderMenu a{height: 1px; overflow: hidden; color: #ffffff; background: #ffffff; font-size: 0px; }

#backToTop {
	margin:0px 0px 20px 0px ;
	padding:15px 10px 0px 0px;
	float:right;
	position:relative;
	text-align: right;
}


/* hide from netscape and ie-mac \*/
* html #backToTop {
	margin:0px 0px 0px 0px ;
	padding:15px 10px 0px 0px;
	float:right;
	position:relative;
	text-align: right;
}
/* end hide  */


#backToTop a{
	color: #0055BB;
	text-decoration:underline;
	font-weight: normal;
}


#sideNavBlock h3 {color:#666666; margin:0px 0px 0px 0px; padding: 8px 0px 4px 8px; }
#sideNavBlock{
	background:#E7E7E7;
	color:#666666;
	padding:0px 0px 8px 0px;
	margin:0px;
	border-bottom:1px solid #FFFFFF;
	position:relative;
}
#sideNavBlock hr{display:none; margin:0px; padding:0px;}
#sideNavBlock .divider{
	background:#ffffff;
	height:2px;
	position:relative;
	padding:0px;
	margin:2px 0px 2px 0px;
	line-height:2px;
}
#sideNavLink {
	position:relative;
	background:#E7E7E7;
	padding: 0px 8px 4px 8px;
	margin:0px;
	color:#0055bb;
	text-decoration:underline;
	font-weight:normal;
}

#sideNavBlock a{
	background:#E7E7E7;
}

#sideNavBlock2{
	background:#E7E7E7 url(../_img/greyedge_base.gif) bottom repeat-x;
	color:#666666;
	padding:8px 8px 20px 8px;
	margin:0px 0px 20px 0px;
	border-bottom:2px solid #FFFFFF;
	position:relative;
}


.usefullLinks {list-style:none; padding:0px;margin:0px;}
.usefullLinks li {padding: 2px 0px;}
.usefullLinks li a{color:#0055bb; text-decoration:underline; }
.usefullLinks li a:hover{color:#111166;}


#contentWrapper {
	background:#ffffff;
	padding:0px;
	margin:0px;
	width:746px;
	border-top: 2px solid #111166;
	border-bottom:1px solid #FFFFFF;
	position:relative;
}

/* Hides from IE-mac \*/
* html #contentWrapper {
	height: 1%;
}
/* End hide from IE-mac */

#contentWrapper2 {
	background:#ffffff;
	padding:0px;
	margin:0px;
	padding-top: 10px;
	width:755px;
	border-bottom:1px solid #FFFFFF;
	position:relative;
}

/* Hides from IE-mac \*/
* html #contentWrapper2 {
	height: 1%;
}
/* End hide from IE-mac */

#99top {width:765; margin:0px; left:10px; position:relative; background: url(../_img/shadtop.gif); height: 3px; overflow: hidden;}

/* Hides from IE-mac \*/
* html #99top {width:752; margin:0px; left:10px; position:relative; background: url(../_img/shadtop.gif); height: 3px; overflow: hidden;}
/* End hide from IE-mac */


#intro{ margin: 0px 0px 8px 17em;
	position:relative;
}


/* Section 1*/

#brand {margin:0px 0px 9px -8px;}

#brand10 {
	margin:0px 0px 13px 13px;
	marg\in:0px 0px 15px 13px;	/* note the escape char to make IE 5 ignore this */
}


/* Section 2 - Top Nav Common Asset */

#globalNav {width: 760px;text-decoration:none; color:#666666; text-align:right; font-size:80%; margin:0px 6px 0px 0px; }
#globalNav a {color:#666666; text-decoration:none;}
#globalNav a:hover {color:#0055BB; text-decoration:underline;}



/* Section 3*/

#navMajor #hideAnchor {height: 0px; width: 0px; overflow: hidden; visibility: hidden; }

/* Hides from IE-mac \*/
* html #navMajor #hideAnchor {height: 0px; width: 0px; overflow: hidden; visibility: hidden; display: inline; disp\lay: ;}

/* End hide from IE-mac */

#navMajor {color:#666666; background:#FFFFFF url(../_img/shadtop2.gif) bottom repeat-x; font-size: 95%; text-align:left; margin:0px 6px 0px 0px; position:relative; padding: 0px 0px 0px 0px;}

/* Hides from IE-mac \*/
* html #navMajor {color:#666666; background:#FFFFFF url../_img/shadtop2.gif) bottom repeat-x;
font-size: 95%; text-align:left;
margin:-4px 6px -2px 0px;
mar\gin:0px 6px 0px 0px;		/* note the escape char to make IE 5 ignore this */
position:relative;
padding: 0px 0px 2px 0px;;
height: 1%;
}
/* End hide from IE-mac */


#navMajor a {color:#0055BB; text-decoration:none; margin: 2px 2px 0px 0px; border:1px solid #E7E7E7; background:#FFFFFF url(../_img/shadtop.gif)bottom repeat-x; font-weight:normal; padding: 2px 10px 2px 10px;
}

 /* End hide from IE-mac */
* html #navMajor a {color:#0055BB; text-decoration:none;
border:1px solid #E7E7E7;
back\ground:#FFFFFF url(../_img/shadtop.gif) bottom repeat-x; /* note the escape char to make IE 5 ignore this */
margin: 2px 2px 0px 0px;
font-weight:normal;
padding: 2px 10px 2px 10px; position:relative;
height:1%;
hei\ght: ;		/* note the escape char to make IE 5 ignore this */
}



#navMajor a.current {color:#666666;text-decoration:none; font-weight:bold; margin: 2px 2px 0px 0px; padding: 2px 10px 2px 10px; background: #e7e7e7;}
#navMajor a:hover {color:#FFFFFF; text-decoration:none; background: #0055BB;}
.navMinor {color:#666666; font-size: 95%; text-align:left; margin:0px; background: #e7e7e7; padding: 2px 0px 0px 9px; position:relative;}

/* Hides from IE-mac \*/
* html .navMinor {color:#666666; font-size: 95%; text-align:left; margin:0px; background: #e7e7e7; padding: 2px 0px 0px 9px; position:relative;
	height: 1%;
}
/* End hide from IE-mac */



.navMinor a {
color:#0055BB;
text-decoration:none; margin: 2px 2px 2px 0px;  font-weight:bold;position:relative; padding: 2px 0px;}
.navMinor a.current {color:#666666; text-decoration:none; font-weight:bold; background: #e7e7e7;}
.navMinor a:hover {text-decoration:underline; color: #111166;}

#crumbTrail {color:#666666; text-align:left; font-size:90%; margin:0px 6px 0px 0px; padding:0 8px 0px 0px;}
#crumbTrail a {color:#666666; text-decoration:none;}
#crumbTrail a:hover {color:#0055BB; text-decoration:underline;}

.shadowWrapLeft{width: 752px; background: #ffffff url(../_img/shadleft.gif) left repeat-y; margin:0px; padding-left:13px;}
/* Hides from IE-mac */
* html .shadowWrapLeft{width: 765px; background: #ffffff url(../_img/shadleft.gif) left repeat-y; margin:0px; padding-left:13px;}
/* End hide from IE-mac */


/* Section 10 - Main Navigation Common Asset new style */

#navMajor10 #hideAnchor10 {height: 0px; width: 0px; overflow: hidden; visibility: hidden;}

/* Hides from IE-mac \*/
* html #navMajor10 #hideAnchor10 {height: 0px; width: 0px; overflow: hidden; visibility: hidden; display: inline; disp\lay: ;}
/* End hide from IE-mac */

/* navMajor10 below - defect 299 - added min-height and overflow property to sort NetScape when Nav1 warps */
#navMajor10 {
	color:#666666;
	font-size: 95%;
	text-align:left;
	margin:0px 6px 0px -5px;
	padding: 0px;
	position:relative;
	top:0px;
     	min-height:18 px;
	overflow:hidden;
	}

	/* HTML Hack \*/
	* html #navMajor10 {
		left:-10px;
		height: 1%;
		top:4px;
		margin:-4px 6px -2px 4px;
		mar\gin:0px 6px 0px 4px;		/* note the escape char to make IE 5 ignore this */
		padding: 0px 0px 2px 0px;

	}
	/* End HTML Hack */


	#navMajor10 a {
		color:#0055BB;
		text-decoration:none;
		margin: 2px 2px 0px 0px;
		font-weight:normal;
		padding: 2px 10px 2px 10px;
		font-size:115%;
	}

	 /* HTML Hack \*/
	* html #navMajor10 a {
		position:relative;
		height:1%;
		hei\ght: ;		/* note the escape char to make IE 5 ignore this */
	}
	/* End HTML Hack */

	#navMajor10 a.current {
		color:#666666;
		text-decoration:none;
		font-size:135%;
		font-weight:bold;
		margin: 2px 2px 0px 0px;
		padding: 2px 10px 2px 10px;
		}

	#navMajorTab10 a:hover {color:#666666; text-decoration:underline;}

#navMajorTab10{
	border-color: #666666;
	border-style:solid;
	border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;
	float:left;
	}

/* defect 300 - next two are to cater for last heading tab where no right hand border wanted */
#navMajorTab10last a:hover {color:#666666; text-decoration:underline;}

#navMajorTab10last{
	border-color: #666666;
	border-style:solid;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	float:left;
	}


/* navMinor10 below - defect 299 - min-height was just height and was no overflow hidden*/

.navMinor10 {
	color:#666666;
	font-size: 95%;
	text-align:left;
	padding: 0px 0px 0px 0px;
	position:relative;
	width:770px;
	min-height:35px;
	background: url(../_img/navMinorBG.gif) bottom right no-repeat;
      overflow:hidden;
	}

	 /* HTML Hack \*/
	* html .navMinor10 {
		margin: 2px 0px 0px 0px;
	}
	/* End HTML Hack */


.navMinorTab10{
	position:relative;
      top:0px;
      height:35px;
	background: url(../_img/navMinorTabBG.gif) bottom repeat-x;
	float:left;
	}

	/* HTML Hack \*/
	* html .navMinorTab10 img{
		position:relative;
		top:3px;
	}
	/* End HTML Hack */

	.navMinorTab10 a {
		position:relative;
		top: -14px;
		color:#0055BB;
		text-decoration:none;
		padding:0px 6px 0px 6px;
		font-weight:bold;
		border:0px solid #000000;
	}
	.navMinorTab10 a,
	.navMinorTab10 a:link,
	.navMinorTab10 a:visited {
		text-decoration:none;
	}

	/* HTML Hack \*/
	* html .navMinorTab10 a{
		top: -12px;
	}
	/* End HTML Hack */

	.navMinorTab10 a.current {color:#666666; text-decoration:none; font-weight:bold;}
	.navMinorTab10 a:hover {text-decoration:underline; color: #111166;}

	/* HTML Hack \*/
	*html .navMinorTabOn10 a {
		top: -12px;
		}
	/* End HTML Hack */

	/* Defect 196 Start */
	.navMinorTabOn10 {
	position:relative;
	top:0px;
	height:35px;
	padding:0px 0px 0px 0px;
	float:left;
	background: url(../_img/navMinorTabOnBG.gif) bottom repeat-x;
	}

	/* HTML Hack \*/
	* html .navMinorTabOn10{
		top:2px;
	}
	/* End HTML Hack */

	.navMinorTabOnLink{
		position:relative;
		top:1px;
		height:35px;
		float:left;
	}

	/* HTML Hack \*/
	* html .navMinorTabOnLink{
		top:-1px;
	}
	/* End HTML Hack */

	.navMinorTabOnLink a {
		position:relative;
		top:8px;
		color:#ffffff;
		text-decoration:none;
		padding:0px 6px 0px 6px;
		font-weight:bold;
	}

	/* HTML Hack \*/
	* html .navMinorTabOnLink a{
		top:10px;
	}
	/* End HTML Hack */

	.navMinorTabOnR{
		position:relative;
		top:0px;
		width:2px;
		height:35px;
		float:left;
		background:url(../_img/navMinorTabOnR.gif) bottom repeat-x;
	}
	/* HTML Hack \*/
	* html .navMinorTabOnR{
		top:-0px;
	}
	/* End HTML Hack */

	.navMinorTabOnL{
		position:relative;
		top: 0px;
		width:2px;
		height: 35px;
		float:left;
		background: url(../_img/navMinorTabOnL.gif) bottom repeat-x;
	}
	/* HTML Hack \*/
	* html .navMinorTabOnL{
		top: -0px;
	}
	/* End HTML Hack */

	.navMinorTabOnBGL{
		position:relative;
		top:0px;
		width:7px;
		height:35px;
		float:left;
		background: url(../_img/navMinorEndOnBGL.gif) bottom repeat-x;
	}
	/* HTML Hack \*/
	* html .navMinorTabOnBGL{
		top:-0px;
	}
	/* End HTML Hack */

/* end defect 196 */


#crumbTrail10 {color:#666666; text-align:left; font-size:80%; margin:0px 6px 0px 0px; padding:8px 8px 0px 0px;}
#crumbTrail10 a {color:#666666; text-decoration:none;}
#crumbTrail10 a:hover {color:#0055BB; text-decoration:underline;}

.shadowWrapLeft10{width: 757px; margin:0px; padding-left:7px;position:relative;border-bottom:0px solid #ffffff;border:0px solid red;}

/* Hides from IE-mac */
* html .shadowWrapLeft10{width: 757px; margin:0px; padding-left:7px;position:relative;}
/* End hide from IE-mac */


/* Section 4*/

#footer {color:#666666; text-align:left; font-size:80%; margin:0px 0px 0px 0px; background: #e7e7e7; padding: 2px 10px 2px 180px;}
/* Hides from IE-mac \*/
* html #footer{color:#666666; text-align:left; font-size:80%; margin:0px 0px 0px 0px; background: #e7e7e7; padding: 2px 10px 2px 180px;
	height: 1%;}
/* End hide from IE-mac */

#footerShad{margin:0px; height:20px; background: #FFFFFF url(../_img/shadbase.gif) top repeat-x; padding:0px;}

#smallprint{
	color:#666666;
	text-align:left;
	font-size:80%;background:#F0F0F0;
	padding:3px 5px 3px 180px;
	border-top:1px solid #FFFFFF
}
/* Hides from IE-mac \*/
* html #smallprint{
	color:#666666;
	text-align:left;
	font-size:80%;background:#F0F0F0;
	padding:6px 10px 6px 180px;
	height:1%;
}
/* End hide from IE-mac */

/* END - COMMON ASSETS CSS STYLES */


#ibBlock{
	background:#55bb11;
	color:#FFFFFF;
	margin:0px;
	border-bottom:2px solid #FFFFFF;
	position:relative;
	padding: 3px 3px 3px 8px;
	font-size:100%;
	font-weight:bold;
}
#ibBlock h2 {color:#FFFFFF; margin:0px;}

#ibBlock a{color:#ffffff; font-weight:bold; text-decoration:underline; font-size:100%;}
#ibBlock img{color:#ffffff; margin: 6px 3px 2px 10px; font-weight:bold; text-decoration:underline; font-size:100%;}
#ibBlock a:hover{color:#111166;}

#ibBlock .majorBut a { color:#FFFFFF; text-decoration:none; display:block;  background:#0055BB; padding:2px; margin:4px 10px; text-align:center; border-top:1px solid #6DA0D0; border-left:1px solid #6DA0D0;  border-bottom:1px solid #1D3C59; border-right:1px solid #1D3C59;}
#ibBlock .majorBut a:hover { text-decoration:underline; color:#FFFFFF;}

#ibBlock .majorButSec a { color:#0055BB; text-decoration:none; display:block; background:#CCCCCC; padding:2px; margin:4px 10px; text-align:center; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0;  border-bottom:1px solid #666666; border-right:1px solid #666666;}
#ibBlock .majorButSec a:hover { text-decoration:underline; color:#0055BB;}

#ibBlock b{ margin: 20px 3px 20px -2px; margin:0px; color:#ffffff; font-size:120%;}


.clearer{clear:both;height:0px;line-height:0px;}


.noShadowWrapLeft{width:752; background: #ffffff; margin:0px; padding-left:13px;position:relative;border:black solid 0px;}
/* Hides from IE-mac */
* html .noShadowWrapLeft{width:765; background: #ffffff; margin:0px; padding-left:13px;position:relative;}
/* End hide from IE-mac */

.noShadowWrapRight{background: #ffffff; margin:0px; padding-left:6px;position:relative;}

.shadowWrapRight{background: #ffffff url(../_img/shadright.gif) right repeat-y;width: 765px;}

.shadowWrapLeftb{width: 752px; background: #ffffff url(../_img/shadbase_l.gif) left repeat-y; margin:0px; padding-left:13px;position:relative;}
/* Hides from IE-mac */
* html .shadowWrapLeftb{width: 765px; background: #ffffff url(../_img/style/shadbase_l.gif) left repeat-y; margin:0px; padding-left:13px;position:relative;}
/* End hide from IE-mac */

.shadowWrapRightb{background: #ffffff url(../_img/shadbase_r.gif) right repeat-y; margin:0px; padding-right:6px;position:relative;}

form{margin:0px; padding:0px;position:relative;}
#solutionsDrop {width:10em;}


#IBAccounts{
	background:#8FABC7;
	padding:8px;
	margin:8px 0px 0px 0px;
}

#IBAccounts img{
	margin:8px 0px 0px 0px;
}

#IBAccountsTitle h2{
	font-size:135%;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	border:0px solid red;
}

#IBAccountsLink{
	margin:8px 0px 0px 0px;
}

#IBAccountsLink a{
	font-family:arial;
	font-size:100%;
	font-weight:bold;
	color:#ffffff;
}
#IBAccountsLink a:hover{color:#111166;}

/* BB17 add .xxside class so can have look-a-like headings without real heading tags */

#ibBlock .h2side {color:#FFFFFF; margin:0px; font-weight:bold; border:0px solid #000000;}

#IBAccountsTitle .h2side{
	font-size:135%;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	border:0px solid red;
}

#sideNavBlock .h3side {color:#666666; margin:0px 0px 0px 0px; padding: 8px 0px 4px 8px; font-weight:bold;}

/* end BB17 */




/* ---------------------------  section8 style for 2118 - moved from homepage css ----------------------------------- */
#borderR{
	border-right:1px solid #E2E2E2;
	background:#F8F8F8;
	}

#productFinder{
	padding:8px 0px 8px 8px;
	background:#F8F8F8;
	border:0px solid #000000;
}

#productFinderTitle h2{
	font-size:135%;
	font-weight:bold;
	color:#888888;
	margin:3px 0px 6px 0px;
	border:0px solid #000000;
	}

#productFinderDrop{
	color:#666666;
	font-size:100%;
	width:125px;
	margin:0px 0px 3px 0px;
}

#productFinder	img{
	position:relative;
	top:1px;
	left:-3px;
}

#usefulInfo{
	border:0px solid #000000;
	padding:8px;
	background:#F8F8F8;
}

#usefulInfo a{line-height:135%;}

#usefulInfoTitle h2{
	font-size:135%;
	font-weight:bold;
	color:#888888;
	margin:3px 0px 3px 0px;
	border:0px solid #000000;
}

#yourAccounts{
	background:#8FABC7 url(../_img/YourAccountsBG.gif) top repeat-x;
	padding:8px;
}

#yourAccounts img{
	margin:8px 0px 0px 0px;
}

#yourAccountsTitle h2{
	font-size:135%;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	border:0px solid #000000;
}

#yourAccountsLink{
	margin:8px 0px 0px 0px;
}

#yourAccountsLink a{
	font-size:100%;
	font-weight:bold;
	color:#ffffff;
}
#yourAccountsLink a:hover{color:#111166;}

#helpCentre{
	padding:8px 8px 18px 8px;
	background:#F8F8F8;
}

#helpCentre img{
	position:relative;
	top:4px;
	margin:0px 8px 0px 3px;
}

#helpCentre a{}

#helpCentreTitle h2{
	font-size:135%;
	font-weight:bold;
	color:#888888;
	margin:3px 0px 2px 0px;
	border:0px solid #000000;
}

#rightImage{
	background:#F8F8F8;
	padding:8px;
}

#branchLocator{
	color:#666666;
	font-size:100%;
	padding:8px;
	margin:0px;
	border-bottom:0px solid #FFFFFF;
	position:relative;
	background:#F8F8F8;
}

	#branchLocator h2{
	color:#888888;
	font-size:135%;
	margin:3px 0px 2px 0px;
	border:0px solid #000000;
	}

/* BB17 add .xxside class so can have look-a-like headings without real heading tags */

#productFinderTitle .h2side{
	font-size:135%;
	font-weight:bold;
	color:#888888;
	margin:3px 0px 6px 0px;
	border:0px solid #000000;
}

#usefulInfoTitle .h2side{
	font-size:135%;
	font-weight:bold;
	color:#888888;
	margin:3px 0px 3px 0px;
	border:0px solid #000000;
}

#yourAccountsTitle .h2side{
	font-size:135%;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	border:0px solid #000000;
}

#helpCentreTitle .h2side{
	font-size:135%;
	font-weight:bold;
	color:#888888;
	margin:3px 0px 2px 0px;
	border:0px solid #000000;
}

#branchLocator .h2side{
	color:#888888;
	font-size:135%;
	margin:3px 0px 2px 0px;
	font-weight:bold;
	border:0px solid #000000;
}

/* end BB17 */
/* -------------------------------------------------------------- */

#basefooter {
	width: 759px;
	background: #eaeaea;
	margin: 0;
	padding: 0;
	padding: 30px 0px 40px 0px;
	margin-bottom: 0;

}

#basefooter p {
	padding-left: 30px;
	color:#666666;
}

#basefooter a:link {
	color: #666666;
	text-decoration: none;
}

#basefooter a:visited {
	color: #666666;
	text-decoration: none;
}

#basefooter a:hover {
	color: #666666;
	text-decoration: underline;
}

#basefooter a:active {
	color: #666666;
	text-decoration: none;
}


#mainPanel #headline {
	margin-top: 20px;
}
#mainPanel #subheadline {
	margin-top: 0px;
}
#mainPanel #headline img {
	margin-bottom: 5px;
}
#mainPanel h1 {
	margin:0px;
	padding:8px 8px 4px 0px;
	font-weight:bold;
	font-size:150%;
	text-decoration:none;
	color:#82c75a;
}

#mainPanel #headline p {
	margin-right: 250px;
	margin-top: 0;
	margin-bottom: 0;
}

#mainPanel #headlineimage {
	float: right;
	width:169px;
	height: 198px;
	margin-right:0;
}

#mainPanel #rewardimage {
	float: right;
	width:63px;
	height: 188px;
	margin-right:30px;
}
#mainPanel #flavoursimage {
	float: right;
	width:120px;
	height: 204px;
	margin-right:0;
}

#mainPanel #aboutimage {
	float: right;
	width:200px;
	height: 203px;
	margin-right:0px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#mainPanel .intro {
	font-size: 1.2em;
	color: #333;
}
.bbHighlight {
	color: #82c75a;
}

#mainPanel .intro .advisor {
	color: #82c75a;
}

#mainPanel p {
	padding-right: 60px;
	color: #333;
}