body {
  font-family: arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: left;
  color: #333333;
  margin: 0; }

.container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .container {
      max-width: 768px; } }
  @media (min-width: 960px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px; } }
  @media (min-width: 1600px) {
    .container {
      max-width: 1600px; } }

h1, h2, h3, h4, h5, h6 {
  clear: none; }

h1 {
  font-size: 20px; }

header {
  width: 100%;
  position: relative;
  border-top: 7px solid white; }
  header #masthead {
    height: 75px;
    background-color: #003864; }
    header #masthead #logo-name {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: auto;
      max-width: 413px;
      margin-top: 24px; }
      @media (min-width: 768px) {
        header #masthead #logo-name {
          margin-left: 0; } }
  header #decorative-bottom-strip {
    height: 18px;
    background-color: #e0e0e8;
    border-bottom: 1px solid #003864; }
  header .hamburger {
    display: none;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: -9px; }
  header ul#red-header {
    margin: 0;
    padding: 1px 0 0 0;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 0;
    background-color: red;
    color: white;
    line-height: 25px;
    font-size: 13px;
    font-weight: bolder;
    letter-spacing: 1px;
    width: 100%;
    text-align: center; }
    @media (min-width: 960px) {
      header ul#red-header {
        width: auto; } }
    header ul#red-header li {
      list-style: none;
      display: inline-block;
      color: white;
      padding: 0 16px 0 16px; }
      header ul#red-header li:first-of-type {
        margin-left: 16px; }
      header ul#red-header li:last-of-type {
        margin-right: 16px; }
  header #header-right {
    position: absolute;
    top: -7px;
    right: 0;
    display: none; }
    @media (min-width: 960px) {
      header #header-right {
        display: block; } }
    header #header-right #header-search {
      display: inline-block;
      position: absolute;
      top: 30px;
      right: 130px;
      width: 224px; }
      header #header-right #header-search .search-text {
        display: inline-block;
        color: #979baf;
        font-size: 20px;
        font-weight: 600;
        margin: 4px; }
      header #header-right #header-search .search-input {
        background-color: #d4d4da;
        border: 2px solid #adb3cd;
        border-radius: 7px;
        -moz-border-radius: 7px;
        color: #cc0000;
        padding: 2px;
        width: 130px; }

header.with-map .au-header-map {
  width: 64px;
  height: auto;
  position: relative;
  top: -6px;
  right: 240px;
  display: none; }
  @media (min-width: 960px) {
    header.with-map .au-header-map {
      display: inline-block; } }

.aluminium_products_layout .TopHeader .au-header-map {
  float: right;
  width: 64px;
  height: auto;
  position: relative;
  top: -6px;
  display: none; }
  @media (min-width: 960px) {
    .aluminium_products_layout .TopHeader .au-header-map {
      display: block; } }

.cms .RedHeader {
  width: 100%;
  margin-left: 0;
  max-width: 320px;
  height: 21px;
  padding-top: 1px;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1px;
  background-color: #ff0000;
  background-repeat: no-repeat;
  position: absolute;
  top: -6px;
  left: 0; }
  @media (min-width: 768px) {
    .cms .RedHeader {
      width: auto;
      padding-left: 2rem;
      padding-right: 2rem;
      margin-left: 3em; } }
  @media (min-width: 1200px) {
    .cms .RedHeader {
      margin-left: 0;
      top: 30px;
      left: 40%; } }

footer {
  padding: 15px;
  background-color: #eeeeee;
  color: #666666;
  width: 100%; }
  @media (min-width: 960px) {
    footer {
      display: flex;
      flex-direction: row; } }
  footer.container {
    margin-left: 15px; }
  footer .column {
    flex: 1;
    text-align: center;
    float: none;
    width: auto;
    height: auto;
    padding: 0; }
  footer .country-icon, footer .partner-icon {
    display: block;
    text-align: center;
    min-height: 99px; }
    footer .country-icon img, footer .partner-icon img {
      display: inline-block;
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
  footer .partner-icon {
    margin-top: 99px;
    min-height: auto; }
  footer h4 {
    margin-top: 1rem;
    margin-bottom: 0.4rem; }
  footer .icons {
    margin-top: 2rem; }
    footer .icons img {
      margin-left: 0.5rem;
      margin-bottom: 0.5rem; }
  footer #partner-icons {
    display: none; }
    @media (min-width: 960px) {
      footer #partner-icons {
        display: block; } }
  footer #footer-australia, footer #footer-new-zealand {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    footer #footer-australia.collapse, footer #footer-new-zealand.collapse {
      display: none; }
      @media (min-width: 960px) {
        footer #footer-australia.collapse, footer #footer-new-zealand.collapse {
          display: block; } }
    footer #footer-australia.collapse.in, footer #footer-new-zealand.collapse.in {
      display: block; }
  footer .expander {
    display: block;
    text-align: left;
    width: 100%;
    color: #555555;
    padding: 5px;
    border: 1px solid #999999;
    margin-bottom: 1rem; }
    @media (min-width: 960px) {
      footer .expander {
        display: none; } }

main {
  padding: 30px 20px 60px 20px; }

.image-tiles {
  margin-bottom: 2rem; }

.image-tile {
  display: inline-block;
  padding: 0 10px 2rem 15px; }
  .image-tile a {
    text-decoration: none;
    color: white; }
  .image-tile figure {
    margin: 0;
    display: inline-block; }
    .image-tile figure img {
      max-width: 26rem;
      max-height: 26rem;
      width: 100%;
      height: auto;
      display: block; }
    .image-tile figure figcaption {
      text-align: center;
      display: block;
      padding: 2px;
      background-color: #484848;
      color: white;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none; }

a.side-button {
  display: block;
  margin-bottom: 0.3rem;
  padding: 6px 10px;
  background-color: #f40f1a;
  color: white;
  border: 1px solid #c70912;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  width: 26rem;
  transition: background-color 0.5s, border 0.5s; }
  a.side-button:hover {
    background-color: #f64049;
    border: 1px solid #f40f1a; }

/*# sourceMappingURL=reskin.css.map */