/*
  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: 10 June 2014 03:03:01
*/


/* Homepage.css | New styles */
/* @author Gareth Trufitt [Squiz UK] */

/* ----------------------------------------- */
/* ------------ Global styles -------------- */
/* ----------------------------------------- */

/* -- Icons -- */

[class^="i_"] {
    background: url("../img/homepage-sprite.png") no-repeat scroll 0 0 transparent;
}

/* Twitter icons */

.i_twitter {
    background-position: 0 -200px;
    display: inline-block;
    height: 16px;
    padding-left: 22px;
}

.i_reply {
    background-position: 0 -50px;
    height: 14px;
    width: 18px;
}

.i_reply:hover {
    background-position: -350px 0;
}

.i_retweet {
    background-position: -50px -50px;
    height: 14px;
    width: 21px;
}

.i_retweet:hover {
    background-position: -400px 0;
}

.i_fave {
    background-position: -100px -50px;
    height: 14px;
    width: 16px;
}

.i_fave:hover {
    background-position: -450px 0;
}

/* -- Headings -- */

.heading_level-2 {
    font-size: 1.167em; /* 14px */
    font-weight: bold;
    line-height: 1.500em; /* 16px */
}

/* -- Typography -- */

.intro {
    color: #555555;
    font-size: 1.167em;
}

/* ----------------------------------------- */
/* ------------ Helper classes ------------- */
/* ----------------------------------------- */

/* -- Image replacement -- */

.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *line-height: 0;
    *text-indent: 0;
}

.ie7 .ir {
    
}

/* -- No Bullets -- */

.no-bullets {
    margin: 0;
}

.no-bullets > li {
    list-style: none;
}

/* ----------------------------------------- */
/* --------- Homepage Custom Grid ---------- */
/* ----------------------------------------- */

.grid-col_alpha {
    width: 66.04167%;
    float: left;
}

.grid-col_omega {
    float: right;
    width: 32.29167%;
}

/* ----------------------------------------- */
/* ---------------- Layout ----------------- */
/* ----------------------------------------- */

/* -- Custom layouts to match design proportions -- */

.l-custom_alpha {
    margin-top: 30px;
}

.l-custom_beta {
    margin-top: 22px;
}

.l-custom_omega {
    margin-top: 25px;
}

/* -- Internal layout -- */

.l-tri-content--item {
    display: inline-block;
    vertical-align: top;
    width: 32.95%;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

/* inline-block fix for oldIe */
.ie7 .l-tri-content--item {
    
}

/* -- Wrappers -- */

.l-wrapper_fluid {
    width: 100%;
    overflow: hidden;
}

/* -- Non-semantic helpers -- */

.l-hang_right {
    float: right;
    overflow: hidden;
}

.l-hang_left {
    float: left;
    overflow: hidden;
}

.marg-top_15 {
    margin-top: 15px;
}

/* ----------------------------------------- */
/* --------------- Modules ----------------- */
/* ----------------------------------------- */

/* -- Content List -- */
/* As used on the homepage in the top right tabs */

.content-list {
    margin: 0;
}

.content-list--header {
    display: block;
    position: relative;
}

.content-list--item {
    line-height: 1.292; /* 15.5px */
    list-style: none outside none;
    margin-bottom: 1em; /* 12px */
}
.content-list--date {
    color: #666666;
    font-size: 0.917em;
}

/* Customisations */

.content-list_homepage-tabs {
    height: 210px;
}

.content-box_with-button .content-list_homepage-tabs {
    height: 185px;
}

/* -- Inline List -- */

.inline-list {
    font-size: 0; /* Reset font-size for inline list elements */
}

.inline-list > li {
    border-right: 1px solid #b5b5b5;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    padding-right: 10px;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

.ie7 .inline-list > li {
    
}

.inline-list > .last-child {
    border-right: 0 none;
}

/* -- Forms -- */

.modular-search .text_fluid {
    padding: 0 15% 0 5%;
    width: 80%;
}

.modular-search .submit_fluid {
    margin-left: -36px;
}

/* -- Buttons -- */

.button_main {
    background-color: #D9EAF0;
    border: 1px solid #00759b;
    border-radius: 0.417em;
    color: #006080;
    display: inline-block;
    padding: 0.2em 1em;
}

.button_main:hover,
.button_main:focus {
    text-decoration: none;
    color: #fff;
    background-color: #00759b;
}

.button_slider-spacing {
    margin-left: 32px;
}

/* Button large content and related styles */

.button_large-content {
    background: url("") no-repeat scroll right 50% #f1f1f1;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    display: block;
    margin-bottom: 1.250em;
    padding: 0.833em 99px 0.833em 1.833em; /* 10px 100px 10px 22px */
}

.button_large-content:hover {
    text-decoration: none; /* Remove hover for all elements */
}

.button_large-content h3 {
    color: #006080;
    font-size: 1.500em;
    font-weight: normal;
    margin-bottom: 0.278em;
}

.button_large-content:hover h3 {
    text-decoration: underline; /* Add hover underline back in just for h3 */
}

.button_large-content p {
    color: #757575;
    font-size: 0.917em; /* 11px */
    line-height: 1.192; /* 14.3px */
    margin-bottom: 0;
}

/* -- Twitter -- */

.twitter-controls {
    position: absolute;
    opacity: 0;
    right: 0;
    top: -3px;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
}

.twitter-controls-wrapper:hover .twitter-controls {
    opacity: 1;
    visibility: visible;
}

.twitter-controls--item {
    display: inline-block;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

.ie7 .twitter-controls--item {
    
}

.twitter-controls-wrapper .content-list--details {
    display: block;
    max-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ----------------------------------------- */
/* -------- Slider style overrides --------- */
/* ----------------------------------------- */

/* -- Structure and positioning -- */

.slider {
    margin-top: 0;
}

.tab-container_homepage-secondary .slider {
    min-height: 142px;
    overflow: hidden;
}

.slider .slides {
    height: auto;
}

.slider .slides > li {
    height: auto;
    position: relative;
    width: auto;
}

.slider .slides > li .description p {
    margin: 0;
}

/* -- Navigation -- */

.slider .flex-control-nav {
    bottom: 7px;
}

.slider .flex-control-nav li a {
    background-image: url("../img/homepage-sprite.png");
    background-position: 7px 1px;
    width: 42px;
}

.slider .flex-control-nav li a.flex-active {
    background-position: -50px 0;
}

.slider .flex-control-nav li a:hover {
    cursor: pointer;
}

.slider .flex-control-nav li a:focus {
    outline: thin dotted rgba(0,0,0,0.2);
}

/* ----------------------------------------- */
/* ------------- Slider styles ------------- */
/* ----------------------------------------- */

/* -- Slider with arrows -- */

.slide-content-wrap {
    padding: 0 21px;
}

.slide-content-wrap_extra {
    padding: 0 41px;
}

.flex-direction-nav {
    margin: 0;
    padding: 0;
    height: 0;
}

.flex-prev,
.flex-next {
    background: url("../img/homepage-sprite.png") no-repeat scroll 0 0 transparent;
    height: 101px;
    margin-top: -50px; /* Vertically center */
    position: absolute;
    top: 50%;
    width: 22px;
}

.flex-next {
    background-position: -150px 0;
    right: 0;
}

.flex-next:hover,
.flex-next:focus {
    background-position: -200px 0;
}

.flex-prev {
    background-position: -250px 0;
    left: 0;
}

.flex-prev:hover,
.flex-prev:focus {
    background-position: -300px 0;
}

.flex-prev.flex-disabled:hover,
.flex-prev.flex-disabled:focus {
    background-position: -250px 0;
}

.flex-next.flex-disabled:hover,
.flex-next.flex-disabled:focus {
    background-position: -150px 0;
}

/* -- Slider arrows in tabbed box -- */
/* Use the cascade to check whether in tab box, adjust button positioning */


.tab .flex-next {
    background-position: -199px 0;
    right: 0;
}

.tab .flex-next:hover,
.tab .flex-next:focus {
    background-position: -199px 0;
}

.tab .flex-prev {
    background-position: -301px 0;
    left: 0;
}

.tab .flex-prev:hover,
.tab .flex-prev:focus {
    background-position: -301px 0;
}

.tab .flex-prev.flex-disabled:hover,
.tab .flex-prev.flex-disabled:focus,
.tab .flex-prev.flex-disabled {
    background-position: -251px 0;
    cursor: default;
}

.tab .flex-next.flex-disabled:hover,
.tab .flex-next.flex-disabled:focus,
.tab .flex-next.flex-disabled {
    background-position: -149px 0;
    cursor: default;
}

/* -- Slider no background -- */

.slider_no-bg .slides > li {
    background-image: none;
    background-color: transparent;
}

/* ----------------------------------------- */
/* ----------------- Tabs ------------------ */
/* ----------------------------------------- */

/* Override global styles for tabs on homepage */

.content-box.tabbed-content {
    position: relative;
    width: 100%;
}

.ie7 .tabbed-content.content-box .box-content {
    min-height: 0;
}

/* -- Tab headings -- */

.tabs-normal .tabs-menu {
    background: none repeat scroll 0 0 transparent;
    height: auto;
}

.tabs-normal .tabs-menu li {
    font-size: 1em;
    height: 46px;
}

.tabs-normal .tabs-menu li a {
    background: none repeat scroll 0 0 #F1F1F1;
    padding: 0 0.417em;
}

.tabs-normal .tabs-menu li.ui-tabs-active,
.tabs-normal .tabs-menu li.ui-tabs-active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 0 none;
    border-color: #D9D9D9;
    border-bottom-color: #f2f2f2;
}

.tabs-normal .tabs-menu li.ui-tabs-active.last a {
    border-right: 1px solid #d9d9d9;
}

.boxed .tabs-menu img {
    display: block;
    margin-bottom: 0;
}

/* -- Tab content -- */

.content-box .box-content {
    border: 1px solid #d9d9d9;
    border-top: 0 none;
    border-radius: 0 0 5px 5px;
}

.content-box.tabbed-content .box-content {
    min-height: inherit;
    padding: 15px 20px;
}

.content-box.tabbed-content .box-content_no-side-padding {
    padding: 15px 0;
}

.loading-icon {
  background: url('') scroll no-repeat 0 0 transparent;
  display: block;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}

/* -- Box footer -- */

.box-footer {
    display: none;
}

/* ----------------------------------------- */
/* ----------- Homepage Specific ----------- */
/* ----------------------------------------- */

/* -- Homepage slider styles -- */

/* Structure and positioning */

.slider_homepage .slides li {
    height: 24.000em; /* 288px -  Fixed height to ensure all slides are the same height */
}

.slider_homepage .slides li .description {
    width: 49%;
    margin: 2.250em 0 0 3%; /* 27px margin top */
}

.slider_homepage .slides li .link {
    height: 100%;
    right: 0;
    position: absolute;
    width: 50%;
}

/* Visual */

.slider_homepage .slides > li {
    border-radius: 5px;
}

/* Headings and content */

.slider_homepage .slides li .description h2 {
    font-size: 1.667em; /* 20px */
    font-weight: normal;
    line-height: 1.2; /* 24px */
    margin-bottom: 0;
}
.slider_homepage .slides li .description h2.margin-bottom {
    margin-bottom: 1em; /* 20px */
}


.slider_homepage .slides li .description p {
    font-size: 1.167em; /* 14px */
    line-height: 1.143; /* 16px */
    margin-top: 0;
    margin-left: 0;
}

.slider_homepage .slides li .description p.first-line {
    font-size: 1.333em; /* 16px */
    line-height: 1.125; /* 18px */
    margin-bottom: 2em; /* 32px */
    margin-left: 0;
}

/* -- Tab Styles -- */

.content-box .box-header {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}

/* -- Intro -- */

.intro_homepage {
    height: 3.750em;
    clear: both;
}

.intro_homepage p {
    margin-bottom: 0;
}

/* -- Article Search -- */

.article-search {
    margin-top: 10px;
}

.article-search--wrapper {
    margin-top: 5px;
}

.article-search--title {
    margin-left: 17px;
}

.article-search--checkbox-wrapper {
    margin-right: 15px;
}

.article-search--search-input {
    letter-spacing: -1px;
}

.ie7 .article-search .submit {
    text-transform: capitalize; /* This fixes a bug with IE7 ignoring text-indent... */
}

/* -- Second tabs styles -- */

.tab-container_homepage-secondary .content-box .box-content p {
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 15px;
    -webkit-text-size-adjust: 100%;
}

.js .tab-container_homepage-secondary .tabbed-content .box-content {
    height: 13.500em; /* 162px - Limit the amount of content */
}

.tab-container_homepage-secondary .tabbed-content img {
    margin-bottom: 15px;
}

.tab-container_homepage-secondary .box-content p:last-child {
    clear: none;
}

/* -- Product Layout -- */

.product-layout {
    padding: 0 10px;
}

.boxed .product-layout img {
    margin-bottom: 22px;
}

.product-layout--desc {
    height: 4.167em;
    overflow: hidden;
}

.content-box.tabbed-content .box-content .product-layout--desc {
    margin-bottom: 0.833em;
}
/*
  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: 10 June 2014 03:03:01
*/


/* Homepage.css | New styles */
/* @author Gareth Trufitt [Squiz UK] */

/* ----------------------------------------- */
/* ------------ Global styles -------------- */
/* ----------------------------------------- */

/* -- Icons -- */

[class^="i_"] {
    background: url("../img/homepage-sprite.png") no-repeat scroll 0 0 transparent;
}

/* Twitter icons */

.i_twitter {
    background-position: 0 -200px;
    display: inline-block;
    height: 16px;
    padding-left: 22px;
}

.i_reply {
    background-position: 0 -50px;
    height: 14px;
    width: 18px;
}

.i_reply:hover {
    background-position: -350px 0;
}

.i_retweet {
    background-position: -50px -50px;
    height: 14px;
    width: 21px;
}

.i_retweet:hover {
    background-position: -400px 0;
}

.i_fave {
    background-position: -100px -50px;
    height: 14px;
    width: 16px;
}

.i_fave:hover {
    background-position: -450px 0;
}

/* -- Headings -- */

.heading_level-2 {
    font-size: 1.167em; /* 14px */
    font-weight: bold;
    line-height: 1.500em; /* 16px */
}

/* -- Typography -- */

.intro {
    color: #555555;
    font-size: 1.167em;
}

/* ----------------------------------------- */
/* ------------ Helper classes ------------- */
/* ----------------------------------------- */

/* -- Image replacement -- */

.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *line-height: 0;
    *text-indent: 0;
}

.ie7 .ir {
    
}

/* -- No Bullets -- */

.no-bullets {
    margin: 0;
}

.no-bullets > li {
    list-style: none;
}

/* ----------------------------------------- */
/* --------- Homepage Custom Grid ---------- */
/* ----------------------------------------- */

.grid-col_alpha {
    width: 66.04167%;
    float: left;
}

.grid-col_omega {
    float: right;
    width: 32.29167%;
}

/* ----------------------------------------- */
/* ---------------- Layout ----------------- */
/* ----------------------------------------- */

/* -- Custom layouts to match design proportions -- */

.l-custom_alpha {
    margin-top: 30px;
}

.l-custom_beta {
    margin-top: 22px;
}

.l-custom_omega {
    margin-top: 25px;
}

/* -- Internal layout -- */

.l-tri-content--item {
    display: inline-block;
    vertical-align: top;
    width: 32.95%;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

/* inline-block fix for oldIe */
.ie7 .l-tri-content--item {
    
}

/* -- Wrappers -- */

.l-wrapper_fluid {
    width: 100%;
    overflow: hidden;
}

/* -- Non-semantic helpers -- */

.l-hang_right {
    float: right;
    overflow: hidden;
}

.l-hang_left {
    float: left;
    overflow: hidden;
}

.marg-top_15 {
    margin-top: 15px;
}

/* ----------------------------------------- */
/* --------------- Modules ----------------- */
/* ----------------------------------------- */

/* -- Content List -- */
/* As used on the homepage in the top right tabs */

.content-list {
    margin: 0;
}

.content-list--header {
    display: block;
    position: relative;
}

.content-list--item {
    line-height: 1.292; /* 15.5px */
    list-style: none outside none;
    margin-bottom: 1em; /* 12px */
}
.content-list--date {
    color: #666666;
    font-size: 0.917em;
}

/* Customisations */

.content-list_homepage-tabs {
    height: 210px;
}

.content-box_with-button .content-list_homepage-tabs {
    height: 185px;
}

/* -- Inline List -- */

.inline-list {
    font-size: 0; /* Reset font-size for inline list elements */
}

.inline-list > li {
    border-right: 1px solid #b5b5b5;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    padding-right: 10px;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

.ie7 .inline-list > li {
    
}

.inline-list > .last-child {
    border-right: 0 none;
}

/* -- Forms -- */

.modular-search .text_fluid {
    padding: 0 15% 0 5%;
    width: 80%;
}

.modular-search .submit_fluid {
    margin-left: -36px;
}

/* -- Buttons -- */

.button_main {
    background-color: #D9EAF0;
    border: 1px solid #00759b;
    border-radius: 0.417em;
    color: #006080;
    display: inline-block;
    padding: 0.2em 1em;
}

.button_main:hover,
.button_main:focus {
    text-decoration: none;
    color: #fff;
    background-color: #00759b;
}

.button_slider-spacing {
    margin-left: 32px;
}

/* Button large content and related styles */

.button_large-content {
    background: url("") no-repeat scroll right 50% #f1f1f1;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    display: block;
    margin-bottom: 1.250em;
    padding: 0.833em 99px 0.833em 1.833em; /* 10px 100px 10px 22px */
}

.button_large-content:hover {
    text-decoration: none; /* Remove hover for all elements */
}

.button_large-content h3 {
    color: #006080;
    font-size: 1.500em;
    font-weight: normal;
    margin-bottom: 0.278em;
}

.button_large-content:hover h3 {
    text-decoration: underline; /* Add hover underline back in just for h3 */
}

.button_large-content p {
    color: #757575;
    font-size: 0.917em; /* 11px */
    line-height: 1.192; /* 14.3px */
    margin-bottom: 0;
}

/* -- Twitter -- */

.twitter-controls {
    position: absolute;
    opacity: 0;
    right: 0;
    top: -3px;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
}

.twitter-controls-wrapper:hover .twitter-controls {
    opacity: 1;
    visibility: visible;
}

.twitter-controls--item {
    display: inline-block;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

.ie7 .twitter-controls--item {
    
}

.twitter-controls-wrapper .content-list--details {
    display: block;
    max-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ----------------------------------------- */
/* -------- Slider style overrides --------- */
/* ----------------------------------------- */

/* -- Structure and positioning -- */

.slider {
    margin-top: 0;
}

.tab-container_homepage-secondary .slider {
    min-height: 142px;
    overflow: hidden;
}

.slider .slides {
    height: auto;
}

.slider .slides > li {
    height: auto;
    position: relative;
    width: auto;
}

.slider .slides > li .description p {
    margin: 0;
}

/* -- Navigation -- */

.slider .flex-control-nav {
    bottom: 7px;
}

.slider .flex-control-nav li a {
    background-image: url("../img/homepage-sprite.png");
    background-position: 7px 1px;
    width: 42px;
}

.slider .flex-control-nav li a.flex-active {
    background-position: -50px 0;
}

.slider .flex-control-nav li a:hover {
    cursor: pointer;
}

.slider .flex-control-nav li a:focus {
    outline: thin dotted rgba(0,0,0,0.2);
}

/* ----------------------------------------- */
/* ------------- Slider styles ------------- */
/* ----------------------------------------- */

/* -- Slider with arrows -- */

.slide-content-wrap {
    padding: 0 21px;
}

.slide-content-wrap_extra {
    padding: 0 41px;
}

.flex-direction-nav {
    margin: 0;
    padding: 0;
    height: 0;
}

.flex-prev,
.flex-next {
    background: url("../img/homepage-sprite.png") no-repeat scroll 0 0 transparent;
    height: 101px;
    margin-top: -50px; /* Vertically center */
    position: absolute;
    top: 50%;
    width: 22px;
}

.flex-next {
    background-position: -150px 0;
    right: 0;
}

.flex-next:hover,
.flex-next:focus {
    background-position: -200px 0;
}

.flex-prev {
    background-position: -250px 0;
    left: 0;
}

.flex-prev:hover,
.flex-prev:focus {
    background-position: -300px 0;
}

.flex-prev.flex-disabled:hover,
.flex-prev.flex-disabled:focus {
    background-position: -250px 0;
}

.flex-next.flex-disabled:hover,
.flex-next.flex-disabled:focus {
    background-position: -150px 0;
}

/* -- Slider arrows in tabbed box -- */
/* Use the cascade to check whether in tab box, adjust button positioning */


.tab .flex-next {
    background-position: -199px 0;
    right: 0;
}

.tab .flex-next:hover,
.tab .flex-next:focus {
    background-position: -199px 0;
}

.tab .flex-prev {
    background-position: -301px 0;
    left: 0;
}

.tab .flex-prev:hover,
.tab .flex-prev:focus {
    background-position: -301px 0;
}

.tab .flex-prev.flex-disabled:hover,
.tab .flex-prev.flex-disabled:focus,
.tab .flex-prev.flex-disabled {
    background-position: -251px 0;
    cursor: default;
}

.tab .flex-next.flex-disabled:hover,
.tab .flex-next.flex-disabled:focus,
.tab .flex-next.flex-disabled {
    background-position: -149px 0;
    cursor: default;
}

/* -- Slider no background -- */

.slider_no-bg .slides > li {
    background-image: none;
    background-color: transparent;
}

/* ----------------------------------------- */
/* ----------------- Tabs ------------------ */
/* ----------------------------------------- */

/* Override global styles for tabs on homepage */

.content-box.tabbed-content {
    position: relative;
    width: 100%;
}

.ie7 .tabbed-content.content-box .box-content {
    min-height: 0;
}

/* -- Tab headings -- */

.tabs-normal .tabs-menu {
    background: none repeat scroll 0 0 transparent;
    height: auto;
}

.tabs-normal .tabs-menu li {
    font-size: 1em;
    height: 46px;
}

.tabs-normal .tabs-menu li a {
    background: none repeat scroll 0 0 #F1F1F1;
    padding: 0 0.417em;
}

.tabs-normal .tabs-menu li.ui-tabs-active,
.tabs-normal .tabs-menu li.ui-tabs-active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 0 none;
    border-color: #D9D9D9;
    border-bottom-color: #f2f2f2;
}

.tabs-normal .tabs-menu li.ui-tabs-active.last a {
    border-right: 1px solid #d9d9d9;
}

.boxed .tabs-menu img {
    display: block;
    margin-bottom: 0;
}

/* -- Tab content -- */

.content-box .box-content {
    border: 1px solid #d9d9d9;
    border-top: 0 none;
    border-radius: 0 0 5px 5px;
}

.content-box.tabbed-content .box-content {
    min-height: inherit;
    padding: 15px 20px;
}

.content-box.tabbed-content .box-content_no-side-padding {
    padding: 15px 0;
}

.loading-icon {
  background: url('') scroll no-repeat 0 0 transparent;
  display: block;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}

/* -- Box footer -- */

.box-footer {
    display: none;
}

/* ----------------------------------------- */
/* ----------- Homepage Specific ----------- */
/* ----------------------------------------- */

/* -- Homepage slider styles -- */

/* Structure and positioning */

.slider_homepage .slides li {
    height: 24.000em; /* 288px -  Fixed height to ensure all slides are the same height */
}

.slider_homepage .slides li .description {
    width: 49%;
    margin: 2.250em 0 0 3%; /* 27px margin top */
}

.slider_homepage .slides li .link {
    height: 100%;
    right: 0;
    position: absolute;
    width: 50%;
}

/* Visual */

.slider_homepage .slides > li {
    border-radius: 5px;
}

/* Headings and content */

.slider_homepage .slides li .description h2 {
    font-size: 1.667em; /* 20px */
    font-weight: normal;
    line-height: 1.2; /* 24px */
    margin-bottom: 0;
}
.slider_homepage .slides li .description h2.margin-bottom {
    margin-bottom: 1em; /* 20px */
}


.slider_homepage .slides li .description p {
    font-size: 1.167em; /* 14px */
    line-height: 1.143; /* 16px */
    margin-top: 0;
    margin-left: 0;
}

.slider_homepage .slides li .description p.first-line {
    font-size: 1.333em; /* 16px */
    line-height: 1.125; /* 18px */
    margin-bottom: 2em; /* 32px */
    margin-left: 0;
}

/* -- Tab Styles -- */

.content-box .box-header {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}

/* -- Intro -- */

.intro_homepage {
    height: 3.750em;
    clear: both;
}

.intro_homepage p {
    margin-bottom: 0;
}

/* -- Article Search -- */

.article-search {
    margin-top: 10px;
}

.article-search--wrapper {
    margin-top: 5px;
}

.article-search--title {
    margin-left: 17px;
}

.article-search--checkbox-wrapper {
    margin-right: 15px;
}

.article-search--search-input {
    letter-spacing: -1px;
}

.ie7 .article-search .submit {
    text-transform: capitalize; /* This fixes a bug with IE7 ignoring text-indent... */
}

/* -- Second tabs styles -- */

.tab-container_homepage-secondary .content-box .box-content p {
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 15px;
    -webkit-text-size-adjust: 100%;
}

.js .tab-container_homepage-secondary .tabbed-content .box-content {
    height: 13.500em; /* 162px - Limit the amount of content */
}

.tab-container_homepage-secondary .tabbed-content img {
    margin-bottom: 15px;
}

.tab-container_homepage-secondary .box-content p:last-child {
    clear: none;
}

/* -- Product Layout -- */

.product-layout {
    padding: 0 10px;
}

.boxed .product-layout img {
    margin-bottom: 22px;
}

.product-layout--desc {
    height: 4.167em;
    overflow: hidden;
}

.content-box.tabbed-content .box-content .product-layout--desc {
    margin-bottom: 0.833em;
}
/*
  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: 10 June 2014 03:03:01
*/


/* Homepage.css | New styles */
/* @author Gareth Trufitt [Squiz UK] */

/* ----------------------------------------- */
/* ------------ Global styles -------------- */
/* ----------------------------------------- */

/* -- Icons -- */

[class^="i_"] {
    background: url("../img/homepage-sprite.png") no-repeat scroll 0 0 transparent;
}

/* Twitter icons */

.i_twitter {
    background-position: 0 -200px;
    display: inline-block;
    height: 16px;
    padding-left: 22px;
}

.i_reply {
    background-position: 0 -50px;
    height: 14px;
    width: 18px;
}

.i_reply:hover {
    background-position: -350px 0;
}

.i_retweet {
    background-position: -50px -50px;
    height: 14px;
    width: 21px;
}

.i_retweet:hover {
    background-position: -400px 0;
}

.i_fave {
    background-position: -100px -50px;
    height: 14px;
    width: 16px;
}

.i_fave:hover {
    background-position: -450px 0;
}

/* -- Headings -- */

.heading_level-2 {
    font-size: 1.167em; /* 14px */
    font-weight: bold;
    line-height: 1.500em; /* 16px */
}

/* -- Typography -- */

.intro {
    color: #555555;
    font-size: 1.167em;
}

/* ----------------------------------------- */
/* ------------ Helper classes ------------- */
/* ----------------------------------------- */

/* -- Image replacement -- */

.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *line-height: 0;
    *text-indent: 0;
}

.ie7 .ir {
    
}

/* -- No Bullets -- */

.no-bullets {
    margin: 0;
}

.no-bullets > li {
    list-style: none;
}

/* ----------------------------------------- */
/* --------- Homepage Custom Grid ---------- */
/* ----------------------------------------- */

.grid-col_alpha {
    width: 66.04167%;
    float: left;
}

.grid-col_omega {
    float: right;
    width: 32.29167%;
}

/* ----------------------------------------- */
/* ---------------- Layout ----------------- */
/* ----------------------------------------- */

/* -- Custom layouts to match design proportions -- */

.l-custom_alpha {
    margin-top: 30px;
}

.l-custom_beta {
    margin-top: 22px;
}

.l-custom_omega {
    margin-top: 25px;
}

/* -- Internal layout -- */

.l-tri-content--item {
    display: inline-block;
    vertical-align: top;
    width: 32.95%;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

/* inline-block fix for oldIe */
.ie7 .l-tri-content--item {
    
}

/* -- Wrappers -- */

.l-wrapper_fluid {
    width: 100%;
    overflow: hidden;
}

/* -- Non-semantic helpers -- */

.l-hang_right {
    float: right;
    overflow: hidden;
}

.l-hang_left {
    float: left;
    overflow: hidden;
}

.marg-top_15 {
    margin-top: 15px;
}

/* ----------------------------------------- */
/* --------------- Modules ----------------- */
/* ----------------------------------------- */

/* -- Content List -- */
/* As used on the homepage in the top right tabs */

.content-list {
    margin: 0;
}

.content-list--header {
    display: block;
    position: relative;
}

.content-list--item {
    line-height: 1.292; /* 15.5px */
    list-style: none outside none;
    margin-bottom: 1em; /* 12px */
}
.content-list--date {
    color: #666666;
    font-size: 0.917em;
}

/* Customisations */

.content-list_homepage-tabs {
    height: 210px;
}

.content-box_with-button .content-list_homepage-tabs {
    height: 185px;
}

/* -- Inline List -- */

.inline-list {
    font-size: 0; /* Reset font-size for inline list elements */
}

.inline-list > li {
    border-right: 1px solid #b5b5b5;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    padding-right: 10px;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

.ie7 .inline-list > li {
    
}

.inline-list > .last-child {
    border-right: 0 none;
}

/* -- Forms -- */

.modular-search .text_fluid {
    padding: 0 15% 0 5%;
    width: 80%;
}

.modular-search .submit_fluid {
    margin-left: -36px;
}

/* -- Buttons -- */

.button_main {
    background-color: #D9EAF0;
    border: 1px solid #00759b;
    border-radius: 0.417em;
    color: #006080;
    display: inline-block;
    padding: 0.2em 1em;
}

.button_main:hover,
.button_main:focus {
    text-decoration: none;
    color: #fff;
    background-color: #00759b;
}

.button_slider-spacing {
    margin-left: 32px;
}

/* Button large content and related styles */

.button_large-content {
    background: url("") no-repeat scroll right 50% #f1f1f1;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    display: block;
    margin-bottom: 1.250em;
    padding: 0.833em 99px 0.833em 1.833em; /* 10px 100px 10px 22px */
}

.button_large-content:hover {
    text-decoration: none; /* Remove hover for all elements */
}

.button_large-content h3 {
    color: #006080;
    font-size: 1.500em;
    font-weight: normal;
    margin-bottom: 0.278em;
}

.button_large-content:hover h3 {
    text-decoration: underline; /* Add hover underline back in just for h3 */
}

.button_large-content p {
    color: #757575;
    font-size: 0.917em; /* 11px */
    line-height: 1.192; /* 14.3px */
    margin-bottom: 0;
}

/* -- Twitter -- */

.twitter-controls {
    position: absolute;
    opacity: 0;
    right: 0;
    top: -3px;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
}

.twitter-controls-wrapper:hover .twitter-controls {
    opacity: 1;
    visibility: visible;
}

.twitter-controls--item {
    display: inline-block;
    /* IE7 Hack to make sure it works in ie8 compat mode */
    *display: inline;
    *zoom: 1;
}

.ie7 .twitter-controls--item {
    
}

.twitter-controls-wrapper .content-list--details {
    display: block;
    max-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ----------------------------------------- */
/* -------- Slider style overrides --------- */
/* ----------------------------------------- */

/* -- Structure and positioning -- */

.slider {
    margin-top: 0;
}

.tab-container_homepage-secondary .slider {
    min-height: 142px;
    overflow: hidden;
}

.slider .slides {
    height: auto;
}

.slider .slides > li {
    height: auto;
    position: relative;
    width: auto;
}

.slider .slides > li .description p {
    margin: 0;
}

/* -- Navigation -- */

.slider .flex-control-nav {
    bottom: 7px;
}

.slider .flex-control-nav li a {
    background-image: url("../img/homepage-sprite.png");
    background-position: 7px 1px;
    width: 42px;
}

.slider .flex-control-nav li a.flex-active {
    background-position: -50px 0;
}

.slider .flex-control-nav li a:hover {
    cursor: pointer;
}

.slider .flex-control-nav li a:focus {
    outline: thin dotted rgba(0,0,0,0.2);
}

/* ----------------------------------------- */
/* ------------- Slider styles ------------- */
/* ----------------------------------------- */

/* -- Slider with arrows -- */

.slide-content-wrap {
    padding: 0 21px;
}

.slide-content-wrap_extra {
    padding: 0 41px;
}

.flex-direction-nav {
    margin: 0;
    padding: 0;
    height: 0;
}

.flex-prev,
.flex-next {
    background: url("../img/homepage-sprite.png") no-repeat scroll 0 0 transparent;
    height: 101px;
    margin-top: -50px; /* Vertically center */
    position: absolute;
    top: 50%;
    width: 22px;
}

.flex-next {
    background-position: -150px 0;
    right: 0;
}

.flex-next:hover,
.flex-next:focus {
    background-position: -200px 0;
}

.flex-prev {
    background-position: -250px 0;
    left: 0;
}

.flex-prev:hover,
.flex-prev:focus {
    background-position: -300px 0;
}

.flex-prev.flex-disabled:hover,
.flex-prev.flex-disabled:focus {
    background-position: -250px 0;
}

.flex-next.flex-disabled:hover,
.flex-next.flex-disabled:focus {
    background-position: -150px 0;
}

/* -- Slider arrows in tabbed box -- */
/* Use the cascade to check whether in tab box, adjust button positioning */


.tab .flex-next {
    background-position: -199px 0;
    right: 0;
}

.tab .flex-next:hover,
.tab .flex-next:focus {
    background-position: -199px 0;
}

.tab .flex-prev {
    background-position: -301px 0;
    left: 0;
}

.tab .flex-prev:hover,
.tab .flex-prev:focus {
    background-position: -301px 0;
}

.tab .flex-prev.flex-disabled:hover,
.tab .flex-prev.flex-disabled:focus,
.tab .flex-prev.flex-disabled {
    background-position: -251px 0;
    cursor: default;
}

.tab .flex-next.flex-disabled:hover,
.tab .flex-next.flex-disabled:focus,
.tab .flex-next.flex-disabled {
    background-position: -149px 0;
    cursor: default;
}

/* -- Slider no background -- */

.slider_no-bg .slides > li {
    background-image: none;
    background-color: transparent;
}

/* ----------------------------------------- */
/* ----------------- Tabs ------------------ */
/* ----------------------------------------- */

/* Override global styles for tabs on homepage */

.content-box.tabbed-content {
    position: relative;
    width: 100%;
}

.ie7 .tabbed-content.content-box .box-content {
    min-height: 0;
}

/* -- Tab headings -- */

.tabs-normal .tabs-menu {
    background: none repeat scroll 0 0 transparent;
    height: auto;
}

.tabs-normal .tabs-menu li {
    font-size: 1em;
    height: 46px;
}

.tabs-normal .tabs-menu li a {
    background: none repeat scroll 0 0 #F1F1F1;
    padding: 0 0.417em;
}

.tabs-normal .tabs-menu li.ui-tabs-active,
.tabs-normal .tabs-menu li.ui-tabs-active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 0 none;
    border-color: #D9D9D9;
    border-bottom-color: #f2f2f2;
}

.tabs-normal .tabs-menu li.ui-tabs-active.last a {
    border-right: 1px solid #d9d9d9;
}

.boxed .tabs-menu img {
    display: block;
    margin-bottom: 0;
}

/* -- Tab content -- */

.content-box .box-content {
    border: 1px solid #d9d9d9;
    border-top: 0 none;
    border-radius: 0 0 5px 5px;
}

.content-box.tabbed-content .box-content {
    min-height: inherit;
    padding: 15px 20px;
}

.content-box.tabbed-content .box-content_no-side-padding {
    padding: 15px 0;
}

.loading-icon {
  background: url('') scroll no-repeat 0 0 transparent;
  display: block;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}

/* -- Box footer -- */

.box-footer {
    display: none;
}

/* ----------------------------------------- */
/* ----------- Homepage Specific ----------- */
/* ----------------------------------------- */

/* -- Homepage slider styles -- */

/* Structure and positioning */

.slider_homepage .slides li {
    height: 24.000em; /* 288px -  Fixed height to ensure all slides are the same height */
}

.slider_homepage .slides li .description {
    width: 49%;
    margin: 2.250em 0 0 3%; /* 27px margin top */
}

.slider_homepage .slides li .link {
    height: 100%;
    right: 0;
    position: absolute;
    width: 50%;
}

/* Visual */

.slider_homepage .slides > li {
    border-radius: 5px;
}

/* Headings and content */

.slider_homepage .slides li .description h2 {
    font-size: 1.667em; /* 20px */
    font-weight: normal;
    line-height: 1.2; /* 24px */
    margin-bottom: 0;
}
.slider_homepage .slides li .description h2.margin-bottom {
    margin-bottom: 1em; /* 20px */
}


.slider_homepage .slides li .description p {
    font-size: 1.167em; /* 14px */
    line-height: 1.143; /* 16px */
    margin-top: 0;
    margin-left: 0;
}

.slider_homepage .slides li .description p.first-line {
    font-size: 1.333em; /* 16px */
    line-height: 1.125; /* 18px */
    margin-bottom: 2em; /* 32px */
    margin-left: 0;
}

/* -- Tab Styles -- */

.content-box .box-header {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}

/* -- Intro -- */

.intro_homepage {
    height: 3.750em;
    clear: both;
}

.intro_homepage p {
    margin-bottom: 0;
}

/* -- Article Search -- */

.article-search {
    margin-top: 10px;
}

.article-search--wrapper {
    margin-top: 5px;
}

.article-search--title {
    margin-left: 17px;
}

.article-search--checkbox-wrapper {
    margin-right: 15px;
}

.article-search--search-input {
    letter-spacing: -1px;
}

.ie7 .article-search .submit {
    text-transform: capitalize; /* This fixes a bug with IE7 ignoring text-indent... */
}

/* -- Second tabs styles -- */

.tab-container_homepage-secondary .content-box .box-content p {
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 15px;
    -webkit-text-size-adjust: 100%;
}

.js .tab-container_homepage-secondary .tabbed-content .box-content {
    height: 13.500em; /* 162px - Limit the amount of content */
}

.tab-container_homepage-secondary .tabbed-content img {
    margin-bottom: 15px;
}

.tab-container_homepage-secondary .box-content p:last-child {
    clear: none;
}

/* -- Product Layout -- */

.product-layout {
    padding: 0 10px;
}

.boxed .product-layout img {
    margin-bottom: 22px;
}

.product-layout--desc {
    height: 4.167em;
    overflow: hidden;
}

.content-box.tabbed-content .box-content .product-layout--desc {
    margin-bottom: 0.833em;
}
.animantion-image {
    animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.12, 1.12);
    }

    100% {
        transform: scale(1, 1);
    }
}