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

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  color: #fff;
  font-family: arial, helvetica, sans-serif;
  background: #005480 url(/img/body-bg.gif) repeat-x bottom left;
  background-attachment: fixed;
}
body h1 {
  position: absolute;
  left: -9999px;
}
body a {
  color: #fff;
}
hr {
  border-top: 1px solid #3b9ac2;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  height: 0;
}
p {
  line-height: 1.4em;
}

div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  padding-bottom:10px;
  width: 910px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}
.out-of-sight {
  position: absolute;
  left: -9999px;
}


/*
 * Header logos
 */

div#site-container div#header-logos {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 910px;
}
div#header-logos div#studentmoney-logo {
  float: left;
  width: 301px;
}
div#header-logos div#bankofireland-logo {
  float: right;
  width: 343px;
}


/*
 * Header nav
 */

div#site-container div#header-nav {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 910px;
}
div#site-container div#header-nav ul {
  list-style: none;
  border-bottom: 1px solid #6693bc;
  margin: 0 16px 0 15px;
  padding: 0;
  overflow: hidden;
  width: 876px;
}
div#site-container div#header-nav ul li {
  margin: 12px 5px 0 0;
  padding: 0;
  float: left;
}

div#site-container div#header-nav ul li a {
  text-decoration: none;
  white-space: nowrap;
  color: #78c5e9;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  margin: 0;
  padding: 10px 14px 10px 14px;
}
div#site-container div#header-nav ul li a:hover {
  color: #fff;
}
div#site-container div#header-nav ul li a.selected {
  color: #fff;
  background-color: #6693bc;
}

/*
 * Last
 */
div#site-container div#header-nav ul li.header-nav-last {
  background: #4ac4f4 url(/img/2nd-level-nav-bg.gif) repeat-x;
  margin: 12px 0 0 0;
}
li.header-nav-last span {
  background: transparent url(/img/2nd-level-nav-bg-right.gif) no-repeat top right;
  display: block;
}
li.header-nav-last span a {
  background: transparent url(/img/2nd-level-nav-bg-left.gif) no-repeat top left;
  color: #ffffff !important;
  display: block;
}
li.header-nav-last span a:hover {
  color: #005480 !important;
}



/*
 * Page Content
 */

div#site-container div#page-content {
  margin: 0 0 0 16px;
  padding: 30px 0 30px 0;
  overflow: hidden;
  width: 880px;
}
div#page-content h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 0.8em 0;
}
div#page-content h3 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 0.2em 0;
}
div#page-content h4 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 0.4em 0;
}
div#page-content img {
 /* border: 4px solid #fff; */
  margin: 0 0 10px 30px;
  display: block;
}
div#page-content img.no-border {
  border: none;
  margin: 0;
  display: block;
}
div#page-content ul li {
  margin-bottom: 0.5em;
}
div#page-content h3#large-page-title {
  font-size: 2.5em;
  font-weight: bold;
  margin: 0 0 0.6em 0;
}
div#page-content span.important {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px solid #fff;
  padding: 10px;
  display: block;
}
div#page-content div#disclaimers {
  font-size: 0.86em;
  margin-top: 30px;
}


/*
 * Page Content - video layout
 */

div#page-content div#video-box {
  background: transparent url(/img/video-box-bg.gif) no-repeat bottom left;
  overflow: hidden;
  width: 880px;
}
div#video-box div#video {
  padding: 0 30px 0 0;
  float: left;
  width: 536px;
  w\idth: 506px;
}
div#video div#movie {
  background-color: #fff;
  padding: 5px;
  overflow: hidden;
  width: 490px;
  w\idth: 480px;
}
div#video-box div#video-menu-box {
  background: transparent url(/img/video-menu-box-top-bg.gif) no-repeat top left;
  margin: 0 16px 0 0;
  float: left;
  width: 328px;
}
div#video-menu-box div#video-menu-contents {
  padding: 36px 10px 36px 10px;
}
div#video-menu-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#video-menu-box ul li {
  background: transparent url(/img/arrow-link-left.gif) no-repeat top left;
  margin: 0 0 6px 0;
  padding: 0;
}
div#video-menu-box ul li a {
  text-decoration: none;
  color: #005480;
  font-size: 1.4em;
  background: transparent url(/img/arrow-link-right.gif) no-repeat top right;
  display: block;
  padding: 8px 30px 11px 12px;
}


/*
 * Page Content - inner white box
 */

div#page-content div#inner-contents-box-white {
  background: transparent url(/img/inner-contents-box-white-top-bg.gif) no-repeat top left;
  margin: 10px 0 20px 0;
  padding: 15px 0 0 0;
  overflow: hidden;
  width: 880px;
}
div#inner-contents-white {
  color: #105380;
  background-color: #fff;
  padding: 0 15px 0 15px;
  overflow: hidden;
  width: 880px;
  w\idth: 850px;
}
div#inner-contents-white h3 {
  font-size: 1.9em;
  font-weight: bold;
}
div#inner-contents-white table {
  border-collapse: collapse;
  table-layout: fixed;
}
div#inner-contents-white table tr {
  vertical-align: top;
}
div#inner-contents-white table td {
  border-left: 1px solid #e2e2e2;
  padding: 5px 15px 5px 15px;
}
div#inner-contents-white-footer {
  background: transparent url(/img/inner-contents-box-white-bottom-bg.gif) no-repeat bottom left;
  overflow: hidden;
  margin-top: -1px;
  width: 880px;
  height: 15px;
}


/*
 * Page Content - inner blue box
 */

div#page-content div#inner-contents-box-blue {
  background: transparent url(/img/inner-contents-box-blue-top-bg.gif) no-repeat top left;
  margin: 10px 0 10px 0;
  padding: 15px 0 0 0;
  overflow: hidden;
  width: 880px;
}
div#inner-contents-blue {
  color: #fff;
  background-color: #6693bc;
  padding: 0 15px 0 15px;
  overflow: hidden;
  width: 880px;
  w\idth: 850px;
}
div#inner-contents-blue h3 {
  font-size: 1.9em;
  font-weight: bold;
}
div#inner-contents-box-blue div#inner-contents-blue-footer {
  background: transparent url(/img/inner-contents-box-blue-bottom-bg.gif) no-repeat bottom left;
  overflow: hidden;
  margin-top: -1px;
  width: 880px;
  height: 15px;
}


/*
 * Page Content - previous / next buttons
 */

div#page-content div#previous-box {
  background: transparent url(/img/previous-left.gif) no-repeat top left;
  margin: 30px 0 0 0;
  float: left;
  width: 308px;
  height: 36px;
}
div#previous-box a, div#previous-box input {
  text-decoration: none;
  text-align: right;
  color: #005480;
  font-size: 1.4em;
  background: transparent url(/img/previous-right.gif) no-repeat top right;
  display: block;
  padding: 7px 14px 11px 20px;
  width: 308px;
  w\idth: 274px;
}
div#page-content div#next-box {
  background: transparent url(/img/next-left.gif) no-repeat top left;
  margin: 30px 0 0 0;
  float: right;
  width: 308px;
  height: 36px;
}
div#next-box a, div#next-box input {
  text-decoration: none;
  color: #005480;
  font-size: 1.4em;
  background: transparent url(/img/next-right.gif) no-repeat top right;
  display: block;
  padding: 7px 20px 11px 14px;
  width: 308px;
  w\idth: 274px;
}


/*
 * Product buttons
 */

div#site-container div#product-buttons {
  border-top: 1px solid #578eab;
  border-bottom: 1px solid #578eab;
  margin: 10px 0 0 16px;
  padding: 0 0 1px 0;
  overflow: hidden;
  width: 880px;
}
div#product-buttons h2 {
  color: #fff;
  font-size: 1.3em;
  margin: 0;
  padding: 8px 8px 12px 8px;
  overflow: hidden;
  width: 880px;
}
div#product-buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#product-buttons ul li {
  margin: 0;
  padding: 0 10px 0 0;
  float: left;
  width: 168px !important;
}
div#product-buttons ul li a {
  white-space: nowrap;
  text-decoration: none;
  font-size: 1.3em;
  font-weight: bold;
  background: transparent url(/img/button-find-out-more-bg.gif) no-repeat;
  display: block;
  padding: 10px 2px 10px 10px;
  width: 168px !important;
  w\idth: 156px !important;
  height: 105px !important;
  he\ight: 85px !important;
}
div#product-buttons ul li a#product-current-account {
  color: #005480;
}
div#product-buttons ul li a#product-credit-card {
  color: #ff315a;
}
div#product-buttons ul li a#product-travel-loan {
  color: #ff6702;
}
div#product-buttons ul li a#product-personal-loan {
  color: #6666cc;
}
div#product-buttons ul li a#product-savings-account {
  color: #339933;
}
div#product-buttons ul li.last {
  padding: 0 0 0 0;
}


/*
 * Footer
 */

div#footer {
  color: #fff;
  margin: 16px 0 0 16px;
  overflow: hidden;
  width: 880px;
}
div#footer div#footer-copyright {
  float: left;
  width: 350px;
}
div#footer-copyright a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
}
div#footer div#footer-center {
  float: left;
  width: 150px;
}
div#footer-center a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
}
div#footer div#footer-region {
  background: transparent url(/img/footer-region-top-bg.gif) no-repeat top left;
  float: right;
  width: 304px;
}
div#footer-region div#footer-region-contents {
  background: transparent url(/img/footer-region-bottom-bg.gif) no-repeat bottom left;
  padding: 6px 3px 6px 3px;
  overflow: hidden;
  width: 304px;
  w\idth: 298px;
}
div#footer-region-contents p {
  line-height: 1.3em;
  color: #a9bedb;
  background-color: #003b59;
  margin: 0;
  padding: 0 7px 0 20px;
  display: block;
}
div#footer-region-contents a {
  text-decoration: none;
  color: #a9bedb;
  white-space: nowrap;
}
div#footer-region-contents a.selected {
  color: #fff;
}