@import url(generic.css);

/*
 * Site Layout Styles
 */

/***
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#00aeef));
background: -moz-linear-gradient(#ffffff, #00aeef);
background: linear-gradient(#ffffff, #00aeef);
-pie-background: linear-gradient(#ffffff, #00aeef);

-webkit-box-shadow: #666 0px 1px 1px;
-moz-box-shadow: #666 0px 1px 1px;
box-shadow: #666 0px 1px 1px;

behavior: url(/css/PIE-1.0beta2/PIE_uncompressed.htc);
***/

body {
  background: #fdfefe url(../images/body-bg.png) top left repeat-x;
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
}
body .hidden {
  position: absolute;
  left: -9999px;
}
body img {
  display: block;
}
body a {
  color: #003466;
}
body a:hover {
  text-decoration: underline;
}

body a.bold {
  font-weight: bold;
}


/*
 * 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(../images/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(../images/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;
}


/*
 * Button Colours
 */
span.orange-34px {
  background: url(../images/button-orange-span-bg-34px.gif) right no-repeat;
}
span.orange-34px a {
  background: url(../images/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: inline-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(../images/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(../images/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;
/*
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
*/
}
div#section-tabs ul li#business {
  background: url(../images/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(../images/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;
/*
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
*/
}
div#section-tabs ul li#capital-markets {
  background: url(../images/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#capital-markets-selected {
  background: url(../images/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;
/*
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
*/
}
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%;
}
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(../images/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(../images/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 img#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;
  clear: left;
  background: url(../images/main-nav-bg.png) top left no-repeat;
  margin: 1px 0 10px 0;
  height: 48px;
}
div#main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
}
div#main-nav ul li {
  font-size: 1em;
  background: url(../images/main-nav-li-bg.png) left no-repeat;
  float: left;
  overflow: hidden;
}
div#main-nav ul li.first {
  background: none;
}
div#main-nav ul li a {
  display: block;
  text-decoration: none;
  color: #003366;
  font-weight: bold;
}
div#main-nav ul li a:hover {
  text-decoration: underline;
}
div#main-nav ul li a.selected {
  text-decoration: underline;
  /*background: url(../images/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(../images/new-window-icon.gif) 9px 52% no-repeat;
}
*/
div#main-nav ul li a span {
  display: block;
  /* padding: 18px 6px 15px 8px; */
  padding: 18px 4px 15px 8px;
}
div#main-nav ul li a.selected span {
  /*background: url(../images/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(../images/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 {
  background: #fff;
  float: left;
  overflow: hidden;
  margin: 0 10px 10px 0;
  width: 200px;
}
div#left-column h2#left-menu-title {
  background: #bedaed url(../images/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 {
  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(../images/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(../images/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(../images/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(../images/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(../images/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 div.error-box {
	color:#CC0000;
	display:block;
	padding:0px 5px;
	border:1px dotted #D0767D;
	background-color:#FCF2F2;
	margin-bottom:5px;
	line-height:24px;
}


/*
 * 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(../images/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(../images/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;
}