/* yellow #fdd209 */
/* slightly darker yellow #edc406 */
/* dark dark yellow #af9104 */
/* lighter yellow #ffd100 */
/* red #ac1f2d */

/* general text formatting */
body {
font-size:14px;
line-height: 1.8em;
  padding-bottom: 0; margin-bottom: 0;
    background: #fff; background: url(../img/grey-bg.png) repeat-x;
}

.h1, h1 {
font-weight:300;
letter-spacing: 0.6px;
}

h3 {
font-weight:600;
font-size:14px;
}

h2 {
  font-weight: 200;
  font-size:28px;
}

/* positioning the navbar*/
.navbar { margin-bottom: 0; }
.navbar-wrapper {
  position: static;
    margin-top: 40px;
}

/* formatting the navbar */
.navbar-inverse{background-color:#fdd209;border-color:transparent;}
.navbar-brand{color:#000; display: none; }
.navbar-brand:hover{color:#fff;background-color:transparent;}
.navbar-inverse .navbar-text{color:#000}
.navbar-inverse .navbar-nav>li>a{color:#000}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#af9104;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#000;background-color:#ffde55}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}
@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}
.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#9d9d9d}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}

.navbar-wrapper .navbar { border-radius: 0; }

.logo { width: 400px; margin-bottom: 15px;  }
#above-header { position: relative; }
#contact-block { text-align: right; padding-left: 50px; color: #000; font-weight: 300; position: absolute; right: 160px; top: 0; font-size: 15px; letter-spacing: 0.4pt; }
  #contact-us-label { top: 21px; position: absolute; width: 100px; right: 80px; color: #000; }
  #CN-header { top: 21px; position: absolute; width: 40px; right: 310px; color: #000; }
  #help-header { top: 21px; position: absolute; width: 40px; right: 20px; color: #000; }
  #contact-block .phone { position: absolute; top: 21px; right: 180px; width: 100px; color: black; }
#internet-banking { color:#ac1f2d; font-size: 16px; font-weight: 300; letter-spacing:1px; line-height:1em; right: 0; position: absolute; height: 100%; top: -25px; width: 150px; }
  #internet-banking-label { color:#ac1f2d; height: 25px; display: block; text-align: center; font-size: 14px; }
  #internet-banking-box { color:#fff; background-color:#ac1f2d; display: block; width: 100%; height: 100%; text-align: center; font-size: 16px; font-weight: 400; line-height: 100%; padding-top: 25px; letter-spacing:1px; }
      #internet-banking-box  a { color:#fff; }
      #internet-banking-label a { color:#ac1f2d; }
    #internet-banking a:hover { color:#000; text-decoration: none; }


@media (min-width: 979px) {
  ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
  }
}

@media (min-width: 768px) {
  .navbar-wrapper .container { padding-left: 0; padding-right: 0; }
}

.container { padding-left: 0; padding-right: 0; }
.solid-bg { background: #fff; }


/* CUSTOMIZE THE CAROUSEL */
/* Carousel base class */
.carousel {
  height: 300px;
}


/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 1170px;
  height: 300px;
  margin-right: auto;
  margin-left: auto;
 
}

hr {
  border-top: 1px solid #fdd209;
}

.featurette-divider {
  margin: 60px 0; /* different padding on the <hr> */
}

/* indented body text */
.indent-text {
margin-right: 110px;
margin-left: 110px;
}

.right-cameo { width: 350px; float: right; margin-left: 20px; margin-bottom: 10px; }

.mob-only { display: none; }
.nonmob-icons { display: block; }
.mob-icons { display: none; }

footer { background: #ffd100; width: 100%; padding-bottom: 40px; margin-top: 40px; font-size: 13px; line-height:0.6em; font-weight:300; color:#000; letter-spacing:0.3px;}
	footer a {color:#000; letter-spacing:0.6px;}
	footer a:focus, a:hover {color:#000;}
	#footer-wave { width: 100%; }
	#footer-dots {color:#fff; margin-left:5px; margin-right:6px;}
    footer .container { margin-top: 20px; width: 950px; }

@media (max-width: 992px) {
	body {background: #fff; background: url(../img/grey-bg-mob.png) repeat-x;}
  .indent-text {  margin-right: 0; margin-left: 0; }
  .container { padding-left: 25px; padding-right: 25px; }
  .carousel { padding-left: 0; padding-right: 0; }
  .logo { width: 300px; margin-bottom: 15px; margin-top: 5px; }
  .mob-reduce { display: none; }
	.mob-only { display: block; }
		.nonmob-icons { display: block; }
	.mob-icons { display: none; }
	  .five-icons, .four-icons, .three-icons { padding-top:20px; }
	footer .container { width: initial; }
  footer { line-height:1.6em; text-align: center; }
  #contact-us-label { top: 15px;  }
  #CN-header { top: 15px;  }
  #help-header { top: 15px;  }
  #contact-block .phone { top: 15px; }
  
}

@media (max-width:767px) {
	body {background: #fff; background: url(../img/grey-bg-mob.png) repeat-x;}
  .navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-inverse .navbar-brand { display: block; color: #000; padding-left: 25px; padding-right: 25px; }
  .navbar-inverse .navbar-toggle { background: #000; }
  .navbar-inverse .navbar-toggle .icon-bar { background: #fdd209; }
  .navbar-wrapper .container { padding-left: 0; padding-right: 0; }
  .carousel { display: none; }
  .mob-reduce { display: none; }
	.mob-only { display: block; }
	.mob-only a { color: black; }
	.nonmob-icons { display: block; }
		.mob-icons { display: none; }
  .five-icons, .four-icons, .three-icons { padding-top:20px; }
  #above-header { position: relative; }
  #contact-block { text-align: left; position: static; }
  #internet-banking { position: static; width: auto; height: auto; top: 0px; }
  #internet-banking-label { position: static; background: #f2f2f2; padding-right:10px;}
  #internet-banking a { position: static; }
  #internet-banking-box { padding-top: 0px; }
  .right-cameo { width: 100%; float: none; margin-left: 0; margin-bottom: 20px; }
  .logo { width: 80%; margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; max-width: 400px; }
  #contact-block { position: static; width: 100%; text-align: center; padding-left: 0px }
  #contact-us-label { position: static; display: inline; padding-left: 40px }
  #CN-header { position: static; display: inline; padding-right: 30px }
  #help-header { position: static; display: inline; padding-left: 40px }
  #contact-block .phone { position: static; display: inline; }
  #internet-banking { margin-top: 10px; clear: both; overflow: auto; height: 50px; }
  #internet-banking-label { display: block; float: left; width: 50%; height: 100%; line-height: 50px; vertical-align: middle; }
  #internet-banking a { display: block; float: right; padding-top: 0; width: 50%; height: 100%; line-height: 50px; vertical-align: middle; }
  footer .container { width: initial; }
  footer { line-height:1.6em; text-align: center; }
}

@media (max-width:590px) {
	.nonmob-icons { display: none; }
	.mob-icons { display: block; }
}

@media (max-width:375px) {
	.mob-icons { display: none; }
}

.table h2 {
    margin-top: 0px;
}


.table-muffintop #symbols {
    border: 0px solid #ddd !important;
    padding-left: 20px;
    padding-right: 20px;
  }

.table-muffintop > tbody > tr > td, .table-muffintop > tbody > tr > th, .table-muffintop > tfoot > tr > td, .table-muffintop > tfoot > tr > th {
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #ac1f2d;
}

.table-muffintop > thead > tr > th {
    border-bottom: 1px solid #ac1f2d;
}

.table-muffintop > tbody+tbody {
	border-top: 1px solid #ac1f2d !important;
}



.five-icons, .four-icons, .three-icons { margin-bottom: 50px; clear: both; overflow: auto; padding-left: 0; line-height: 1.42857143em; }
  .five-icons li { display: block; list-style-type: none; width: 20%; float: left; text-align: center; }
  .four-icons li { display: block; list-style-type: none; width: 25%; float: left; text-align: center; }
  .three-icons li { display: block; list-style-type: none; width: 33.333%; float: left; text-align: center; }
.five-icons img, .four-icons img, .three-icons img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.four-icons { margin-bottom: 50px; clear: both; overflow: auto; padding-left: 0; line-height: 1.42857143em; }
  .four-icons li { display: block; list-style-type: none; width: 25%; float: left; text-align: center; }
  .four-icons img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
    
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 10px;
  left: 4%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #fff;
  text-align: left;
  text-shadow: 0 2px 3px rgba(0, 0, 0, .6);
}

.product-offering { width: 100%; border-collapse: collapse; margin-top:40px; }
		.product-offering tr { text-align: center; height:60px; }
		.product-offering tr:nth-child(n+2) td { height:85px; }
		.product-offering td { font-size:12px; line-height:1.2; border: 5px solid white; }
			.product-offering .content { text-align: center; font-size:13px; line-height:1; font-weight:500; text-align: center; border: 5px solid white; }
				.product-offering tr:nth-child(2) .content { background-color: #ffd100; }
				.product-offering tr:nth-child(3) .content { background-color: #ffd500; }
				.product-offering tr:nth-child(4) .content { background-color: #ffd934; }
				.product-offering tr:nth-child(5) .content { background-color: #ffde55; }
				.product-offering .content a { width: 100%; height: 100%; display: block; padding-top: 14px; box-sizing: content-box; color: #5a5a5a; }
				.product-offering .content a:hover { text-decoration: none; background: rgba(255,255,255,0.25); }
			.product-offering td:nth-child(1) { width: 14%; text-align: right; font-size:12px; line-height:1.2; border: 4px solid white; padding-right:10px; }
			.product-offering td:nth-child(2) { width: 17%; }
			.product-offering td:nth-child(3) { width: 19%; }
			.product-offering td:nth-child(4) { width: 16%; }
			.product-offering td:nth-child(5) { width: 18%; }
			.product-offering td:nth-child(6) { width: 16%; }
		.oo-icon-clipped { height: 17px; margin-top:5px; margin-right: 0px; }
		.inv-icon { height: 17px; margin-top:5px; }
		.inv-icon-clipped { height: 17px; margin-top:5px;margin-left: 0px; }

.clip-rate { background-image: url(../img/AAA-rates-sprite-0519.jpg); background-size: 840px 700px; width: 280px; height: 140px; }
.clip-rate-aus-standard { background-position: 0 0; }
.clip-rate-aus-ichd-hd { background-position: 560px 0; }
.clip-rate-aus-alt-doc { background-position: 1120px 0; }
.clip-rate-aus-construction { background-position: 0 -140px; }
.clip-rate-aus-smsf { background-position: 560px -140px; }
.clip-rate-NR-standard { background-position: 1120px -140px; }
.clip-rate-NR-construction { background-position: 0 -280px; }
.clip-rate-NR-alt-doc { background-position: 560px -280px; }
.clip-rate-EXPAT-standard { background-position: 1120px -280px; }
.clip-rate-EXPAT-construction { background-position: 0 -420px; }
.clip-rate-EXPAT-alt-doc { background-position: 560px -420px; }
.clip-rate-PRTR-standard { background-position: 1120px -420px; }
.clip-rate-PRTR-construction { background-position: 0 -560px; }
.clip-rate-PRTR-alt-doc { background-position: 560px -560px; }
.clip-rate-norate { background-position: 1120px -560px; }

.cn_p {font-size:16px; line-height: 1.8em; letter-spacing: 1.4pt; }
.cn_pb {font-size:16px; line-height: 1.8em; }
.cn_h3 {font-weight:500; font-size:20px; letter-spacing: 1.8pt; }