@import url(/css/generic.css);

/*
 * Site Layout Styles
 */

body {
  background: #fdfefe url(/img/body-bg.png) top left repeat-x;
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
}
body.nobg {
  background: #ffffff !important;
}

body .hidden {
  position: absolute;
  left: -9999px;
}
body .hiddenprint {
  display: none;
}
body img {
  display: block;
}
body a {
  color: #003466;
}
body a:hover {
  text-decoration: underline;
}

body a.bold {
  font-weight: bold;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}


/*
 * Buttons
 *<a href="/" title="Find out more" class="button">Find out more<span>&nbsp;</span></a>
 */
a.button {
  text-decoration: none;
  text-shadow: 0px 1px 1px #555;
  background: url(/img/button-orange-a-bg-34px.gif);
  color: #ffffff;
  float: left;
  display: block;
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 1.273em;
  font-family: helvetica, tahoma, arial, sans serif;
  width: auto;
}
a.button span {
  cursor: pointer;
  background: url(/img/button-orange-span-bg-34px.gif) right no-repeat;
  display: block;
  float: left;
  padding-right: 40px;
  height: 34px;
  line-height: 32px;
  font-weight: bold;
  color: #fff;
  width: 142px;
  w\idth: 102px;
}
a.button:hover span {
  text-decoration: underline;
}

a.primary-promo-orange-button {
  text-decoration: none;
  text-shadow: 0px 1px 1px #555;
  background: url(/img/button-orange-bg-40x34px.png) 100% 0 no-repeat;
  float: right;
  margin: 0 0 0 15px;
  padding: 0 40px 0 0;
  font-size: 1.273em;
  font-family: helvetica, tahoma, arial, sans serif;
}
a.primary-promo-orange-button span {
  cursor: pointer;
  background: url(/img/button-orange-bg-358x34px.png) 0 0 no-repeat;
  display: block;
  padding: 0 0 0 10px;
  line-height: 32px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}
a.primary-promo-orange-button:hover {
  color: #fff;
}
a.primary-promo-blue-button {
  text-decoration: none;
  background: url(/img/button-blue-bg-40x34px.png) 100% 0 no-repeat;
  float: right;
  margin: 0 0 0 15px;
  padding: 0 35px 0 0;
  font-size: 1.273em;
  font-family: helvetica, tahoma, arial, sans serif;
}
a.primary-promo-blue-button span {
  cursor: pointer;
  background: url(/img/button-blue-bg-358x34px.png) 0 0 no-repeat;
  display: block;
  padding: 0 0 0 10px;
  line-height: 32px;
  font-weight: bold;
  overflow: hidden;
}


input.orange-button-small {
  white-space: nowrap;
  background:  url(/img/small-orange-button.png) 100% 50% no-repeat;
  border: none;
  text-shadow: none;
  text-decoration: none;
  font-size: 1.273em;
  font-weight: bold;
  color: #036;
  font-family: helvetica, tahoma, arial, sans serif;
  margin: 0;
  padding: 0 35px 0 0;
  width: auto;
  height: 27px;
}
input.orange-button-small:hover {
  cursor: pointer;
  text-decoration: underline;
}


/*
 * Button Colours
 */
span.orange-34px {
  background: url(/img/button-orange-span-bg-34px.gif) right no-repeat;
}
span.orange-34px a {
  background: url(/img/button-orange-a-bg-34px.gif) no-repeat;
  color: #fff;
}


div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 950px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header {
  display: block;
  width: 100%;
  overflow: visible;
}
div#header div#logo-section-tabs {
  float: left;
}
div#logo-section-tabs div#logo {
  float: left;
  padding: 0 0 0 23px;
}
div#logo-section-tabs div#section-tabs {
  float: left;
  clear: left;
}
div#section-tabs ul {
  list-style: none;
  margin: 0;
  padding: 8px 0 0 0;
}
div#section-tabs ul li {
  float: left;
  text-align: center;
  font-size: 1.273em;
  margin: 0 3px 0 0;
}
div#section-tabs ul li.last {
  margin: 0;
}
div#section-tabs ul li#personal {
  background: url(/img/section-tabs-ul-li-bg.png) top left no-repeat;
  margin-top: 10px;
  padding-top: 5px;
  width: 116px;
  height: 21px;
}
div#section-tabs ul li#personal-selected {
  background: url(/img/section-tabs-ul-li-bg-selected.png) top left repeat-x;
  font-size: 1.545em;
  font-weight: bold;
  padding-top: 6px;
  width: 144px;
  height: 30px;
  color: #036;
}
div#section-tabs ul li#business {
  background: url(/img/section-tabs-ul-li-bg.png) top left no-repeat;
  margin-top: 10px;
  padding-top: 5px;
  width: 116px;
  height: 21px;
}
div#section-tabs ul li#business-selected {
  background: url(/img/section-tabs-ul-li-bg-selected.png) top left repeat-x;
  font-size: 1.545em;
  font-weight: bold;
  padding-top: 6px;
  width: 144px;
  height: 30px;
  color: #036;
}
div#section-tabs ul li.main,
div#section-tabs ul li#capital-markets {
  background: url(/img/section-tabs-ul-li-capital-markets-bg.png) top left no-repeat;
  margin-top: 10px;
  padding-top: 5px;
  width: 179px;
  height: 21px;
}
div#section-tabs ul li#corporate {
  background: url(/img/section-tabs-ul-li-bg.png) top left no-repeat;
  margin-top: 10px;
  padding-top: 5px;
  width: 116px;
  height: 21px;
}
div#section-tabs ul li.main {
  background: url(/img/section-tabs-ul-li-generic-bg.png) top left no-repeat;
  width: auto !important;
  height: auto !important;
  padding: 0;
  overflow: hidden;
}
div#section-tabs ul li.main a {
  background: url(/img/section-tabs-ul-li-generic-a-bg.png) top right no-repeat;
  display: block;
  padding: 5px 20px 0 20px;
  height: 21px;
}
div#section-tabs ul li.main-selected,
div#section-tabs ul li#capital-markets-selected {
  background: url(/img/section-tabs-ul-li-capital-markets-bg-selected.png) top left repeat-x;
  font-size: 1.545em;
  font-weight: bold;
  padding-top: 6px;
  width: 205px;
  height: 30px;
  color: #036;
}
div#section-tabs ul li.main-selected {
  background: url(/img/section-tabs-ul-li-generic-selected-bg.png) top left repeat-x;
  padding: 0;
  height: 36px;
  width: auto !important;
}
div#section-tabs ul li.main-selected a {
  display: block;
  background: url(/img/section-tabs-ul-li-generic-a-selected-bg.png) top right no-repeat;
  padding: 6px 20px 0 20px;
}
div#section-tabs ul li a {
  text-decoration: none;
  color: #000;
}
div#section-tabs ul li a:hover {
  text-decoration: underline;
}
div#section-tabs ul li a.selected {
  color: #036;
  font-weight: bold;
}


div#header div#top-nav-search-regions {
  float: right;
  width: 505px;
}
div#top-nav-search-regions div#top-nav {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 20px 0 0 0;
}
div#top-nav ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
div#top-nav ul li {
  float: left;
  border-left: 1px solid #fff;
  padding: 0 5px 0 0;
  height: 1.4em;
}
div#top-nav ul li.first {
  border: none;
}
div#top-nav ul li.last {
  padding: 0;
}
div#top-nav ul li a {
  text-decoration: none;
  color: #fff;
  padding: 0 0 0 7px;
}
div#top-nav ul li a:hover {
  text-decoration: underline;
}
div#top-nav-search-regions div#search-regions {
  position: relative;
  float: right;
  padding: 15px 0 0 0;
}
div#search-regions div#search {
  background: url(/img/search-bg.png) top left no-repeat;
  float: left;
  width: 270px;
  height: 36px;
  margin: 0 3px 0 0;
}
div#search form#search-form {
  margin: 0;
  padding: 0 0 0 12px;
}
div#search form#search-form div.field {
  float: left;
  margin: 0;
  padding: 6px 0 0 0;
}
div#search form#search-form input.text {
  border: 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 1.182em;
  font-weight: bold;
  color: #222;
  margin: 2px 0 0 0;
  padding: 1px 2px 1px 6px;
  width: 200px;
}
div#search form#search-form input#search-button {
  margin-left: 12px;
}
div#search-regions div#regions {
  background: url(/img/jurisdiction-bg.png) top left no-repeat;
  float: left;
  width: 132px;
  height: 36px;

}
div#regions p {
  font-size: 1em;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  color: #222;
  float: left;
  margin: 0;
  padding: 12px 0 0 10px;
}
div#regions a#region-button {
  float: right;
}
div#search-regions div#region-selection {
  position: absolute;
  right: 2px;
  top: 46px;
  border: 1px solid #c5c5c5;
  background: #c5c5c5;
  z-index: 9;
  width: 126px;

  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c5c5c5), to(#fff));
  background: -moz-linear-gradient(#c5c5c5, #fff);
  background: linear-gradient(#c5c5c5, #fff);
}
div#region-selection ul {
  list-style: none;
  margin: 0;
  padding: 10px 10px 0 10px;
}
div#region-selection ul li {
  margin: 0;
  padding: 0 0 10px 0;
}
div#region-selection ul li a {
  font-size: 1em;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  color: #222;
  margin: 0;
  padding: 0;
}



/*
 * Main Nav
 */
div#site-container div#main-nav {
  overflow: hidden;
  background: url(/img/main-nav-bg.png) top left no-repeat;
  margin: 0 0 10px 0;
  height: 48px;
  clear: left;
}
div#main-nav ul {
  list-style: none;
  margin: 0;
  padding: 2px 0 2px 15px;
  overflow:  hidden;
}
div#main-nav ul li {
  font-size: 1em;
  background: url(/img/main-nav-li-bg.png) left no-repeat;
  float: left;
}
div#main-nav ul li.first {
  background: none;
}
div#main-nav ul li a {
  text-decoration: none;
  color: #003366;
  font-weight: bold;
  padding: 16px 6px 13px 8px;
  display: block;
}
div#main-nav ul li a:active,
div#main-nav ul li a:hover,
div#main-nav ul li a:focus {
  text-decoration: underline;
}
div#main-nav ul li a.selected {
  text-decoration: underline;
  /*background: url(/img/main-nav-li-a-selected-bg.png) 2px no-repeat;*/
}
div#main-nav ul li a.last {
  background: none;
}
/*
div#main-nav ul li a.new-window-icon {
  padding-left: 14px;
  background: url(/img/new-window-icon.gif) 9px 52% no-repeat;
}
*/
div#main-nav ul li a span {
  /* padding: 18px 6px 15px 8px; */
  /* padding: 18px 4px 15px 8px; */
}
div#main-nav ul li a.selected span {
  /*background: url(/img/main-nav-li-a-selected-span-bg.png) right no-repeat;*/
}

/*
 * Breadcrumbs
 */
div#site-container div#breadcrumbs {
  overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0 20px 0 20px;
}
div#breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#breadcrumbs ul li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
div#breadcrumbs ul li a {
  background: url(/img/breadcrumbs-ul-li-bg.jpg) right no-repeat;
  padding: 0 15px 0 0;
}



/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
}


/*
 * Left Column
 */

div#page-content div#left-column {

  float: left;
  overflow: hidden;
  margin: 0 10px 10px 0;
  width: 200px;
}
div#left-column h2#left-menu-title {
  background: #bedaed url(/img/white-to-blue-gradient-bg.png) top left repeat-x;
  margin: 0 0 0 0;
  padding: 10px 15px 6px 16px;
  font-family: helvetica, tahoma, arial, sans serif;
  font-size: 1.545em;
  color: #222;
}
div#left-column ul#left-menu,
div#left-column ul#left-additional-menu {
  background: #fff;
  list-style: none;
  border-top: 3px solid #bedaed;
  border-right: 1px solid #d8e2eb;
  border-left: 1px solid #d8e2eb;
  margin: 0 0 0 0;
  padding: 10px 0 2px 0;
  font-size: 1.091em;
  overflow: hidden;
}
ul#left-menu li,
ul#left-additional-menu li  {
  margin: 0;
  padding: 3px 0 3px 0;
}
ul#left-menu li.selected,
ul#left-additional-menu li.selected {
  background: #f0f7fd;
}
ul#left-menu li a,
ul#left-additional-menu li a {
  text-decoration: none;
  color: #00436e;
  display: block;
  margin: 0;
  padding: 0 5px 0 30px;
}
ul#left-menu li a,
ul#left-additional-menu li a {
  background: url(/img/left-menu-li-a-bg.gif) top left no-repeat;
}
/*
ul#left-menu li a.new-window-icon,
ul#left-additional-menu li a.new-window-icon {
  background: url(/img/new-window-icon2.gif) 2% 0% no-repeat;
}
*/
ul#left-menu li a:hover,
ul#left-additional-menu li a:hover {
  text-decoration: underline;
}
ul#left-menu li.has-children-selected a,
ul#left-additional-menu li.has-children-selected a {
  background: url(/img/left-menu-li-a-selected-bg.gif) top left no-repeat;
}
ul#left-menu ul,
ul#left-additional-menu ul {
  list-style: none;
  margin: 2px 0 0 0;
  padding: 0;
}
ul#left-menu li.has-children-selected li a,
ul#left-additional-menu li.has-children-selected li a {
  background: none;
  margin: 0;
  padding: 0 0 0 40px;
}
ul#left-menu li.has-children-selected li a.selected,
ul#left-additional-menu li.has-children-selected li a.selected {
  background: #f0f7fd;
  font-weight: bold;
  margin: -3px 0 -3px 0;
  padding: 3px 0 3px 40px;
}
ul#left-menu ul ul,
ul#left-additional-menu ul ul {
  background: #fff;
  margin: 3px 0 0 0;
  padding: 0 0 2px 0;
}
ul#left-menu li.has-children-selected li.has-children-selected,
ul#left-additional-menu li.has-children-selected li.has-children-selected {
  background: #f0f7fd;
  font-weight: bold;
  margin: 0 0 2px 0;
  padding: 3px 0 0 0;
}
ul#left-menu li.has-children-selected li.has-children-selected li,
ul#left-additional-menu li.has-children-selected li.has-children-selected li {
  background: #fff;
  font-weight: normal;
  margin: 0;
  padding: 2px 0 0 10px;
}
ul#left-menu li.has-children-selected li.has-children-selected li a.selected,
ul#left-additional-menu li.has-children-selected li.has-children-selected li a.selected {
  background: #fff;
  font-weight: normal;
  text-decoration: underline;
}
div.panel-footer-curved,
div.stand-alone-panel-footer-curved {
  background: transparent url(/img/panel-footer-bg.gif) 0 100% no-repeat;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 200px;
  height: 10px;
  line-height: 10px;
}
div.stand-alone-panel-footer-curved {
  margin: 0 0 10px 0;
}
div.panel-footer-curved-wide {
  background: transparent url(/img/panel-footer-wide-bg.gif) 0 100% no-repeat;
  margin: 0 0 10px 0;
  overflow: hidden;
  line-height: 10px;
  height: 10px;
}
div.panel-footer-plain {
  background: #fff;
  border-right: 1px solid #d8e2eb;
  border-left: 1px solid #d8e2eb;
  overflow: hidden;
  height: 10px;
}



/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  overflow: hidden;
}
div#centre-column h1#page-title {
  border-bottom: 1px solid #dddddd;
  color: #003366;
  margin: 0 0 20px 0;
  padding: 16px 0 16px 0;
  font-family: helvetica, tahoma, arial, sans serif;
  font-size: 2.545em;
  background-position: 0 3px;
}
div#centre-column h1#page-title-small {
  border-bottom: 1px solid #dddddd;
  color: #003366;
  margin: 0 0 20px 0;
  padding: 10px 0 7px 0;
  font-family: helvetica, tahoma, arial, sans serif;
  font-size: 2.045em;
  background-position: 0 3px;
  line-height: 1.4em;
}
div#centre-column div.error-box {
	color:#CC0000;
	display:block;
	padding:0px 5px;
	border:1px dotted #D0767D;
	background-color:#FCF2F2;
	margin-bottom:5px;
	line-height:24px;
}

/*
 * Call To Action Bars
 */

div#call-to-action-bars-box {
  padding: 10px 0 10px 0;
  clear: both;
  width: 100%;
  overflow: hidden;
}
div#call-to-action-bars-box div.call-to-action-bar {
  background: transparent url(/img/call-to-action-bar-bg-01.png) 0 0 no-repeat;
  width: 709px;
  height: 43px;
}
div.call-to-action-bar div.call-to-action-bar-text {
  color: #003366;
  font-family: helvetica, tahoma, arial, sans serif;
  font-size: 1.455em;
  font-weight: bold;
  padding: 11px 10px 10px 12px;
  float: left;
}
div.call-to-action-bar div.call-to-action-bar-text span.orange {
  color: #eb6913;
}
div.call-to-action-bar div.call-to-action-bar-text span.blue {
  color: #036;
}
div.call-to-action-bar div.call-to-action-bar-buttons {
  padding: 5px 6px 0 6px;
  float: right;
}

/*
 * Right Column
 */

div#page-content div#right-column {
  float: left;
  margin-left: 6px;
  overflow: hidden;
}


/*
 * Footer
 */

div#site-container div#footer {
  overflow: hidden;
  color: #555;
}
div#footer div#copyright-links {
  padding: 0 20px 0 20px;
}
div#footer div#copyright-links p {
  float: left;
  margin-right: 10px;
}
div#copyright-links ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
div#copyright-links ul li {
  border-right: 1px solid #555;
  float: left;
  padding: 0 7px 0 0;
}
div#copyright-links ul li.last {
  border: none;
}
div#copyright-links ul li a {
  color: #555;
  padding: 0 0 0 7px;
  text-decoration: underline;
}
div#copyright-links ul li a:hover {
  text-decoration: none;
}

div#footer div#terms-and-conditions {
  clear: both;
  margin: 0 0 20px 0;
  padding: 0 20px 0 20px;
}

div#footer div#other-boi-websites-outter {
  background: #f2faff url(/img/other-boi-websites-top.gif) 0 0 no-repeat;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  overflow: hidden;
  width: 100%;
}
div#other-boi-websites-outter div#other-boi-websites-inner {
  background: #f2faff url(/img/other-boi-websites-bottom.gif) 0 100% no-repeat;
  padding: 0 0 10px 0;
  overflow: hidden;
  width: 100%;
}
div#other-boi-websites-inner div#other-boi-websites-contents {
  background: #f2faff;
  border-right: 1px solid #dfe8ed;
  border-left: 1px solid #dfe8ed;
  color: #555555;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
  width: 948px;
  w\idth: 908px;
}
div#other-boi-websites-contents p {
  font-weight: bold;
}
div#other-boi-websites-contents ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#other-boi-websites-contents ul li {
  float: left;
  margin: 0 0 5px 0;
  width: 225px;
}
div#other-boi-websites-contents ul li a {
  text-decoration: none;
  color: #555555;
}



/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}