/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 23 January 2018 08:54:50
*/


/**
 * SNAP - Redesign
 * Global CSS
 *
 * version: 1
 * file:    global.css
 * author:  Squiz Australia
 * change log:
 *     adewezlopez@squiz.net // 19/09/13
 *     adewezlopez@squiz.net // 20/09/13 // Minor changes
 *       adewezlopez@squiz.net // 23/09/13 // added skip links
 *     adewezlopez@squiz.net // 01/10/13 // UAT Fixes
 */
/*
 * Table of Contents
 *
 * 1. Reset
 * 2. Utilities
 * 3. General
 * 4. Setups
 * 5. Styles
 *     5.0. Global
 *    5.1. Header
 *    5.2. Navigation
 *    5.3. Footer
 *    5.4. Main
 *    5.5. Breadcrumbs
 *    5.6. Carousel
 *    5.7. Side Navigation
 *     5.8. RHS Content
 *    5.9. Skip Links

 */
/*
--------------------
1. Reset (Normalize.css)
--------------------
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer,
header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
--------------------
2. Utilities
--------------------
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after, .clearfix:before {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}

.ir {
  color: transparent;
  border: 0;
  overflow: hidden;
}
.no-rgba .ir {
  text-indent: 9999em;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

/*
--------------------
3. General
--------------------
*/
a {
  color: #c90302;
  text-decoration: underline;
}

a:hover,
a:focus {
  color: #ff3b40;
  text-decoration: underline;
}

a:visited {
  color: #c90302;
}

::-moz-selection {
  background: #5f5f5f;
  text-shadow: none;
}

::selection {
  background: #5f5f5f;
  text-shadow: none;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.4;
  color: #454548;
}

@-ms-viewport {
  width: device-width;
}

/*
--------------------
4. Setups
--------------------
*/
html {
  color: #454548;
  font-family: "Montserrat", arial, sans-serif;
  font-weight: normal;
  line-height: 1.6;
  font-size: 0.875em;
}

h1, h2, h3 {
  color: #c90302;
  font-family: "Montserrat", arial, sans-serif;
  font-weight: normal;
}
h1 a, h2 a, h3 a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}

h1 {
  color: #c90302;
  font-size: 2.1em;
  margin-bottom: 0em;
  margin-top: 0;
}

h2 {
  color: #313131;
  font-size: 2em;
  margin-top: 1.2em;
  margin-bottom: 0;
}

h3 {
  color: #5f5f5f;
  font-size: 1.7em;
  margin-top: 1.4em;
  margin-bottom: 0;
}

h4 {
  font-size: 1.5em;
  margin-top: 1.7em;
  margin-bottom: 0;
  color: #c90302;
}

h5 {
  font-size: 1.2em;
  margin-top: 2em;
  margin-bottom: 0;
  color: #313131;
}

a, a:active, a:hover {
  text-decoration: none;
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

p, ol, ul {
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 0.85em;
  line-height: 1.6;
}

p a {
  text-decoration: underline;
}

ul {
  padding-left: 0;
  list-style-type: none;
}
ul ul {
  font-size: 1em;
  padding-left: 1em;
  margin-top: 1em;
}
ul ul li:before {
  border-color: transparent transparent transparent #5f5f5f;
}
ul li {
  padding-left: 1em;
  position: relative;
}
ul li:before {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent #1f1f1f;
}

ol {
  padding-left: 0;
  counter-reset: item;
  list-style-type: none;
}
ol ol {
  margin-top: 1em;
  font-size: 1em;
  counter-reset: item;
  padding-left: 1em;
}
ol ol li:before {
  content: counter(item,lower-roman) ".";
  width: 1em;
  display: block;
  float: left;
}
ol li:before {
  content: counter(item) ".";
  counter-increment: item;
  font-weight: 700;
  margin-right: 0.7em;
  color: #1f1f1f;
}

table {
  margin: 1em 0;
  width: 65%;
  font-size: 1em;
}
table h1, table h2, table h3, table h4, table h5, table h6 {
  font-family: "Montserrat", arial, sans-serif;
}

thead {
  background-color: #1f1f1f;
  color: #fff;
}
thead tr:nth-child(odd) {
  background-color: transparent;
}

tr {
  width: 100%;
}

tr:nth-child(odd) {
  background-color: #f3f3f3;
}

td {
  padding: 1em;
}

tbody td {
  border: 1px solid #e4e4e4;
  font-size: 0.9em;
}

table.nostyle thead {
  background-color: transparent;
  color: #313131;
}
table.nostyle tr {
  background-color: transparent;
}
table.nostyle tbody td {
  border: 0;
  padding: 0;
}

button {
  margin: 1em 0;
  display: block;
}

.sprite {
  height: 44px;
  width: 88px;
  display: inline-block;
  margin: 1em 1em 1em 0;
}

.sprite-word {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat 0 -100px;
}

.sprite-pdf {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat -100px -100px;
}

.sprite-xls {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat -200px -100px;
}

.button,
.button:visited {
  background-color: #1f1f1f;
  color: white;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  text-decoration: none;
  padding: 0.6em 1em 0.6em;
  font-weight: bold;
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button:hover,
.button:active,
.button:focus {
  background-color: #5f5f5f;
  color: white;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  text-decoration: none;
  padding: 0.6em 1em 0.6em;
  font-weight: bold;
}

.button-primary,
.button-primary:visited {
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.3;
  font-size: 0.85em;
  background-color: #5f5f5f;
  color: white;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  text-decoration: none;
  padding: 0.6em 1em 0.6em;
  font-weight: bold;
  padding: 0.9em 1.2em;
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-primary:hover,
.button-primary:active,
.button-primary:focus {
  background-color: #c90302;
  color: white;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  text-decoration: none;
  padding: 0.6em 1em 0.6em;
  font-weight: bold;
  padding: 0.9em 1.2em;
}

.button-none {
  background-color: transparent;
  border: 0;
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.screen-hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Montserrat", arial, sans-serif;
}
.list-reset li {
  padding-left: 0;
}
.list-reset li:before {
  content: '';
  border-width: 0;
  display: inline;
  margin: 0;
  width: 0;
}
.list-reset li:after {
  content: '';
  width: 0;
}

.content-container-padded {
  padding: 30.8px;
}

.content-container-add-margin {
  margin: 10.26667px 0;
}

/*
--------------------
5. Styles
--------------------
*/
/* 5.0. Global */
body {
  background-color: #f3f3f3;
}

.top-background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 470px;
  display: block;
  background-color: #b00706;
  border-bottom: 2px solid #fff;
}

.main-header,
.main-holder,
.main-footer {
  max-width: 70em;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: auto;
}

/* 5.1 Header */
.main-header {
  padding: 30.8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  color: #313131;
  font-family: "Montserrat", arial, sans-serif;
  font-size: 1em;
  height: 185px;
  margin-bottom: 10.26667px;
  overflow: visible;
  z-index: 3;
}

.logo {
  margin-top: 0.3em;
}

.map-graphic {
  position: absolute;
  left: 31%;
  margin-left: 200px;
  width: 130px;
  height: 80px;
  top: 49px;
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat 0 -200px;
}

.shop-link {
  position: absolute;
  right: 2em;
  top: 80px;
}

/* 5.2. Navigation */
.main-nav, .secondary-nav {
  position: absolute;
  display: block;
  z-index: 2;
}

.main-nav {
  font-size: 1em;
  left: 0;
  bottom: 0.7em;
}

.main-nav {
  padding-left: 1em;
}

.secondary-nav {
  top: 0;
  right: 0;
  background-color: #1f1f1f;
  padding: 1.4em 0.5em 1.5em;
  padding-top: 2em\9;
  font-size: 0.65em;
  font-weight: bold;
}
.secondary-nav .screen-hide {
  color: #222;
}

.main-nav-item, .secondary-nav-item {
  display: inline-block;
}
.main-nav-item a,
.main-nav-item a:visited, .secondary-nav-item a,
.secondary-nav-item a:visited {
  display: block;
  float: left;
  text-transform: uppercase;
}

.main-nav-item {
  position: relative;
  overflow: visible;
  line-height: 0.8;
}
.main-nav-item a,
.main-nav-item a:visited {
  padding: 0.35em 1.1em 0.5em;
  border-left: 1px solid #ccc;
  color: #5f5f5f;
}
.main-nav-item a:hover,
.main-nav-item a:active,
.main-nav-item a:focus {
  color: #c90302;
}
.main-nav-item:hover .main-sub-nav-list {
  display: block;
}
.main-nav-item:hover .main-sub-nav-list * {
  display: block;
}

.main-nav-item:first-child a {
  border-width: 0;
}

.main-nav-item.current a,
.main-nav-item.current a:visited {
  color: #c90302;
  font-weight: 700;
}
.main-nav-item.current ul li a,
.main-nav-item.current ul li a:visited {
  font-weight: normal;
  color: #313131;
}
.main-nav-item.current ul li a:hover,
.main-nav-item.current ul li a:active,
.main-nav-item.current ul li a:focus {
  color: #c90302;
}

.nav-arrow-white {
  width: 0px;
  height: 0px;
  bottom: -25px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  border: 5px solid #fff;
  border-color: #fff transparent transparent;
}

.main-sub-nav-list {
  display: none;
  position: absolute;
  padding-top: 1em;
  text-transform: none;
  top: 100%;
  font-weight: 700;
  border-bottom: 3px solid #c90302;
  overflow: auto;
}

.main-sub-nav-item {
  line-height: 1.2;
  font-weight: normal;
}
.main-sub-nav-item a {
  min-width: 12em;
  background-color: #FFF;
  border-top: 1px solid #ccc;
  border-left: 0;
  text-transform: none;
  font-size: 0.9em;
  padding: 1em 1em;
}
.main-sub-nav-item:first-child a {
  border-width: 0;
}

.secondary-nav-item {
  display: inline-block;
  display: block\9;
}
.secondary-nav-item a,
.secondary-nav-item a:visited {
  color: white;
  border-left: 1px dotted white;
  line-height: 0.7em;
  padding: 0 1em;
  text-align: center\9;
}
.secondary-nav-item a:hover,
.secondary-nav-item a:active,
.secondary-nav-item a:focus {
  text-decoration: underline;
}
.secondary-nav-item .icon-facebook {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat -100px 0;
  width: 14px;
  height: 14px;
  min-width: 0;
  margin-bottom: -3px;
  border-left: 0px;
  margin-right: 1em;
  padding: 0;
  margin-top: -0.3em\9;
}
.secondary-nav-item .icon-youtube {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat 0 0;
  width: 35px;
  height: 14px;
  min-width: 0;
  margin-bottom: -3px;
  border-left: 0px;
  margin-right: 1em;
  padding: 0;
  margin-top: -0.3em\9;
}

.secondary-nav-item:first-child a {
  border-width: 0;
}

/* 5.3. Footer */
.main-footer {
  background-color: transparent;
  color: #313131;
  font-family: "Montserrat", arial, sans-serif;
  font-size: 1em;
  padding: 30.8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footer-nav {
  font-size: 1em;
}
.footer-nav li {
  font-size: 1em;
  display: static;
}
.footer-nav a,
.footer-nav a:visited {
  color: #313131;
  font-size: 0.85em;
  font-weight: 700;
  float: left;
  display: block;
  margin-right: 1em;
}
.footer-nav a:hover,
.footer-nav a:focus,
.footer-nav a:active {
  text-decoration: underline;
}

.copy-small {
  clear: left;
  display: block;
  font-size: 1em;
  margin-top: 0;
  line-height: 1;
  font-family: "Montserrat", arial, sans-serif;
}

/* 5.4. Main */
.main-holder {
  z-index: 2;
}

.main {
  background-color: transparent;
  color: #454548;
  font-family: "Montserrat", arial, sans-serif;
  font-size: 1em;
  overflow: auto;
  width: 50em;
  float: left;
}

.main-article {
  background-color: white;
  margin-bottom: 0;
}
.main-article img {
  max-width: 100%;
}

.main.inside,
.main.simple {
  width: 100%;
  background-color: white;
}

.main.simple .main-article {
  width: 100%;
  padding: 27.72px 30.8px 30.8px 30.8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main.simple .main-article > * :first-child {
  margin-top: 0;
}

.main.inside .main-article {
  width: 45em;
  clear: none;
}

.main.home .main-article,
.main.landing .main-article {
  margin: 10.26667px 0;
}

.main.landing .main-article {
  padding: 27.72px 30.8px 30.8px 30.8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main.landing .main-article > * :first-child {
  margin-top: 0;
}

.column2 {
  width: 50%;
  float: left;
}

.column-heading {
  text-transform: uppercase;
  font-weight: 700;
  color: #313131;
  font-size: 1.8em;
  margin: 0;
}

.news {
  padding: 27.72px 30.8px 30.8px 30.8px;
  border-bottom: 1px solid #ccc;
  position: relative;
  padding-bottom: 2em;
  border-right: 1px solid #ccc;
}

.news-listing {
  margin-top: 1.5em;
}

.news-item {
  padding: 1em 0 1.1em;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  font-size: 1.15em;
}
.news-item a, .news-item a:visited {
  color: #5f5f5f;
}
.news-item a:hover,
.news-item a:focus,
.news-item a:active {
  color: #c90302;
}
.news-item a:before {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat 0 -300px;
  content: '';
  margin-right: 1em;
  height: 1.5em;
  width: 1em;
  margin-top: 2px;
  display: block;
  float: left;
}
.news-item a:hover:before {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat 0 -400px;
}

.news-item:first-child {
  border-top: 0px;
}

.more-news {
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  font-size: 0.8em;
}

.more-news:hover,
.more-news:focus,
.more-news:active {
  background-color: #c90302;
}

.featured-item {
  padding: 30.8px;
  border-right: 1px solid #ddd;
  padding-bottom: 1em;
  padding-right: 1em;
  overflow: auto;
}
.featured-item img {
  float: left;
  margin-right: 1em;
  max-width: 100px;
}

.featured-content {
  width: 190px;
  float: left;
  margin-top: -1.5em;
}
.featured-content p {
  font-weight: normal;
  font-size: 0.8em;
  font-family: Arial, sans-serif;
  margin: 0.3em 0;
  line-height: 1.4;
}
.featured-content a,
.featured-content a:visited {
  font-weight: 700;
  font-family: "Montserrat", arial, sans-serif;
  text-decoration: none;
  font-size: 1em;
}
.featured-content a:hover,
.featured-content a:focus,
.featured-content a:visited {
  text-decoration: underline;
}
.featured-content h3 {
  text-transform: uppercase;
  font-size: 0.95em;
  font-weight: 700;
  margin-bottom: 0.3em;
  color: #c90302;
}

.whatson {
  padding: 24.64px 30.8px 30.8px 30.8px;
  overflow: auto;
}

.whatson *:first-child {
  margin-top:0;
}

.whatson-item {
  border-top: 1px solid #d7d7d7;
  overflow: auto;
  padding-top: 0.5em;
  margin-top: 1em;
}

.whatson-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.time {
  width: 33%;
  float: left;
  margin-top: 1em;
  clear: right;
  font-size: 1.15em;
}

.day {
  background-color: #c90302;
  color: white;
  margin-right: 0.2em;
  width: 1.5em;
  text-align: center;
  font-size: 1.7em;
  font-weight: 700;
  float: left;
  padding: 0 0.25em;
  display: block;
}

.month {
  margin-top: 0.2em;
  margin-bottom: 0em;
  line-height: 0.8em;
  display: block;
}

.year {
  line-height: 0.8em;
  margin-top: 0;
}

.whatson-header, .whatson-content {
  float: right;
  width: 66%;
  font-size: 1.15em;
}

.whatson-header {
  font-weight: 700;
  margin-bottom: 0.2em;
  margin-top: 1em;
  text-transform: none;
}
.whatson-header a,
.whatson-header a:visited {
  color: #454548;
}
.whatson-header a:hover,
.whatson-header a:active,
.whatson-header a:focus {
  color: #c90302;
}

.whatson-content {
  font-family: Arial, sans-serif;
  font-weight: normal;
  margin-top: 0.3em;
  font-size: 1em;
  line-height: 1.4;
}

/* 5.5. Breadcrumbs */
.breadcrumbs {
  border-bottom: 1px solid #e3e3e3;
  overflow: auto;
  padding-bottom: 1.5em;
  margin-top: -75px;
  margin-bottom: 1.8em;
  font-size: 0.9em;
  width: 45em;
  padding: 30.8px;
  padding-left: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main.simple .breadcrumbs {
  padding-left: 30.8px;
  width: 100%;
  margin-bottom: 0;
}

.breadcrumb-list .breadcrumb-item {
  float: left;
  font-weight: bold;
  display: block;
  padding-left: 1em;
  color: #313131;
  margin-left: 0.7em;
}
.breadcrumb-list .breadcrumb-item a,
.breadcrumb-list .breadcrumb-item a:visited {
  font-weight: normal;
  color: #5f5f5f;
  text-decoration: underline;
}
.breadcrumb-list .breadcrumb-item a:hover,
.breadcrumb-list .breadcrumb-item a:focus,
.breadcrumb-list .breadcrumb-item a:active {
  color: #c90302;
}
.breadcrumb-list .breadcrumb-item:before {
  content: '>';
  font-size: 0.8em;
  top: 3px;
}
.breadcrumb-list .breadcrumb-item:first-child {
  margin-left: 0;
  padding-left: 0em;
}
.breadcrumb-list .breadcrumb-item:first-child:before {
  content: '';
  margin-right: 0;
}

.breadcrumb-home {
  padding-left: 1.5em;
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat -200px 3px;
}

/* 5.6. Carousel */
.carousel, .main-article {
  width: 50em;
  float: left;
  clear: left;
  margin: 10.26667px 23.1px 10.26667px 0;
}

.carousel {
  height: 21.5em;
  position: relative;
  display: block;
  background-color: #000;
}

.carousel-contents {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.carousel-slide {
  height: 100%;
  position: absolute;
  color: #fff;
}
.carousel-slide a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.slide-img {
  width: 100%;
  height: auto;
}

.carousel-controls {
  position: absolute;
  top: 0em;
  right: 1em;
  color: white;
  background-color: transparent;
  font-family: "Montserrat", arial, sans-serif;
}
.carousel-controls ul, .carousel-controls ol {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Montserrat", arial, sans-serif;
}
.carousel-controls ul li, .carousel-controls ol li {
  padding-left: 0;
}
.carousel-controls ul li:before, .carousel-controls ol li:before {
  content: '';
  border-width: 0;
  display: inline;
  margin: 0;
  width: 0;
}
.carousel-controls ul li:after, .carousel-controls ol li:after {
  content: '';
  width: 0;
}

.control {
  float: left;
  font-size: 2em;
  padding: 0.25em 0px;
  line-height: 0.8em;
  cursor: pointer;
}

.pauseplay {
  background: url(http://snapontools.com.au/__data/assets/image/0003/21846/pauseplay.png?v=0.1.1) no-repeat -10px 12px;
  text-indent: -9999px;
  color: transparent;
  width: 10px;
  height: 10px;
  float: left;
  padding: 1em 0;
  margin-left: 5px;
  cursor: pointer;
}

.paused {
  background-position: 0px 12px;
}

.control.selected {
  color: #c90302;
}

.slide-text {
  position: absolute;
  bottom: 1em;
  left: 1em;
  display: block;
  width: 27em;
  padding: 1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  background: transparent url(http://snapontools.com.au/__data/assets/image/0017/21914/ie8-carousel-bg.png?v=0.1.1) \9;
  color: white;
  font-size: 1.15em;
}
.slide-text h2 {
  font-size: 1.2em;
  font-weight: 700;
  color: white;
  text-transform: none;
  margin-top: 0.5em;
  font-family: "Montserrat", arial, sans-serif;
}
.slide-text p {
  color: white;
  font-size: 0.8em;
  font-family: "Montserrat", arial, sans-serif;
}

/* 5.7. Side Navigation */
.side-nav {
  width: 17em;
  padding: 0 1em 1em;
  float: left;
  margin-right: 1.5em;
  clear: left;
}

.side-nav-header {
  background-color: #1f1f1f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 238px;
  margin: 14px 14px 0;
  color: #fff;
  float: left;
  padding: 1.2em 1em;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}

.side-nav-list {
  border-bottom: 5px solid #e3e3e3;
  font-size: 1.1em;
}

.side-nav-item {
  font-family: "Montserrat", arial, sans-serif;
  position: relative;
  font-size: 0.9em;
}
.side-nav-item > a,
.side-nav-item > a:visited {
  padding: 1.2em 2.4em  1.2em 1.2em;
  font-size: 1em;
  display: block;
  font-weight: 700;
  color: #1f1f1f;
  border-bottom: 1px solid #e3e3e3;
}
.side-nav-item > a:after,
.side-nav-item > a:visited:after {
  width: 0px;
  height: 0px;
  content: '';
  position: absolute;
  right: 0;
  top: 8px;
  border-width: 5px;
  border-color: transparent transparent transparent #1f1f1f;
  border-style: solid;
  margin: 1em;
}
.side-nav-item > a:hover,
.side-nav-item > a:focus,
.side-nav-item > a:active {
  background-color: #5f5f5f;
  color: #fff;
}
.side-nav-item > a:hover:after,
.side-nav-item > a:focus:after,
.side-nav-item > a:active:after {
  border-color: transparent transparent transparent white;
}

.side-nav-item.selected > a {
  background-color: #c90302;
  color: #fff;
}
.side-nav-item.selected > a:after {
  border-color: white transparent transparent;
  top: 10px;
  right: 3px;
}

.side-nav-sub-list {
  display: none;
  background-color: #f8f8f8;
  padding: 1em;
  font-size: 1em;
  font-family: "Montserrat", arial, sans-serif;
}

.selected .side-nav-sub-list {
  display: block;
}

.side-nav-sub-item {
  position: relative;
}
.side-nav-sub-item a,
.side-nav-sub-item a:visited {
  color: #5f5f5f;
  line-height: 2em;
  padding-left: 1em;
}
.side-nav-sub-item a:hover,
.side-nav-sub-item a:focus,
.side-nav-sub-item a:active {
  color: #313131;
}
.side-nav-sub-item a:before {
  background: transparent url("http://snapontools.com.au/__data/assets/image/0018/21528/spritesheet.gif?v=0.1.1") no-repeat -100px -298px;
  content: '';
  height: 1em;
  width: 5px;
  margin-top: 8px;
  display: block;
  float: left;
}

.side-nav-sub-item.selected a,
.side-nav-sub-item.selected a:visited,
.side-nav-sub-item.selected a:hover,
.side-nav-sub-item.selected a:focus,
.side-nav-sub-item.selected a:active {
  color: #c90302;
}

/* 5.8. RHS Content */
.sidebar {
  width: 18.5em;
  float: right;
}

.sidebar-button {
  margin: 10.26667px 0 0;
}
.sidebar-button a,
.sidebar-button a:visited {
  color: #fff;
  font-size: 1.4em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 0.5em 0;
  margin-bottom: 0;
  display: block;
}
.sidebar-button a:hover,
.sidebar-button a:focus,
.sidebar-button a:active {
  padding: 0.5em 0;
}

.sidebar-content {
  background-color: white;
  padding: 30.8px;
  padding-bottom: 2em;
}

.img-link {
  margin-top: 2em;
}
.img-link a {
  display: block;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.img-link a img {
  display: block;
}
.img-link a:hover, .img-link a:active, .img-link a:focus {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.img-link:first-child {
  margin-top: 0;
}

/* 5.9. Skip Links  */
.skip-links__list {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
  position: relative;
}

.skip-links__link {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: #fff;
  z-index: 100;
  background-color: #000;
  padding: 1em;
}

.skip-links__link:focus,
.skip-links__link:active {
  clip: auto;
  height: auto;
  color: #fff;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}