/* 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%;}


#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(/media/images/style/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;
	width:746px;
	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(/media/images/style/shadtop.gif); height: 3px; overflow: hidden;}

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


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


/* Section 1*/
/* MB 2163 possibly not needed */
#brand {margin:0px 0px 9px -8px;}

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

#brand10 img {float:left}


/* Section 2 - Top Nav Common Asset */
#globalNav {text-decoration:none; color:#666666; text-align:right; font-size:80%; margin:7px 6px 0px 0px; float:right;}
#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(../../media/images/style/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(../../media/images/style/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;
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(../../media/images/style/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(../../media/images/style/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:80%; margin:0px 6px 0px 0px; padding:8px 8px 0px 0px;}
#crumbTrail a {color:#666666; text-decoration:none;}
#crumbTrail a:hover {color:#0055BB; text-decoration:underline;}

.shadowWrapLeft{width: 752px; background: #ffffff url(/media/images/style/shadleft.gif) left repeat-y; margin:0px; padding-left:13px;position:relative;}
/* Hides from IE-mac */
* html .shadowWrapLeft{width: 765px; background: #ffffff url(/media/images/style/shadleft.gif) left repeat-y; margin:0px; padding-left:13px;position:relative;}
/* 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-left: 6px;
	position:relative;
  min-height:18 px;
	overflow:hidden;
	}

		#navMajor10 a:hover {
		text-decoration:underline;

	}

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

	}
	/* End HTML Hack */


	#navMajor10 a {
		color:#000000;
		text-decoration:none;
		margin: 2px 2px 0px 0px;
		font-weight:normal;
		padding: 2px 5px 2px 5px;
		font-size:1.35em;
	}

	 /* 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:#ffffff;
		text-decoration:none;
		font-size:1.35em;
		}

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



  #footer_links
  {
    margin-left:12px;
    text-align:center;
    width:746;
  }
  
  #footer_links a
  {
    text-decoration:none;
    color:#0054a6;
  }
  
  #footer_links a:hover
  {
    text-decoration:underline;
  }
  .logo_links_header
  {
    margin-top:20px;
    margin-bottom:15px;
  }


  /* main navigation styles */
  .main_nav_left_shadow
  {
    width:5px;
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_shadow_major_tab_l.gif) no-repeat;
  }

  .main_nav_selected_left
  {
    position:relative;
    width:5px;
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_selected_major_tab_l.gif);
  }
  
  .main_nav_selected_middle
  {
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_selected_major_tab_m.gif) bottom repeat-x;
  }
  
  .main_nav_selected_right
  {
    width:6px;
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_selected_major_tab_r.gif) no-repeat;
  }

  .main_nav_unselected_left
  {
    position:relative;
    width:5px;
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_unselected_major_tab_l.gif);
  }
  
  .main_nav_unselected_middle
  {
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_unselected_major_tab_m.gif) bottom repeat-x;
  }
  
  .main_nav_unselected_right
  {
    width:6px;
    height:29px;
    float:left;
    background:url(/media/homepage_images/new_unselected_major_tab_r.gif) no-repeat;
  }

  /* main navigation styles end */

  /* sub main navigation styles */
  #sub_nav_top
  {
    padding:0px;
    position:relative;
    width:750;
    height:9px;
    background: url(/media/homepage_images/new_selected_major_tab_top.gif) left no-repeat;
    font-size:1px;
  }

  #sub_nav
  {
    font-size: 95%;
  	text-align:left;
  	padding: 0px;
  	position:relative;
  	width:746;
  	min-height:26px;
  	background: url(/media/homepage_images/new_unselected_minor_tab_m.gif) top repeat-x;
  }

  #sub_nav_unselected
  {
    position:relative;
    top:0px;
    height:26px;
    float:left;
    font-size:1.05em;
  }

  .sub_nav_unselected_padding
  {
    padding:5px 5px 0px 5px;
  }
    
  #sub_nav_unselected a
  {
    color:white;
    padding:0px 3px 0px 3px;
		text-decoration:none;
  }
  
  #sub_nav_unselected a:hover
  {
    color:white;
    padding:0px 3px 0px 3px;
    text-decoration:underline;
  }
  
  #sub_nav_selected
  {
    position:relative;
    top:0px;
    height:26px;
    float:left;
    font-size:1.05em;
    background:white;
  }
.sub_nav_selected_left
  {
    position:relative;
    float:left;
    height:20px;
    width:3px;
    background: url(/media/homepage_images/new_selected_minor_tab_l.gif);
  }
  
  .sub_nav_selected_right
  {
    position:relative;
    float:left;
    height:20px;
    width:3px;
    background: url(/media/homepage_images/new_selected_minor_tab_r.gif);
  }
  
  .sub_nav_selected_middle
  {
    position:relative;
    float:left;
    height:20px;
    padding-top:5px;

  }
  
  #sub_nav_selected a
  {
    color:black;
    padding:0px 3px 0px 3px;
		text-decoration:none;
  }
  
  #sub_nav_selected a:hover
  {
    color:black;
    padding:0px 3px 0px 3px;
    text-decoration:underline;
  }
  /* sub main navigation styles end */

#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}




/* 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:15px; background: #FFFFFF url(/media/images/style/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{float:none;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{border:solid 0px red;background: #ffffff url(/media/images/style/shadright.gif) right repeat-y; margin:0px; padding-right:6px;}

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

.shadowWrapRightb{background: #ffffff url(/media/images/style/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(/media/homepage_images/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;
	xborder: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 */
/* -------------------------------------------------------------- */
/* BB43 */

.clearDivs
{
  clear:both;
}

#hide_span
{
  visibility: hidden;
}

#sec_float1
{
  float:left;
}

.noDisplay_generic
{
  display:none;
}

.mainNav_text_margin
{
  margin-top:5px;
}

.mainNav_text_margin b
{
    color:#000000;
		text-decoration:none;
		margin: 2px 2px 0px 0px;
		font-weight:normal;
		padding: 2px 5px 2px 5px;
		font-size:1.35em;
  
}

.indent_style_div
{
  width:5px;
  float:left;
}


#leftNav ul
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style:none;
}
  
#leftNav ul li
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style:none;
}


#usefulInfo ul 
{ 
	margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style:none;
}

#usefulInfo ul li
{ 
	margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style:none;
}
.shadowWrapLeft_greenbar{width: 752px; background: #ffffff url(/media/images/style/shadleft.gif) left repeat-y; margin:0px; padding-left:13px;position:relative;}
* html .shadowWrapLeft_greenbar{width: 765px; background: #ffffff url(/media/images/style/shadleft.gif) left repeat-y; margin:0px; padding-left:12px;position:relative;}
/* End hide from IE-mac */

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

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

.page_header_call_movement
{
  position:absolute;
  top:1px;
  left:0px;
}

.page_header_call_movement_preview
{
  position:absolute;
  top:40px;
  left:0px;
}

* html .page_header_call_movement_preview
{
  position:absolute;
  top:38px;
  left:0px;
}

.logo_margin
{
  margin:10px 0px 10px 0px;
}

/* BB43 */